Start updating to _next_ release of react-reconciler for devtools hook

package.json

@@ -43,7 +43,7 @@
   "dependencies": {
     "invariant": "^2.2.0",
     "lodash": "^3.x.x",
-    "react-devtools": "^2.0.12",
+    "react-devtools": "^2.5.2",
     "react-motion": "^0.5.2",
     "react-reconciler": "^0.2.0",
     "ws": "^1.1.0",

src/fiber/devtools.js

@@ -8,15 +8,14 @@ defineProperty(global, 'window', {
   value: global
 });
 
-const {connectToDevTools} = require('react-devtools-core');
-
-connectToDevTools({
+const devtoolsInjection = {
   isAppActive() {
     // Don't steal the DevTools from currently active app.
     return true;
   },
   host: 'localhost',
   // default port? port: ,
   resolveRNStyle: null, // TODO maybe: require('flattenStyle')
-});
+};
 
+module.exports = devtoolsInjection;

src/fiber/fiber.js

@@ -9,6 +9,7 @@ const ReactFiberReconciler : (
   hostConfig: HostConfig<*, *, *, *, *, *, *, *>
 ) => Reconciler<*, *, *> = require('react-reconciler');
 
+const injectIntoDevToolsConfig = require('./devtools');
 const eventListener = require('./events');
 const update = require('../shared/update').default;
 const solveClass = require('../shared/solveClass').default;
@@ -211,6 +212,8 @@ const BlessedReconciler = ReactFiberReconciler({
   useSyncScheduling: true,
 });
 
+BlessedReconciler.injectIntoDevTools(injectIntoDevToolsConfig);
+
 module.exports = {
   render(element, screen, callback) {
     let root = roots.get(screen);
@@ -229,13 +232,3 @@ module.exports = {
 };
 
 const roots = new Map();
-
-/*
-if (typeof injectInternals === 'function') {
-  injectInternals({
-    findFiberByHostInstance: () => null,// BlessedReconciler.getClosestInstanceFromNode,
-    findHostInstanceByFiber: BlessedReconciler.findHostInstance,
-  });
-}
-
-*/

src/fiber/index.js

@@ -1,3 +1,2 @@
-require('./devtools');
 module.exports = require('./fiber');