added getting initial fiberRoot from devtools; fixed bug in ActionContainer that did not display actions when first node does not have children

Author: crperezt

dev-reactime/linkFiber.js

@@ -45,7 +45,9 @@
 /* eslint-disable no-param-reassign */
 
 // const Tree = require('./tree').default;
-// const componentActionsRecord = require('./masterState');\
+// const componentActionsRecord = require('./masterState');
+import Tree from './tree';
+import componentActionsRecord from './masterState';
 
 const DEBUG_MODE = false;
 
@@ -57,8 +59,6 @@ console.log = (original => {
   }
 })(console.log);
 
-import Tree from './tree';
-import componentActionsRecord from './masterState';
 
 const circularComponentTable = new Map();
 
@@ -238,8 +238,8 @@ export default (snap, mode) => {
 
   return async () => {
 
-    /*
-    const container = document.getElementById('root');
+    
+/*     const container = document.getElementById('root');
     if (container._internalRoot) {
       fiberRoot = container._internalRoot;
     } else {
@@ -249,12 +249,12 @@ export default (snap, mode) => {
       } = container;
       // Only assign internal root if it actually exists
       fiberRoot = _internalRoot || _reactRootContainer;
-    }*/
-
+    }
+ */
     const devTools = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
     const reactInstance = devTools ? devTools.renderers.get(1) : null;
+    fiberRoot = devTools.getFiberRoots(1).values().next().value;
 
-    //// console.log('fiberRoot retrieved:', fiberRoot);
     if (reactInstance && reactInstance.version) {
       devTools.onCommitFiberRoot = (function (original) {
         return function (...args) {

src/app/containers/ActionContainer.jsx

@@ -31,13 +31,12 @@ function ActionContainer() {
         componentName: obj.stateSnapshot.children[0].name,
         componentData: JSON.stringify(obj.stateSnapshot.children[0].componentData) === '{}' ? '' : obj.stateSnapshot.children[0].componentData
       };
-
       hierarchyArr.push(newObj);
-      if (obj.children) {
-        obj.children.forEach(element => {
-          displayArray(element);
-        });
-      }
+    }
+    if (obj.children) {
+      obj.children.forEach(element => {
+        displayArray(element);
+      });
     }
   };
   // gabi :: the hierarchy get set on the first click in the page, when page in refreshed we don't have a hierarchy so we need to check if hierarchy was inicialize involk displayArray to display the hierarchy