Function buildReactTrees

src/react/core.ts:1317–1377

(
  rootComponentInternalMetadata: ReactComponentInternalMetadata
)

}

export const buildReactTrees = (
  rootComponentInternalMetadata: ReactComponentInternalMetadata
) => {
  const rootRenderTreeNode: ReactRenderTreeNode =
    rootComponentInternalMetadata.kind === "empty-slot"
      ? {
          kind: "empty-slot",
          parent: null,
        }
      : // this looks super weird, but we transform the root metadata into an implicit
        // component that returns the provided internal metadata
        {
          kind: "real-element",
          childNodes: [],
          computedViewTreeNodeId: null,
          hasRendered: false,
          hooks: [],
          id: crypto.randomUUID(),
          indexPath: [],
          internalMetadata: {
            component: {
              kind: "function",
              function: () => rootComponentInternalMetadata,
              name: "root",
            },
            children: [],
            id: crypto.randomUUID(),
            kind: "real-element",
            props: null,
            provider: null,
            // parent: null
          },
          parent: null,
        };

  currentTreeRef.renderTree = {
    root: rootRenderTreeNode,
    currentLastRenderChildNodes: [],
    currentLocalCurrentHookOrder: 0,
    currentlyRendering: null,
  };

  console.log("\n\nRENDER START----------------------------------------------");
  const output = generateViewTree({
    renderNode: rootRenderTreeNode,
    parentViewNode: null,
  });

  console.log("RENDER END----------------------------------------------\n\n");
  const reactViewTree: ReactViewTree = {
    root: output,
  };

  currentTreeRef.viewTree = reactViewTree;
  currentTreeRef.renderTree.currentlyRendering = null;

  return {
    reactRenderTree: currentTreeRef.renderTree,