Remove merged badge

background.ts

@@ -0,0 +1,83 @@
+import { ChromeApi } from "./src/chrome/api";
+import { chromeApiSingleton } from "./src/chrome/implementation";
+import { buildEnvironment } from "./src/environment/implementation";
+import { CrossScriptMessenger } from "./src/messaging/api";
+import { Core } from "./src/state/core";
+
+// This is the entry point of the service worker of the Chrome extension.
+console.debug("Service worker running...");
+
+const chromeApi = chromeApiSingleton;
+const env = buildEnvironment(chromeApiSingleton);
+const core = new Core(env);
+
+selfUpdateAsap(chromeApi);
+refreshOnUpdate(chromeApi);
+refreshRegulary(chromeApi);
+refreshOnDemand(env.messenger);
+
+async function triggerRefresh() {
+  const result = await chromeApi.storage.session.get(["refreshing"]);
+  const refreshing = result?.refreshing ?? false;
+  if (refreshing) {
+    return;
+  }
+  try {
+    chromeApi.storage.session.set({ refreshing: true });
+    await core.load();
+    if (!core.token) {
+      return;
+    }
+    await core.refreshPullRequests();
+  } finally {
+    chromeApi.storage.session.set({ refreshing: false });
+  }
+}
+
+/**
+ * Automatically reloads the extension as soon as an update is available.
+ */
+function selfUpdateAsap(chromeApi: ChromeApi) {
+  chromeApi.runtime.onUpdateAvailable.addListener(() => {
+    console.debug("Update available");
+    chromeApi.runtime.reload();
+  });
+}
+
+/**
+ * Refreshes pull requests when the extension is installed or updated.
+ */
+function refreshOnUpdate(chromeApi: ChromeApi) {
+  chromeApi.runtime.onInstalled.addListener(() => {
+    console.debug("Extension installed");
+    triggerRefresh().catch(console.error);
+  });
+}
+
+/**
+ * Refreshes pull requests at regular intervals.
+ */
+function refreshRegulary(chromeApi: ChromeApi) {
+  chromeApi.alarms.create({
+    periodInMinutes: 10,
+  });
+  chromeApi.alarms.onAlarm.addListener((alarm) => {
+    console.debug("Alarm triggered", alarm);
+    triggerRefresh().catch(console.error);
+  });
+}
+
+/**
+ * Refreshes pull requests when requested by the user (e.g. after entering a new token).
+ */
+function refreshOnDemand(messenger: CrossScriptMessenger) {
+  messenger.listen((message) => {
+    console.debug("Message received", message);
+    if (message.kind === "refresh") {
+      triggerRefresh().catch(console.error);
+    }
+    if (message.kind === "restart") {
+      chromeApi.runtime.reload();
+    }
+  });
+}

manifest.json

@@ -1,15 +1,14 @@
 {
-  "manifest_version": 2,
-  "name": "PR Monitor",
-  "version": "0.0.0",
-  "description": "Get notified when you receive a pull request on GitHub.",
-  "permissions": ["alarms", "notifications", "storage"],
-  "optional_permissions": ["tabs"],
+  "manifest_version": 3,
+  "name": "Github PR Tracker",
+  "version": "1.0.2",
+  "description": "Better track Github PRs",
+  "permissions": ["alarms", "storage"],
   "background": {
-    "scripts": ["background.js"],
-    "persistent": true
+    "service_worker": "./background.js",
+    "type": "module"
   },
-  "browser_action": {
+  "action": {
     "default_popup": "index.html#popup"
   },
   "icons": {

package.json

@@ -3,17 +3,13 @@
   "dependencies": {
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
-    "@fortawesome/fontawesome-svg-core": "^6.1.2",
-    "@fortawesome/free-solid-svg-icons": "^6.1.2",
-    "@fortawesome/react-fontawesome": "^0.2.0",
     "@octokit/plugin-throttling": "^4.3.2",
+    "@octokit/request": "^8.1.5",
     "@octokit/rest": "^19.0.4",
-    "@types/lodash": "^4.14.184",
-    "assert-never": "^1.2.1",
+    "@primer/octicons-react": "^19.8.0",
     "bootstrap": "^5.2.0",
     "graphql": "^16.6.0",
     "graphql-request": "^4.3.0",
-    "lodash": "^4.17.21",
     "mobx": "^6.6.1",
     "mobx-react-lite": "^3.4.0",
     "moment": "^2.29.4",

src/badge/implementation.ts

@@ -10,10 +10,10 @@ export function buildBadger(chromeApi: ChromeApi): Badger {
 }
 
 function updateBadge(chromeApi: ChromeApi, state: BadgeState) {
-  chromeApi.browserAction.setBadgeText({
+  chromeApi.action.setBadgeText({
     text: badgeLabel(state),
   });
-  chromeApi.browserAction.setBadgeBackgroundColor({
+  chromeApi.action.setBadgeBackgroundColor({
     color: badgeColor(state),
   });
 }

src/chrome/fake-chrome.ts

@@ -6,14 +6,14 @@ import { ChromeApi, ChromeStorageItems } from "./api";
  * outside of a Chrome extension.
  */
 const partialFakeChrome: RecursivePartial<ChromeApi> = {
-  browserAction: {
-    setBadgeText(details: chrome.browserAction.BadgeTextDetails) {
-      console.log("chrome.browserAction.setBadgeText", details);
+  action: {
+    setBadgeText(details: chrome.action.BadgeTextDetails) {
+      console.log("chrome.action.setBadgeText", details);
     },
     setBadgeBackgroundColor(
-      details: chrome.browserAction.BadgeBackgroundColorDetails
+      details: chrome.action.BadgeBackgroundColorDetails
     ) {
-      console.log("chrome.browserAction.setBadgeBackgroundColor", details);
+      console.log("chrome.action.setBadgeBackgroundColor", details);
     },
   },
   runtime: {