Output build with version and update documentation

README.md

@@ -37,7 +37,8 @@ opened).
 
 ### **Building**
 
-- use `npm run pack:xpi` to create the extension in the root folder.
+- use `npm run build` to build the extension **first**
+- use `npm run pack:xpi` to create `.xpi` file in the root folder
 
 _There are other build options which you can view in `package.json`._
 

package.json

@@ -17,12 +17,12 @@
     "build:copy": "esno scripts/copyFilesToExtensionFolder.ts",
     "build:web": "vite build",
     "pack": "cross-env NODE_ENV=production run-p pack:*",
-    "pack:zip": "rimraf extension.zip && jszip-cli add extension -o ./extension.zip",
-    "pack:crx": "crx pack extension -o ./extension.crx",
-    "pack:xpi": "npm run build && cross-env WEB_EXT_ARTIFACTS_DIR=./ web-ext build --source-dir ./extension --filename extension.xpi --overwrite-dest",
+    "pack:crx": "crx pack extension -o ./mullvad-privacy-companion-$npm_package_version.crx",
+    "pack:zip": "rimraf mullvad-privacy-companion-$npm_package_version.zip && jszip-cli add extension -o ./mullvad-privacy-companion-$npm_package_version.zip",
+    "pack:xpi": "cross-env WEB_EXT_ARTIFACTS_DIR=./ web-ext build --source-dir ./extension --filename mullvad-privacy-companion-$npm_package_version.xpi --overwrite-dest",
     "start:chromium": "web-ext run --source-dir ./extension --target=chromium",
     "start": "web-ext run --source-dir ./extension --target=firefox-desktop --start-url=about:debugging#/runtime/this-firefox",
-    "clear": "rimraf extension/dist extension/manifest.json extension/README.md extension/LICENSE.md extension.* key.pem",
+    "clear": "rimraf extension/dist extension/manifest.json extension/README.md extension/LICENSE.md mullvad-privacy-companion* key.pem",
     "lint": "npm run eslint && npm run lint:style",
     "eslint": "eslint . --ext=.ts,.js,.vue",
     "eslint:fix": "npm run eslint -- --fix",