(add) Parsing algorithm to extract DOM nodes for Recoil for both children and sibling properties of React Fiber

Co-authored-by Sanjay Lavingia <[email protected]>

Author: VNguyenCode

src/backend/linkFiber.ts

@@ -380,37 +380,47 @@ function createTree(
   if (componentFound || newState === 'stateless') {
     if (fromSibling) {
 
-      console.log(currentFiber)
-
-      
-      if(currentFiber.elementType.name){
-        if(!recoilStateNode[currentFiber.elementType.name]){
-          recoilStateNode[currentFiber.elementType.name] = [];
+      if(isRecoil){
+        if(currentFiber.elementType.name){
+          if(!recoilStateNode[currentFiber.elementType.name]){
+            recoilStateNode[currentFiber.elementType.name] = [];
+          }
         }
+        let pointer = currentFiber
+        while(pointer !== null){
+            if(pointer.stateNode !== null){
+            rtid = "fromLinkFiber" + rtidCounter++
+            recoilStateNode[currentFiber.elementType.name].push(pointer.stateNode)
+            pointer.stateNode.setAttribute("id", rtid)
+          }
+            
+            pointer = pointer.child
+          }
       }
-      
-      let pointer = currentFiber
-      while(pointer !== null){
-          if(pointer.stateNode !== null){
-          rtid = "fromLinkFiber" + rtidCounter++
-          recoilStateNode[currentFiber.elementType.name].push(pointer.stateNode)}
-          pointer.stateNode.setAttribute("id", rtid)
-          pointer = pointer.child
-        }
-        
-      // console.log(currentFiber)
-      
-      // currentFiber.child.stateNode.setAttribute("id", rtid);
       newNode = tree.addSibling(
         newState,
         elementType ? elementType.name : 'nameless',
         componentData,
         rtid
       );
     } else {
-      // console.log(currentFiber)
-      rtid = "fromLinkFiber" + rtidCounter++
-      // currentFiber.child.stateNode.setAttribute("id", rtid);
+      
+      if(isRecoil){
+        if(currentFiber.elementType.name){
+          if(!recoilStateNode[currentFiber.elementType.name]){
+            recoilStateNode[currentFiber.elementType.name] = [];
+          }
+        }
+        let pointer = currentFiber
+        while(pointer !== null){
+            if(pointer.stateNode !== null){
+            rtid = "fromLinkFiber" + rtidCounter++
+            recoilStateNode[currentFiber.elementType.name].push(pointer.stateNode)
+            pointer.stateNode.setAttribute("id", rtid)        
+          }          
+            pointer = pointer.child
+          }
+      }
       newNode = tree.addChild(
         newState,
         elementType ? elementType.name : 'nameless',