move chrome + plain shells over to the unified panel

Author: jaredly

frontend/magic.js frontend/Panel.jsfrontend/magic.js renamed to frontend/Panel.js

@@ -10,8 +10,8 @@
  */
 'use strict';
 
-var checkForReact = require('./panel/checkForReact');
-var inject = require('./panel/inject');
+var checkForReact = require('./checkForReact');
+var inject = require('./inject');
 
 type Listenable = {
   addListener: (fn: (message: Object) => void) => void,
@@ -63,6 +63,8 @@ var config = {
     }, 100);
   },
   showComponentSource(vbl) {
+    // if it is an es6 class-based component, (isMounted throws), then inspect
+    // the constructor. Otherwise, inspect the render function.
     var code = `Object.getOwnPropertyDescriptor(window.${vbl}.__proto__.__proto__, 'isMounted') &&
       Object.getOwnPropertyDescriptor(window.${vbl}.__proto__.__proto__, 'isMounted').value ?
         inspect(window.${vbl}.render) : inspect(window.${vbl}.constructor)`;
@@ -119,7 +121,7 @@ var config = {
 
 var globalHook = require('../../../backend/GlobalHook');
 globalHook(window);
-var Panel = require('../../../frontend/magic');
+var Panel = require('../../../frontend/Panel');
 var React = require('react');
 
 var node = document.getElementById('container');

shells/chrome/src/panel/checkForReact.js shells/chrome/src/checkForReact.jsshells/chrome/src/panel/checkForReact.js renamed to shells/chrome/src/checkForReact.js

@@ -17,7 +17,7 @@ module.exports = {
     background: './src/background.js',
     inject: './src/GlobalHook.js',
     contentScript: './src/contentScript.js',
-    panel: './src/panel/run.js',
+    panel: './src/panel.js',
   },
   output: {
     path: __dirname + '/build', // eslint-disable-line no-path-concat