Support Firefox

Author: mantou132

Diff for: .github/workflows/build-release.yml

@@ -18,7 +18,7 @@ jobs:
 
     - run: yarn
     - run: yarn --cwd functions
-    - run: yarn run build
+    - run: yarn run build:firefox
     - run: npx web-ext --config web-ext.config.js build
     - run: npx web-ext --config web-ext.config.js sign
       env:

Diff for: package.json

@@ -1,11 +1,12 @@
 {
   "name": "spotify-lyrics",
-  "version": "1.5.33",
+  "version": "1.6.0",
   "description": "Desktop Spotify Web Player Instant Synchronized Lyrics",
   "scripts": {
     "lint": "tsc --noEmit && eslint --ext .ts --fix src/",
     "test": "vitest",
     "build": "vite build",
+    "build:firefox": "yarn run build && node ./scripts/mv2.js",
     "watch": "cross-env NODE_ENV=development yarn build --watch",
     "serve": "web-ext --config web-ext.config.js run --start-url open.spotify.com",
     "serve:chromium": "yarn run serve -- -t chromium",

Diff for: public/manifest.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/extend-chrome/manifest-json-schema/main/schema/manifest.schema.json",
   "name": "__MSG_extensionName__",
-  "version": "1.5.33",
+  "version": "1.6.0",
   "manifest_version": 3,
   "description": "__MSG_extensionDescription__",
   "default_locale": "en",

Diff for: scripts/mv2.js

@@ -0,0 +1,8 @@
+const pkg = require('../extension/manifest.json');
+pkg.manifest_version = 2;
+pkg.web_accessible_resources = ['*'];
+pkg.host_permissions = undefined;
+pkg.background = { scripts: [pkg.background.service_worker] };
+pkg.browser_action = pkg.action;
+pkg.action = undefined;
+require('fs').writeFileSync('./extension/manifest.json', JSON.stringify(pkg, null, 2));

Diff for: src/background.ts

@@ -25,6 +25,23 @@ Sentry.init({
 });
 getOptions().then(({ cid }) => Sentry.setUser({ id: cid }));
 
+// firefox mv2
+if (!browser.action) {
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  browser.action = browser.browserAction;
+
+  const oCreate = browser.contextMenus.create;
+  browser.contextMenus.create = (arg) => {
+    return oCreate({
+      ...arg,
+      contexts: arg.contexts?.map((e) =>
+        e === 'action' ? 'browser_action' : '',
+      ) as browser.Menus.ContextType[],
+    });
+  };
+}
+
 function disableBrowserAction() {
   browser.action.disable();
   browser.action.setTitle({ title: i18n.actionDisableTitle() });

Diff for: src/options/index.ts

@@ -1,3 +1,4 @@
+// Firefox 不能在内容脚本中使用自定义元素
 // https://bugs.chromium.org/p/chromium/issues/detail?id=390807
 import '@webcomponents/webcomponentsjs';
 import { render, html } from '@mantou/gem/lib/element';
@@ -45,7 +46,6 @@ if (!isWebApp) {
     captureException(e);
   });
 } else {
-  // https://bugs.chromium.org/p/chromium/issues/detail?id=390807
   // hack content script custom element
   Object.defineProperty(HTMLElement.prototype, 'attachInternals', {
     value: function attachInternals() {