Support for Vivaldi browser

Related to
#116 (comment)
omment-277890509

Author: zalmoxisus

src/app/middlewares/panelSync.js

@@ -7,7 +7,7 @@ function panelDispatcher(bgConnection) {
 
   return store => next => action => {
     const result = next(action);
-    if (!autoselected && action.type === UPDATE_STATE) {
+    if (!autoselected && action.type === UPDATE_STATE && tabId) {
       autoselected = true;
       const connections = store.getState()
         .instances.connections[tabId];
@@ -18,7 +18,8 @@ function panelDispatcher(bgConnection) {
     if (action.type === LIFTED_ACTION || action.type === 'TOGGLE_PERSIST') {
       const instances = store.getState().instances;
       const instanceId = getActiveInstance(instances);
-      bgConnection.postMessage({ ...action, instanceId, id: tabId });
+      const id = instances.options[instanceId].connectionId;
+      bgConnection.postMessage({ ...action, instanceId, id });
     }
     return result;
   };

src/browser/extension/devpanel/index.js

@@ -61,7 +61,7 @@ function renderNA() {
 
 function init(id) {
   renderNA();
-  bgConnection = chrome.runtime.connect({ name: id.toString() });
+  bgConnection = chrome.runtime.connect({ name: id ? id.toString() : undefined });
   bgConnection.onMessage.addListener(message => {
     if (message.type === 'NA') {
       if (message.id === id) renderNA();
@@ -73,12 +73,4 @@ function init(id) {
   });
 }
 
-if (chrome.devtools.inspectedWindow.tabId) {
-  init(chrome.devtools.inspectedWindow.tabId);
-} else {
-  // If there's no tabId it means we're inspecting an extension background script and will use its id
-  chrome.devtools.inspectedWindow.eval('chrome.runtime.id',
-    function(result, isException) {
-      if (!isException && result) init(result);
-    });
-}
+init(chrome.devtools.inspectedWindow.tabId);