add a few clarifying comments

Author: caitlinchan23

src/backend/index.ts

@@ -26,11 +26,12 @@ const mode: Mode = {
   paused: false,
   locked: false,
 };
-console.log("linkFiberStart in index.ts:" + linkFiberStart);
-const linkFiber = linkFiberStart(snapShot, mode);
-console.log('linkFiber in index.ts: ' + linkFiber);
+// console.log("linkFiberStart in index.ts:" + linkFiberStart);
+const linkFiber = linkFiberStart(snapShot, mode); // grabbing existing tree from react devtools
+// console.log('linkFiber in index.ts: ' + linkFiber);
 const timeJump = timeJumpStart(snapShot, mode);
 
+/* 
 function getRouteURL(node: SnapshotNode): string {
   if (node.name === 'Router') {
     return node.state.location.pathname;
@@ -42,10 +43,12 @@ function getRouteURL(node: SnapshotNode): string {
     }
   }
 }
-
+*/
 // * Event listener for time-travel actions
 window.addEventListener('message', ({ data: { action, payload } }: MsgData) => {
-  console.log('linkFiber in index.ts: ' + linkFiber);
+  // console.log('linkFiber in index.ts: ' + linkFiber);
+  // console.log('action:', action);
+  // console.log('payload:', payload);
   switch (action) {
     case 'jumpToSnap':
       timeJump(payload, true); // * This sets state with given payload

src/backend/linkFiber.ts

@@ -52,10 +52,25 @@ let rtid = null;
 let recoilDomNode = {};
 
 // Simple check for whether our target app uses Recoil
-if (window[`$recoilDebugStates`]) {
+if (window['$recoilDebugStates']) {
+  console.log('this is a recoil app!');
   isRecoil = true;
 }
 
+// function getRecoilState(): any {
+//   const RecoilSnapshotsLength = window[`$recoilDebugStates`].length;
+//   const lastRecoilSnapshot =
+//     window[`$recoilDebugStates`][RecoilSnapshotsLength - 1];
+//   const nodeToNodeSubs = lastRecoilSnapshot.nodeToNodeSubscriptions;
+//   const nodeToNodeSubsKeys = lastRecoilSnapshot.nodeToNodeSubscriptions.keys();
+//   nodeToNodeSubsKeys.forEach((node) => {
+//     nodeToNodeSubs
+//       .get(node)
+//       .forEach((nodeSubs) =>
+//         allAtomsRelationship.push([node, nodeSubs, 'atoms and selectors'])
+//       );
+//   });
+// }
 
 /**
  * @method sendSnapshot
@@ -75,6 +90,7 @@ function sendSnapshot(snap: Snapshot, mode: Mode): void {
   const payload = snap.tree.cleanTreeCopy();
  // if it's Recoil - run different actions?
   if (isRecoil) {
+    // getRecoilState()
     payload.atomsComponents = atomsComponents;
     payload.atomSelectors = atomsSelectors;
     payload.recoilDomNode = recoilDomNode
@@ -101,8 +117,8 @@ function sendSnapshot(snap: Snapshot, mode: Mode): void {
 function updateSnapShotTree(snap: Snapshot, mode: Mode): void {
   // this is the currently active root fiber(the mutable root of the tree)
   let fiberRootCurrent = fiberRoot.current;
-  console.log("fiber root props: ", Object.entries(fiberRootCurrent));
-  console.log("fiberroot sibling:", fiberRootCurrent.sibling, "fiberroot stateNode:", fiberRootCurrent.stateNode, "fiberroot child:", fiberRootCurrent.child, "fiberroot memoizedState:", fiberRootCurrent.memoizedState, "fiberroot memoizedProps:", fiberRootCurrent.memoizedProps, "fiberRootCurrent.elementType:",fiberRootCurrent.elementType, "fiberRootCurrent.tag: ", fiberRootCurrent.tag, "fiberRootCurrent.actualDuration: ", fiberRootCurrent.actualDuration, "fiberRootCurrent.actualStartTime: ", fiberRootCurrent.actualStartTime, "fiberRootCurrent.selfBaseDuration: ", fiberRootCurrent.selfBaseDuration, "fiberRootCurrent.treeBaseDuration:", fiberRootCurrent.treeBaseDuration);
+  // console.log("fiber root props: ", Object.entries(fiberRootCurrent));
+  // console.log("fiberroot sibling:", fiberRootCurrent.sibling, "fiberroot stateNode:", fiberRootCurrent.stateNode, "fiberroot child:", fiberRootCurrent.child, "fiberroot memoizedState:", fiberRootCurrent.memoizedState, "fiberroot memoizedProps:", fiberRootCurrent.memoizedProps, "fiberRootCurrent.elementType:",fiberRootCurrent.elementType, "fiberRootCurrent.tag: ", fiberRootCurrent.tag, "fiberRootCurrent.actualDuration: ", fiberRootCurrent.actualDuration, "fiberRootCurrent.actualStartTime: ", fiberRootCurrent.actualStartTime, "fiberRootCurrent.selfBaseDuration: ", fiberRootCurrent.selfBaseDuration, "fiberRootCurrent.treeBaseDuration:", fiberRootCurrent.treeBaseDuration);
 
   if (fiberRoot) {
     const { current } = fiberRoot;
@@ -486,14 +502,14 @@ export default (snap: Snapshot, mode: Mode): (() => void) => {
     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 in export default: " + Object.entries(fiberRoot));
+  //  console.log("fiberRoot in export default: " + Object.entries(fiberRoot));
     const throttledUpdateSnapshot = throttle(() => updateSnapShotTree(snap, mode), 70);
     document.addEventListener('visibilitychange', onVisibilityChange);
 
     if (reactInstance && reactInstance.version) {
       devTools.onCommitFiberRoot = (function (original) {
         return function (...args) {
-          console.log("args in onCommitFiberRoot: ", args)
+          // console.log("args in onCommitFiberRoot: ", args)
           // eslint-disable-next-line prefer-destructuring
           fiberRoot = args[1];
           if (doWork) {

src/backend/tree.ts

@@ -64,7 +64,7 @@ class Tree {
   }
 
   addChild(state: string | {}, name: string, componentData: {}, rtid: any, recoilDomNode:any): Tree {
-    console.log("arguments in addChild: "+ arguments.length)
+    // console.log("arguments in addChild: "+ arguments.length)
     const newChild: Tree = new Tree(state, name, componentData, rtid, recoilDomNode);
     newChild.parent = this;
     this.children.push(newChild);

src/extension/contentScript.ts

@@ -21,7 +21,7 @@ window.addEventListener('message', msg => { // runs automatically every second
 });
 
 // listening for messages from the UI
-chrome.runtime.onMessage.addListener(request => { // seems to never fire
+chrome.runtime.onMessage.addListener(request => {
   // send the message to npm package
   const { action }: { action: string } = request;
   switch (action) {