Merge pull request #924 from 0xProject/wrap-typedoc

Improved Docs & Removed monorepo-scripts from packages

30 files changed, 379 insertions, 742 deletions

diff --git a/packages/website/md/docs/0xjs/2.0.0/introduction.md b/packages/website/md/docs/0xjs/2.0.0/introduction.md
index b98aeef38..d228c6855 100644
--- a/packages/website/md/docs/0xjs/2.0.0/introduction.md
+++ b/packages/website/md/docs/0xjs/2.0.0/introduction.md
@@ -1,3 +1,3 @@
 <b>**NOTE:** Release candidate versions are meant to work with V2 of 0x protocol. To interact with V1, select a 0.X version.</b>
 
-Welcome to the [0x.js](https://github.com/0xProject/0x-monorepo) documentation! 0x.js is a Javascript library for interacting with the 0x protocol. With it, you can easily make calls to the 0x smart contracts as well as any token adhering to the token standards supported by the protocol (currently ERC20 & ERC721). Functionality includes generating, signing, filling and cancelling orders, verifying an orders signature, setting or checking a users ERC20/ERC721 token balance/allowance and much more.
+Welcome to the [0x.js](https://github.com/0xProject/0x-monorepo/tree/development/packages/0x.js) documentation! 0x.js is a Javascript library for interacting with the 0x protocol. With it, you can easily make calls to the 0x smart contracts as well as any token adhering to the token standards supported by the protocol (currently ERC20 & ERC721). Functionality includes generating, signing, filling and cancelling orders, verifying an orders signature, setting or checking a users ERC20/ERC721 token balance/allowance and much more.
diff --git a/packages/website/md/docs/contract_wrappers/installation.md b/packages/website/md/docs/contract_wrappers/installation.md
new file mode 100644
index 000000000..d5c7fbdba
--- /dev/null
+++ b/packages/website/md/docs/contract_wrappers/installation.md
@@ -0,0 +1,11 @@
+**Install**
+
+```bash
+npm install @0xproject/contract-wrappers --save
+```
+
+**Import**
+
+```javascript
+import { ContractWrappers } from '@0xproject/contract-wrappers';
+```
diff --git a/packages/website/md/docs/contract_wrappers/introduction.md b/packages/website/md/docs/contract_wrappers/introduction.md
new file mode 100644
index 000000000..74254bdad
--- /dev/null
+++ b/packages/website/md/docs/contract_wrappers/introduction.md
@@ -0,0 +1,3 @@
+<b>**NOTE:** Release candidate versions are meant to work with V2 of 0x protocol. To interact with V1, select a 0.X version.</b>
+
+Welcome to the [Contract-wrappers](https://github.com/0xProject/0x-monorepo/tree/development/packages/contract-wrappers) documentation! Contract-wrappers is a library for interacting with the Ethereum smart contracts that make up the 0x protocol. With it, you can easily send transactions and make calls to the 0x smart contracts as well as any token adhering to the token standards supported by the protocol (currently ERC20 & ERC721).
diff --git a/packages/website/md/docs/order_watcher/installation.md b/packages/website/md/docs/order_watcher/installation.md
new file mode 100644
index 000000000..4b28f583d
--- /dev/null
+++ b/packages/website/md/docs/order_watcher/installation.md
@@ -0,0 +1,17 @@
+**Install**
+
+```bash
+yarn add @0xproject/order-watcher
+```
+
+**Import**
+
+```javascript
+import { OrderWatcher } from '@0xproject/order-watcher';
+```
+
+or
+
+```javascript
+var OrderWatcher = require('@0xproject/order-utils').OrderWatcher;
+```
diff --git a/packages/website/md/docs/order_watcher/introduction.md b/packages/website/md/docs/order_watcher/introduction.md
new file mode 100644
index 000000000..f922d922f
--- /dev/null
+++ b/packages/website/md/docs/order_watcher/introduction.md
@@ -0,0 +1 @@
+Welcome to the [@0xproject/order-watcher](https://github.com/0xProject/0x-monorepo/tree/development/packages/order-watcher) documentation! OrderWatcher is a daemon that efficiently watches a set of orders, emitting events whenever the validity of an order changes. It can be used by relayers to prune an orderbook, or by traders to keep orders fetched from a Relayer up-to-date.
diff --git a/packages/website/package.json b/packages/website/package.json
index 2784a0462..57cc4ce4b 100644
--- a/packages/website/package.json
+++ b/packages/website/package.json
@@ -50,7 +50,7 @@
         "react-popper": "^1.0.0-beta.6",
         "react-redux": "^5.0.3",
         "react-router-dom": "^4.1.1",
-        "react-scroll": "^1.5.2",
+        "react-scroll": "0xproject/react-scroll#similar-to-pr-330",
         "react-tap-event-plugin": "^2.0.1",
         "react-tooltip": "^3.2.7",
         "redux": "^3.6.0",
@@ -79,7 +79,7 @@
         "@types/react-helmet": "^5.0.6",
         "@types/react-redux": "^4.4.37",
         "@types/react-router-dom": "^4.0.4",
-        "@types/react-scroll": "0.0.31",
+        "@types/react-scroll": "1.5.3",
         "@types/react-tap-event-plugin": "0.0.30",
         "@types/redux": "^3.6.0",
         "awesome-typescript-loader": "^3.1.3",
diff --git a/packages/website/translations/chinese.json b/packages/website/translations/chinese.json
index 3e9f21370..ed1a6044a 100644
--- a/packages/website/translations/chinese.json
+++ b/packages/website/translations/chinese.json
@@ -13,7 +13,7 @@
     "TRADITIONAL_ASSETS": "传统资产",
     "DIGITAL_GOODS": "数字商品",
     "OFFCHAIN_ORDER_RELAY": "链下订单中继",
-    "OONCHAIN_SETTLEMENT": "链上最终结算",
+    "ONCHAIN_SETTLEMENT": "链上最终结算",
     "OFFCHAIN_ONCHAIN_DESCRIPTION":
         "在 0x 协议中，所有订单都通过链下传输，大幅削减了损耗成本，能够有效避免区块链膨胀。任何人都可以构建中继方，由中继方广播订单，每促成一笔交易，就可以收取一笔交易费。",
     "RELAYERS_HEADER": "基于 0X 协议构建的中继方",
@@ -61,6 +61,9 @@
     "SOL_COV": "Solidity Coverage",
     "ETHEREUM_TYPES": "Ethereum Types",
     "SUBPROVIDERS": "Subproviders",
+    "CONTRACT_WRAPPERS": "Contract Wrappers",
+    "ORDER_WATCHER": "OrderWatcher",
+    "0x.js": "0x.js",
     "BLOG": "博客",
     "FORUM": "论坛",
     "CONNECT": "0x 连接",
diff --git a/packages/website/translations/english.json b/packages/website/translations/english.json
index d94dbb29e..541c29997 100644
--- a/packages/website/translations/english.json
+++ b/packages/website/translations/english.json
@@ -14,7 +14,7 @@
     "TRADITIONAL_ASSETS": "traditional assets",
     "DIGITAL_GOODS": "digital goods",
     "OFFCHAIN_ORDER_RELAY": "off-chain order relay",
-    "OONCHAIN_SETTLEMENT": "on-chain settlement",
+    "ONCHAIN_SETTLEMENT": "on-chain settlement",
     "OFFCHAIN_ONCHAIN_DESCRIPTION":
         "in 0x protocol, orders are transported off-chain, massively reducing gas costs and eliminating blockchain bloat. Relayers help broadcast orders and collect a fee each time they facilitate a trade. Anyone can build a relayer.",
     "RELAYERS_HEADER": "relayers building on 0x",
@@ -62,6 +62,9 @@
     "SOL_COV": "Solidity Coverage",
     "ETHEREUM_TYPES": "Ethereum Types",
     "SUBPROVIDERS": "Subproviders",
+    "CONTRACT_WRAPPERS": "Contract Wrappers",
+    "ORDER_WATCHER": "OrderWatcher",
+    "0X_JS": "0x.js",
     "BLOG": "blog",
     "FORUM": "forum",
     "CONNECT": "0x Connect",
diff --git a/packages/website/translations/korean.json b/packages/website/translations/korean.json
index c38de6677..8892f2dee 100644
--- a/packages/website/translations/korean.json
+++ b/packages/website/translations/korean.json
@@ -13,7 +13,7 @@
     "TRADITIONAL_ASSETS": "전통적 자산",
     "DIGITAL_GOODS": "디지털 상품",
     "OFFCHAIN_ORDER_RELAY": "오프체인 주문 릴레이",
-    "OONCHAIN_SETTLEMENT": "온체인 정산",
+    "ONCHAIN_SETTLEMENT": "온체인 정산",
     "OFFCHAIN_ONCHAIN_DESCRIPTION":
         "0x 프로토콜에서 주문은 오프체인으로 전달되므로, 가스 비용이 대폭 줄고 블록체인이 불필요하게 커지지 않습니다. Relayer는 주문을 브로드캐스팅할 수 있게 해 주고, 주문에서 거래가 진행될 때마다 수수료를 받을 수 있습니다. 누구든지 Relayer를 생성할 수 있습니다.",
     "RELAYERS_HEADER": "0x 기반 Relayer",
@@ -61,6 +61,9 @@
     "SOL_COV": "Solidity Coverage",
     "ETHEREUM_TYPES": "Ethereum Types",
     "SUBPROVIDERS": "Subproviders",
+    "CONTRACT_WRAPPERS": "Contract Wrappers",
+    "ORDER_WATCHER": "OrderWatcher",
+    "0X_JS": "0x.js",
     "BLOG": "블로그",
     "FORUM": "포럼",
     "CONNECT": "0x Connect",
diff --git a/packages/website/translations/russian.json b/packages/website/translations/russian.json
index a7e06d646..41a7a990d 100644
--- a/packages/website/translations/russian.json
+++ b/packages/website/translations/russian.json
@@ -13,7 +13,7 @@
     "TRADITIONAL_ASSETS": "Традиционные активы",
     "DIGITAL_GOODS": "Цифровые товары",
     "OFFCHAIN_ORDER_RELAY": "Офчейн-ордер",
-    "OONCHAIN_SETTLEMENT": "Ончейн-транзакция",
+    "ONCHAIN_SETTLEMENT": "Ончейн-транзакция",
     "OFFCHAIN_ONCHAIN_DESCRIPTION":
         "При использовании протокола 0x ордера проводятся вне блокчейна, что сокращает расходы на газ (топливо) и предотвращает раздувание блокчейна. Релейеры помогают провести ордера и берут комиссию каждый раз, когда способствуют торгам. Любой может создать релейера.",
     "RELAYERS_HEADER": "РЕЛЕЙЕРЫ, РАЗРАБОТАННЫЕ НА 0X",
@@ -61,6 +61,9 @@
     "SOL_COV": "Solidity Coverage",
     "ETHEREUM_TYPES": "Ethereum Types",
     "SUBPROVIDERS": "Subproviders",
+    "CONTRACT_WRAPPERS": "Contract Wrappers",
+    "ORDER_WATCHER": "OrderWatcher",
+    "0X_JS": "0x.js",
     "BLOG": "Блог",
     "FORUM": "Форум",
     "CONNECT": "0x Connect",
diff --git a/packages/website/translations/spanish.json b/packages/website/translations/spanish.json
index 5a8920f61..7780190ac 100644
--- a/packages/website/translations/spanish.json
+++ b/packages/website/translations/spanish.json
@@ -14,7 +14,7 @@
     "TRADITIONAL_ASSETS": "activos tradicionales",
     "DIGITAL_GOODS": "bienes digitales",
     "OFFCHAIN_ORDER_RELAY": "orden retransmisión fuera de cadena",
-    "OONCHAIN_SETTLEMENT": "liquidación en cadena",
+    "ONCHAIN_SETTLEMENT": "liquidación en cadena",
     "OFFCHAIN_ONCHAIN_DESCRIPTION":
         "en el protocolo 0x, las órdenes se transportan fuera de la cadena, lo que reduce enormemente los costos de combustible y elimina el sobredimensionamiento de la cadena de bloques. Los transmisores ayudan a emitir órdenes y a cobrar un cargo cada vez que facilitan un intercambio. Cualquier persona puede crear un transmisor.",
     "RELAYERS_HEADER": "transmisores creados en 0x",
@@ -62,6 +62,9 @@
     "SOL_COV": "Solidity Coverage",
     "ETHEREUM_TYPES": "Ethereum Types",
     "SUBPROVIDERS": "Subproviders",
+    "CONTRACT_WRAPPERS": "Contract Wrappers",
+    "ORDER_WATCHER": "OrderWatcher",
+    "0X_JS": "0x.js",
     "BLOG": "blog",
     "FORUM": "foro",
     "CONNECT": "0x Connect",
diff --git a/packages/website/ts/components/top_bar/top_bar.tsx b/packages/website/ts/components/top_bar/top_bar.tsx
index 646d3fc94..9ef8211a9 100644
--- a/packages/website/ts/components/top_bar/top_bar.tsx
+++ b/packages/website/ts/components/top_bar/top_bar.tsx
@@ -1,5 +1,11 @@
 import { DocsInfo, DocsMenu } from '@0xproject/react-docs';
-import { colors, MenuSubsectionsBySection, NestedSidebarMenu, Styles } from '@0xproject/react-shared';
+import {
+    colors,
+    constants as sharedConstants,
+    MenuSubsectionsBySection,
+    NestedSidebarMenu,
+    Styles,
+} from '@0xproject/react-shared';
 import * as _ from 'lodash';
 import Drawer from 'material-ui/Drawer';
 import Menu from 'material-ui/Menu';
@@ -74,6 +80,20 @@ const styles: Styles = {
     },
 };
 
+const DOC_WEBSITE_PATHS_TO_KEY = {
+    [WebsitePaths.SolCov]: Key.SolCov,
+    [WebsitePaths.SmartContracts]: Key.SmartContracts,
+    [WebsitePaths.Web3Wrapper]: Key.Web3Wrapper,
+    [WebsitePaths.SolCompiler]: Key.SolCompiler,
+    [WebsitePaths.JSONSchemas]: Key.JsonSchemas,
+    [WebsitePaths.Subproviders]: Key.Subproviders,
+    [WebsitePaths.ContractWrappers]: Key.ContractWrappers,
+    [WebsitePaths.Connect]: Key.Connect,
+    [WebsitePaths.ZeroExJs]: Key.ZeroExJs,
+    [WebsitePaths.OrderUtils]: Key.OrderUtils,
+    [WebsitePaths.OrderWatcher]: Key.OrderWatcher,
+};
+
 const DEFAULT_HEIGHT = 68;
 const EXPANDED_HEIGHT = 75;
 
@@ -154,6 +174,28 @@ export class TopBar extends React.Component<TopBarProps, TopBarState> {
                     primaryText={this.props.translate.get(Key.Web3Wrapper, Deco.CapWords)}
                 />
             </Link>,
+            <Link
+                key="subMenuItem-contractWrappers"
+                to={WebsitePaths.ContractWrappers}
+                className="text-decoration-none"
+            >
+                <MenuItem
+                    style={{ fontSize: styles.menuItem.fontSize }}
+                    primaryText={this.props.translate.get(Key.ContractWrappers, Deco.CapWords)}
+                />
+            </Link>,
+            <Link key="subMenuItem-orderUtils" to={WebsitePaths.OrderUtils} className="text-decoration-none">
+                <MenuItem
+                    style={{ fontSize: styles.menuItem.fontSize }}
+                    primaryText={this.props.translate.get(Key.OrderUtils, Deco.CapWords)}
+                />
+            </Link>,
+            <Link key="subMenuItem-orderWatcher" to={WebsitePaths.OrderWatcher} className="text-decoration-none">
+                <MenuItem
+                    style={{ fontSize: styles.menuItem.fontSize }}
+                    primaryText={this.props.translate.get(Key.OrderWatcher, Deco.CapWords)}
+                />
+            </Link>,
             <Link key="subMenuItem-sol-compiler" to={WebsitePaths.SolCompiler} className="text-decoration-none">
                 <MenuItem
                     style={{ fontSize: styles.menuItem.fontSize }}
@@ -334,75 +376,23 @@ export class TopBar extends React.Component<TopBarProps, TopBarState> {
                     <Link to={`${WebsitePaths.Wiki}`} className="text-decoration-none">
                         <MenuItem className="py2">{this.props.translate.get(Key.Wiki, Deco.Cap)}</MenuItem>
                     </Link>
-                    {!this._isViewing0xjsDocs() && (
-                        <Link to={WebsitePaths.ZeroExJs} className="text-decoration-none">
-                            <MenuItem className="py2">0x.js {this.props.translate.get(Key.Docs, Deco.Cap)}</MenuItem>
-                        </Link>
-                    )}
-                    {!this._isViewingConnectDocs() && (
-                        <Link to={WebsitePaths.Connect} className="text-decoration-none">
-                            <MenuItem className="py2">
-                                {this.props.translate.get(Key.Connect, Deco.Cap)}{' '}
-                                {this.props.translate.get(Key.Docs, Deco.Cap)}
-                            </MenuItem>
-                        </Link>
-                    )}
-                    {!this._isViewingSmartContractsDocs() && (
-                        <Link to={WebsitePaths.SmartContracts} className="text-decoration-none">
-                            <MenuItem className="py2">
-                                {this.props.translate.get(Key.SmartContract, Deco.Cap)}{' '}
-                                {this.props.translate.get(Key.Docs, Deco.Cap)}
-                            </MenuItem>
-                        </Link>
-                    )}
-                    {!this._isViewingWeb3WrapperDocs() && (
-                        <Link to={WebsitePaths.Web3Wrapper} className="text-decoration-none">
-                            <MenuItem className="py2">
-                                {this.props.translate.get(Key.Web3Wrapper, Deco.Cap)}{' '}
-                                {this.props.translate.get(Key.Docs, Deco.Cap)}
-                            </MenuItem>
-                        </Link>
-                    )}
-                    {!this._isViewingSolCompilerDocs() && (
-                        <Link to={WebsitePaths.SolCompiler} className="text-decoration-none">
-                            <MenuItem className="py2">
-                                {this.props.translate.get(Key.SolCompiler, Deco.Cap)}{' '}
-                                {this.props.translate.get(Key.Docs, Deco.Cap)}
-                            </MenuItem>
-                        </Link>
-                    )}
-                    {!this._isViewingJsonSchemasDocs() && (
-                        <Link to={WebsitePaths.JSONSchemas} className="text-decoration-none">
-                            <MenuItem className="py2">
-                                {this.props.translate.get(Key.JsonSchemas, Deco.Cap)}{' '}
-                                {this.props.translate.get(Key.Docs, Deco.Cap)}
-                            </MenuItem>
-                        </Link>
-                    )}
-                    {!this._isViewingSolCovDocs() && (
-                        <Link to={WebsitePaths.SolCov} className="text-decoration-none">
-                            <MenuItem className="py2">
-                                {this.props.translate.get(Key.SolCov, Deco.Cap)}{' '}
-                                {this.props.translate.get(Key.Docs, Deco.Cap)}
-                            </MenuItem>
-                        </Link>
-                    )}
-                    {!this._isViewingSubprovidersDocs() && (
-                        <Link to={WebsitePaths.Subproviders} className="text-decoration-none">
-                            <MenuItem className="py2">
-                                {this.props.translate.get(Key.Subproviders, Deco.Cap)}{' '}
-                                {this.props.translate.get(Key.Docs, Deco.Cap)}
-                            </MenuItem>
-                        </Link>
-                    )}
-                    {!this._isViewingEthereumTypesDocs() && (
-                        <Link to={WebsitePaths.EthereumTypes} className="text-decoration-none">
-                            <MenuItem className="py2">
-                                {this.props.translate.get(Key.EthereumTypes, Deco.Cap)}{' '}
-                                {this.props.translate.get(Key.Docs, Deco.Cap)}
-                            </MenuItem>
-                        </Link>
-                    )}
+                    {_.map(DOC_WEBSITE_PATHS_TO_KEY, (key, websitePath) => {
+                        if (!this._doesUrlInclude(websitePath)) {
+                            return (
+                                <Link
+                                    key={`drawer-menu-item-${websitePath}`}
+                                    to={websitePath}
+                                    className="text-decoration-none"
+                                >
+                                    <MenuItem className="py2">
+                                        {this.props.translate.get(key, Deco.Cap)}{' '}
+                                        {this.props.translate.get(Key.Docs, Deco.Cap)}
+                                    </MenuItem>
+                                </Link>
+                            );
+                        }
+                        return null;
+                    })}
                     {!this._isViewingPortal() && (
                         <Link to={`${WebsitePaths.Portal}`} className="text-decoration-none">
                             <MenuItem className="py2">
@@ -429,17 +419,14 @@ export class TopBar extends React.Component<TopBarProps, TopBarState> {
         );
     }
     private _renderDocsMenu(): React.ReactNode {
-        if (
-            (!this._isViewing0xjsDocs() &&
-                !this._isViewingSmartContractsDocs() &&
-                !this._isViewingWeb3WrapperDocs() &&
-                !this._isViewingSolCompilerDocs() &&
-                !this._isViewingJsonSchemasDocs() &&
-                !this._isViewingSolCovDocs() &&
-                !this._isViewingSubprovidersDocs() &&
-                !this._isViewingConnectDocs()) ||
-            _.isUndefined(this.props.menu)
-        ) {
+        const isViewingDocsPage = _.some(DOC_WEBSITE_PATHS_TO_KEY, (_key, websitePath) => {
+            return this._doesUrlInclude(websitePath);
+        });
+        // HACK: We need to make sure the SCROLL_CONTAINER is loaded before rendering the Sidebar
+        // because the sidebar renders `react-scroll` links which depend on the scroll container already
+        // being rendered.
+        const documentationContainer = document.getElementById(sharedConstants.SCROLL_CONTAINER_ID);
+        if (!isViewingDocsPage || _.isUndefined(this.props.menu) || _.isNull(documentationContainer)) {
             return undefined;
         }
         return (
@@ -488,55 +475,21 @@ export class TopBar extends React.Component<TopBarProps, TopBarState> {
     private _isViewingFAQ(): boolean {
         return _.includes(this.props.location.pathname, WebsitePaths.FAQ);
     }
-    private _isViewing0xjsDocs(): boolean {
-        return (
-            _.includes(this.props.location.pathname, WebsitePaths.ZeroExJs) ||
-            _.includes(this.props.location.pathname, WebsiteLegacyPaths.ZeroExJs)
-        );
-    }
-    private _isViewingConnectDocs(): boolean {
-        return _.includes(this.props.location.pathname, WebsitePaths.Connect);
-    }
-    private _isViewingSmartContractsDocs(): boolean {
-        return _.includes(this.props.location.pathname, WebsitePaths.SmartContracts);
-    }
-    private _isViewingWeb3WrapperDocs(): boolean {
-        return (
-            _.includes(this.props.location.pathname, WebsitePaths.Web3Wrapper) ||
-            _.includes(this.props.location.pathname, WebsiteLegacyPaths.Web3Wrapper)
-        );
-    }
-    private _isViewingSolCompilerDocs(): boolean {
-        return _.includes(this.props.location.pathname, WebsitePaths.SolCompiler);
-    }
-    private _isViewingJsonSchemasDocs(): boolean {
-        return _.includes(this.props.location.pathname, WebsitePaths.JSONSchemas);
-    }
-    private _isViewingSolCovDocs(): boolean {
-        return _.includes(this.props.location.pathname, WebsitePaths.SolCov);
-    }
-    private _isViewingSubprovidersDocs(): boolean {
-        return _.includes(this.props.location.pathname, WebsitePaths.Subproviders);
-    }
-    private _isViewingEthereumTypesDocs(): boolean {
-        return _.includes(this.props.location.pathname, WebsitePaths.EthereumTypes);
+    private _doesUrlInclude(aPath: string): boolean {
+        return _.includes(this.props.location.pathname, aPath);
     }
     private _isViewingWiki(): boolean {
         return _.includes(this.props.location.pathname, WebsitePaths.Wiki);
     }
     private _shouldDisplayBottomBar(): boolean {
+        const isViewingDocsPage = _.some(DOC_WEBSITE_PATHS_TO_KEY, (_key, websitePath) => {
+            return this._doesUrlInclude(websitePath);
+        });
         return (
+            isViewingDocsPage ||
             this._isViewingWiki() ||
             this._isViewingFAQ() ||
             this._isViewingDocs() ||
-            this._isViewing0xjsDocs() ||
-            this._isViewingSmartContractsDocs() ||
-            this._isViewingWeb3WrapperDocs() ||
-            this._isViewingSolCompilerDocs() ||
-            this._isViewingJsonSchemasDocs() ||
-            this._isViewingSolCovDocs() ||
-            this._isViewingSubprovidersDocs() ||
-            this._isViewingConnectDocs() ||
             this._isViewingPortal()
         );
     }
diff --git a/packages/website/ts/containers/connect_documentation.ts b/packages/website/ts/containers/connect_documentation.ts
index abf419347..8b13081c6 100644
--- a/packages/website/ts/containers/connect_documentation.ts
+++ b/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 */
@@ -14,69 +13,28 @@ const IntroMarkdownV1 = require('md/docs/connect/1.0.0/introduction');
 const InstallationMarkdownV1 = require('md/docs/connect/1.0.0/installation');
 /* tslint:enable:no-var-requires */
 
-const connectDocSections = {
+const markdownSections = {
     introduction: 'introduction',
     installation: 'installation',
-    httpClient: 'httpClient',
-    webSocketOrderbookChannel: 'webSocketOrderbookChannel',
-    types: docConstants.TYPES_SECTION_NAME,
 };
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.Connect,
+    packageName: '@0xproject/connect',
     type: SupportedDocJson.TypeDoc,
     displayName: '0x Connect',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',
-    menu: {
-        introduction: [connectDocSections.introduction],
-        install: [connectDocSections.installation],
-        httpClient: [connectDocSections.httpClient],
-        webSocketOrderbookChannel: [connectDocSections.webSocketOrderbookChannel],
-        types: [connectDocSections.types],
+    markdownMenu: {
+        introduction: [markdownSections.introduction],
+        install: [markdownSections.installation],
     },
     sectionNameToMarkdownByVersion: {
         '0.0.1': {
-            [connectDocSections.introduction]: IntroMarkdownV1,
-            [connectDocSections.installation]: InstallationMarkdownV1,
+            [markdownSections.introduction]: IntroMarkdownV1,
+            [markdownSections.installation]: InstallationMarkdownV1,
         },
     },
-    sectionNameToModulePath: {
-        [connectDocSections.httpClient]: ['"src/http_client"'],
-        [connectDocSections.webSocketOrderbookChannel]: ['"src/ws_orderbook_channel"'],
-        [connectDocSections.types]: ['"src/types"', '"types/src/index"'],
-    },
-    menuSubsectionToVersionWhenIntroduced: {},
-    sections: connectDocSections,
-    visibleConstructors: [connectDocSections.httpClient, connectDocSections.webSocketOrderbookChannel],
-    typeConfigs: {
-        typeNameToExternalLink: {
-            Provider: constants.URL_WEB3_PROVIDER_DOCS,
-            BigNumber: constants.URL_BIGNUMBERJS_GITHUB,
-        },
-        // Note: This needs to be kept in sync with the types exported in index.ts. Unfortunately there is
-        // currently no way to extract the re-exported types from index.ts via TypeDoc :(
-        publicTypes: [
-            'Client',
-            'FeesRequest',
-            'FeesResponse',
-            'OrderbookChannel',
-            'OrderbookChannelHandler',
-            'OrderbookChannelSubscriptionOpts',
-            'OrderbookRequest',
-            'OrderbookResponse',
-            'OrdersRequest',
-            'OrdersRequestOpts',
-            'PagedRequestOpts',
-            'TokenPairsItem',
-            'TokenPairsRequest',
-            'TokenPairsRequestOpts',
-            'TokenTradeInfo',
-            'WebSocketOrderbookChannelConfig',
-            'Order',
-            'SignedOrder',
-            'ECSignature',
-        ],
-    },
+    markdownSections,
 };
 const docsInfo = new DocsInfo(docsInfoConfig);
 
diff --git a/packages/website/ts/containers/contract_wrappers_documentation.ts b/packages/website/ts/containers/contract_wrappers_documentation.ts
new file mode 100644
index 000000000..fd8599192
--- /dev/null
+++ b/packages/website/ts/containers/contract_wrappers_documentation.ts
@@ -0,0 +1,66 @@
+import { constants as docConstants, DocsInfo, DocsInfoConfig, SupportedDocJson } from '@0xproject/react-docs';
+import * as React from 'react';
+import { connect } from 'react-redux';
+import { Dispatch } from 'redux';
+import { DocPage as DocPageComponent, DocPageProps } from 'ts/pages/documentation/doc_page';
+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 */
+const IntroMarkdown = require('md/docs/contract_wrappers/introduction');
+const InstallMarkdown = require('md/docs/contract_wrappers/installation');
+/* tslint:enable:no-var-requires */
+
+const markdownSections = {
+    introduction: 'introduction',
+    installation: 'installation',
+};
+
+const docsInfoConfig: DocsInfoConfig = {
+    id: DocPackages.ContractWrappers,
+    packageName: '@0xproject/contract-wrappers',
+    type: SupportedDocJson.TypeDoc,
+    displayName: 'Contract Wrappers',
+    packageUrl: 'https://github.com/0xProject/0x-monorepo',
+    markdownMenu: {
+        introduction: [markdownSections.introduction],
+        install: [markdownSections.installation],
+    },
+    sectionNameToMarkdownByVersion: {
+        '0.0.1': {
+            [markdownSections.introduction]: IntroMarkdown,
+            [markdownSections.installation]: InstallMarkdown,
+        },
+    },
+    markdownSections,
+};
+const docsInfo = new DocsInfo(docsInfoConfig);
+
+interface ConnectedState {
+    docsVersion: string;
+    availableDocVersions: string[];
+    docsInfo: DocsInfo;
+    translate: Translate;
+}
+
+interface ConnectedDispatch {
+    dispatcher: Dispatcher;
+}
+
+const mapStateToProps = (state: State, _ownProps: DocPageProps): ConnectedState => ({
+    docsVersion: state.docsVersion,
+    availableDocVersions: state.availableDocVersions,
+    docsInfo,
+    translate: state.translate,
+});
+
+const mapDispatchToProps = (dispatch: Dispatch<State>): ConnectedDispatch => ({
+    dispatcher: new Dispatcher(dispatch),
+});
+
+export const Documentation: React.ComponentClass<DocPageProps> = connect(mapStateToProps, mapDispatchToProps)(
+    DocPageComponent,
+);
diff --git a/packages/website/ts/containers/ethereum_types_documentation.ts b/packages/website/ts/containers/ethereum_types_documentation.ts
index 0be8dd3bc..e0bf9a83e 100644
--- a/packages/website/ts/containers/ethereum_types_documentation.ts
+++ b/packages/website/ts/containers/ethereum_types_documentation.ts
@@ -14,7 +14,7 @@ const IntroMarkdown = require('md/docs/ethereum_types/introduction');
 const InstallationMarkdown = require('md/docs/ethereum_types/installation');
 /* tslint:enable:no-var-requires */
 
-const docSections = {
+const markdownSections = {
     introduction: 'introduction',
     installation: 'installation',
     types: docConstants.TYPES_SECTION_NAME,
@@ -22,78 +22,22 @@ const docSections = {
 
 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',
-    menu: {
-        introduction: [docSections.introduction],
-        install: [docSections.installation],
-        types: [docSections.types],
+    markdownMenu: {
+        introduction: [markdownSections.introduction],
+        install: [markdownSections.installation],
+        types: [markdownSections.types],
     },
     sectionNameToMarkdownByVersion: {
         '0.0.1': {
-            [docSections.introduction]: IntroMarkdown,
-            [docSections.installation]: InstallationMarkdown,
-        },
-    },
-    sectionNameToModulePath: {
-        [docSections.types]: ['"index"'],
-    },
-    visibleConstructors: [],
-    menuSubsectionToVersionWhenIntroduced: {},
-    sections: docSections,
-    typeConfigs: {
-        // Note: This needs to be kept in sync with the types exported in index.ts. Unfortunately there is
-        // currently no way to extract the re-exported types from index.ts via TypeDoc :(
-        publicTypes: [
-            'Provider',
-            'JSONRPCErrorCallback',
-            'Provider',
-            'ContractAbi',
-            'AbiDefinition',
-            'FunctionAbi',
-            'ConstructorStateMutability',
-            'StateMutability',
-            'MethodAbi',
-            'ConstructorAbi',
-            'FallbackAbi',
-            'EventParameter',
-            'EventAbi',
-            'DataItem',
-            'OpCode',
-            // 'StructLog', // TODO: This type breaks the docs so we don't render it for now
-            'TransactionTrace',
-            'Unit',
-            'JSONRPCRequestPayload',
-            'JSONRPCResponsePayload',
-            'BlockWithoutTransactionData',
-            'BlockWithTransactionData',
-            'Transaction',
-            'TxData',
-            'CallData',
-            'FilterObject',
-            'LogTopic',
-            'DecodedLogEntry',
-            'DecodedLogEntryEvent',
-            'LogEntryEvent',
-            'LogEntry',
-            'TxDataPayable',
-            'TransactionReceipt',
-            'AbiType',
-            'ContractEventArg',
-            'DecodedLogArgs',
-            'LogWithDecodedArgs',
-            'RawLog',
-            'BlockParamLiteral',
-            'BlockParam',
-            'RawLogEntry',
-            'SolidityTypes',
-            'TransactionReceiptWithDecodedLogs',
-        ],
-        typeNameToExternalLink: {
-            BigNumber: constants.URL_BIGNUMBERJS_GITHUB,
+            [markdownSections.introduction]: IntroMarkdown,
+            [markdownSections.installation]: InstallationMarkdown,
         },
     },
+    markdownSections,
 };
 const docsInfo = new DocsInfo(docsInfoConfig);
 
diff --git a/packages/website/ts/containers/json_schemas_documentation.ts b/packages/website/ts/containers/json_schemas_documentation.ts
index fe95320a9..f32a50ea9 100644
--- a/packages/website/ts/containers/json_schemas_documentation.ts
+++ b/packages/website/ts/containers/json_schemas_documentation.ts
@@ -16,7 +16,7 @@ const SchemasMarkdownV1 = require('md/docs/json_schemas/1.0.0/schemas');
 const SchemasMarkdownV2 = require('md/docs/json_schemas/2.0.0/schemas');
 /* tslint:enable:no-var-requires */
 
-const docSections = {
+const markdownSections = {
     introduction: 'introduction',
     installation: 'installation',
     usage: 'usage',
@@ -26,45 +26,32 @@ const docSections = {
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.JSONSchemas,
+    packageName: '@0xproject/json-schemas',
     type: SupportedDocJson.TypeDoc,
     displayName: 'JSON Schemas',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',
-    menu: {
-        introduction: [docSections.introduction],
-        install: [docSections.installation],
-        usage: [docSections.usage],
-        schemaValidator: [docSections.schemaValidator],
-        schemas: [docSections.schemas],
+    markdownMenu: {
+        introduction: [markdownSections.introduction],
+        install: [markdownSections.installation],
+        usage: [markdownSections.usage],
+        schemaValidator: [markdownSections.schemaValidator],
+        schemas: [markdownSections.schemas],
     },
     sectionNameToMarkdownByVersion: {
         '0.0.1': {
-            [docSections.introduction]: IntroMarkdownV1,
-            [docSections.installation]: InstallationMarkdownV1,
-            [docSections.schemas]: SchemasMarkdownV1,
-            [docSections.usage]: UsageMarkdownV1,
+            [markdownSections.introduction]: IntroMarkdownV1,
+            [markdownSections.installation]: InstallationMarkdownV1,
+            [markdownSections.schemas]: SchemasMarkdownV1,
+            [markdownSections.usage]: UsageMarkdownV1,
         },
         '1.0.0': {
-            [docSections.introduction]: IntroMarkdownV1,
-            [docSections.installation]: InstallationMarkdownV1,
-            [docSections.schemas]: SchemasMarkdownV2,
-            [docSections.usage]: UsageMarkdownV1,
-        },
-    },
-    sectionNameToModulePath: {
-        [docSections.schemaValidator]: ['"json-schemas/src/schema_validator"'],
-    },
-    menuSubsectionToVersionWhenIntroduced: {},
-    sections: docSections,
-    visibleConstructors: [docSections.schemaValidator],
-    typeConfigs: {
-        // Note: This needs to be kept in sync with the types exported in index.ts. Unfortunately there is
-        // currently no way to extract the re-exported types from index.ts via TypeDoc :(
-        publicTypes: [],
-        typeNameToExternalLink: {
-            Schema:
-                'https://github.com/tdegrunt/jsonschema/blob/5c2edd4baba149964aec0f23c87ad12c25a50dfb/lib/index.d.ts#L49',
+            [markdownSections.introduction]: IntroMarkdownV1,
+            [markdownSections.installation]: InstallationMarkdownV1,
+            [markdownSections.schemas]: SchemasMarkdownV2,
+            [markdownSections.usage]: UsageMarkdownV1,
         },
     },
+    markdownSections,
 };
 const docsInfo = new DocsInfo(docsInfoConfig);
 
diff --git a/packages/website/ts/containers/order_utils_documentation.ts b/packages/website/ts/containers/order_utils_documentation.ts
index c6570f514..47ac35268 100644
--- a/packages/website/ts/containers/order_utils_documentation.ts
+++ b/packages/website/ts/containers/order_utils_documentation.ts
@@ -14,61 +14,28 @@ const IntroMarkdownV1 = require('md/docs/order_utils/1.0.0/introduction');
 const InstallationMarkdownV1 = require('md/docs/order_utils/1.0.0/installation');
 /* tslint:enable:no-var-requires */
 
-const docSections = {
+const markdownSections = {
     introduction: 'introduction',
     installation: 'installation',
-    usage: 'usage',
-    types: 'types',
 };
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.OrderUtils,
+    packageName: '@0xproject/order-utils',
     type: SupportedDocJson.TypeDoc,
     displayName: 'Order utils',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',
-    menu: {
-        introduction: [docSections.introduction],
-        install: [docSections.installation],
-        usage: [docSections.usage],
-        types: [docSections.types],
+    markdownMenu: {
+        introduction: [markdownSections.introduction],
+        install: [markdownSections.installation],
     },
     sectionNameToMarkdownByVersion: {
         '0.0.1': {
-            [docSections.introduction]: IntroMarkdownV1,
-            [docSections.installation]: InstallationMarkdownV1,
-        },
-    },
-    sectionNameToModulePath: {
-        [docSections.usage]: [
-            '"order-utils/src/order_hash"',
-            '"order-utils/src/signature_utils"',
-            '"order-utils/src/order_factory"',
-            '"order-utils/src/salt"',
-            '"order-utils/src/assert"',
-            '"order-utils/src/constants"',
-        ],
-        [docSections.types]: ['"order-utils/src/types"', '"types/src/index"'],
-    },
-    menuSubsectionToVersionWhenIntroduced: {},
-    sections: docSections,
-    visibleConstructors: [],
-    typeConfigs: {
-        // Note: This needs to be kept in sync with the types exported in index.ts. Unfortunately there is
-        // currently no way to extract the re-exported types from index.ts via TypeDoc :(
-        publicTypes: [
-            'OrderError',
-            'Order',
-            'SignedOrder',
-            'ECSignature',
-            'Provider',
-            'JSONRPCRequestPayload',
-            'JSONRPCResponsePayload',
-            'JSONRPCErrorCallback',
-        ],
-        typeNameToExternalLink: {
-            BigNumber: constants.URL_BIGNUMBERJS_GITHUB,
+            [markdownSections.introduction]: IntroMarkdownV1,
+            [markdownSections.installation]: InstallationMarkdownV1,
         },
     },
+    markdownSections,
 };
 const docsInfo = new DocsInfo(docsInfoConfig);
 
diff --git a/packages/website/ts/containers/order_watcher_documentation.ts b/packages/website/ts/containers/order_watcher_documentation.ts
new file mode 100644
index 000000000..2fa2a9d61
--- /dev/null
+++ b/packages/website/ts/containers/order_watcher_documentation.ts
@@ -0,0 +1,66 @@
+import { DocsInfo, DocsInfoConfig, SupportedDocJson } from '@0xproject/react-docs';
+import * as React from 'react';
+import { connect } from 'react-redux';
+import { Dispatch } from 'redux';
+import { DocPage as DocPageComponent, DocPageProps } from 'ts/pages/documentation/doc_page';
+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 */
+const IntroMarkdown = require('md/docs/order_watcher/introduction');
+const InstallationMarkdown = require('md/docs/order_watcher/installation');
+/* tslint:enable:no-var-requires */
+
+const markdownSections = {
+    introduction: 'introduction',
+    installation: 'installation',
+};
+
+const docsInfoConfig: DocsInfoConfig = {
+    id: DocPackages.OrderWatcher,
+    packageName: '@0xproject/order-watcher',
+    type: SupportedDocJson.TypeDoc,
+    displayName: 'OrderWatcher',
+    packageUrl: 'https://github.com/0xProject/0x-monorepo',
+    markdownMenu: {
+        introduction: [markdownSections.introduction],
+        install: [markdownSections.installation],
+    },
+    sectionNameToMarkdownByVersion: {
+        '0.0.1': {
+            [markdownSections.introduction]: IntroMarkdown,
+            [markdownSections.installation]: InstallationMarkdown,
+        },
+    },
+    markdownSections,
+};
+const docsInfo = new DocsInfo(docsInfoConfig);
+
+interface ConnectedState {
+    docsVersion: string;
+    availableDocVersions: string[];
+    docsInfo: DocsInfo;
+    translate: Translate;
+}
+
+interface ConnectedDispatch {
+    dispatcher: Dispatcher;
+}
+
+const mapStateToProps = (state: State, _ownProps: DocPageProps): ConnectedState => ({
+    docsVersion: state.docsVersion,
+    availableDocVersions: state.availableDocVersions,
+    translate: state.translate,
+    docsInfo,
+});
+
+const mapDispatchToProps = (dispatch: Dispatch<State>): ConnectedDispatch => ({
+    dispatcher: new Dispatcher(dispatch),
+});
+
+export const Documentation: React.ComponentClass<DocPageProps> = connect(mapStateToProps, mapDispatchToProps)(
+    DocPageComponent,
+);
diff --git a/packages/website/ts/containers/smart_contracts_documentation.ts b/packages/website/ts/containers/smart_contracts_documentation.ts
index b0a712477..4f4479c83 100644
--- a/packages/website/ts/containers/smart_contracts_documentation.ts
+++ b/packages/website/ts/containers/smart_contracts_documentation.ts
@@ -15,10 +15,11 @@ 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',
-    menu: {
+    markdownMenu: {
         introduction: [Sections.Introduction],
         contracts: [Sections.Exchange, Sections.TokenRegistry, Sections.ZRXToken, Sections.TokenTransferProxy],
     },
@@ -27,14 +28,13 @@ const docsInfoConfig: DocsInfoConfig = {
             [Sections.Introduction]: IntroMarkdownV1,
         },
     },
-    sections: {
+    markdownSections: {
         Introduction: Sections.Introduction,
         Exchange: Sections.Exchange,
         TokenTransferProxy: Sections.TokenTransferProxy,
         TokenRegistry: Sections.TokenRegistry,
         ZRXToken: Sections.ZRXToken,
     },
-    visibleConstructors: [Sections.Exchange, Sections.TokenRegistry, Sections.ZRXToken, Sections.TokenTransferProxy],
     contractsByVersionByNetworkId: {
         '1.0.0': {
             [Networks.Mainnet]: {
diff --git a/packages/website/ts/containers/sol_compiler_documentation.ts b/packages/website/ts/containers/sol_compiler_documentation.ts
index b289c8f34..7cde68e5c 100644
--- a/packages/website/ts/containers/sol_compiler_documentation.ts
+++ b/packages/website/ts/containers/sol_compiler_documentation.ts
@@ -14,47 +14,31 @@ const InstallationMarkdownV1 = require('md/docs/sol-compiler/installation');
 const UsageMarkdown = require('md/docs/sol-compiler/usage');
 /* tslint:enable:no-var-requires */
 
-const docSections = {
+const markdownSections = {
     introduction: 'introduction',
     installation: 'installation',
     usage: 'usage',
-    compiler: 'compiler',
-    types: docConstants.TYPES_SECTION_NAME,
 };
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.SolCompiler,
+    packageName: '@0xproject/sol-compiler',
     type: SupportedDocJson.TypeDoc,
     displayName: 'Solidity Compiler',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',
-    menu: {
-        introduction: [docSections.introduction],
-        install: [docSections.installation],
-        usage: [docSections.usage],
-        compiler: [docSections.compiler],
-        types: [docSections.types],
+    markdownMenu: {
+        introduction: [markdownSections.introduction],
+        install: [markdownSections.installation],
+        usage: [markdownSections.usage],
     },
     sectionNameToMarkdownByVersion: {
         '0.0.1': {
-            [docSections.introduction]: IntroMarkdownV1,
-            [docSections.installation]: InstallationMarkdownV1,
-            [docSections.usage]: UsageMarkdown,
+            [markdownSections.introduction]: IntroMarkdownV1,
+            [markdownSections.installation]: InstallationMarkdownV1,
+            [markdownSections.usage]: UsageMarkdown,
         },
     },
-    sectionNameToModulePath: {
-        [docSections.compiler]: ['"sol-compiler/src/compiler"'],
-        [docSections.types]: ['"sol-compiler/src/utils/types"', '"types/src/index"'],
-    },
-    menuSubsectionToVersionWhenIntroduced: {},
-    sections: docSections,
-    visibleConstructors: [docSections.compiler],
-    typeConfigs: {
-        // Note: This needs to be kept in sync with the types exported in index.ts. Unfortunately there is
-        // currently no way to extract the re-exported types from index.ts via TypeDoc :(
-        publicTypes: ['CompilerOptions'],
-        typeNameToExternalLink: {},
-        typeNameToPrefix: {},
-    },
+    markdownSections,
 };
 const docsInfo = new DocsInfo(docsInfoConfig);
 
diff --git a/packages/website/ts/containers/sol_cov_documentation.ts b/packages/website/ts/containers/sol_cov_documentation.ts
index d78c450ed..a457cbc1e 100644
--- a/packages/website/ts/containers/sol_cov_documentation.ts
+++ b/packages/website/ts/containers/sol_cov_documentation.ts
@@ -14,76 +14,31 @@ const InstallationMarkdownV1 = require('md/docs/sol_cov/installation');
 const UsageMarkdown = require('md/docs/sol_cov/usage');
 /* tslint:enable:no-var-requires */
 
-const docSections = {
+const markdownSections = {
     introduction: 'introduction',
     installation: 'installation',
     usage: 'usage',
-    coverageSubprovider: 'coverageSubprovider',
-    abstractArtifactAdapter: 'abstractArtifactAdapter',
-    solCompilerArtifactAdapter: 'solCompilerArtifactAdapter',
-    truffleArtifactAdapter: 'truffleArtifactAdapter',
-    types: docConstants.TYPES_SECTION_NAME,
 };
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.SolCov,
+    packageName: '@0xproject/sol-cov',
     type: SupportedDocJson.TypeDoc,
     displayName: 'Sol-cov',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',
-    menu: {
-        introduction: [docSections.introduction],
-        install: [docSections.installation],
-        usage: [docSections.usage],
-        'coverage-subprovider': [docSections.coverageSubprovider],
-        'abstract-artifact-adapter': [docSections.abstractArtifactAdapter],
-        'sol-compiler-artifact-adapter': [docSections.solCompilerArtifactAdapter],
-        'truffle-artifact-adapter': [docSections.truffleArtifactAdapter],
-        types: [docSections.types],
+    markdownMenu: {
+        introduction: [markdownSections.introduction],
+        install: [markdownSections.installation],
+        usage: [markdownSections.usage],
     },
     sectionNameToMarkdownByVersion: {
         '0.0.1': {
-            [docSections.introduction]: IntroMarkdownV1,
-            [docSections.installation]: InstallationMarkdownV1,
-            [docSections.usage]: UsageMarkdown,
-        },
-    },
-    sectionNameToModulePath: {
-        [docSections.coverageSubprovider]: ['"sol-cov/src/coverage_subprovider"'],
-        [docSections.abstractArtifactAdapter]: ['"sol-cov/src/artifact_adapters/abstract_artifact_adapter"'],
-        [docSections.solCompilerArtifactAdapter]: ['"sol-cov/src/artifact_adapters/sol_compiler_artifact_adapter"'],
-        [docSections.truffleArtifactAdapter]: ['"sol-cov/src/artifact_adapters/truffle_artifact_adapter"'],
-        [docSections.types]: ['"subproviders/src/types"', '"types/src/index"'],
-    },
-    menuSubsectionToVersionWhenIntroduced: {},
-    sections: docSections,
-    visibleConstructors: [
-        docSections.coverageSubprovider,
-        docSections.abstractArtifactAdapter,
-        docSections.solCompilerArtifactAdapter,
-        docSections.truffleArtifactAdapter,
-    ],
-    typeConfigs: {
-        // Note: This needs to be kept in sync with the types exported in index.ts. Unfortunately there is
-        // currently no way to extract the re-exported types from index.ts via TypeDoc :(
-        publicTypes: [
-            'JSONRPCRequestPayload',
-            'NextCallback',
-            'ErrorCallback',
-            'AbstractArtifactAdapter',
-            'CoverageSubprovider',
-            'TruffleArtifactAdapter',
-            'SolCompilerArtifactAdapter',
-            'ContractData',
-        ],
-        typeNameToExternalLink: {},
-        typeNameToPrefix: {},
-        typeNameToDocSection: {
-            AbstractArtifactAdapter: docSections.abstractArtifactAdapter,
-            CoverageSubprovider: docSections.coverageSubprovider,
-            TruffleArtifactAdapter: docSections.truffleArtifactAdapter,
-            SolCompilerArtifactAdapter: docSections.solCompilerArtifactAdapter,
+            [markdownSections.introduction]: IntroMarkdownV1,
+            [markdownSections.installation]: InstallationMarkdownV1,
+            [markdownSections.usage]: UsageMarkdown,
         },
     },
+    markdownSections,
 };
 const docsInfo = new DocsInfo(docsInfoConfig);
 
diff --git a/packages/website/ts/containers/subproviders_documentation.ts b/packages/website/ts/containers/subproviders_documentation.ts
index 0e9150d7b..43f06b4ed 100644
--- a/packages/website/ts/containers/subproviders_documentation.ts
+++ b/packages/website/ts/containers/subproviders_documentation.ts
@@ -18,44 +18,19 @@ const LedgerNodeHidMarkdown = require('md/docs/subproviders/ledger_node_hid');
 const docSections = {
     introduction: 'introduction',
     installation: 'installation',
-    subprovider: 'subprovider',
-    ledgerSubprovider: 'ledgerSubprovider',
     ledgerNodeHid: 'ledger-node-hid-issue',
-    factoryMethods: 'factory-methods',
-    emptyWalletSubprovider: 'emptyWalletSubprovider',
-    fakeGasEstimateSubprovider: 'fakeGasEstimateSubprovider',
-    injectedWeb3Subprovider: 'injectedWeb3Subprovider',
-    signerSubprovider: 'signerSubprovider',
-    redundantRPCSubprovider: 'redundantRPCSubprovider',
-    ganacheSubprovider: 'ganacheSubprovider',
-    nonceTrackerSubprovider: 'nonceTrackerSubprovider',
-    privateKeyWalletSubprovider: 'privateKeyWalletSubprovider',
-    mnemonicWalletSubprovider: 'mnemonicWalletSubprovider',
-    types: docConstants.TYPES_SECTION_NAME,
 };
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.Subproviders,
+    packageName: '@0xproject/subproviders',
     type: SupportedDocJson.TypeDoc,
     displayName: 'Subproviders',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',
-    menu: {
+    markdownMenu: {
         introduction: [docSections.introduction],
         install: [docSections.installation],
-        subprovider: [docSections.subprovider],
-        ['ledger-subprovider']: [docSections.ledgerSubprovider],
         ['ledger-node-hid-issue']: [docSections.ledgerNodeHid],
-        ['private-key-wallet-subprovider']: [docSections.privateKeyWalletSubprovider],
-        ['mnemonic-wallet-subprovider']: [docSections.mnemonicWalletSubprovider],
-        ['factory-methods']: [docSections.factoryMethods],
-        ['emptyWallet-subprovider']: [docSections.emptyWalletSubprovider],
-        ['fakeGasEstimate-subprovider']: [docSections.fakeGasEstimateSubprovider],
-        ['injectedWeb3-subprovider']: [docSections.injectedWeb3Subprovider],
-        ['signer-subprovider']: [docSections.signerSubprovider],
-        ['redundantRPC-subprovider']: [docSections.redundantRPCSubprovider],
-        ['ganache-subprovider']: [docSections.ganacheSubprovider],
-        ['nonceTracker-subprovider']: [docSections.nonceTrackerSubprovider],
-        types: [docSections.types],
     },
     sectionNameToMarkdownByVersion: {
         '0.0.1': {
@@ -64,61 +39,7 @@ const docsInfoConfig: DocsInfoConfig = {
             [docSections.ledgerNodeHid]: LedgerNodeHidMarkdown,
         },
     },
-    sectionNameToModulePath: {
-        [docSections.subprovider]: ['"subproviders/src/subproviders/subprovider"'],
-        [docSections.ledgerSubprovider]: ['"subproviders/src/subproviders/ledger"'],
-        [docSections.privateKeyWalletSubprovider]: ['"subproviders/src/subproviders/private_key_wallet"'],
-        [docSections.mnemonicWalletSubprovider]: ['"subproviders/src/subproviders/mnemonic_wallet"'],
-        [docSections.factoryMethods]: ['"subproviders/src/index"'],
-        [docSections.emptyWalletSubprovider]: ['"subproviders/src/subproviders/empty_wallet_subprovider"'],
-        [docSections.fakeGasEstimateSubprovider]: ['"subproviders/src/subproviders/fake_gas_estimate_subprovider"'],
-        [docSections.injectedWeb3Subprovider]: ['"subproviders/src/subproviders/injected_web3"'],
-        [docSections.signerSubprovider]: ['"subproviders/src/subproviders/signer"'],
-        [docSections.redundantRPCSubprovider]: ['"subproviders/src/subproviders/redundant_rpc"'],
-        [docSections.ganacheSubprovider]: ['"subproviders/src/subproviders/ganache"'],
-        [docSections.nonceTrackerSubprovider]: ['"subproviders/src/subproviders/nonce_tracker"'],
-        [docSections.types]: ['"sol-compiler/src/utils/types"', '"types/src/index"', '"subproviders/src/types"'],
-    },
-    menuSubsectionToVersionWhenIntroduced: {},
-    sections: docSections,
-    visibleConstructors: [
-        docSections.subprovider,
-        docSections.ledgerSubprovider,
-        docSections.privateKeyWalletSubprovider,
-        docSections.mnemonicWalletSubprovider,
-        docSections.emptyWalletSubprovider,
-        docSections.fakeGasEstimateSubprovider,
-        docSections.injectedWeb3Subprovider,
-        docSections.redundantRPCSubprovider,
-        docSections.ganacheSubprovider,
-        docSections.nonceTrackerSubprovider,
-    ],
-    typeConfigs: {
-        // Note: This needs to be kept in sync with the types exported in index.ts. Unfortunately there is
-        // currently no way to extract the re-exported types from index.ts via TypeDoc :(
-        publicTypes: [
-            'Callback',
-            'NextCallback',
-            'ErrorCallback',
-            'ECSignature',
-            'JSONRPCRequestPayloadWithMethod',
-            'JSONRPCRequestPayload',
-            'JSONRPCResponsePayload',
-            'AccountFetchingConfigs',
-            'LedgerEthereumClientFactoryAsync',
-            'PartialTxParams',
-            'LedgerEthereumClient',
-            'LedgerSubproviderConfigs',
-            'MnemonicWalletSubproviderConfigs',
-            'OnNextCompleted',
-            'Provider',
-        ],
-        typeNameToExternalLink: {
-            Web3: constants.URL_WEB3_DOCS,
-            BigNumber: constants.URL_BIGNUMBERJS_GITHUB,
-        },
-        typeNameToPrefix: {},
-    },
+    markdownSections: docSections,
 };
 const docsInfo = new DocsInfo(docsInfoConfig);
 
diff --git a/packages/website/ts/containers/web3_wrapper_documentation.ts b/packages/website/ts/containers/web3_wrapper_documentation.ts
index 8d98d9476..13924fde8 100644
--- a/packages/website/ts/containers/web3_wrapper_documentation.ts
+++ b/packages/website/ts/containers/web3_wrapper_documentation.ts
@@ -17,20 +17,17 @@ const InstallationMarkdownV1 = require('md/docs/web3_wrapper/installation');
 const docSections = {
     introduction: 'introduction',
     installation: 'installation',
-    web3Wrapper: 'web3Wrapper',
-    types: docConstants.TYPES_SECTION_NAME,
 };
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.Web3Wrapper,
+    packageName: '@0xproject/web3-wrapper',
     type: SupportedDocJson.TypeDoc,
     displayName: 'Web3Wrapper',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',
-    menu: {
+    markdownMenu: {
         introduction: [docSections.introduction],
         install: [docSections.installation],
-        web3Wrapper: [docSections.web3Wrapper],
-        types: [docSections.types],
     },
     sectionNameToMarkdownByVersion: {
         '0.0.1': {
@@ -38,61 +35,7 @@ const docsInfoConfig: DocsInfoConfig = {
             [docSections.installation]: InstallationMarkdownV1,
         },
     },
-    sectionNameToModulePath: {
-        [docSections.web3Wrapper]: ['"web3-wrapper/src/web3_wrapper"'],
-        [docSections.types]: ['"types/src/index"'],
-    },
-    menuSubsectionToVersionWhenIntroduced: {},
-    sections: docSections,
-    visibleConstructors: [docSections.web3Wrapper],
-    typeConfigs: {
-        // Note: This needs to be kept in sync with the types exported in index.ts. Unfortunately there is
-        // currently no way to extract the re-exported types from index.ts via TypeDoc :(
-        publicTypes: [
-            'TxData',
-            'TransactionReceipt',
-            'RawLogEntry',
-            'ContractAbi',
-            'BlockParam',
-            'FilterObject',
-            'LogEntry',
-            'BlockWithoutTransactionData',
-            'CallData',
-            'LogEntryEvent',
-            'Provider',
-            'AbiDefinition',
-            'LogTopic',
-            'JSONRPCRequestPayload',
-            'JSONRPCResponsePayload',
-            'BlockParamLiteral',
-            'FunctionAbi',
-            'EventAbi',
-            'JSONRPCErrorCallback',
-            'MethodAbi',
-            'ConstructorAbi',
-            'FallbackAbi',
-            'EventParameter',
-            'DataItem',
-            'StateMutability',
-            'Function',
-            'Fallback',
-            'Constructor',
-            'Event',
-            'ConstructorStateMutability',
-            'TransactionReceiptWithDecodedLogs',
-            'DecodedLogArgs',
-            'LogWithDecodedArgs',
-            'ContractEventArg',
-        ],
-        typeNameToExternalLink: {
-            Web3: constants.URL_WEB3_DOCS,
-            BigNumber: constants.URL_BIGNUMBERJS_GITHUB,
-        },
-        typeNameToPrefix: {},
-        typeNameToDocSection: {
-            Web3Wrapper: docSections.web3Wrapper,
-        },
-    },
+    markdownSections: docSections,
 };
 const docsInfo = new DocsInfo(docsInfoConfig);
 
diff --git a/packages/website/ts/containers/zero_ex_js_documentation.ts b/packages/website/ts/containers/zero_ex_js_documentation.ts
index 6be54595d..367d3e064 100644
--- a/packages/website/ts/containers/zero_ex_js_documentation.ts
+++ b/packages/website/ts/containers/zero_ex_js_documentation.ts
@@ -20,221 +20,44 @@ const IntroMarkdownV2 = require('md/docs/0xjs/2.0.0/introduction');
 const versioningMarkdownV2 = require('md/docs/0xjs/2.0.0/versioning');
 /* tslint:enable:no-var-requires */
 
-const zeroExJsDocSections = {
+const markdownSections = {
     introduction: 'introduction',
     installation: 'installation',
     testrpc: 'testrpc',
     async: 'async',
     errors: 'errors',
     versioning: 'versioning',
-    zeroEx: 'zeroEx',
-    exchange: 'exchange',
-    token: 'token',
-    tokenRegistry: 'tokenRegistry',
-    etherToken: 'etherToken',
-    proxy: 'proxy',
-    orderWatcher: 'orderWatcher',
-    types: docConstants.TYPES_SECTION_NAME,
 };
 
 const docsInfoConfig: DocsInfoConfig = {
     id: DocPackages.ZeroExJs,
+    packageName: '0x.js',
     type: SupportedDocJson.TypeDoc,
     displayName: '0x.js',
     packageUrl: 'https://github.com/0xProject/0x-monorepo',
-    menu: {
-        introduction: [zeroExJsDocSections.introduction],
-        install: [zeroExJsDocSections.installation],
-        topics: [zeroExJsDocSections.async, zeroExJsDocSections.errors, zeroExJsDocSections.versioning],
-        zeroEx: [zeroExJsDocSections.zeroEx],
-        contracts: [
-            zeroExJsDocSections.exchange,
-            zeroExJsDocSections.token,
-            zeroExJsDocSections.tokenRegistry,
-            zeroExJsDocSections.etherToken,
-            zeroExJsDocSections.proxy,
-        ],
-        orderWatcher: [zeroExJsDocSections.orderWatcher],
-        types: [zeroExJsDocSections.types],
+    markdownMenu: {
+        introduction: [markdownSections.introduction],
+        install: [markdownSections.installation],
+        topics: [markdownSections.async, markdownSections.errors, markdownSections.versioning],
     },
     sectionNameToMarkdownByVersion: {
         '0.0.1': {
-            [zeroExJsDocSections.introduction]: IntroMarkdownV1,
-            [zeroExJsDocSections.installation]: InstallationMarkdownV1,
-            [zeroExJsDocSections.async]: AsyncMarkdownV1,
-            [zeroExJsDocSections.errors]: ErrorsMarkdownV1,
-            [zeroExJsDocSections.versioning]: versioningMarkdownV1,
+            [markdownSections.introduction]: IntroMarkdownV1,
+            [markdownSections.installation]: InstallationMarkdownV1,
+            [markdownSections.async]: AsyncMarkdownV1,
+            [markdownSections.errors]: ErrorsMarkdownV1,
+            [markdownSections.versioning]: versioningMarkdownV1,
         },
         '1.0.0-rc.1': {
-            [zeroExJsDocSections.introduction]: IntroMarkdownV2,
-            [zeroExJsDocSections.versioning]: versioningMarkdownV2,
+            [markdownSections.introduction]: IntroMarkdownV2,
+            [markdownSections.versioning]: versioningMarkdownV2,
             // These are the same as for V1
-            [zeroExJsDocSections.installation]: InstallationMarkdownV1,
-            [zeroExJsDocSections.async]: AsyncMarkdownV1,
-            [zeroExJsDocSections.errors]: ErrorsMarkdownV1,
-        },
-    },
-    sectionNameToModulePath: {
-        [zeroExJsDocSections.zeroEx]: ['"0x.js/src/0x"', '"src/0x"'],
-        [zeroExJsDocSections.exchange]: [
-            '"0x.js/src/contract_wrappers/exchange_wrapper"',
-            '"src/contract_wrappers/exchange_wrapper"',
-            '"contract-wrappers/src/contract_wrappers/exchange_wrapper"',
-        ],
-        [zeroExJsDocSections.tokenRegistry]: [
-            '"0x.js/src/contract_wrappers/token_registry_wrapper"',
-            '"src/contract_wrappers/token_registry_wrapper"',
-            '"contract-wrappers/src/contract_wrappers/token_registry_wrapper"',
-        ],
-        [zeroExJsDocSections.token]: [
-            '"0x.js/src/contract_wrappers/token_wrapper"',
-            '"src/contract_wrappers/token_wrapper"',
-            '"contract-wrappers/src/contract_wrappers/token_wrapper"',
-        ],
-        [zeroExJsDocSections.etherToken]: [
-            '"0x.js/src/contract_wrappers/ether_token_wrapper"',
-            '"src/contract_wrappers/ether_token_wrapper"',
-            '"contract-wrappers/src/contract_wrappers/ether_token_wrapper"',
-        ],
-        [zeroExJsDocSections.proxy]: [
-            '"0x.js/src/contract_wrappers/proxy_wrapper"',
-            '"0x.js/src/contract_wrappers/token_transfer_proxy_wrapper"',
-            '"contract-wrappers/src/contract_wrappers/token_transfer_proxy_wrapper"',
-        ],
-        [zeroExJsDocSections.orderWatcher]: [
-            '"0x.js/src/order_watcher/order_state_watcher"',
-            '"src/order_watcher/order_state_watcher"',
-            '"order-watcher/src/order_watcher/order_watcher"',
-        ],
-        [zeroExJsDocSections.types]: [
-            '"0x.js/src/types"',
-            '"src/types"',
-            '"types/src/index"',
-            '"contract-wrappers/src/types"',
-            '"0x.js/src/contract_wrappers/generated/ether_token"',
-            '"0x.js/src/contract_wrappers/generated/token"',
-            '"0x.js/src/contract_wrappers/generated/exchange"',
-            '"0x.js/src/generated_contract_wrappers/ether_token"',
-            '"0x.js/src/generated_contract_wrappers/token"',
-            '"0x.js/src/generated_contract_wrappers/exchange"',
-        ],
-    },
-    menuSubsectionToVersionWhenIntroduced: {
-        [zeroExJsDocSections.etherToken]: '0.7.1',
-        [zeroExJsDocSections.proxy]: '0.8.0',
-        [zeroExJsDocSections.orderWatcher]: '0.27.1',
-    },
-    sections: zeroExJsDocSections,
-    visibleConstructors: [zeroExJsDocSections.zeroEx],
-    typeConfigs: {
-        // Note: This needs to be kept in sync with the types exported in index.ts. Unfortunately there is
-        // currently no way to extract the re-exported types from index.ts via TypeDoc :( Make sure to only
-        // ADD types here, DO NOT REMOVE types since they might still be needed for older supported versions
-        publicTypes: [
-            'Order',
-            'SignedOrder',
-            'ECSignature',
-            'ContractWrappersError',
-            'EventCallback',
-            'EventCallbackAsync',
-            'EventCallbackSync',
-            'ExchangeContractErrs',
-            'ContractEvent',
-            'Token',
-            'Provider',
-            'ExchangeEvents',
-            'IndexedFilterValues',
-            'SubscriptionOpts',
-            'BlockRange',
-            'BlockParam',
-            'OrderFillOrKillRequest',
-            'OrderCancellationRequest',
-            'OrderFillRequest',
-            'ContractEventEmitter',
-            'Web3Provider',
-            'ContractEventArgs',
-            'LogCancelArgs',
-            'LogFillArgs',
-            'LogErrorContractEventArgs',
-            'LogFillContractEventArgs',
-            'LogCancelContractEventArgs',
-            'EtherTokenContractEventArgs',
-            'WithdrawalContractEventArgs',
-            'DepositContractEventArgs',
-            'TokenEvents',
-            'ExchangeContractEventArgs',
-            'TransferContractEventArgs',
-            'ApprovalContractEventArgs',
-            'TokenContractEventArgs',
-            'ZeroExConfig',
-            'TransactionReceipt',
-            'TransactionReceiptWithDecodedLogs',
-            'LogWithDecodedArgs',
-            'EtherTokenEvents',
-            'BlockParamLiteral',
-            'DecodedLogArgs',
-            'MethodOpts',
-            'ValidateOrderFillableOpts',
-            'OrderTransactionOpts',
-            'TransactionOpts',
-            'ContractEventArg',
-            'LogEvent',
-            'DecodedLogEvent',
-            'EventWatcherCallback',
-            'OnOrderStateChangeCallback',
-            'OrderStateValid',
-            'OrderStateInvalid',
-            'OrderState',
-            'OrderStateWatcherConfig',
-            'OrderWatcherConfig',
-            'FilterObject',
-            'OrderRelevantState',
-            'JSONRPCRequestPayload',
-            'JSONRPCResponsePayload',
-            'JSONRPCErrorCallback',
-            'LogEntryEvent',
-            'LogEntry',
-            'ERC20AssetData',
-            'ERC721AssetData',
-            'AssetProxyId',
-            'WETH9Events',
-            'WETH9WithdrawalEventArgs',
-            'WETH9ApprovalEventArgs',
-            'WETH9EventArgs',
-            'WETH9DepositEventArgs',
-            'WETH9TransferEventArgs',
-            'ERC20TokenTransferEventArgs',
-            'ERC20TokenApprovalEventArgs',
-            'ERC20TokenEvents',
-            'ERC20TokenEventArgs',
-            'ERC721TokenApprovalEventArgs',
-            'ERC721TokenApprovalForAllEventArgs',
-            'ERC721TokenTransferEventArgs',
-            'ERC721TokenEvents',
-            'ExchangeCancelUpToEventArgs',
-            'ExchangeAssetProxyRegisteredEventArgs',
-            'ExchangeFillEventArgs',
-            'ExchangeCancelEventArgs',
-            'ExchangeEventArgs',
-            'ContractWrappersConfig',
-            'MessagePrefixType',
-            'MessagePrefixOpts',
-            'OrderInfo',
-        ],
-        typeNameToPrefix: {},
-        typeNameToExternalLink: {
-            BigNumber: constants.URL_BIGNUMBERJS_GITHUB,
-        },
-        typeNameToDocSection: {
-            ExchangeWrapper: 'exchange',
-            TokenWrapper: 'token',
-            TokenRegistryWrapper: 'tokenRegistry',
-            EtherTokenWrapper: 'etherToken',
-            ProxyWrapper: 'proxy',
-            TokenTransferProxyWrapper: 'proxy',
-            OrderStateWatcher: 'orderWatcher',
+            [markdownSections.installation]: InstallationMarkdownV1,
+            [markdownSections.async]: AsyncMarkdownV1,
+            [markdownSections.errors]: ErrorsMarkdownV1,
         },
     },
+    markdownSections,
 };
 const docsInfo = new DocsInfo(docsInfoConfig);
 
diff --git a/packages/website/ts/index.tsx b/packages/website/ts/index.tsx
index c6d10452f..981c6f2cb 100644
--- a/packages/website/ts/index.tsx
+++ b/packages/website/ts/index.tsx
@@ -38,6 +38,12 @@ const LazyPortal = createLazyComponent('Portal', async () =>
 const LazyZeroExJSDocumentation = createLazyComponent('Documentation', async () =>
     System.import<any>(/* webpackChunkName: "zeroExDocs" */ 'ts/containers/zero_ex_js_documentation'),
 );
+const LazyContractWrappersDocumentation = createLazyComponent('Documentation', async () =>
+    System.import<any>(/* webpackChunkName: "contractWrapperDocs" */ 'ts/containers/contract_wrappers_documentation'),
+);
+const LazyOrderWatcherDocumentation = createLazyComponent('Documentation', async () =>
+    System.import<any>(/* webpackChunkName: "orderWatcherDocs" */ 'ts/containers/order_watcher_documentation'),
+);
 const LazySmartContractsDocumentation = createLazyComponent('Documentation', async () =>
     System.import<any>(/* webpackChunkName: "smartContractDocs" */ 'ts/containers/smart_contracts_documentation'),
 );
@@ -90,6 +96,14 @@ render(
                                     component={LazyZeroExJSDocumentation}
                                 />
                                 <Route
+                                    path={`${WebsitePaths.ContractWrappers}/:version?`}
+                                    component={LazyContractWrappersDocumentation}
+                                />
+                                <Route
+                                    path={`${WebsitePaths.OrderWatcher}/:version?`}
+                                    component={LazyOrderWatcherDocumentation}
+                                />
+                                <Route
                                     path={`${WebsitePaths.Connect}/:version?`}
                                     component={LazyConnectDocumentation}
                                 />
@@ -137,7 +151,6 @@ render(
                                     component={LazySolCompilerDocumentation}
                                 />
                                 <Route path={WebsiteLegacyPaths.Jobs} component={Jobs as any} />
-                                <Route path={`${WebsitePaths.Docs}`} component={LazyZeroExJSDocumentation} />
                                 <Route component={NotFound as any} />
                             </Switch>
                         </div>
diff --git a/packages/website/ts/pages/documentation/doc_page.tsx b/packages/website/ts/pages/documentation/doc_page.tsx
index 8159bbd49..9c144b93f 100644
--- a/packages/website/ts/pages/documentation/doc_page.tsx
+++ b/packages/website/ts/pages/documentation/doc_page.tsx
@@ -28,11 +28,13 @@ const docIdToSubpackageName: { [id: string]: string } = {
     [DocPackages.Connect]: 'connect',
     [DocPackages.SmartContracts]: 'contracts',
     [DocPackages.Web3Wrapper]: 'web3-wrapper',
+    [DocPackages.ContractWrappers]: 'contract-wrappers',
     [DocPackages.SolCompiler]: 'sol-compiler',
     [DocPackages.JSONSchemas]: 'json-schemas',
     [DocPackages.SolCov]: 'sol-cov',
     [DocPackages.Subproviders]: 'subproviders',
     [DocPackages.OrderUtils]: 'order-utils',
+    [DocPackages.OrderWatcher]: 'order-watcher',
     [DocPackages.EthereumTypes]: 'ethereum-types',
 };
 
@@ -84,7 +86,7 @@ export class DocPage extends React.Component<DocPageProps, DocPageState> {
                     location={this.props.location}
                     docsVersion={this.props.docsVersion}
                     availableDocVersions={this.props.availableDocVersions}
-                    menu={this.props.docsInfo.getMenu(this.props.docsVersion)}
+                    menu={this.props.docsInfo.menu}
                     menuSubsectionsBySection={menuSubsectionsBySection}
                     docsInfo={this.props.docsInfo}
                     translate={this.props.translate}
diff --git a/packages/website/ts/pages/landing/landing.tsx b/packages/website/ts/pages/landing/landing.tsx
index 2a51ee3c0..78f5fc3c1 100644
--- a/packages/website/ts/pages/landing/landing.tsx
+++ b/packages/website/ts/pages/landing/landing.tsx
@@ -436,7 +436,7 @@ export class Landing extends React.Component<LandingProps, LandingState> {
                                 style={{ fontFamily: 'Roboto Mono' }}
                             >
                                 <div>{this.props.translate.get(Key.OffChainOrderRelay, Deco.Cap)}</div>
-                                <div> {this.props.translate.get(Key.OonChainSettlement, Deco.Cap)}</div>
+                                <div> {this.props.translate.get(Key.OnChainSettlement, Deco.Cap)}</div>
                             </div>
                             <div
                                 className="pb2 pt2 h5 sm-center sm-px3 sm-mx-auto"
diff --git a/packages/website/ts/redux/reducer.ts b/packages/website/ts/redux/reducer.ts
index caddabcf0..1bc4611e0 100644
--- a/packages/website/ts/redux/reducer.ts
+++ b/packages/website/ts/redux/reducer.ts
@@ -1,4 +1,4 @@
-import { constants, generatePseudoRandomSalt } from '@0xproject/order-utils';
+import { generatePseudoRandomSalt } from '@0xproject/order-utils';
 import { ECSignature } from '@0xproject/types';
 import { BigNumber } from '@0xproject/utils';
 import * as _ from 'lodash';
@@ -14,6 +14,7 @@ import {
     SideToAssetToken,
     TokenByAddress,
 } from 'ts/types';
+import { constants } from 'ts/utils/constants';
 import { Translate } from 'ts/utils/translate';
 import { utils } from 'ts/utils/utils';
 
diff --git a/packages/website/ts/types.ts b/packages/website/ts/types.ts
index e1b5be39a..c637171dd 100644
--- a/packages/website/ts/types.ts
+++ b/packages/website/ts/types.ts
@@ -371,6 +371,8 @@ export enum WebsitePaths {
     SmartContracts = '/docs/contracts',
     Connect = '/docs/connect',
     Web3Wrapper = '/docs/web3-wrapper',
+    ContractWrappers = '/docs/contract-wrappers',
+    OrderWatcher = '/docs/order-watcher',
     SolCompiler = '/docs/sol-compiler',
     JSONSchemas = '/docs/json-schemas',
     SolCov = '/docs/sol-cov',
@@ -391,6 +393,8 @@ export enum DocPackages {
     Subproviders = 'SUBPROVIDERS',
     OrderUtils = 'ORDER_UTILS',
     EthereumTypes = 'ETHEREUM_TYPES',
+    ContractWrappers = 'CONTRACT_WRAPPERS',
+    OrderWatcher = 'ORDER_WATCHER',
 }
 
 export enum Key {
@@ -407,7 +411,7 @@ export enum Key {
     TraditionalAssets = 'TRADITIONAL_ASSETS',
     DigitalGoods = 'DIGITAL_GOODS',
     OffChainOrderRelay = 'OFFCHAIN_ORDER_RELAY',
-    OonChainSettlement = 'OONCHAIN_SETTLEMENT',
+    OnChainSettlement = 'ONCHAIN_SETTLEMENT',
     OffChainOnChainDescription = 'OFFCHAIN_ONCHAIN_DESCRIPTION',
     RelayersHeader = 'RELAYERS_HEADER',
     BenefitsHeader = 'BENEFITS_HEADER',
@@ -444,6 +448,9 @@ export enum Key {
     SolCov = 'SOL_COV',
     EthereumTypes = 'ETHEREUM_TYPES',
     Subproviders = 'SUBPROVIDERS',
+    ZeroExJs = '0X_JS',
+    ContractWrappers = 'CONTRACT_WRAPPERS',
+    OrderWatcher = 'ORDER_WATCHER',
     Blog = 'BLOG',
     Forum = 'FORUM',
     Connect = 'CONNECT',
diff --git a/packages/website/ts/utils/doc_utils.ts b/packages/website/ts/utils/doc_utils.ts
index b9084bba7..e313648bd 100644
--- a/packages/website/ts/utils/doc_utils.ts
+++ b/packages/website/ts/utils/doc_utils.ts
@@ -1,4 +1,4 @@
-import { DoxityDocObj, TypeDocNode } from '@0xproject/react-docs';
+import { DoxityDocObj, GeneratedDocJson } from '@0xproject/react-docs';
 import { fetchAsync, logUtils } from '@0xproject/utils';
 import * as _ from 'lodash';
 import { S3FileObject, VersionToFilePath } from 'ts/types';
@@ -70,7 +70,7 @@ export const docUtils = {
         });
         return versionFilePaths;
     },
-    async getJSONDocFileAsync(filePath: string, s3DocJsonRoot: string): Promise<TypeDocNode | DoxityDocObj> {
+    async getJSONDocFileAsync(filePath: string, s3DocJsonRoot: string): Promise<GeneratedDocJson | DoxityDocObj> {
         const endpoint = `${s3DocJsonRoot}/${filePath}`;
         const response = await fetchAsync(endpoint);
         if (response.status !== 200) {