Bowery Chrome Extension Svelte

DEPRECATED moved to https://github.com/Bowery-RES/chrome-extension

Development

1. Check if your Node.js version is >= 6.
2. Clone the repository.
3. Run npm install
4. Create secrets.development.js file with the following content:

   module.exports = {
     GOOGLE_API_KEY: "GOOGLE API KEY",
     BOWERY_APP_DOMAIN: "BOWERY APP DOMAIN",
   }

5. Run the following command:

   $ npm start
   

6. Load your extension on Chrome following:
   1. Access chrome://extensions/
   2. Check Developer mode
   3. Click on Load unpacked extension
   4. Select the build folder.
7. Have fun.

Add to chrome

1. Access chrome://extensions/
2. Check Developer mode switch
3. Click on Load unpacked extension
4. Select the folder containing extensions source.

Webpack auto-reload and HRM

To make your workflow much more efficient this boilerplate uses the webpack server to development (started with npm start) with auto reload feature that reloads the browser automatically every time that you save some file o your editor.

You can run the dev mode on other port if you want. Just specify the env var port like this:

$ PORT=6002 npm start

Packing

After the development of your extension create secrets.production.js file with the following content:

 module.exports = {
   GOOGLE_API_KEY: "GOOGLE API KEY",
   BOWERY_APP_DOMAIN: "BOWERY APP DOMAIN",
 }

Run command:

$ NODE_ENV=production npm run build

Now, the content of build folder will be the extension ready to be submitted to the Chrome Web Store.