AZwish List

AZwish List Version 2.1 — Change log

Extension: Chrome web store

Code:

• v2 : GitHub Manifest v3 latest repository
• v1 : Github Manifest v2 original repository

Requirements

v2: to compile for Manifest v3 you will need to use Quasar CLI with Vite instead of Quasar CLI with Webpack.

Install the dependencies

yarn

If the next step you find problems starting the App, you can try making a 'npm install' before repeating this step. Even deleting the node_modules folder and yarn.lock file and repeating this step.

Update dependencies (not required !!!)

View outdated dependencies

yarn  outdated

Update yarn and packages if you feel brave (it could break everything)

yarn set version stable
yarn install

yarn upgrade

Lint files

Hide warnings with the --quiet flag

yarn lint --quiet

Images

Doc

Statis images must be placed in '/public/..'' and '/src/assets/..''

And are automatically copied to ZIP:/www/..

Build the extension in development mode (hot-code reloading, error reporting, etc.)

yarn dev -m bex

Will create all the required files and the \www folder inside \dist\bex

After building the Chrome extension:

• Open Chrome tab: chrome://extensions/
• [In Developer mode] Press button "Load unpacked"
• Select folder:
  • Dev: \AZ-WishList\dist\bex
• Browse to the URL of your Amazon WishList page:
  • https://www.amazon.es/gp/registry/wishlist

Include hot-reload even in the current running Chrome extension.

Note Most of the changes works refreshing the browser page some source files (like content-script.js) requires refreshing the extension using the cycle icon in the extension page ( chrome://extensions/ )

Build the Chrome extension for preproduction and production

quasar build -m bex

A production version ZIP file will be build inside \dist\bex

Install and test the Chrome extension in Preproduction:

After building the Chrome extension:

• Open Chrome tab: chrome://extensions/
• Drop file:
  • Pro: C:\IGZ\Proyectos\Personal\Amazon_wishlist\AZ-WishList\dist\bex\Packaged.az-wishlist.zip

To test the Chrome extension just browse to your Amazon WishList page or load: https://www.amazon.es/gp/registry/wishlist

At first you´ll see an empty list, wait while your Wish List is loaded.

Publish Chrome extension in Production:

AZwish List - Chrome Web Store page

In the Build/Package section press 'Upload new package' and select the same ZIP file from previous step.

Update the 'Store listing' and 'Privacy' fields and "Publish changes"

Check status at Chrome Web Store Developer Dashboard

DEPRECATED: Keep your key file in a safe place. You will need it to create new versions of your extension.

C:\IGZ\Proyectos\Personal\Amazon_wishlist\AZ-WishList\dist\bex.pem

~~ - Prod: AZ-WishList\dist\bex\ ¿UnPackaged?~~

Format the files

yarn format
# or
npm run format

Customize the configuration

See Configuring quasar.config.js.