Function commitVNodeTree

packages/core/src/runtime/commit.ts:286–359

(
  prevRoot: RuntimeInstance | null,
  nextRootVNode: VNode,
  opts: Readonly<{
    allocator: InstanceIdAllocator;
    localState?: RuntimeLocalStateStore;
    collectLifecycleInstanceIds?: boolean;
    interactiveIdIndex?: Map<string, string>;
    composite?: CompositeCommitRuntime;
    errorBoundary?: CommitErrorBoundaryController;
  }>,
)

}

export function commitVNodeTree(
  prevRoot: RuntimeInstance | null,
  nextRootVNode: VNode,
  opts: Readonly<{
    allocator: InstanceIdAllocator;
    localState?: RuntimeLocalStateStore;
    collectLifecycleInstanceIds?: boolean;
    interactiveIdIndex?: Map<string, string>;
    composite?: CompositeCommitRuntime;
    errorBoundary?: CommitErrorBoundaryController;
  }>,
): CommitResult {
  const collectLifecycleInstanceIds = opts.collectLifecycleInstanceIds !== false;
  const interactiveIdIndex = opts.interactiveIdIndex ?? new Map<string, string>();
  interactiveIdIndex.clear();
  const ctx: CommitCtx = {
    allocator: opts.allocator,
    localState: opts.localState,
    seenInteractiveIds: interactiveIdIndex,
    seenFocusContainerIds: new Map<string, FocusContainerKind>(),
    prevNodeStack: [],
    containerChildOverrides: new Map<InstanceId, readonly VNode[]>(),
    layoutDepthRef: { value: 0 },
    layoutPathTail: [],
    emittedWarnings: new Set<string>(),
    lists: { mounted: [], reused: [], unmounted: [] },
    collectLifecycleInstanceIds,
    composite: opts.composite ?? null,
    compositeThemeStack: opts.composite?.theme ? [opts.composite.theme] : [],
    compositeRenderStack: [],
    pendingExitAnimations: [],
    pendingCleanups: [],
    pendingEffects: [],
    errorBoundary: opts.errorBoundary ?? null,
  };

  const prevChildren = prevRoot ? [{ instanceId: prevRoot.instanceId, vnode: prevRoot.vnode }] : [];
  const res = reconcileChildren(0, prevChildren, [nextRootVNode], opts.allocator, {
    kind: "root",
  });
  if (!res.ok) return { ok: false, fatal: res.fatal };

  const rootPlan = res.value.nextChildren[0];
  if (!rootPlan) {
    return {
      ok: false,
      fatal: { code: "ZRUI_INVALID_PROPS", detail: "commitVNodeTree: missing root vnode" },
    };
  }

  if (prevRoot && rootPlan.prevIndex === null) {
    if (!tryScheduleExitAnimation(ctx, prevRoot, 0)) {
      deleteLocalStateForSubtree(opts.localState, prevRoot);
      collectSubtreeInstanceIds(prevRoot, ctx.lists.unmounted);
    }
  }

  const prevMatch = rootPlan.prevIndex === 0 ? prevRoot : null;