added cross-browser compatibility for gekko and blink based browsers

Author: Saksham-Sirohi

package.json

@@ -29,6 +29,7 @@
 		"tailwindcss": "^4.1.4"
 	},
 	"dependencies": {
-		"@tailwindcss/cli": "^4.1.3"
+		"@tailwindcss/cli": "^4.1.3",
+		"browser-polyfill": "^3.20.2"
 	}
-}
+}

src/manifest.json

@@ -11,21 +11,29 @@
     "96": "icons/icon.png",
     "48": "icons/icon.png"
   },
-  "background": {
-    "service_worker": "scripts/background.js"
+  "browser_specific_settings": {
+    "gecko": {
+      "id": "[email protected]",
+      "strict_min_version": "109.0"
+    }
   },
   "content_scripts": [
     {
       "matches": [
-        "*://groups.google.com/forum/*",
+        "*://groups.google.com/forum/*", 
         "*://groups.google.com/g/*",
         "*://groups.google.com/u/*/g/*",
         "*://mail.google.com/*",         
         "*://outlook.live.com/*",        
         "*://outlook.office.com/*",      
-        "*://mail.yahoo.com/*"
+        "*://mail.yahoo.com/*"          
       ],
-      "js": ["scripts/jquery-3.2.1.min.js", "scripts/emailClientAdapter.js", "scripts/scrumHelper.js"]
+      "js": [
+        "scripts/browser-polyfill.js",
+        "scripts/jquery-3.2.1.min.js",
+        "scripts/emailClientAdapter.js",
+        "scripts/scrumHelper.js"
+      ]
     }
   ],
 

src/popup.html

@@ -260,6 +260,7 @@ <h4 class="font-semibold text-xl">Note:</h4>
 			</div>
 		</div>
 	</div>
+	<script src="scripts/browser-polyfill.js"></script>
 	<script src="scripts/jquery-3.2.1.min.js"></script>
 	<script type="text/javascript" type="text/javascript" src="materialize/js/materialize.min.js"></script>
 	<script src="scripts/main.js"></script>

src/scripts/browser-polyfill.js

@@ -0,0 +1,7 @@
+if (typeof browser === "undefined") {
+    window.browser = typeof chrome !== "undefined" ? chrome : {};
+    // Create global browser reference
+    if (typeof chrome !== "undefined") {
+        var browser = chrome;
+    }
+}