Enable non persistent background page on Firefox

manifest/firefox-manifest-extra.json

@@ -3,5 +3,11 @@
     "gecko": {
       "id": "sponsorBlocker@ajay.app"
     }
-  }
+  },
+  "background": {
+    "persistent": false
+  },
+  "permissions": [
+    "scripting"
+  ]
 }

manifest/safari-manifest-extra.json

@@ -1,5 +1,8 @@
 {
   "background": {
     "persistent": false
-  }
+  },
+  "permissions": [
+    "scripting"
+  ]
 }

src/background.ts

@@ -148,28 +148,59 @@ chrome.runtime.onInstalled.addListener(function () {
  *
  * @param {JSON} options
  */
-function registerFirefoxContentScript(options: Registration) {
+async function registerFirefoxContentScript(options: Registration) {
-    const oldRegistration = contentScriptRegistrations[options.id];
+    await unregisterFirefoxContentScript(options.id);
-    if (oldRegistration) oldRegistration.unregister();
 
-    chrome.contentScripts.register({
+    if ("scripting" in chrome && "getRegisteredContentScripts" in chrome.scripting) {
+        await chrome.scripting.registerContentScripts([{
+            id: options.id,
+            runAt: "document_start",
+            matches: options.matches,
             allFrames: options.allFrames,
             js: options.js,
             css: options.css,
+            persistAcrossSessions: true,
+        }]);
+    } else {
+        chrome.contentScripts.register({
+            allFrames: options.allFrames,
+            js: options.js?.map?.(file => ({file})),
+            css: options.css?.map?.(file => ({file})),
             matches: options.matches
         }).then((registration) => void (contentScriptRegistrations[options.id] = registration));
+    }
+
 }
 
 /**
  * Only works on Firefox.
  * Firefox requires that this is handled by the background script
- *
  */
-function unregisterFirefoxContentScript(id: string) {
+async function unregisterFirefoxContentScript(id: string) {
+    if ("scripting" in chrome && "getRegisteredContentScripts" in chrome.scripting) {
+        // Bug in Firefox where you need to use browser namespace for this call
+        const getContentScripts = async (filter: browser.scripting.ContentScriptFilter) => {
+            if (isFirefoxOrSafari()) {
+                return await browser.scripting.getRegisteredContentScripts(filter);
+            } else {
+                return await chrome.scripting.getRegisteredContentScripts(filter);
+            }
+        };
+
+        const existingRegistrations = await getContentScripts({
+            ids: [id]
+        });
+        if (existingRegistrations?.length > 0) {
+            await chrome.scripting.unregisterContentScripts({
+                ids: existingRegistrations.map((script) => script.id),
+            });
+        }
+    } else {
         if (contentScriptRegistrations[id]) {
             contentScriptRegistrations[id].unregister();
             delete contentScriptRegistrations[id];
         }
+    }
 }
 
 async function submitVote(type: number, UUID: string, category: string) {

src/types.ts

@@ -99,8 +99,8 @@ export interface Registration {
     message: string;
     id: string;
     allFrames: boolean;
-    js: browser.extensionTypes.ExtensionFileOrCode[];
+    js: string[];
-    css: browser.extensionTypes.ExtensionFileOrCode[];
+    css: string[];
     matches: string[];
 }
 

src/utils.ts

@@ -47,9 +47,14 @@ export default class Utils {
      * @param {CallableFunction} callback
      */
     setupExtraSitePermissions(callback: (granted: boolean) => void): void {
-        let permissions = ["webNavigation"];
+        const permissions = [];
-        if (!isSafari()) permissions.push("declarativeContent");
+        if (!isFirefoxOrSafari()) {
-        if (isFirefoxOrSafari() && !isSafari()) permissions = [];
+            permissions.push("declarativeContent");
+        }
+        if (!isFirefoxOrSafari() || isSafari()) {
+            permissions.push("webNavigation");
+        }
+        console.log(permissions)
 
         chrome.permissions.request({
             origins: this.getPermissionRegex(),
@@ -73,21 +78,12 @@ export default class Utils {
      * For now, it is just SB.config.invidiousInstances.
      */
     setupExtraSiteContentScripts(): void {
-        const firefoxJS = [];
-        for (const file of this.js) {
-            firefoxJS.push({file});
-        }
-        const firefoxCSS = [];
-        for (const file of this.css) {
-            firefoxCSS.push({file});
-        }
-
         const registration: Registration = {
             message: "registerContentScript",
             id: "invidious",
             allFrames: true,
-            js: firefoxJS,
+            js: this.js,
-            css: firefoxCSS,
+            css: this.css,
             matches: this.getPermissionRegex()
         };