remove example top-level dir
This commit is contained in:
127
packages/react-docs-example/ts/docs.tsx
Normal file
127
packages/react-docs-example/ts/docs.tsx
Normal file
@@ -0,0 +1,127 @@
|
||||
import * as _ from 'lodash';
|
||||
import * as React from 'react';
|
||||
|
||||
import {
|
||||
constants,
|
||||
DocAgnosticFormat,
|
||||
DocsInfo,
|
||||
DocsInfoConfig,
|
||||
Documentation,
|
||||
SupportedDocJson,
|
||||
TypeDocNode,
|
||||
} from '@0xproject/react-docs';
|
||||
|
||||
import * as v0TypeDocJson from './json/0.1.12.json';
|
||||
import * as v2TypeDocJson from './json/0.2.0.json';
|
||||
|
||||
/* tslint:disable:no-var-requires */
|
||||
const IntroMarkdown = require('md/introduction');
|
||||
/* tslint:enable:no-var-requires */
|
||||
|
||||
const docSections = {
|
||||
introduction: 'introduction',
|
||||
web3Wrapper: 'web3Wrapper',
|
||||
types: constants.TYPES_SECTION_NAME,
|
||||
};
|
||||
|
||||
const docsInfoConfig: DocsInfoConfig = {
|
||||
id: 'web3Wrapper',
|
||||
type: SupportedDocJson.TypeDoc,
|
||||
displayName: 'Web3 Wrapper',
|
||||
packageUrl: 'https://github.com/0xProject/0x-monorepo',
|
||||
menu: {
|
||||
introduction: [docSections.introduction],
|
||||
web3Wrapper: [docSections.web3Wrapper],
|
||||
types: [docSections.types],
|
||||
},
|
||||
sectionNameToMarkdown: {
|
||||
[docSections.introduction]: IntroMarkdown,
|
||||
},
|
||||
sectionNameToModulePath: {
|
||||
[docSections.web3Wrapper]: ['"web3-wrapper/src/index"'],
|
||||
[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'],
|
||||
typeNameToExternalLink: {
|
||||
Web3: 'https://github.com/ethereum/wiki/wiki/JavaScript-API',
|
||||
Provider: 'https://github.com/0xProject/web3-typescript-typings/blob/f5bcb96/index.d.ts#L150',
|
||||
BigNumber: 'https://github.com/0xProject/web3-typescript-typings/blob/f5bcb96/index.d.ts#L127',
|
||||
LogEntryEvent: 'http://mikemcl.github.io/bignumber.js',
|
||||
CallData: 'https://github.com/0xProject/web3-typescript-typings/blob/f5bcb96/index.d.ts#L348',
|
||||
BlockWithoutTransactionData:
|
||||
'https://github.com/0xProject/web3-typescript-typings/blob/f5bcb96/index.d.ts#L314',
|
||||
LogEntry: 'https://github.com/0xProject/web3-typescript-typings/blob/f5bcb96/index.d.ts#L366',
|
||||
FilterObject: 'https://github.com/0xProject/web3-typescript-typings/blob/f5bcb96/index.d.ts#L109',
|
||||
['Web3.BlockParam']: 'https://github.com/0xProject/web3-typescript-typings/blob/f5bcb96/index.d.ts#L278',
|
||||
['Web3.ContractAbi']: 'https://github.com/0xProject/web3-typescript-typings/blob/f5bcb96/index.d.ts#L47',
|
||||
},
|
||||
typeNameToPrefix: {
|
||||
Provider: 'Web3',
|
||||
CallData: 'Web3',
|
||||
BlockWithoutTransactionData: 'Web3',
|
||||
LogEntry: 'Web3',
|
||||
FilterObject: 'Web3',
|
||||
},
|
||||
typeNameToDocSection: {
|
||||
Web3Wrapper: docSections.web3Wrapper,
|
||||
},
|
||||
},
|
||||
};
|
||||
const docsInfo = new DocsInfo(docsInfoConfig);
|
||||
|
||||
const availableVersions = ['0.1.12', '0.2.0'];
|
||||
const versionToDocJSON: { [semver: string]: object } = {
|
||||
[availableVersions[0]]: v0TypeDocJson,
|
||||
[availableVersions[1]]: v2TypeDocJson,
|
||||
};
|
||||
|
||||
export interface DocsProps {}
|
||||
|
||||
export interface DocsState {
|
||||
selectedVersion: string;
|
||||
docAgnosticFormat?: DocAgnosticFormat;
|
||||
}
|
||||
|
||||
export class Docs extends React.Component<DocsProps, DocsState> {
|
||||
constructor(props: DocsProps) {
|
||||
super(props);
|
||||
this.state = {
|
||||
selectedVersion: availableVersions[1],
|
||||
docAgnosticFormat: docsInfo.convertToDocAgnosticFormat(v2TypeDocJson),
|
||||
};
|
||||
}
|
||||
public render() {
|
||||
const menuSubsectionsBySection = _.isUndefined(this.state.docAgnosticFormat)
|
||||
? {}
|
||||
: docsInfo.getMenuSubsectionsBySection(this.state.docAgnosticFormat);
|
||||
return (
|
||||
<Documentation
|
||||
selectedVersion={this.state.selectedVersion}
|
||||
availableVersions={availableVersions}
|
||||
docsInfo={docsInfo}
|
||||
docAgnosticFormat={this.state.docAgnosticFormat}
|
||||
sourceUrl={this._getSourceUrl()}
|
||||
onVersionSelected={this._onVersionSelected.bind(this)}
|
||||
/>
|
||||
);
|
||||
}
|
||||
private _onVersionSelected(semver: string) {
|
||||
const selectedDocJSON = versionToDocJSON[semver];
|
||||
this.setState({
|
||||
selectedVersion: semver,
|
||||
docAgnosticFormat: docsInfo.convertToDocAgnosticFormat(selectedDocJSON as TypeDocNode),
|
||||
});
|
||||
}
|
||||
private _getSourceUrl() {
|
||||
const sourceUrl = `${docsInfoConfig.packageUrl}/blob/@0xproject/web3-wrapper@${
|
||||
this.state.selectedVersion
|
||||
}/packages`;
|
||||
return sourceUrl;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user