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

Author: iamdustan

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

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

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,9 @@ const BlessedReconciler = ReactFiberReconciler({
   useSyncScheduling: true,
 });
 
+console.log('BlessedReconciler', injectIntoDevToolsConfig);
+BlessedReconciler.injectIntoDevTools(injectIntoDevToolsConfig);
+
 module.exports = {
   render(element, screen, callback) {
     let root = roots.get(screen);
@@ -229,13 +233,3 @@ module.exports = {
 };
 
 const roots = new Map();
-
-/*
-if (typeof injectInternals === 'function') {
-  injectInternals({
-    findFiberByHostInstance: () => null,// BlessedReconciler.getClosestInstanceFromNode,
-    findHostInstanceByFiber: BlessedReconciler.findHostInstance,
-  });
-}
-
-*/