Based on React Chrome Extension Boilerplate.
=> Published on Chrome Web Store
$ git clone https://github.com/adrienjoly/chrome-track-grabber.git
$ npm install
- Run script
# build files to './dev'
# start WebpackDevServer
$ npm run dev
- Allow
https://localhost:3000
connections. (Becauseinjectpage
injected GitHub (https) pages, sowebpack-dev-server
procotol must be https.) - Load unpacked extensions with
./dev
folder.
This boilerplate uses Webpack
and react-transform
, and use Redux
. You can hot reload by editing related files of Popup & Window & Inject page.
You can use redux-devtools-extension on development mode.
# build files to './build'
$ npm run build
First, set version in /chrome/manifest.prod.json
.
# compress build folder to {manifest.name}.zip and crx
$ npm run build
$ npm run compress -- [options]
...then upload Track grabber.zip
to Chrome Web Store Dashboard.
If you want to build crx
file (auto update), please provide options, and add update.xml
file url in [manifest.json](https://developer.chrome.com/extensions/autoupdate#update_url manifest.json).
- --app-id: your extension id (can be get it when you first release extension)
- --key: your private key path (default: './key.pem')
you can usenpm run compress-keygen
to generate private key./key.pem
- --codebase: your
crx
file url
See autoupdate guide for more information.
test/app
: React components, Redux actions & reducers teststest/e2e
: E2E tests (use chromedriver, selenium-webdriver)
# lint
$ npm run lint
# test/app
$ npm test
$ npm test -- --watch # watch files
# test/e2e
$ npm run build
$ npm run test-e2e