Habitica browser extensions
Packed files:
About the development
The main goal is keeping away the core code from the browser dependency, so it can use in multiple platform. But since every browser has an own extension structure it's not an easy task...
The tools which are help achive that holy goal:
- small separated files
- event based communication
- build system which pack everything together
Development environment setup
The build system is the Grunt task runner. If you don't know definitely check it (life saver stuff:).
- The first step is get the nodejs and install.
- Secondly get the grunt-cli package
npm install -g grunt-cli - And the final step is go to the root of the cloned folder and type
npm installand it will download all necessary stuff
That's is. You are ready to build some awesome feature :)
Build system commands
All grunt command must be writen to the terminal (cmd on windows) in the root of the cloned directory.
grunt # check all javascript file for syntax error
grunt chrome # copy and merge all necessary file to the builds/chrome folder
grunt test_core # run the unit test on the core
grunt watch:core # continuous watch the core and test/core folders
# and run jslint and unit test on every save
grunt watch:chrome # continuous watch the chrome dependency folders
# and run the chrome command on every save
If these not enough for you check the grunt file it has some others and of course feel free to expand :)