feat: add chromium support

use the webextension-polyfill package to target both browser and chrome object when using the browser object.

Author: superle3

browser_extension/manifest.json

@@ -16,10 +16,6 @@
         }
     ],
     "permissions": ["storage"],
-    "options_ui": {
-        "page": "settings.html",
-        "open_in_tab": true
-    },
     "web_accessible_resources": [
         {
             "resources": [
@@ -29,6 +25,7 @@
             "matches": ["<all_urls>"]
         }
     ],
+    "options_page": "settings.html",
     "action": {
         "default_popup": "popup.html"
     },

browser_extension/package.json

@@ -10,7 +10,11 @@
         "@valtown/codemirror-ts": "^2.2.1",
         "codemirror": "^6.0.2",
         "lz-string": "^1.5.0",
-        "typescript": "^5.9.2"
+        "typescript": "^5.9.2",
+        "webextension-polyfill": "^0.12.0"
     },
-    "devDependencies": {}
+    "devDependencies": {
+        "@types/webextension-polyfill": "^0.12.3",
+        "web-ext-option-types": "^8.9.5"
+    }
 }

browser_extension/popup.js

@@ -1 +1,8 @@
-(browser ?? chrome).tabs.create({ url: "settings.html" });
+(window.browser ?? window.chrome).tabs.create({ url: "settings.html" });
+setTimeout(() => {
+    try {
+        window.close();
+    } catch (e) {
+        console.error("Error closing window:", e);
+    }
+}, 100);

browser_extension/settings/content_script.ts

@@ -1,8 +1,9 @@
-/// <reference types="firefox-webext-browser" />
+// /// <reference types="firefox-webext-browser" />
 
 import { compressToUint8Array, decompressFromUint8Array } from "lz-string";
 import { DEFAULT_SETTINGS_RAW } from "../../src/settings/settings";
 import * as ts from "typescript";
+import browser from "webextension-polyfill";
 
 async function send_config(): Promise<void> {
     const config = await get_transpiled_settings();

browser_extension/settings/settings_tab.ts

@@ -1,4 +1,3 @@
-import { compressToUint8Array, decompressFromUint8Array } from "lz-string";
 import type { LatexSuitePluginSettingsRaw } from "../../src/settings/settings";
 import { DEFAULT_SETTINGS_RAW } from "../../src/settings/settings";
 import { EditorView } from "@codemirror/view";