Merge pull request #65 from nmwenz90/tree

Tree

Author: crperezt

dev-reactime/linkFiber.js

@@ -38,7 +38,7 @@ import 'core-js';
 // const componentActionsRecord = require('./masterState');
 import acorn from 'acorn'; // javascript parser
 import jsx from 'acorn-jsx';
-import Tree from './tree';
+import Tree from './tree.ts';
 import componentActionsRecord from './masterState';
 
 import { throttle, getHooksNames } from './helpers';

dev-reactime/tree.js

@@ -0,0 +1,100 @@
+import 'core-js';
+/* eslint-disable no-multiple-empty-lines */
+/* eslint-disable max-classes-per-file */
+/* eslint-disable no-console */
+/* eslint-disable no-param-reassign */
+// import * as reactWorkTags from './reactWorkTags';
+
+const Flatted = require('flatted');
+
+let copyInstances: number = 0;
+const circularComponentTable = new Set<Tree> ();
+
+// removes unserializable state data such as functions
+function scrubUnserializableMembers(tree: Tree): Tree {
+  Object.entries(tree.state).forEach(keyValuePair => {
+    if (typeof keyValuePair[1] === 'function') tree.state[keyValuePair[0]] = 'function';
+  });
+  return tree;
+}
+
+// this is the current snapshot that is being sent to the snapshots array.
+class Tree {
+  state: string | {};
+  name: string;
+  componentData: {};
+  children: (Tree | string)[] ;
+  parent: Tree
+  constructor(state : string | {}, name: string = 'nameless', componentData: {} = {}) {
+    this.state = state === 'root' ? 'root' : JSON.parse(JSON.stringify(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
+  }
+
+  addChild(state: string | {} , name: string, componentData: {}): Tree {
+    const newChild: Tree = new Tree(state, name, componentData);
+    newChild.parent = this;
+    this.children.push(newChild);
+    return newChild;
+  }
+
+  addSibling(state: string | {} , name: string, componentData: {}): Tree {
+    const newSibling: Tree = new Tree(state, name, componentData);
+    newSibling.parent = this.parent;
+    this.parent.children.push(newSibling);
+    return newSibling;
+  }
+
+  cleanTreeCopy(): Tree {
+    // Clear circular component table only on first call, not recursive ones
+    if (copyInstances === 0) {
+      copyInstances++;
+      circularComponentTable.clear();
+    }
+    // creates copy of present node
+    let copy: Tree = new Tree(this.state, this.name, this.componentData);
+    delete copy.parent;
+    circularComponentTable.add(this);
+    copy = scrubUnserializableMembers(copy);
+
+    // copy.children = this.children;
+
+    // creates copy of each child of the present node
+    
+    copy.children = this.children.map((child: Tree): Tree | string => {
+        if (!circularComponentTable.has(child)) {
+         return child.cleanTreeCopy();
+        }
+        return 'circular';
+    });
+    
+
+    // returns copy
+    copyInstances--;
+    return copy;
+  }
+
+  // print out the tree structure in the console
+  // DEV: Process may be different for useState components
+  // BUG FIX: Don't print the Router as a component
+  // Change how the children are printed
+//   print() {
+//     const children = ['children: '];
+//     // DEV: What should we push instead for components using hooks (it wouldn't be state)
+//     // if this.children is always initialized to empty array, when would there ever be anything to iterate through here?
+//     this.children.forEach((child: any) => {
+//       children.push(child.state || child.component.state);
+//     });
+//     if (this.name) console.log('this.name if exists: ', this.name);
+//     if (children.length === 1) {
+//       console.log(`children length 1. ${this.state ? 'this.state: ' : 'this.component.state: '}`, this.state || this.component.state);
+//     } else console.log(`children length !== 1. ${this.state ? 'this.state: ' : 'this.component.state, children: '}`, this.state || this.component.state, ...children);
+//     this.children.forEach((child: any) => {
+//       child.print();
+//     });
+//   }
+}
+
+export default Tree;