m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Merge pull request #8 from MetaMask/WatchUI

Browse Source 
Watch metamask-ui for changes during grunt dev
This commit is contained in:
kumavis 2016-03-02 12:54:35 -08:00
commit 104954d047
2 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
Gruntfile.js
View File

@ -18,7 +18,9 @@ module.exports = function (grunt) {
// Configurable paths // Configurable paths
var config = { var config = {
app: 'app', app: 'app',
dist: 'dist' dist: 'dist',
modules: 'node_modules',
ui: 'node_modules/metamask-ui'
}; };
grunt.initConfig({ grunt.initConfig({
@ -29,7 +31,11 @@ module.exports = function (grunt) {
// Watches files for changes and runs tasks based on the changed files // Watches files for changes and runs tasks based on the changed files
watch: { watch: {
js: { js: {
files: ['<%= config.app %>/scripts/{,*/}*.js'], files: [
'<%= config.app %>/scripts/{,*/}*.js',
'<%= config.ui %>/{,*/}*.js',
'<%= config.modules %>/web3-provider-engine/{,*/}*.js',
],
options: { options: {
livereload: '<%= connect.options.livereload %>' livereload: '<%= connect.options.livereload %>'
}, },

10
README.md
View File

@ -21,3 +21,13 @@ Navigate to your `metamask-plugin/dist` folder.
Click `Select`. Click `Select`.
You now have the plugin, and can click 'inspect views: background plugin' to view its dev console. 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 `grunt dev` offers while working on the `metamask-ui` or `web3-provider-enigne` 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 `grunt dev` it will watch the dependency for changes as well!