Added cross-browser compatibility for gekko and blink based browsers

src/manifest.json

@@ -11,8 +11,11 @@
     "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": [
     {
@@ -25,7 +28,12 @@
         "*://outlook.office.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,4 @@
+// scripts/browser-polyfill.js
+if (typeof browser === "undefined") {
+    window.browser = typeof chrome !== "undefined" ? chrome : {};
+}

src/scripts/main.js

@@ -12,7 +12,7 @@ let userReasonElement = document.getElementById('userReason');
 let showCommitsElement = document.getElementById('showCommits');
 
 function handleBodyOnLoad() {
-	chrome.storage.local.get(
+	browser.storage.local.get(
 		[
 			'githubUsername',
 			'projectName',
@@ -102,7 +102,7 @@ document.getElementById('refreshCache').addEventListener('click', async (e) => {
 		});
 
 		// Reload the active tab to re-inject content
-		chrome.tabs.reload(tabs[0].id);
+		browser.tabs.reload(tabs[0].id);
 
 		Materialize.toast({ html: 'Data refreshed successfully!', classes: 'green' });
 	} catch (err) {
@@ -116,16 +116,16 @@ document.getElementById('refreshCache').addEventListener('click', async (e) => {
 });
 
 function handleEnableChange() {
-	let value = enableToggleElement.checked;
-	chrome.storage.local.set({ enableToggle: value });
+	var value = enableToggleElement.checked;
+	browser.storage.local.set({ enableToggle: value });
 }
 function handleStartingDateChange() {
-	let value = startingDateElement.value;
-	chrome.storage.local.set({ startingDate: value });
+	var value = startingDateElement.value;
+	browser.storage.local.set({ startingDate: value });
 }
 function handleEndingDateChange() {
-	let value = endingDateElement.value;
-	chrome.storage.local.set({ endingDate: value });
+	var value = endingDateElement.value;
+	browser.storage.local.set({ endingDate: value });
 }
 function handleLastWeekContributionChange() {
 	let value = lastWeekContributionElement.checked;
@@ -145,8 +145,7 @@ function handleLastWeekContributionChange() {
 		labelElement.classList.add("unselectedLabel");
 		labelElement.classList.remove("selectedLabel");
 	}
-
-	chrome.storage.local.set({ lastWeekContribution: value });
+	browser.storage.local.set({ lastWeekContribution: value });
 }
 
 function handleYesterdayContributionChange() {
@@ -168,7 +167,7 @@ function handleYesterdayContributionChange() {
 		labelElement.classList.add("unselectedLabel");
 		labelElement.classList.remove("selectedLabel");
 	}
-	chrome.storage.local.set({ yesterdayContribution: value });
+	browser.storage.local.set({ yesterdayContribution: value });
 }
 
 function getLastWeek() {
@@ -215,20 +214,20 @@ function getToday() {
 }
 
 function handleGithubUsernameChange() {
-	let value = githubUsernameElement.value;
-	chrome.storage.local.set({ githubUsername: value });
+	var value = githubUsernameElement.value;
+	browser.storage.local.set({ githubUsername: value });
 }
 function handleGithubTokenChange() {
 	let value = githubTokenElement.value;
-	chrome.storage.local.set({ githubToken: value });
+	browser.storage.local.set({ githubToken: value });
 }
 function handleProjectNameChange() {
-	let value = projectNameElement.value;
-	chrome.storage.local.set({ projectName: value });
+	var value = projectNameElement.value;
+	browser.storage.local.set({ projectName: value });
 }
 function handleCacheInputChange() {
 	let value = cacheInputElement.value;
-	chrome.storage.local.set({ cacheInput: value });
+	browser.storage.local.set({ cacheInput: value });
 }
 function handleOpenLabelChange() {
 	let value = showOpenLabelElement.checked;
@@ -242,17 +241,17 @@ function handleOpenLabelChange() {
 		labelElement.classList.remove("selectedLabel");
 	}
 
-	chrome.storage.local.set({ showOpenLabel: value });
+	browser.storage.local.set({ showOpenLabel: value });
 }
 
 function handleUserReasonChange() {
-	let value = userReasonElement.value;
-	chrome.storage.local.set({ userReason: value });
+	var value = userReasonElement.value;
+	browser.storage.local.set({ userReason: value });
 }
 
 function handleShowCommitsChange() {
     let value = showCommitsElement.checked;
-    chrome.storage.local.set({ showCommits: value });
+    browser.storage.local.set({ showCommits: value });
 }
 
 enableToggleElement.addEventListener('change', handleEnableChange);
@@ -267,4 +266,4 @@ lastWeekContributionElement.addEventListener('change', handleLastWeekContributio
 yesterdayContributionElement.addEventListener('change', handleYesterdayContributionChange);
 showOpenLabelElement.addEventListener('change', handleOpenLabelChange);
 userReasonElement.addEventListener('keyup', handleUserReasonChange);
-document.addEventListener('DOMContentLoaded', handleBodyOnLoad);
+document.addEventListener('DOMContentLoaded', handleBodyOnLoad);