WIP: Firefox

manifest.json

@@ -11,7 +11,7 @@
     }
   ],
   "background": {
-    "service_worker": "src/worker/background.ts",
+    "scripts": ["src/worker/background.ts"],
     "type": "module"
   },
   "icons": {
@@ -21,5 +21,11 @@
     "128": "src/assets/os-icons/os-icon-128.png"
   },
   "host_permissions": ["https://github.com/*", "https://*.insights.opensauced.pizza/*" , "https://www.linkedin.com/*"],
-  "permissions": ["scripting", "storage", "tabs", "cookies"]
+  "permissions": ["scripting", "storage", "tabs", "cookies"],
+  "browser_specific_settings": {
+    "gecko": {
+      "id": "[email protected]",
+      "strict_min_version": "1.0"
+    }
+  }
 }

src/utils/checkAuthentication.ts

@@ -10,14 +10,20 @@ export const getAuthToken = async (): Promise<string> => (await chrome.storage.s
 
 export const optLogOut = () => {
     void removeAuthTokenFromStorage();
-    void chrome.storage.local.set({ [OPEN_SAUCED_OPTED_LOG_OUT_KEY]: true });
+    const optedLogOut = { [OPEN_SAUCED_OPTED_LOG_OUT_KEY]: true };
+
+    void chrome.storage.local.set(optedLogOut);
 };
 
 export const optLogIn = async () => {
-    if (typeof window === "undefined") {
-        return;
-    }
-    void chrome.storage.local.set({ [OPEN_SAUCED_OPTED_LOG_OUT_KEY]: false });
+    // TODO: Figure out a better check here or remove it as window is always undefined in Firefox.
+    // if (typeof window === "undefined") {
+    //     return;
+    // }
+
+    const optedLogOut = { [OPEN_SAUCED_OPTED_LOG_OUT_KEY]: true };
+
+    void chrome.storage.local.set(optedLogOut);
 
     const verifier = generatePKCEVerifier();
     const challenge = await generatePKCEChallenge(verifier);

src/utils/colorPreference.ts

@@ -4,7 +4,7 @@ export const prefersDarkMode = (cookieString: string): boolean => {
     const regex = /(?<=\bcolor_mode=)[^;]+/g;
     const match = regex.exec(cookieString);
     const cookie = match && JSON.parse(decodeURIComponent(match[0]));
-    const colorScheme: ColorScheme = cookie.color_mode ?? "auto";
+    const colorScheme: ColorScheme = cookie?.color_mode ?? "auto";
 
     if (colorScheme === "auto") {
         return window.matchMedia("(prefers-color-scheme: dark)").matches;

src/worker/background.ts

@@ -1,3 +1,13 @@
 import { setDefaultDescriptionConfig } from "../utils/ai-utils/descriptionconfig";
 
-chrome.runtime.onInstalled.addListener(setDefaultDescriptionConfig);
+// not sure why the linter/prettier are fighting between two and four spaces here
+declare global {
+  interface Window {
+    browser: typeof chrome;
+  }
+
+  // eslint-disable-next-line no-var
+  var browser: typeof chrome;
+}
+
+browser.runtime.onInstalled.addListener(setDefaultDescriptionConfig);