AZwish List

AZwish List Version 2.2.2 — 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 'yarn install' before repeating this step. Even deleting the node_modules folder and yarn.lock file and repeating this step.

Update dependencies (not required !!!)

View upgradeable dependencies and select which one to upgrade

yarn upgrade-interactive

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

yarn set version stable
yarn install

Lint files

Hide warnings with the --quiet flag

yarn lint --quiet

Images

Doc

Static images must be placed in '/public/..'' and '/src/assets/..'. Also icons included in the 'manifest.json' need to be added in the folder 'src-bex/icons'

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

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

quasar 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

If 'quasar' not found, install manually the version required in package.json:

 npm install -g @quasar/app-vite@1.11.0

Install and test the Chrome extension in Preproduction:

After building the Chrome extension:

• Open Chrome tab: chrome://extensions/
• Drop file:
  • Pro: C:\Proyectos\Personal\Amazon_wishlist\AZ-WishList\dist\bex\Packaged.azwish-list.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.

Description:

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

Texts at: https://docs.google.com/document/d/1VAcRGzkZPiwegI5XUH1m52AH3jakZx322SB-WSH3awI/edit?tab=t.0 Images at: https://drive.google.com/drive/folders/1LeZbtFgztL-kwhxiNJZ48ihycL0mN-qu?usp=drive_link

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.