Fix devtools source for the extensions background page

Author: zalmoxisus

package.json

@@ -50,7 +50,7 @@
     "webpack": "^1.12.2"
   },
   "dependencies": {
-    "crossmessaging": "^0.1.1",
+    "crossmessaging": "^0.1.2",
     "json-stringify-safe": "^5.0.1",
     "react": "^0.14.0",
     "react-dom": "^0.14.0",

src/browser/extension/background/messaging.js

@@ -2,17 +2,20 @@ import { onConnect, onMessage, sendToTab } from 'crossmessaging';
 import { MENU_DEVTOOLS } from '../../../app/constants/ContextMenus.js';
 let connections = {};
 
-function sendNAMessage(port) {
-  port.postMessage({
-    na: true,
-    source: 'redux-page'
-  });
-}
-
-onConnect(() => ({
-  payload: window.store.liftedStore.getState(),
+const naMessage = {
+  na: true,
   source: 'redux-page'
-}), {}, connections, window.store, sendNAMessage);
+};
+
+// Connect to devpanel
+onConnect((tabId) => {
+  console.log('init!', window.store.id, tabId);
+  if (tabId !== store.id) return naMessage;
+  return {
+    payload: window.store.liftedStore.getState(),
+    source: 'redux-page'
+  };
+}, {}, connections);
 
 function parseJSON(data) {
   try {
@@ -28,7 +31,7 @@ function messaging(request, sender) {
   const tabId = sender.tab ? sender.tab.id : sender.id;
   if (tabId) {
     if (request.type === 'PAGE_UNLOADED') {
-      if (connections[ tabId ]) sendNAMessage(connections[ tabId ]);
+      if (connections[ tabId ]) connections[ tabId ].postMessage(naMessage);
       return true;
     }
     const payload = typeof request.payload === 'string' ? parseJSON(request.payload) : request.payload;

src/browser/extension/devpanel/index.js

@@ -50,6 +50,12 @@ backgroundPageConnection.onMessage.addListener((message) => {
 });
 
 function init(id) {
+  chrome.devtools.inspectedWindow.eval(
+    'window.postMessage({' +
+    'type: \'UPDATE\',' +
+    'source: \'redux-cs\'' +
+    '}, \'*\');'
+  );
   backgroundPageConnection.postMessage({ name: 'init', tabId: id });
 }