Fix Import / Export for non-redux apps

Related to ngrx/store-devtools#40

Author: zalmoxisus

package.json

@@ -78,7 +78,7 @@
     "redux": "^3.5.2",
     "redux-devtools": "^3.3.1",
     "redux-devtools-instrument": "^1.3.3",
-    "remotedev-app": "^0.10.0",
+    "remotedev-app": "^0.10.1",
     "remotedev-monitor-components": "^0.0.4",
     "remotedev-slider": "^1.1.1",
     "remotedev-utils": "0.0.1"

src/app/api/index.js

@@ -1,4 +1,5 @@
 import jsan from 'jsan';
+import importState from './importState';
 
 const listeners = {};
 export const source = '@devtools-page';
@@ -78,6 +79,14 @@ function handleMessages(event) {
   if (!message || message.source !== '@devtools-extension') return;
   Object.keys(listeners).forEach(id => {
     if (message.id && id !== message.id) return;
+    if (message.type === 'IMPORT') {
+      message.type = 'DISPATCH';
+      message.payload = {
+        type: 'IMPORT_STATE',
+        ...importState(message.state, {})
+      };
+      message.state = undefined;
+    }
     if (typeof listeners[id] === 'function') listeners[id](message);
     else listeners[id].forEach(fn => { fn(message); });
   });

test/app/inject/enhancer.spec.js

@@ -139,7 +139,8 @@ describe('Redux enhancer', () => {
         source: '@devtools-extension'
       }, '*');
     });
-    expect(message.type).toBe('IMPORT');
+    expect(message.type).toBe('DISPATCH');
+    expect(message.payload.type).toBe('IMPORT_STATE');
     message = await listenMessage();
     expect(message.type).toBe('STATE');
     expect(window.store.getState()).toBe(2);