7b6b03a72c
* new example: image-reference-collector (indexedDB file storage demo) * fix: added missing deps, updated all npm dependencies and webpack config to v.2 * chore: Renamed the example to store-collected-images * chore: Removed from utils/image-store any direct call to the UI code * move example built using webpack into its own subdir * tweak browser action title * added plain webextension example (without webpack build step) * added README.md file to plain webextension example * small changed based on the review comments * fixed typo in store-collected-images example (webpack-based version) * Remove React from the store-collected-images (plain webextension version) * Fix eslint errors on store-collected-images example (both versions) * Fix some typos in the README files
"Image Reference Collector" example built with webpack (and React UI)
Usage
This example is built using Babel and Webpack, and so the transpiled bundles have to be built first:
you need to change into the example subdirectory and install all [NodeJS][nodejs] dependencies with npm or yarn:
npm install
You can build the extension using:
npm run build
This creates the source bundles for the WebExtension in the extension subdirectory, and
you can manually install the add-on on Firefox by loading the extension from the
"about:debugging#addons" page.
You can also build the sources and start a new Firefox instance with the add-on installed in one command:
npm run start
To start a webpack instance that automatically rebuilds the add-on when you change the sources, in another shell window, you can run the following npm script:
npm run build:watch
While this npm script is running, any time you edit a file, it will be rebuilt automatically.