testing stuff

Author: andytsou19

src/app/components/PerformanceVisx.tsx

@@ -61,7 +61,12 @@ const traverse = (snapshot, data, currTotalRender = 0) => {
     }
     // increment render frequencies
     if (renderTime > 0) {
+      console.log('what is the child', child);
+      console.log('por que?', data.componentData[componentName]);
       data.componentData[componentName].renderFrequency++;
+    } else {
+      console.log('what is the child', child);
+      console.log('we dont increment here', data.componentData[componentName], 'and the child', child);
     }
 
     // add to total render time

src/app/containers/MainContainer.tsx

@@ -62,11 +62,13 @@ function MainContainer(): any {
             dispatch(setTab(sourceTab));
             // set state with the information received from the background script
             dispatch(addNewSnapshots(payload));
+            console.log('this is the payload and this is the sendSnapshorts', sourceTab, payload);
             break;
           }
           case 'initialConnectSnapshots': {
             dispatch(setTab(maxTab));
             dispatch(initialConnect(payload));
+            console.log('this is the initial connect and settab', maxTab, payload);
             break;
           }
           default:

src/backend/linkFiber.ts

@@ -40,7 +40,7 @@ declare global {
 let fiberRoot = null;
 let doWork = true;
 const circularComponentTable = new Set();
-let isRecoil = false;
+const isRecoil = false;
 let allAtomsRelationship = [];
 let initialstart = false;
 let rtidCounter = 0;
@@ -50,12 +50,10 @@ const recoilDomNode = {};
 // Simple check for whether our target app uses Recoil
 // can these be regular
 
-
 // if (window.$recoilDebugStates) {
 //   isRecoil = true;
 // }
 
-
 // This is deprecated Recoil code.  Recoil as of 01-03-2021
 // does not work well with Reactime.  Leaving any Recoil
 // code in codebase to assist with Recoil implementations
@@ -254,7 +252,8 @@ function createTree(
     selfBaseDuration,
     treeBaseDuration,
   } = currentFiber;
-  //new feature adds props/state into the component
+  // new feature adds props/state into the component
+
   if (tag === 5) {
     try {
       // console.log('this is the tree', tree);
@@ -438,7 +437,6 @@ function createTree(
       let pointer = currentFiber;
       // end of repeat code
 
-
       while (pointer !== null) {
         if (pointer.stateNode !== null) {
           rtid = `fromLinkFiber${rtidCounter++}`;
@@ -460,7 +458,6 @@ function createTree(
         pointer = pointer.child;
       }
     } else {
-
       if (
         currentFiber.child
         && currentFiber.child.stateNode
@@ -474,18 +471,28 @@ function createTree(
           const lastClass = currentFiber.child.stateNode.classList[
             currentFiber.child.stateNode.classList.length - 1
           ];
+         // console.log('show me the last class', currentFiber.child.stateNode.classList);
           if (lastClass.includes('fromLinkFiber')) {
             currentFiber.child.stateNode.classList.remove(lastClass);
           }
         }
         currentFiber.child.stateNode.classList.add(rtid);
       }
       rtidCounter++;
-      console.log('rtidCounter', rtidCounter);
+      // console.log('rtidCounter', rtidCounter);
+      // console.log('checking the currentFiber', currentFiber);
     }
     // checking if tree fromSibling is true
     if (fromSibling) {
       // tree object from tree.ts, with addSibling
+      // console.log('looking through every seingle currentFiber', currentFiber);
+      // try {
+      //   console.log('hello hello this is next effect', currentFiber.nextEffect);
+      // } catch (error) {
+      //   console.log('no next effect');
+      // }
+      // console.log('we are in addsibling and this is the rtid and element name', rtid, elementType.name, 'this is the current fiber', currentFiber);
+      console.log('looking at this circuclar componnent table in sibling', circularComponentTable);
       newNode = tree.addSibling(
         newState,
         elementType ? elementType.name : 'nameless',
@@ -494,6 +501,14 @@ function createTree(
         recoilDomNode
       );
     } else {
+      // console.log('looking through every seingle currentFiber', currentFiber);
+      // try {
+      //   console.log('hello hello this is next effect', currentFiber.nextEffect);
+      // } catch (error) {
+      //   console.log('no next effect');
+      // }
+      // console.log('we are in addchild and this is the rtid and element name', rtid, elementType.name, 'this is the current fiber', currentFiber);
+      console.log('looking at this circuclar componnent table in child', circularComponentTable);
       newNode = tree.addChild(
         newState,
         elementType ? elementType.name : 'nameless',
@@ -503,6 +518,7 @@ function createTree(
       );
     }
   } else {
+    console.log('why do we go here will the duplicate come here', tree);
     newNode = tree;
   }
 

src/backend/tree.ts

@@ -7,11 +7,11 @@
 /* eslint-disable no-console */
 /* eslint-disable no-param-reassign */
 
-import { createGenerateClassName } from "@material-ui/styles";
+import { createGenerateClassName } from '@material-ui/styles';
 
 let copyInstances = 0;
 const circularComponentTable = new Set<Tree>();
-let componentNames = {}
+let componentNames = {};
 
 // Removes unserializable state data such as functions
 function scrubUnserializableMembers(tree: Tree): Tree {
@@ -57,39 +57,40 @@ class Tree {
 
   recoilDomNode: any;
 
-  //Duplicate names: add a unique number ID
-  //Create an object 'componentNames' to store each component name as a key and it's frequency of use as its value
-  //When a new component is made on the tree, check if the new component's name already exists in 'componentNames' (possibly with the .hasOwnProperty method)
-  //If the name already exists, add its value (an integer) to the name
-  //Also, increment the value after
-  //If not, create the new component and also a new key: value pair in 'componentNames' with the component's name as the key and 0 as its value
-  //EXAMPLE OF COMPONENTNAMES OBJECT: {editableInput: 1, Provider: 0, etc}
+  // Duplicate names: add a unique number ID
+  // Create an object 'componentNames' to store each component name as a key and it's frequency of use as its value
+  // When a new component is made on the tree, check if the new component's name already exists in 'componentNames' (possibly with the .hasOwnProperty method)
+  // If the name already exists, add its value (an integer) to the name
+  // Also, increment the value after
+  // If not, create the new component and also a new key: value pair in 'componentNames' with the component's name as the key and 0 as its value
+  // EXAMPLE OF COMPONENTNAMES OBJECT: {editableInput: 1, Provider: 0, etc}
 
-  //Empty names:
-  //If string, rtid without 'fromLinkFiber"
-  //If object
-  //If null
+  // Empty names:
+  // If string, rtid without 'fromLinkFiber"
+  // If object
+  // If null
 
-  constructor(state: string | {}, name = 'nameless', componentData: {} = {}, rtid: any = null, recoilDomNode: any = null) {
+  constructor(state: string | {}, name = 'nameless', componentData: {} = {}, rtid: any = null, recoilDomNode: any = null, string: any = null) {
     this.state = state === 'root' ? 'root' : serializeState(state);
     this.name = name;
     this.componentData = componentData ? JSON.parse(JSON.stringify(componentData)) : {};
     this.children = [];
     this.parent = null; // ref to parent so we can add siblings
     this.rtid = rtid;
     this.recoilDomNode = recoilDomNode;
+    console.log('there should be a friggin rtid number here', rtid, 'this is what we are creating right now', this, 'location of where it came from', string);
   }
 
   // Returns a unique name ready to be used
   checkForDuplicates(name: string) {
-    //check for empty name
-    if (name === "" && typeof this.rtid === 'string') {
+    // check for empty name
+    if (name === '' && typeof this.rtid === 'string') {
       name = this.rtid.replace('fromLinkFiber', '');
     }
     if (this.state === 'root') {
       componentNames = {};
     }
-    //check for duplicate
+    // check for duplicate
     else if (componentNames[name] !== undefined) {
       const count = componentNames[name] + 1;
       const newName = name + count;
@@ -102,21 +103,23 @@ class Tree {
 
   addChild(state: string | {}, name: string, componentData: {}, rtid: any, recoilDomNode: any): Tree {
     const uniqueName = this.checkForDuplicates(name);
-    console.log("ChildName:", uniqueName);
+    // console.log('ChildName:', uniqueName);
     this.name = uniqueName;
-    const newChild: Tree = new Tree(state, uniqueName, componentData, rtid, recoilDomNode);
+    const newChild: Tree = new Tree(state, uniqueName, componentData, rtid, recoilDomNode, 'child');
     newChild.parent = this;
     this.children.push(newChild);
+    // console.log('this is the name and rtid', uniqueName, rtid);
     return newChild;
   }
 
   addSibling(state: string | {}, name: string, componentData: {}, rtid: any, recoilDomNode: any): Tree {
     const uniqueName = this.checkForDuplicates(name);
-    console.log("SiblingName:", uniqueName);
+    // console.log('SiblingName:', uniqueName);
     this.name = uniqueName;
-    const newSibling: Tree = new Tree(state, uniqueName, componentData, rtid, recoilDomNode);
+    const newSibling: Tree = new Tree(state, uniqueName, componentData, rtid, recoilDomNode, 'sibiling');
     newSibling.parent = this.parent;
     this.parent.children.push(newSibling);
+    // console.log('this is the name and rtid', uniqueName, rtid);
     return newSibling;
   }
 
@@ -134,7 +137,7 @@ class Tree {
     }
     // creates copy of present node
     let copy: Tree = new Tree(this.state, this.name, this.componentData, this.rtid, this.recoilDomNode);
-    console.log('CLEANTREECOPY TEST', copy);
+    // console.log('CLEANTREECOPY TEST', copy);
     delete copy.parent;
     circularComponentTable.add(this);
     copy = scrubUnserializableMembers(copy);