2015-12-20 16:25:45 -08:00
# Metamask Plugin
## Development
```bash
npm install
```
2016-03-03 09:32:52 -08:00
### Developing with Gulp
We're using an experimental version of `gulp-cli` , so if you have the old version of gulp, you'll need to uninstall it, `npm uninstall -g gulp` , and install this one instead:
```bash
npm install gulpjs/gulp-cli#4.0 -g
```
After that, you can just:
```bash
gulp dev
```
2015-12-20 16:31:44 -08:00
### In Chrome
Open `Settings` > `Extensions` .
2016-02-08 12:07:29 -08:00
Check "Developer mode".
2015-12-20 16:31:44 -08:00
At the top, click `Load Unpacked Extension` .
2016-02-08 12:07:29 -08:00
Navigate to your `metamask-plugin/dist` folder.
2015-12-20 16:31:44 -08:00
Click `Select` .
You now have the plugin, and can click 'inspect views: background plugin' to view its dev console.
2016-03-02 12:14:23 -08:00
### Developing the UI
2016-03-14 02:21:07 -07:00
To enjoy the live-reloading that `gulp dev` offers while working on the `metamask-ui` or `web3-provider-engine` dependencies:
2016-03-02 12:14:23 -08:00
2016-03-02 12:48:15 -08:00
1. Clone the dependency locally.
2016-03-02 12:14:23 -08:00
2. `npm install` in its folder.
3. Run `npm link` in its folder.
2016-03-02 12:48:15 -08:00
4. Run `npm link $DEP_NAME` in this project folder.
2016-03-14 02:21:07 -07:00
5. Next time you `gulp dev` it will watch the dependency for changes as well!
2016-03-22 10:43:56 -07:00
### Deploying the UI
You must be authorized already on the Metamask plugin.
0. Update the version in `app/manifest.json` and the Changelog in `CHANGELOG.md` .
1. Visit [the chrome developer dashboard ](https://chrome.google.com/webstore/developer/dashboard?authuser=2 ).
2. Zip the `dist` folder in this repository.
3. Upload that zip file as the updated package.
