Fix support for multiple instances

Fix #144.

Author: zalmoxisus

docs/API/Methods.md

@@ -24,7 +24,7 @@ Show notifications for uncaught exceptions.
 
 - [`onError`] *Function* to call when there's an exceptions.
 
-### window.devToolsExtension.updateStore(store)
+### window.devToolsExtension.updateStore(store, instanceId)
 
 Specify a new `store` object to be used by the extension. For example, in case of Redux Saga we can use like this:
 
@@ -41,6 +41,11 @@ sagaMiddleware.run(rootSaga);
 if (window.devToolsExtension) window.devToolsExtension.updateStore(store);
 ```
 
+##### Arguments
+
+- `store` *Object* to update.
+- [`instanceId`] *String* - instance id for which to update the store (in case your specified it in the config).  
+
 ### window.devToolsExtension.send(action, state, [shouldStringify, instanceId])
 
 Send a new action and state manually to be shown on the monitor.

src/browser/extension/inject/pageScript.js

@@ -6,10 +6,10 @@ import notifyErrors from '../utils/notifyErrors';
 import importState from '../utils/importState';
 import openWindow from '../utils/openWindow';
 import {
-  toContentScript, sendMessage, setListener, connect, disconnect, generateId
+  updateStore, toContentScript, sendMessage, setListener, connect, disconnect, generateId
 } from '../utils/contentScriptMsg';
 
-let store;
+let stores = {};
 
 window.devToolsExtension = function(reducer, preloadedState, config) {
   /* eslint-disable no-param-reassign */
@@ -19,6 +19,7 @@ window.devToolsExtension = function(reducer, preloadedState, config) {
   /* eslint-enable no-param-reassign */
   if (!window.devToolsOptions) window.devToolsOptions = {};
 
+  let store;
   let shouldSerialize = config.serializeState || config.serializeAction;
   let lastAction;
   let errorOccurred = false;
@@ -139,7 +140,8 @@ window.devToolsExtension = function(reducer, preloadedState, config) {
     return (reducer_, initialState_, enhancer_) => {
       if (!isAllowed(window.devToolsOptions)) return next(reducer_, initialState_, enhancer_);
 
-      store = configureStore(next, monitorReducer, config)(reducer_, initialState_, enhancer_);
+      store = stores[instanceId] =
+        configureStore(next, monitorReducer, config)(reducer_, initialState_, enhancer_);
 
       init();
       store.subscribe(() => {
@@ -154,10 +156,9 @@ window.devToolsExtension = function(reducer, preloadedState, config) {
 };
 
 window.devToolsExtension.open = openWindow;
+window.devToolsExtension.updateStore = updateStore(stores);
 window.devToolsExtension.notifyErrors = notifyErrors;
 window.devToolsExtension.send = sendMessage;
 window.devToolsExtension.listen = setListener;
 window.devToolsExtension.connect = connect;
 window.devToolsExtension.disconnect = disconnect;
-
-window.devToolsExtension.updateStore = (newStore) => { store = newStore; };

src/browser/extension/utils/contentScriptMsg.js

@@ -91,3 +91,13 @@ export function connect(config = {}) {
     send
   };
 }
+
+export function updateStore(stores) {
+  return function(newStore, instanceId) {
+    const store = stores[instanceId || Object.keys(stores)[0]];
+    // Mutate the store in order to keep the reference
+    store.liftedStore = newStore.liftedStore;
+    store.getState = newStore.getState;
+    store.dispatch = newStore.dispatch;
+  };
+}