Function generateViewTreeHelper

src/react/core.ts:959–1266

({
  renderNode,
  startingFromRenderNodeId,
  parentViewNode,
  isEntrypoint = false,
}: {
  renderNode: ReactRenderTreeNode;

  parentViewNode: ReactViewTreeNode | null;
  startingFromRenderNodeId: string;
  isEntrypoint?: boolean;
})

};

const generateViewTreeHelper = ({
  renderNode,
  startingFromRenderNodeId,
  parentViewNode,
  isEntrypoint = false,
}: {
  renderNode: ReactRenderTreeNode;

  parentViewNode: ReactViewTreeNode | null;
  startingFromRenderNodeId: string;
  isEntrypoint?: boolean;
}): ReactViewTreeNode => {
  if (!currentTreeRef.renderTree) {
    throw new Error("Cannot render component outside of react tree");
  }
  // if the node itself represents nothing, don't traverse
  if (renderNode.kind === "empty-slot") {
    const newId = crypto.randomUUID();
    // renderNode.computedViewTreeNodeId = newId;
    return {
      kind: "empty-slot",
      id: newId,
      parent: parentViewNode,
    };
  }

  // console.log(
  //   "bytes of render tree",
  //   calculateJsonBytes(JSON.stringify(currentTreeRef.renderTree))
  // );
  // if the component directly outputs an empty slot, nothing to generate so don't traverse
  if (renderNode.internalMetadata.kind === "empty-slot") {
    const newId = crypto.randomUUID();
    renderNode.computedViewTreeNodeId = newId;
    const node: ReactViewTreeNodeRealElement = {
      id: newId,
      metadata: renderNode.internalMetadata,
      childNodes: [],
      indexPath: renderNode.indexPath,
      kind: "real-element",
      parent: parentViewNode,
    };
    node.childNodes.push({
      kind: "empty-slot",
      id: crypto.randomUUID(),
      parent: node,
    });
    return node;
  }

  const newNode: ReactViewTreeNodeRealElement = {
    id: crypto.randomUUID(),
    metadata: renderNode.internalMetadata,
    childNodes: [],
    indexPath: renderNode.indexPath,
    kind: "real-element",
    parent: parentViewNode,