m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 01:39:44 +01:00
Code
🦊 Minimalized version of MetaMask for my own personal use.
885 Commits 2 Branches 0 Tags 265 MiB
JavaScript 83.4%
TypeScript 12.8%
SCSS 3.5%
Shell 0.2%
HTML 0.1%
203a56fb92
Go to file
Dan Finlay 203a56fb92 Add ui state logging function 
Now from the UI console, you can always call `logState()`, and it will print the state stringified into the console, ready to drop into the ui dev mode states folder, or other inspection.

This should make it easier to diagnose user bugs in the future.
2016-07-15 17:51:37 -07:00
app Version 2.6.1 (#442) 2016-07-14 00:11:49 -07:00
development Merge branch 'master' into FixSvgIcons 2016-07-11 20:55:58 -07:00
docs Updated script for what I recorded. 2016-07-11 12:06:58 -07:00
test Remove unused functions. Readd if necessary. 2016-07-11 16:01:52 -07:00
ui Add ui state logging function 2016-07-15 17:51:37 -07:00
.babelrc Added basic es6 mocha test suite 2016-03-24 17:51:46 -07:00
.editorconfig init commit 2015-07-31 18:38:02 -07:00
.eslintrc stop pedantic linting 2016-06-23 16:53:27 -07:00
.gitattributes Fix gitattributes 2016-06-29 17:28:49 -07:00
.gitignore Add vlad icons to image folder 2016-06-14 12:43:30 -07:00
.jshintrc init commit 2015-07-31 18:38:02 -07:00
.nvmrc Enhance nvmrc 2016-06-22 11:07:42 -07:00
.travis.yml Remove extraneous build target 2016-04-14 14:55:41 -07:00
.yo-rc.json init commit 2015-07-31 18:38:02 -07:00
CHANGELOG.md Version 2.6.1 (#442) 2016-07-14 00:11:49 -07:00
circle.yml Add circle.yml 2016-06-21 14:18:38 -07:00
CONTRIBUTING.md Add contributing.md file 2016-06-15 10:35:23 -07:00
fonts Improved Ui Dev Mode 2016-07-01 14:23:37 -07:00
gulpfile.js Manually linted 2016-06-21 13:56:04 -07:00
images Improved Ui Dev Mode 2016-07-01 14:23:37 -07:00
LICENSE license 2016-07-14 14:37:40 -07:00
package.json new tx - calculate estimatedGas and show thing in tx-details (#441) 2016-07-13 23:39:44 -07:00
README.md readme - camel case MetaMask 2016-07-06 11:04:26 -07:00
ui-dev.js Simplify ui dev mode style 2016-07-06 23:05:30 -07:00
USER_AGREEMENT.md Proofread and fix spelling errors of user agreement. 2016-07-14 23:09:53 -07:00

README.md

MetaMask Plugin Build Status

Architecture

Architecture Diagram

Development

npm install

Developing on UI Only

You can run npm run ui, and your browser should open a live-reloading demo version of the plugin UI.

Some actions will crash the app, so this is only for tuning aesthetics, but it allows live-reloading styles, which is a much faster feedback loop than reloading the full extension.

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:

npm install gulpjs/gulp-cli#4.0 -g

After that, you can just:

gulp dev

In Chrome

Open Settings > Extensions.

Check "Developer mode".

At the top, click Load Unpacked Extension.

Navigate to your metamask-plugin/dist folder.

Click Select.

You now have the plugin, and can click 'inspect views: background plugin' to view its dev console.

Developing the UI

To enjoy the live-reloading that gulp dev offers while working on the web3-provider-engine or other dependencies:

  1. Clone the dependency locally.
  2. npm install in its folder.
  3. Run npm link in its folder.
  4. Run npm link $DEP_NAME in this project folder.
  5. Next time you gulp dev it will watch the dependency for changes as well!

Running Tests

Requires mocha installed. Run npm install -g mocha.

Then just run npm test.

You can also test with a continuously watching process, via npm run watch.

You can run the linter by itself with gulp lint.

Deploying the UI

You must be authorized already on the MetaMask plugin.

  1. Update the version in app/manifest.json and the Changelog in CHANGELOG.md.
  2. Visit the chrome developer dashboard.
  3. Zip the dist folder in this repository.
  4. Upload that zip file as the updated package.