Make context menu always available

Author: zalmoxisus

src/browser/extension/background/contextMenus.js

@@ -7,8 +7,6 @@ const menus = [
   { id: 'devtools-panel', title: 'Open in a chrome panel (enable in Chrome settings)' },
   { id: 'devtools-remote', title: 'Open Remote DevTools' }
 ];
-let pageUrl;
-let pageTab;
 
 let shortcuts = {};
 chrome.commands.getAll(commands => {
@@ -17,24 +15,12 @@ chrome.commands.getAll(commands => {
   });
 });
 
-export default function createMenu(forUrl, tabId) {
-  if (typeof tabId !== 'number') return; // It is an extension's background page
-  chrome.pageAction.show(tabId);
-  if (tabId === pageTab) return;
-
-  let url = forUrl;
-  let hash = forUrl.indexOf('#');
-  if (hash !== -1) url = forUrl.substr(0, hash);
-  if (pageUrl === url) return;
-  pageUrl = url; pageTab = tabId;
-  chrome.contextMenus.removeAll();
-
+export default function createMenu() {
   menus.forEach(({ id, title }) => {
     chrome.contextMenus.create({
       id: id,
       title: title + (shortcuts[id] ? ' (' + shortcuts[id] + ')' : ''),
       contexts: ['all'],
-      documentUrlPatterns: [url],
       onclick: () => { openDevToolsWindow(id); }
     });
   });

src/browser/extension/background/index.js

@@ -1,6 +1,7 @@
 import createDevStore from 'remotedev-app/lib/store/createDevStore';
 import openDevToolsWindow from './openWindow';
 import { toContentScript } from './messaging';
+import createMenu from './contextMenus';
 
 const store = createDevStore((action) => {
   toContentScript(action);
@@ -12,3 +13,4 @@ window.store.liftedStore.instances = {};
 chrome.commands.onCommand.addListener(shortcut => {
   openDevToolsWindow(shortcut);
 });
+setTimeout(createMenu, 0);

src/browser/extension/background/messaging.js

@@ -1,7 +1,6 @@
 import { onConnect, onMessage, sendToTab } from 'crossmessaging';
 import updateState from 'remotedev-app/lib/store/updateState';
 import syncOptions from '../options/syncOptions';
-import createMenu from './contextMenus';
 import openDevToolsWindow from './openWindow';
 let panelConnections = {};
 let tabConnections = {};