Version 0.2.6.

README.md

@@ -2,7 +2,9 @@
 
 > A WebExtension for queueing links.
 
-[![Queue on AMO](https://img.shields.io/amo/v/holllo-queue)](https://addons.mozilla.org/firefox/addon/holllo-queue)
+[![Get Queue for Firefox](./images/mozilla-addons.png)](https://addons.mozilla.org/firefox/addon/holllo-queue)
+[![Get Queue for Chrome](./images/chrome-web-store.png)](https://chrome.google.com/webstore/detail/queue/epnbikemcmienphlfmidkimpjnmohcbl)
+[![Get Queue for Edge](./images/microsoft.png)](https://microsoftedge.microsoft.com/addons/detail/queue/aanjampfdpcnhoeglmfefmmegdbifaak)
 
 ![Queue 0.2.2](./images/queue-version-0-2-2.png)
 
@@ -14,10 +16,9 @@ Want to find out more about Queue? Check out [the wiki].
 
 ## Installation
 
-You can install Queue through [Mozilla Addons], [installing from a file] (see [the Releases page] for a prebuilt version) or building [from source](#development).
+You can install Queue through the stores linked above, [installing from a file] (see [the Releases page] for a prebuilt version) or building [from source](#development).
 
 [installing from a file]: https://support.mozilla.org/en-US/kb/find-and-install-add-ons-add-features-to-firefox#w_how-do-i-find-and-install-add-ons
-[Mozilla Addons]: https://addons.mozilla.org/firefox/addon/holllo-queue/
 [the Releases page]: https://github.com/Holllo/queue/releases
 
 ## Development

source/chromium-manifest.json

@@ -1,26 +0,0 @@
-{
-  "manifest_version": 3,
-  "name": "Queue",
-  "description": "A WebExtension for queueing links.",
-  "permissions": [
-    "contextMenus",
-    "storage",
-    "tabs"
-  ],
-  "icons": {
-    "128": "assets/queue.png"
-  },
-  "action": {
-    "default_icon": {
-      "128": "assets/queue.png"
-    }
-  },
-  "options_ui": {
-    "page": "options/index.html",
-    "open_in_tab": true
-  },
-  "background": {
-    "service_worker": "background-scripts/initialize.ts",
-    "type": "module"
-  }
-}

source/firefox-manifest.json

@@ -1,36 +0,0 @@
-{
-  "manifest_version": 2,
-  "name": "Queue",
-  "description": "A WebExtension for queueing links.",
-  "permissions": [
-    "contextMenus",
-    "storage",
-    "tabs"
-  ],
-  "content_security_policy": "script-src 'self'; object-src 'self'; style-src 'unsafe-inline'",
-  "web_accessible_resources": [
-    "assets/**"
-  ],
-  "icons": {
-    "128": "assets/queue.png"
-  },
-  "browser_action": {
-    "default_icon": {
-      "128": "assets/queue.png"
-    }
-  },
-  "options_ui": {
-    "page": "options/index.html",
-    "open_in_tab": true
-  },
-  "background": {
-    "scripts": [
-      "background-scripts/initialize.ts"
-    ]
-  },
-  "applications": {
-    "gecko": {
-      "id": "{c3560e6b-00e5-4ab3-b89e-8a54ee5b2c9f}"
-    }
-  }
-}

source/manifest.ts

@@ -0,0 +1,50 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+
+export default function createManifest(
+  target: string,
+): Record<string, unknown> {
+  const manifest: Record<string, unknown> = {
+    name: 'Queue',
+    description: 'A WebExtension for queueing links.',
+    version: '0.2.6',
+    permissions: ['contextMenus', 'storage'],
+    options_ui: {
+      page: 'options/index.html',
+      open_in_tab: true,
+    },
+  };
+
+  const icons = {
+    128: 'assets/queue.png',
+  };
+
+  manifest.icons = icons;
+
+  const browserAction = {
+    default_icon: icons,
+  };
+
+  const backgroundScript = 'background-scripts/initialize.ts';
+
+  if (target === 'chromium') {
+    manifest.manifest_version = 3;
+    manifest.action = browserAction;
+    manifest.background = {
+      service_worker: backgroundScript,
+      type: 'module',
+    };
+  } else {
+    manifest.manifest_version = 2;
+    manifest.browser_action = browserAction;
+    manifest.background = {
+      scripts: [backgroundScript],
+    };
+    manifest.applications = {
+      gecko: {
+        id: '{c3560e6b-00e5-4ab3-b89e-8a54ee5b2c9f}',
+      },
+    };
+  }
+
+  return manifest;
+}

vite.config.ts

@@ -1,5 +1,4 @@
 import fs from 'node:fs';
-import fsp from 'node:fs/promises';
 import path from 'node:path';
 import process from 'node:process';
 import url from 'node:url';
@@ -10,41 +9,35 @@ import {defineConfig} from 'vite';
 import preactPreset from '@preact/preset-vite';
 import webExtension from 'vite-plugin-web-extension';
 
-const currentDir = path.dirname(url.fileURLToPath(import.meta.url));
-const sourceDir = path.join(currentDir, 'source');
-
-const queueVersion = '0.2.5';
+import createManifest from './source/manifest.js';
 
 const targetBrowser = process.env.VITE_BROWSER ?? 'firefox';
 process.env.VITE_BROWSER = targetBrowser;
 
-let webExtConfig;
+const currentDir = path.dirname(url.fileURLToPath(import.meta.url));
+const buildDir = path.join(currentDir, 'build', targetBrowser);
+const sourceDir = path.join(currentDir, 'source');
+
+fs.mkdirSync(path.join(currentDir, targetBrowser), {recursive: true});
+
+const webExtConfig: Record<string, unknown> = {
+  browserConsole: true,
+  chromiumProfile: 'chromium/',
+  firefoxProfile: 'firefox/',
+  keepProfileChanges: true,
+};
 
 if (targetBrowser === 'chromium') {
-  fs.mkdirSync(path.join(currentDir, 'chromium'), {recursive: true});
-  webExtConfig = {
-    browserConsole: true,
-    chromiumProfile: 'chromium/',
-    keepProfileChanges: true,
-    startUrl: 'chrome://extensions/',
-    target: 'chromium',
-  };
+  webExtConfig.startUrl = 'chrome://extensions/';
+  webExtConfig.target = 'chromium';
 } else {
-  fs.mkdirSync(path.join(currentDir, 'firefox'), {recursive: true});
-  webExtConfig = {
-    browserConsole: true,
-    firefoxProfile: 'firefox/',
-    keepProfileChanges: true,
-    startUrl: 'about:debugging#/runtime/this-firefox',
-    target: 'firefox-desktop',
-  };
+  webExtConfig.startUrl = 'about:debugging#/runtime/this-firefox';
+  webExtConfig.target = 'firefox-desktop';
 }
 
-const buildDir = path.join(currentDir, 'build', targetBrowser);
-
 export default defineConfig({
   build: {
-    minify: true,
+    minify: false,
     outDir: buildDir,
     sourcemap: 'inline',
   },
@@ -55,19 +48,7 @@ export default defineConfig({
     webExtension({
       assets: 'assets',
       browser: targetBrowser,
-      async manifest() {
-        const manifest = JSON.parse(
-          await fsp.readFile(
-            path.join(sourceDir, `${targetBrowser}-manifest.json`),
-            // eslint-disable-next-line unicorn/prefer-json-parse-buffer
-            'utf-8',
-          ),
-        ) as Record<string, unknown>;
-
-        manifest.version = queueVersion;
-
-        return manifest;
-      },
+      manifest: () => createManifest(targetBrowser),
       webExtConfig,
     }),
   ],