aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/pages/Profiler.tsx
diff options
context:
space:
mode:
authorAugust Skare <post@augustskare.no>2018-10-18 19:28:44 +0800
committerAugust Skare <post@augustskare.no>2018-10-18 19:28:44 +0800
commitb158a6d7226fb50ecedcc07da8ef30e5e5690e46 (patch)
tree3cab0f55e7f8961be4f6ecc49f5a3f503cd21bc9 /packages/dev-tools-pages/ts/pages/Profiler.tsx
parentc616b53c9c95edcc9da34aaaee3b91f5f1787636 (diff)
downloaddexon-sol-tools-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar
dexon-sol-tools-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.gz
dexon-sol-tools-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.bz2
dexon-sol-tools-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.lz
dexon-sol-tools-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.xz
dexon-sol-tools-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.zst
dexon-sol-tools-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.zip
initial commit
Diffstat (limited to 'packages/dev-tools-pages/ts/pages/Profiler.tsx')
-rw-r--r--packages/dev-tools-pages/ts/pages/Profiler.tsx53
1 files changed, 53 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/pages/Profiler.tsx b/packages/dev-tools-pages/ts/pages/Profiler.tsx
new file mode 100644
index 000000000..ad2219c5e
--- /dev/null
+++ b/packages/dev-tools-pages/ts/pages/Profiler.tsx
@@ -0,0 +1,53 @@
+import * as React from 'react';
+
+import context from 'ts/context/profiler';
+import Base from './Base';
+import Container from 'ts/components/Container';
+import Main from 'ts/components/Main';
+import ContentBlock from 'ts/components/ContentBlock';
+import { Tabs, TabBlock } from 'ts/components/Tabs';
+import Code from 'ts/components/Code';
+import InlineCode from 'ts/components/InlineCode';
+import List from 'ts/components/List';
+
+function Profiler(props: any) {
+ return (
+ <Base context={context}>
+ <Container>
+ <Main>
+ <ContentBlock title="Required steps">
+ <List items={['Step 1', 'Step 2']} />
+ </ContentBlock>
+ <ContentBlock title="Prerequisites">
+ <Code>npm install @0x/sol-trace --save</Code>
+ <p>
+ Sol-trace is a subprovider that needs to be prepended to your{' '}
+ <a href="#">provider engine</a>. Depending on your project setup, you will need to use a
+ specific ArtifactAdapter. Sol-trace ships with the{' '}
+ <InlineCode>SolCompilerArtifactAdapter</InlineCode> for use with Sol-compiler and{' '}
+ <InlineCode>TruffleArtifactAdapter</InlineCode> for use with the Truffle framework. You can
+ also write your own and support any artifact format.
+ </p>
+ </ContentBlock>
+
+ <ContentBlock title="Installation">
+ <Tabs>
+ <TabBlock title="Sol-compiler">
+ <Code language="js">
+ {`import { SolCompilerArtifactAdapter } from '@0x/sol-trace';
+
+// Both artifactsDir and contractsDir are optional and will be fetched from compiler.json if not passed in
+const artifactAdapter = new SolCompilerArtifactAdapter(artifactsDir, contractsDir);`}
+ </Code>
+ </TabBlock>
+ <TabBlock title="Truffle">Truffle</TabBlock>
+ <TabBlock title="Custom">Custom</TabBlock>
+ </Tabs>
+ </ContentBlock>
+ </Main>
+ </Container>
+ </Base>
+ );
+}
+
+export default Profiler;