Use actual packageName for external example imports

packages/react-docs/src/components/documentation.tsx

@@ -322,7 +322,7 @@ export class Documentation extends React.Component<DocumentationProps, Documenta
                         <a href={link} target="_blank" style={{ color: colors.lightBlueA700, textDecoration: 'none' }}>
                             {exportName}
                         </a>
-                        {` } from '${this.props.docsInfo.displayName}'`}
+                        {` } from '${this.props.docsInfo.packageName}'`}
                     </code>
                 </div>
             );

packages/react-docs/src/docs_info.ts

@@ -21,6 +21,7 @@ export class DocsInfo {
     public id: string;
     public type: SupportedDocJson;
     public displayName: string;
+    public packageName: string;
     public packageUrl: string;
     public menu: DocsMenu;
     public sections: SectionsMap;
@@ -31,6 +32,7 @@ export class DocsInfo {
         this.type = config.type;
         this.menu = config.markdownMenu;
         this.displayName = config.displayName;
+        this.packageName = config.packageName;
         this.packageUrl = config.packageUrl;
         this.sections = config.markdownSections;
         this.sectionNameToMarkdownByVersion = config.sectionNameToMarkdownByVersion;

packages/react-docs/src/types.ts

@@ -4,6 +4,7 @@ export interface SectionNameToMarkdownByVersion {
 
 export interface DocsInfoConfig {
     id: string;
+    packageName: string;
     type: SupportedDocJson;
     displayName: string;
     packageUrl: string;
@@ -309,6 +310,7 @@ export interface Metadata {
 }
 
 export interface GeneratedDocJson {
+    version: string;
     metadata: Metadata;
     typedocJson: TypeDocNode;
 }

packages/website/ts/containers/connect_documentation.ts

@@ -6,7 +6,6 @@ import { DocPage as DocPageComponent, DocPageProps } from 'ts/pages/documentatio
 import { Dispatcher } from 'ts/redux/dispatcher';
 import { State } from 'ts/redux/reducer';
 import { DocPackages } from 'ts/types';
-import { constants } from 'ts/utils/constants';
 import { Translate } from 'ts/utils/translate';
 
 /* tslint:disable:no-var-requires */
@@ -21,6 +20,7 @@ const markdownSections = {
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.Connect,
+    packageName: '@0xproject/connect',
     type: SupportedDocJson.TypeDoc,
     displayName: '0x Connect',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',

packages/website/ts/containers/contract_wrappers_documentation.ts

@@ -21,6 +21,7 @@ const markdownSections = {
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.ContractWrappers,
+    packageName: '@0xproject/contract-wrappers',
     type: SupportedDocJson.TypeDoc,
     displayName: 'Contract Wrappers',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',

packages/website/ts/containers/ethereum_types_documentation.ts

@@ -22,6 +22,7 @@ const markdownSections = {
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.EthereumTypes,
+    packageName: 'ethereum-types',
     type: SupportedDocJson.TypeDoc,
     displayName: 'Ethereum Types',
     packageUrl: 'https://github.com/0xProject/0x-monorepo/packages/ethereum-types',

packages/website/ts/containers/json_schemas_documentation.ts

@@ -25,6 +25,7 @@ const markdownSections = {
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.JSONSchemas,
+    packageName: '@0xproject/json-schemas',
     type: SupportedDocJson.TypeDoc,
     displayName: 'JSON Schemas',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',

packages/website/ts/containers/order_utils_documentation.ts

@@ -21,6 +21,7 @@ const markdownSections = {
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.OrderUtils,
+    packageName: '@0xproject/order-utils',
     type: SupportedDocJson.TypeDoc,
     displayName: 'Order utils',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',

packages/website/ts/containers/order_watcher_documentation.ts

@@ -21,6 +21,7 @@ const markdownSections = {
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.OrderWatcher,
+    packageName: '@0xproject/order-watcher',
     type: SupportedDocJson.TypeDoc,
     displayName: 'OrderWatcher',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',

packages/website/ts/containers/smart_contracts_documentation.ts

@@ -15,6 +15,7 @@ const IntroMarkdownV1 = require('md/docs/smart_contracts/1.0.0/introduction');
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.SmartContracts,
+    packageName: 'contracts',
     type: SupportedDocJson.Doxity,
     displayName: '0x Smart Contracts',
     packageUrl: 'https://github.com/0xProject/contracts',

packages/website/ts/containers/sol_compiler_documentation.ts

@@ -22,6 +22,7 @@ const markdownSections = {
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.SolCompiler,
+    packageName: '@0xproject/sol-compiler',
     type: SupportedDocJson.TypeDoc,
     displayName: 'Solidity Compiler',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',

packages/website/ts/containers/sol_cov_documentation.ts

@@ -22,6 +22,7 @@ const markdownSections = {
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.SolCov,
+    packageName: '@0xproject/sol-cov',
     type: SupportedDocJson.TypeDoc,
     displayName: 'Sol-cov',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',

packages/website/ts/containers/subproviders_documentation.ts

@@ -23,6 +23,7 @@ const docSections = {
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.Subproviders,
+    packageName: '@0xproject/subproviders',
     type: SupportedDocJson.TypeDoc,
     displayName: 'Subproviders',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',

packages/website/ts/containers/web3_wrapper_documentation.ts

@@ -21,6 +21,7 @@ const docSections = {
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.Web3Wrapper,
+    packageName: '@0xproject/web3-wrapper',
     type: SupportedDocJson.TypeDoc,
     displayName: 'Web3Wrapper',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',

packages/website/ts/containers/zero_ex_js_documentation.ts

@@ -31,6 +31,7 @@ const markdownSections = {
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.ZeroExJs,
+    packageName: '0x.js',
     type: SupportedDocJson.TypeDoc,
     displayName: '0x.js',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',