(added) various console.logs, found KEY property on Fibernode, will use for connection between D3 and fiberNode

Author: SanjayLavingia

src/app/components/ComponentMap.tsx

@@ -25,11 +25,12 @@ const ComponentMap = (props: componentMapProps) => {
   if (viewIndex < 0) lastSnap = snapshots.length - 1;
   else lastSnap = viewIndex;
   console.log('inside ComnponentMap, snapshots:', snapshots)
+  console.log('lastSnap:', lastSnap)
   //external constants
   const width: any = '100vw';
   const height: any = '100vh';
   let data: Object = snapshots[lastSnap];
-  console.log('inside ComponentMap, data', data)
+  console.log('INSIDE OF COMPONENTMAP, data:', data); 
   useEffect(() => {
     document.getElementById('canvas').innerHTML = '_';
     setZoomState(d3.zoomTransform(d3.select('#canvas').node()));

src/app/reducers/mainReducer.js

@@ -2,7 +2,7 @@
 /* eslint-disable prefer-const */
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
 /* eslint-disable no-param-reassign */
-import produce from 'immer';
+import {produce, original} from 'immer';
 import * as types from '../constants/actionTypes.ts';
 
 export default (state, action) => produce(state, draft => {
@@ -202,6 +202,7 @@ export default (state, action) => produce(state, draft => {
     }
     case types.INITIAL_CONNECT: {
       const { payload } = action;
+      console.log('inside reducer INITIAL_CONNECT, payload:', payload);
       Object.keys(payload).forEach(tab => {
         // check if tab exists in memory
         // add new tab

src/backend/linkFiber.ts

@@ -63,12 +63,12 @@ function getRecoilState(): any {
 function sendSnapshot(snap: Snapshot, mode: Mode): void {
   // Don't send messages while jumping or while paused
   if (mode.jumping || mode.paused) return;
-
   if (!snap.tree) {
     snap.tree = new Tree('root', 'root');
   }
-
+  // console.log('inside of inside of linkFiber.ts, before cleanTreeCopy(), snap:', snap);
   const payload = snap.tree.cleanTreeCopy();
+  // console.log('inside of linkFiber.ts, after cleanTreeCopy() payload:', payload);
   if (isRecoil) {
     getRecoilState();
     payload.AtomsRelationship = allAtomsRelationship;
@@ -96,6 +96,7 @@ function updateSnapShotTree(snap: Snapshot, mode: Mode): void {
     circularComponentTable.clear();
     snap.tree = createTree(current);
   }
+  console.log('SNAP.TREE:', snap.tree)
   sendSnapshot(snap, mode);
 }
 
@@ -171,7 +172,7 @@ function createTree(
 ) {
   // Base case: child or sibling pointed to null
   // if (currentFiber.tag === 5) {
-  //   console.log(currentFiber.stateNode)
+  //   console.log(currentFiber)
   // }
 
   if (!currentFiber) return null;
@@ -230,6 +231,7 @@ function createTree(
       stateNode.state,
       stateNode
     );
+
     // console.log(componentData)
     // console.log('stateNode inside of line 232:', stateNode)
     newState = stateNode.state;
@@ -325,6 +327,7 @@ function createTree(
   let newNode = null;
   // We want to add this fiber node to the snapshot
   if (componentFound || newState === 'stateless') {
+    console.log('INSIDE LINKFIBER, CURRENTFIBER:', currentFiber); 
     if (fromSibling) {
       newNode = tree.addSibling(
         newState,
@@ -341,17 +344,21 @@ function createTree(
   } else {
     newNode = tree;
   }
-  console.log('inside LinkFiber, circularComponentTable:',  circularComponentTable); 
+  // console.log('inside LinkFiber, circularComponentTable:',  circularComponentTable); 
   // Recurse on children
   if (child && !circularComponentTable.has(child)) {
+    // if (currentFiber.tag === 5) console.log('inside recursive call in linkFiber', currentFiber);
     // If this node had state we appended to the children array,
     // so attach children to the newly appended child.
     // Otherwise, attach children to this same node.
+    
     circularComponentTable.add(child);
+    // console.log(createTree(child, newNode))
     createTree(child, newNode);
   }
   // Recurse on siblings
   if (sibling && !circularComponentTable.has(sibling)) {
+    // if (currentFiber.tag === 5) console.log('inside recursive call in linkFiber', currentFiber);
     circularComponentTable.add(sibling);
     createTree(sibling, newNode, true);
   }

src/extension/background.js

@@ -324,6 +324,7 @@ chrome.runtime.onMessage.addListener((request, sender) => {
     default:
       break;
   }
+  console.log('inside background.js, tabsObj:', tabsObj); 
   return true; // attempt to fix close port error
 });