This is a developer tools extension for Google Chrome. It adds a new "web3" panel that intercepts web3 to:
- log all web3 interactions
- explore contracts that have been loaded on the page
run npm run dev
- go to
chrome://extensions
- enable "developer mode"
- click "Load unpacked" and select the
dist
folder of this project
Live reloading will mostly handle things for you, but if you change the manifest, env vars, or webpack config, you will need to stop and restart npm run dev
.
Also some specific errors may require going back to chrome://extensions
and re-loading the plugin.
IMPORTANT: Make sure the EXTENSION_ID in your env file matches the extension ID that chrome provides when you install the unpacked extension
run npm run build
This will build the repo and zip it up into a zip file in the dist folder that can be uploaded to the chrome app store or shared with others.
Configuration is stored in config/env.js and exposed in process.env
via webpack.DefinePlugin
. Defaults are loaded first and then overrides depending on the env being built for.
Optionally, you can create a config/local.js
file (not checked into git) with overrides to be loaded only during local development.
ETH Dev Tools was originally built as a hackathon project at ETHDenver 2019 by:
- Billy Rennekamp (github @okwme)
- Aidan Musnitsky (github @musnit)
- Theo Ephraim - (github @theoephraim)
A grant from Consensys has helped drive further development
The basic development setup is based on Theo's vue chrome extension template