Add debug session persistance

Author: gaearon

examples/counter/containers/App.js

@@ -5,12 +5,14 @@ import { Provider } from 'redux/react';
 import * as reducers from '../reducers';
 
 import devTools from '../redux-devtools/index';
+import persistState from '../redux-devtools/persistState';
 import DebugPanel from '../redux-devtools/DebugPanel';
 import ReduxMonitor from '../redux-devtools/ReduxMonitor';
 
 const finalCreateStore = compose(
   applyMiddleware(),
   devTools(),
+  persistState(window.location.href.match(/[?&]debug_session=([^&]+)\b/)),
   createStore
 );
 

examples/counter/redux-devtools/persistState.js

@@ -0,0 +1,30 @@
+export default function persistState(sessionId) {
+  if (!sessionId) {
+    return next => (...args) => next(...args);
+  }
+
+  return next => (reducer, initialState) => {
+    const key = `redux-dev-session-${sessionId}`;
+
+    try {
+      initialState = JSON.parse(localStorage.getItem(key)) || initialState;
+      next(reducer, initialState);
+    } catch (e) {
+      try {
+        localStorage.removeItem(key);
+      } finally {
+        initialState = undefined;
+      }
+    }
+
+    const store = next(reducer, initialState);
+
+    return Object.assign(Object.create(store), {
+      dispatch(action) {
+        store.dispatch(action);
+        localStorage.setItem(key, JSON.stringify(store.getState()));
+        return action;
+      }
+    });
+  };
+}