Import a report log with the id specified in the url

Author: zalmoxisus

src/app/api/index.js

@@ -33,7 +33,7 @@ function post(message) {
 
 export function toContentScript(message, shouldStringify, serializeState, serializeAction) {
   if (shouldStringify || isCircular) {
-    if (message.type !== 'ERROR' && message.payload) {
+    if (message.type !== 'ERROR' && message.type !== 'GET_REPORT' && message.payload) {
       message.payload = stringify(message.payload, serializeState);
     }
     if (message.type !== 'STATE' && message.action) {

src/app/store/configureStore.js

@@ -2,8 +2,8 @@ import { compose } from 'redux';
 import instrument from 'redux-devtools-instrument';
 import persistState from 'redux-devtools/lib/persistState';
 
-function getPersistSession() {
-  const matches = window.location.href.match(/[?&]debug_session=([^&#]+)\b/);
+export function getUrlParam(key) {
+  const matches = window.location.href.match(new RegExp(`[?&]${key}=([^&#]+)\\b`));
   return (matches && matches.length > 0) ? matches[1] : null;
 }
 
@@ -13,7 +13,7 @@ export default function configureStore(
   return compose(
     instrument(monitorReducer, window.devToolsOptions),
     persistState(
-      getPersistSession(),
+      getUrlParam('debug_session'),
       deserializeState,
       deserializeAction
     )

src/browser/extension/background/logging.js

@@ -0,0 +1,21 @@
+export function getReport(id, instance) {
+  chrome.storage.local.get(['s:hostname', 's:port', 's:secure'], options => {
+    if (!options['s:hostname'] || !options['s:port']) return;
+    const url = `${options['s:secure'] ? 'https' : 'http'}://${options['s:hostname']}:${options['s:port']}`;
+
+    fetch(url, {
+      method: 'POST',
+      headers: {
+        'content-type': 'application/json'
+      },
+      body: JSON.stringify({ op: 'get', id })
+    }).then(response => {
+      return response.json();
+    }).then(json => {
+      if (!json.payload) return;
+      window.store.liftedStore.importState(json.payload, instance);
+    }).catch(function(err) {
+      console.warn(err);
+    });
+  });
+}

src/browser/extension/background/messaging.js

@@ -1,6 +1,8 @@
 import updateState from 'remotedev-app/lib/store/updateState';
 import syncOptions from '../options/syncOptions';
 import openDevToolsWindow from './openWindow';
+import { getReport } from './logging';
+
 let panelConnections = {};
 let tabConnections = {};
 let monitorConnections = {};
@@ -44,6 +46,10 @@ function messaging(request, sender, sendResponse) {
       });
       return true;
     }
+    if (request.type === 'GET_REPORT') {
+      getReport(request.payload, request.id);
+      return true;
+    }
     if (request.type === 'OPEN') {
       let position = 'devtools-left';
       if (['remote', 'panel', 'left', 'right', 'bottom'].indexOf(request.position) !== -1) position = 'devtools-' + request.position;

src/browser/extension/inject/pageScript.js

@@ -1,6 +1,6 @@
 import { getActionsArray, evalAction } from 'remotedev-utils';
 import createStore from '../../../app/store/createStore';
-import configureStore from '../../../app/store/configureStore';
+import configureStore, { getUrlParam } from '../../../app/store/configureStore';
 import { isAllowed } from '../options/syncOptions';
 import Monitor from '../../../app/service/Monitor';
 import { getLocalFilter, isFiltered, filterState } from '../../../app/api/filters';
@@ -12,6 +12,7 @@ import {
 } from '../../../app/api';
 
 let stores = {};
+let reportId;
 
 window.devToolsExtension = function(reducer, preloadedState, config) {
   /* eslint-disable no-param-reassign */
@@ -94,6 +95,11 @@ window.devToolsExtension = function(reducer, preloadedState, config) {
           actionCreators = getActionsArray(config.actionCreators);
         }
         relayState(JSON.stringify(actionCreators));
+
+        if (reportId) {
+          relay('GET_REPORT', reportId);
+          reportId = null;
+        }
         return;
       case 'STOP':
         monitor.stop();
@@ -114,6 +120,11 @@ window.devToolsExtension = function(reducer, preloadedState, config) {
     });
 
     relay('INIT_INSTANCE');
+
+    if (typeof reportId === 'undefined') {
+      reportId = getUrlParam('remotedev_report');
+      if (reportId) openWindow();
+    }
   }
 
   function handleChange(state, liftedState) {