import * as React from 'react'; import { hydrate, render } from 'react-dom'; import * as Loadable from 'react-loadable'; import { context } from 'ts/context/trace'; import { Base } from 'ts/components/base'; import { Breakout } from 'ts/components/breakout'; import { Code } from 'ts/components/code'; import { Content } from 'ts/components/content'; import { ContentBlock } from 'ts/components/content-block'; import { Hero } from 'ts/components/hero'; import { InlineCode } from 'ts/components/inline-code'; import { List, ListItem } from 'ts/components/list'; import { TabBlock, Tabs } from 'ts/components/tabs'; import { Trace as TraceComponent } from 'ts/components/trace'; const Animation = Loadable({ loader: () => System.import(/* webpackChunkName: 'trace-animation' */ 'ts/components/animations/trace'), loading: () =>
, delay: 1000, render(loadable: { TraceAnimation: any }): React.ReactNode { const Component = loadable.TraceAnimation; returnnpm install @0x/sol-trace --save
Sol-trace is a subprovider that needs to be prepended to your{' '}
provider engine
. Depending on your project setup, you will need to use a specific ArtifactAdapter. Sol-trace ships
with the
{`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);`}
{`import { TruffleArtifactAdapter } from '@0x/sol-trace';
const projectRoot = '.';
const solcVersion = '0.4.24';
const artifactAdapter = new TruffleArtifactAdapter(projectRoot, solcVersion);`}
{`import { AbstractArtifactAdapter } from '@0x/sol-trace';
class YourCustomArtifactsAdapter extends AbstractArtifactAdapter {...};
const artifactAdapter = new YourCustomArtifactsAdapter(...);`}
Now that we have an
{`import { ProviderEngine, RpcSubprovider } from 'web3-provider-engine';
import { TraceSubprovider } from '@0x/sol-coverage';
const defaultFromAddress = "..."; // Some ethereum address with test funds
const traceSubprovider = new TraceSubprovider(artifactAdapter, defaultFromAddress);
const providerEngine = new ProviderEngine();
providerEngine.addProvider(traceSubprovider);
providerEngine.addProvider(new RpcSubprovider({rpcUrl: 'http://localhost:8545'}));
providerEngine.start();`}