Chrome extension for Beam
We're using webpack so we can do cool things like ES6 with polyfill and import/export with ease!
Note, javascript source are in /src and other assets (manifest,(s)css,images,html) are in /app.
Eventually we might want to extend our webpack script so that we can have everything for development in one folder, and app is
purely what we can package as an extension with no extra fluff.
-
First install dependencies with
npm install -
When developing, run
npm run watchto continuously update compiled JS code that is used by the extension. -
Run
npm run teststo run tests. Currently only JS style/syntax checking is set up. -
Run
npm run buildto ship a production version.
Right now the compiled javascript files are checked into the repository, until we have a better solution
if there is ever a merge conflict, just run npm run build, git add app/scripts/* and git commit it.
###TODO
-
Set up webpack with LESS/SASS
-
Set up better testing (with flow, phantomJS)
-
Better debugging? Solved: inline-sourcemap should make the stack traces a lot more readable. See this
-
We probably want to migrate the client to a better MVC library like React.JS or Vue.js. Jquery is already a pain.
-
The timeout approach for the top purple message bar does not work too well on slow connections (ie. my connection)... Need a better way.