Replace page action with action

Author: Methuselah96

extension/chrome/manifest.json

@@ -22,9 +22,9 @@
     "devtools-remote": {
       "description": "Remote DevTools"
     },
-    "_execute_page_action": {
+    "_execute_action": {
       "suggested_key": {
-        "default": "Ctrl+Shift+E"
+        "default": "Ctrl+Shift+F"
       }
     }
   },

extension/src/background/index.ts

@@ -12,8 +12,10 @@ chrome.commands.onCommand.addListener((shortcut) => {
   openDevToolsWindow(shortcut as DevToolsPosition);
 });
 
-// Create the context menu when installed
+// Disable the action by default and create the context menu when installed
 chrome.runtime.onInstalled.addListener(() => {
+  chrome.action.disable();
+
   syncOptions().get((option) => {
     if (option.showContextMenus) createMenu();
   });

extension/src/background/store/apiMiddleware.ts

@@ -605,8 +605,8 @@ function onConnect<S, A extends Action<string>>(port: chrome.runtime.Port) {
       if (msg === 'heartbeat') return;
       if (msg.name === 'INIT_INSTANCE') {
         if (typeof id === 'number') {
-          chrome.pageAction.show(id);
-          chrome.pageAction.setIcon({ tabId: id, path: 'img/logo/38x38.png' });
+          chrome.action.enable(id);
+          chrome.action.setIcon({ tabId: id, path: 'img/logo/38x38.png' });
         }
         if (isMonitored) port.postMessage({ type: 'START' });