Go to http://thomaschampagne.github.io/stravistix/
You must run npm cli command via nodejs.org to fetch JS dependencies.
Skip this step if you already have global gulp-cli on your computer.
npm install --global gulp-cli
npm install
This will install required gulp plugins in order to run project tasks. Gulp plugins are specified into ./package.json file as devDependencies
gulp build
First, this will download others JS dependencies (underscore, angularjs, chart.js, ...) specified in hook/extension/package.json file if not already downloaded.
Next, all the extensions files from hook/extension/ will be copied to dist/ folder.
You can now load extension from chrome://extensions chrome tab:
- In chrome, open new tab and type chrome://extensions then enter
- Tick Developer Mode checkbox
- Click Load Unpacked Extension button, then choose dist/ folder (this is where you have manifest.json file)
- Done !
Development must be done inside hook/extension/ folder.
In chrome, use dist/ folder as Unpacked Extension for development
To apply files changes from hook/extension/ to dist/ you must run the build command:
gulp build
To save time, you can automatically copy files changes from hook/extension/ to dist/ using watch command:
gulp watch
gulp package
This will create zip archive of dist/ folder in package/StravistiX_vX.X.X_[date].zip
gulp clean
This will clean dist/, package/ & hook/extension/node_modules/ folders
This project repository is fitted for GitFlow branches management workflow. Learn more @ http://nvie.com/posts/a-successful-git-branching-model/
I used Atom editor with atom-beautify plugin for code indentation.
Atom plugin list used @ : https://gist.github.com/thomaschampagne/fa8fa9615b2fac236ac3