create tree

Author: rickyzhangca

package.json

@@ -24,6 +24,7 @@
     "lodash": "^4.17.21",
     "lucide-react": "^0.292.0",
     "pako": "^2.1.0",
+    "performant-array-to-tree": "^1.11.0",
     "python-struct": "^1.1.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

pnpm-lock.yaml

@@ -0,0 +1,3 @@
+export const EditorPane = () => {
+  return <></>;
+};

src/components/EditorPane.tsx

@@ -1,4 +1,5 @@
 export * from './Data';
+export * from './EditorPane';
 export * from './Section';
 export * from './Status';
 export * from './editor';

src/components/index.ts

@@ -1,4 +1,5 @@
-import { GUID, NodeChange } from '../kiwi/schema';
+import { arrayToTree } from 'performant-array-to-tree';
+import { NodeChange } from '../kiwi/schema';
 
 export const asciiToInt = (ascii: string) => {
   var sum = 0;
@@ -9,11 +10,19 @@ export const asciiToInt = (ascii: string) => {
   return sum;
 };
 
-type EditorNode = {
-  parentNodeGUID: GUID;
-  childrenNodeGUIDs: GUID[];
-};
-
-export const createNodeChangTree = (nodeChanges: NodeChange[]) => {
-  return;
+export const createNodeChangeTree = (nodeChanges: NodeChange[]) => {
+  const nodes = nodeChanges.map((c, i) => {
+    const id = `${c.guid?.sessionID}-${c.guid?.localID}`;
+    let parentId = null;
+    if (c.parentIndex) {
+      parentId = `${c.parentIndex?.guid?.sessionID}-${c.parentIndex?.guid?.localID}`;
+    }
+    return {
+      id: id,
+      parentId: parentId,
+      index: i,
+    };
+  });
+  const tree = arrayToTree(nodes);
+  return tree;
 };