🥩 Bis-Tech Extension

Bis-Tech extension is a web extension to make life easier for vitesicure product team helping them test faster the various products offered by vitesicure.

Features

• Visual Box to show current product.
• Autofill page.
• Autofill page and continue to next page.

Permissions required

• "http://calc-local.vitesicure.it:3000/*", "https://calc-dev.vitesicure.it/*", "https://calc-staging.vitesicure.it/*" - for running on the vitesicure dev environments.
• "http://calc-local.bridgebroker.it:3000/*", "https://calc-dev.bridgebroker.it/*", "https://calc-staging.bridgebroker.it/*" - for running on the bridgebroker dev environments.
• storage - for storing user preferences and needed tabs info.
• tabs, activeTab, webNavigation and scription - for actually doing what the extension offers.

Commands

Build

Development, HMR

Hot Module Reloading is used to load changes inline without requiring extension rebuilds and extension/page reloads Currently only works in Chromium based browsers.

pnpm run dev #for chromium
pnpm run dev-firefox #for firefox

Development, Watch

Rebuilds extension on file changes. Requires a reload of the extension (and page reload if using content scripts)

pnpm run watch #for chromium
pnpm run watch-firefox #for firefox

Production

Minifies and optimizes extension build

pnpm run build #for chromium
pnpm run build-firefox #for firefox

Load extension in browser

Loads the contents of the dist directory into the specified browser

pnpm serve:chrome
pnpm serve:firefox

Testing

pnpm test # unit tests
pnpm build-and-test-e2e # e2e tests, extension must be built first
pnpm test:e2e # for when extension has been already built

Note

Right now firefox and chromium commands are separated because firefox does not support ManifestV3 completely (it still doesn't support background.service_worker).