feat(chrome): migrate to manifest v3

Readme.md

@@ -1,6 +1,6 @@
 # 🔀 Random GitHub Notification
 
-**Firefox add-on which adds a toolbar button to open a random GitHub notification of yours!**
+**Chrome extension which adds a toolbar button to open a random GitHub notification of yours!**
 
 Very useful to catch up and work through notifications – with the excitement of randomness.
 

background.js

@@ -1,20 +1,29 @@
-chrome.browserAction.onClicked.addListener(() => {
-  chrome.tabs.query({ url: "https://github.com/notifications*" }, (tabs) => {
+chrome.action.onClicked.addListener(async (tab) => {
+  try {
+    const tabs = await chrome.tabs.query({ url: "https://github.com/notifications*" });
+
     if (tabs.length > 0) {
-      const tab = tabs[0];
-      chrome.tabs.update(tab.id, { active: true });
-      chrome.tabs.executeScript(tab.id, { code: `(${startNotificationRandomizer.toString()})()` });
+      const notificationTab = tabs[0];
+      await chrome.tabs.update(notificationTab.id, { active: true });
+      await chrome.scripting.executeScript({
+        target: { tabId: notificationTab.id },
+        func: startNotificationRandomizer
+      });
     } else {
-      chrome.tabs.create({ url: "https://github.com/notifications" }, (newTab) => {
-        chrome.tabs.onUpdated.addListener(function listener(tabId, changeInfo) {
-          if (tabId === newTab.id && changeInfo.status === 'complete') {
-            chrome.tabs.onUpdated.removeListener(listener);
-            chrome.tabs.executeScript(tabId, { code: `(${startNotificationRandomizer.toString()})()` });
-          }
-        });
+      const newTab = await chrome.tabs.create({ url: "https://github.com/notifications" });
+      chrome.tabs.onUpdated.addListener(function listener(tabId, changeInfo) {
+        if (tabId === newTab.id && changeInfo.status === 'complete') {
+          chrome.tabs.onUpdated.removeListener(listener);
+          chrome.scripting.executeScript({
+            target: { tabId: tabId },
+            func: startNotificationRandomizer
+          });
+        }
       });
     }
-  });
+  } catch (error) {
+    console.error('Error in extension:', error);
+  }
 });
 
 function startNotificationRandomizer() {

manifest.json

@@ -1,22 +1,23 @@
 {
-  "manifest_version": 2,
+  "manifest_version": 3,
   "name": "Random GitHub Notification",
   "version": "1.0",
-  "permissions": ["tabs", "activeTab", "https://github.com/*"],
-  "browser_action": {
+  "permissions": ["tabs", "activeTab", "scripting"],
+  "host_permissions": ["https://github.com/*"],
+  "action": {
     "default_icon": {
-      "48": "icon.svg"
+      "16": "icon16.png",
+      "32": "icon32.png",
+      "48": "icon48.png"
     }
   },
   "background": {
-    "scripts": ["background.js"]
+    "service_worker": "background.js"
   },
   "icons": {
-    "48": "icon.svg"
-  },
-  "browser_specific_settings": {
-    "gecko": {
-      "id": "random-github-notification@keeporsweep.net"
-    }
+    "16": "icon16.png",
+    "32": "icon32.png",
+    "48": "icon48.png",
+    "128": "icon128.png"
   }
 }