feat: move action icon into URL bar

background.js

@@ -30,10 +30,18 @@ const fetchPath = (pathname) => (url) => {
  * @returns {number} Tab number.
  */
 const setIcon = (tabId) => (path) => {
-  api.action.setIcon({
-    path: path,
-    tabId,
-  });
+  if (!api.pageAction) {
+    // Chrome doesn't support page actions
+    api.action.setIcon({
+      path: path,
+      tabId,
+    });
+  } else {
+    api.pageAction.setIcon({
+      path: path,
+      tabId,
+    });
+  }
   return tabId;
 };
 

manifest/manifest_chrome.json

@@ -1,7 +1,15 @@
 {
+  "author": {
+    "email": "[email protected]"
+  },
   "background": {
     "service_worker": "background.js",
     "type": "module"
   },
-  "minimum_chrome_version": "92"
+  "minimum_chrome_version": "92",
+  "action": {
+    "default_title": "identinet Decentralized Identity Information",
+    "default_popup": "index.html",
+    "default_icon": "icons/favicon_48.png"
+  }
 }

manifest/manifest_firefox.json

@@ -7,5 +7,14 @@
       "id": "[email protected]",
       "strict_min_version": "109.0"
     }
+  },
+  "page_action": {
+    "default_title": "identinet Decentralized Identity Information",
+    "default_popup": "index.html",
+    "default_icon": {
+      "19": "icons/favicon_19.png",
+      "38": "icons/favicon_38.png"
+    },
+    "show_matches": ["https://*/*"]
   }
 }

manifest/manifest_shared.json

@@ -11,11 +11,6 @@
     "96": "icons/favicon_96.png",
     "128": "icons/favicon_128.png"
   },
-  "action": {
-    "default_title": "identinet Decentralized Identity Information",
-    "default_popup": "index.html",
-    "default_icon": "icons/favicon_48.png"
-  },
   "permissions": [
     "activeTab",
     "tabs",