@number10/jsx-core 5.0.0

package/dist/vdom/mount.js

@@ -0,0 +1,161 @@
+import { disposeCtx, withHooks } from "../hooks.js";
+import { Fragment } from "../jsx-runtime.js";
+import { createRuntimeHelpers } from "./runtime-helpers.js";
+import { flattenChildren, attachRef, shouldSkipChild, applyThemeToChild, setVNodePropSafe, normalizeVNodeLike, isLayoutContainer } from "./utils.js";
+function createMountOps(state, getPatchVNode) {
+  const { getHostContext, recalculateLayout, runEffects } = createRuntimeHelpers(state);
+  const updateHandler = (hookCtx) => {
+    const ctx = hookCtx;
+    if (ctx.disposed || !state.getHostAdapter().isAlive(ctx.parent)) return;
+    const componentProps = ctx.componentVNode.props ?? {};
+    const propsWithChildren = ctx.componentVNode.children?.length ? { ...componentProps, children: ctx.componentVNode.children } : componentProps;
+    ctx.surface = getHostContext(ctx.parent);
+    const nextVNode = normalizeVNodeLike(
+      withHooks(ctx, () => ctx.function(propsWithChildren), {
+        isAlive: () => state.getHostAdapter().isAlive(ctx.parent)
+      })
+    );
+    getPatchVNode()(ctx.parent, ctx.vnode, nextVNode);
+    ctx.vnode = nextVNode;
+    runEffects(ctx);
+  };
+  const mount = (parentOrScene, vnode) => {
+    if (!vnode || typeof vnode !== "object") {
+      return state.bridge.createDummyNode(parentOrScene);
+    }
+    if (vnode.type === void 0 || vnode.type === null) {
+      return state.bridge.createDummyNode(parentOrScene);
+    }
+    if (vnode.type === Fragment) {
+      let firstNode;
+      const flatChildren2 = flattenChildren(vnode.children);
+      for (let i = 0; i < flatChildren2.length; i++) {
+        const child = flatChildren2[i];
+        if (shouldSkipChild(child)) continue;
+        let nextChild = child;
+        nextChild = applyThemeToChild(nextChild, vnode.__theme, {});
+        flatChildren2[i] = nextChild;
+        const childNode = mount(parentOrScene, nextChild);
+        if (!firstNode) firstNode = childNode;
+      }
+      setVNodePropSafe(setVNodePropSafe(vnode, "__node", firstNode), "__parent", parentOrScene);
+      return firstNode ?? state.bridge.createDummyNode(parentOrScene);
+    }
+    if (typeof vnode.type === "function") {
+      const ctx = {
+        index: 0,
+        slots: [],
+        effects: [],
+        cleanups: [],
+        vnode,
+        componentVNode: vnode,
+        parent: parentOrScene,
+        function: vnode.type,
+        isFactory: false,
+        theme: vnode.__theme,
+        themeTokens: getHostContext(parentOrScene)?.themeTokens,
+        surface: getHostContext(parentOrScene),
+        updateHandler
+      };
+      vnode = setVNodePropSafe(vnode, "__ctx", ctx);
+      const propsWithChildren = vnode.children?.length ? { ...vnode.props ?? {}, children: vnode.children } : vnode.props;
+      const renderedRaw = withHooks(ctx, () => ctx.function(propsWithChildren), {
+        isAlive: () => state.getHostAdapter().isAlive(parentOrScene)
+      });
+      let rendered = normalizeVNodeLike(renderedRaw);
+      if (!rendered) {
+        ctx.vnode = rendered;
+        runEffects(ctx);
+        return state.bridge.createDummyNode(parentOrScene);
+      }
+      if (ctx.theme && !rendered.__theme) {
+        rendered = setVNodePropSafe(rendered, "__theme", ctx.theme);
+      }
+      if (ctx.slots.length === 0 && ctx.effects.length === 0) {
+        ctx.isFactory = true;
+        ctx.vnode = rendered;
+        if (vnode.__addConfig) {
+          rendered = setVNodePropSafe(rendered, "__addConfig", vnode.__addConfig);
+        }
+        return mount(parentOrScene, rendered);
+      }
+      if (vnode.__addConfig) {
+        rendered = setVNodePropSafe(rendered, "__addConfig", vnode.__addConfig);
+      }
+      const node2 = mount(parentOrScene, rendered);
+      ctx.cleanups.push(() => unmount(rendered));
+      ctx.vnode = rendered;
+      runEffects(ctx);
+      return node2;
+    }
+    const nodeType = vnode.type;
+    const { props: themedProps, nestedTheme } = state.bridge.resolveProps(
+      nodeType,
+      vnode.__theme,
+      vnode.props ?? {}
+    );
+    const hostCtx = getHostContext(parentOrScene);
+    const node = state.getHostAdapter().create(nodeType, themedProps, hostCtx);
+    state.bridge.attachSurfaceContext?.(node, hostCtx);
+    vnode = setVNodePropSafe(setVNodePropSafe(vnode, "__node", node), "__parent", parentOrScene);
+    attachRef(
+      vnode.props?.ref,
+      node
+    );
+    state.getHostAdapter().append(parentOrScene, node, hostCtx);
+    const flatChildren = flattenChildren(vnode.children);
+    for (let i = 0; i < flatChildren.length; i++) {
+      const child = flatChildren[i];
+      if (shouldSkipChild(child)) continue;
+      if (!child || typeof child !== "object" || !("type" in child)) continue;
+      let nextChild = child;
+      nextChild = applyThemeToChild(
+        nextChild,
+        vnode.__theme,
+        nestedTheme
+      );
+      flatChildren[i] = nextChild;
+      mount(node, nextChild);
+    }
+    if (isLayoutContainer(node)) {
+      recalculateLayout(node, parentOrScene);
+    }
+    return node;
+  };
+  const unmount = (vnode) => {
+    if (!vnode) return;
+    if (vnode.type === Fragment) {
+      flattenChildren(vnode.children).forEach(unmount);
+      return;
+    }
+    if (typeof vnode.type === "function") {
+      const ctx = vnode.__ctx;
+      if (ctx) {
+        disposeCtx(ctx);
+        delete vnode.__ctx;
+      }
+      if (ctx?.vnode) unmount(ctx.vnode);
+      return;
+    }
+    attachRef(
+      vnode.props?.ref,
+      null
+    );
+    flattenChildren(vnode.children).forEach(unmount);
+    const node = vnode.__node;
+    if (node) {
+      const parent = vnode.__parent;
+      if (parent && state.getHostAdapter().isAlive(parent) && state.getHostAdapter().isAlive(node)) {
+        state.getHostAdapter().remove(parent, node, getHostContext(parent));
+      }
+    }
+  };
+  return {
+    mount,
+    unmount
+  };
+}
+export {
+  createMountOps
+};
+//# sourceMappingURL=mount.js.map

package/dist/vdom/mount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.js","sources":["../../src/vdom/mount.ts"],"sourcesContent":["import { disposeCtx, withHooks, type HookContext } from '../hooks'\nimport type { NodeType } from '../host-adapter'\nimport { Fragment } from '../jsx-runtime'\nimport type { PartialTheme } from '../theme'\nimport type { VNodeLike } from '../types'\nimport { createRuntimeHelpers } from './runtime-helpers'\nimport type { MountFn, PatchVNodeFn, RuntimeState, UnmountFn, VDOMHookContext } from './types'\nimport {\n  applyThemeToChild,\n  attachRef,\n  flattenChildren,\n  isLayoutContainer,\n  normalizeVNodeLike,\n  setVNodePropSafe,\n  shouldSkipChild,\n} from './utils'\n\nexport function createMountOps(state: RuntimeState, getPatchVNode: () => PatchVNodeFn) {\n  const { getHostContext, recalculateLayout, runEffects } = createRuntimeHelpers(state)\n\n  const updateHandler = (hookCtx: HookContext): void => {\n    const ctx = hookCtx as VDOMHookContext\n    if (ctx.disposed || !state.getHostAdapter().isAlive(ctx.parent)) return\n\n    const componentProps = ctx.componentVNode.props ?? {}\n    const propsWithChildren = ctx.componentVNode.children?.length\n      ? { ...componentProps, children: ctx.componentVNode.children }\n      : componentProps\n\n    ctx.surface = getHostContext(ctx.parent)\n    const nextVNode = normalizeVNodeLike(\n      withHooks(ctx, () => ctx.function(propsWithChildren), {\n        isAlive: () => state.getHostAdapter().isAlive(ctx.parent),\n      }) as VNodeLike\n    )\n\n    getPatchVNode()(ctx.parent, ctx.vnode, nextVNode)\n    ctx.vnode = nextVNode\n    runEffects(ctx)\n  }\n\n  const mount: MountFn = (parentOrScene, vnode) => {\n    if (!vnode || typeof vnode !== 'object') {\n      return state.bridge.createDummyNode(parentOrScene)\n    }\n\n    if (vnode.type === undefined || vnode.type === null) {\n      return state.bridge.createDummyNode(parentOrScene)\n    }\n\n    if (vnode.type === Fragment) {\n      let firstNode\n      const flatChildren = flattenChildren(vnode.children)\n      for (let i = 0; i < flatChildren.length; i++) {\n        const child = flatChildren[i]\n        if (shouldSkipChild(child)) continue\n        let nextChild = child as typeof vnode\n        nextChild = applyThemeToChild(nextChild, vnode.__theme as PartialTheme | undefined, {})\n        flatChildren[i] = nextChild\n        const childNode = mount(parentOrScene, nextChild)\n        if (!firstNode) firstNode = childNode\n      }\n      setVNodePropSafe(setVNodePropSafe(vnode, '__node', firstNode), '__parent', parentOrScene)\n      return firstNode ?? state.bridge.createDummyNode(parentOrScene)\n    }\n\n    if (typeof vnode.type === 'function') {\n      const ctx: VDOMHookContext = {\n        index: 0,\n        slots: [],\n        effects: [],\n        cleanups: [],\n        vnode,\n        componentVNode: vnode,\n        parent: parentOrScene,\n        function: vnode.type as (props: unknown) => VNodeLike,\n        isFactory: false,\n        theme: vnode.__theme as PartialTheme | undefined,\n        themeTokens: getHostContext(parentOrScene)?.themeTokens,\n        surface: getHostContext(parentOrScene),\n        updateHandler,\n      }\n      vnode = setVNodePropSafe(vnode, '__ctx', ctx)\n\n      const propsWithChildren = vnode.children?.length\n        ? { ...(vnode.props ?? {}), children: vnode.children }\n        : vnode.props\n      const renderedRaw = withHooks(ctx, () => ctx.function(propsWithChildren), {\n        isAlive: () => state.getHostAdapter().isAlive(parentOrScene),\n      })\n      let rendered = normalizeVNodeLike(renderedRaw as VNodeLike)\n\n      if (!rendered) {\n        ctx.vnode = rendered\n        runEffects(ctx)\n        return state.bridge.createDummyNode(parentOrScene)\n      }\n\n      if (ctx.theme && !rendered.__theme) {\n        rendered = setVNodePropSafe(rendered, '__theme', ctx.theme)\n      }\n\n      if (ctx.slots.length === 0 && ctx.effects.length === 0) {\n        ctx.isFactory = true\n        ctx.vnode = rendered\n        if (vnode.__addConfig) {\n          rendered = setVNodePropSafe(rendered, '__addConfig', vnode.__addConfig)\n        }\n        return mount(parentOrScene, rendered)\n      }\n\n      if (vnode.__addConfig) {\n        rendered = setVNodePropSafe(rendered, '__addConfig', vnode.__addConfig)\n      }\n\n      const node = mount(parentOrScene, rendered)\n      ctx.cleanups.push(() => unmount(rendered))\n      ctx.vnode = rendered\n      runEffects(ctx)\n      return node\n    }\n\n    const nodeType = vnode.type as NodeType\n    const { props: themedProps, nestedTheme } = state.bridge.resolveProps(\n      nodeType,\n      vnode.__theme as PartialTheme | undefined,\n      (vnode.props ?? {}) as Record<string, unknown>\n    )\n\n    const hostCtx = getHostContext(parentOrScene)\n    const node = state.getHostAdapter().create(nodeType, themedProps, hostCtx)\n    state.bridge.attachSurfaceContext?.(node, hostCtx)\n    vnode = setVNodePropSafe(setVNodePropSafe(vnode, '__node', node), '__parent', parentOrScene)\n\n    attachRef(\n      vnode.props?.ref as\n        | { current: typeof node | null }\n        | ((value: typeof node | null) => void)\n        | undefined,\n      node\n    )\n    state.getHostAdapter().append(parentOrScene, node, hostCtx)\n\n    const flatChildren = flattenChildren(vnode.children)\n    for (let i = 0; i < flatChildren.length; i++) {\n      const child = flatChildren[i]\n      if (shouldSkipChild(child)) continue\n      if (!child || typeof child !== 'object' || !('type' in child)) continue\n\n      let nextChild = child as typeof vnode\n      nextChild = applyThemeToChild(\n        nextChild,\n        vnode.__theme as PartialTheme | undefined,\n        nestedTheme\n      )\n      flatChildren[i] = nextChild\n      mount(node, nextChild)\n    }\n\n    if (isLayoutContainer(node)) {\n      recalculateLayout(node, parentOrScene)\n    }\n\n    return node\n  }\n\n  const unmount: UnmountFn = (vnode) => {\n    if (!vnode) return\n\n    if (vnode.type === Fragment) {\n      flattenChildren(vnode.children).forEach(unmount)\n      return\n    }\n\n    if (typeof vnode.type === 'function') {\n      const ctx = (vnode as typeof vnode & { __ctx?: VDOMHookContext }).__ctx\n      if (ctx) {\n        disposeCtx(ctx)\n        delete (vnode as typeof vnode & { __ctx?: VDOMHookContext }).__ctx\n      }\n      if (ctx?.vnode) unmount(ctx.vnode)\n      return\n    }\n\n    attachRef(\n      vnode.props?.ref as\n        | { current: unknown | null }\n        | ((value: unknown | null) => void)\n        | undefined,\n      null\n    )\n\n    flattenChildren(vnode.children).forEach(unmount)\n\n    const node = vnode.__node\n    if (node) {\n      const parent = vnode.__parent\n      if (\n        parent &&\n        state.getHostAdapter().isAlive(parent) &&\n        state.getHostAdapter().isAlive(node)\n      ) {\n        state.getHostAdapter().remove(parent, node, getHostContext(parent))\n      }\n    }\n  }\n\n  return {\n    mount,\n    unmount,\n  }\n}\n"],"names":["flatChildren","node"],"mappings":"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"}

package/dist/vdom/patch.cjs

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const hooks = require("../hooks.cjs");
+const jsxRuntime = require("../jsx-runtime.cjs");
+const runtimeHelpers = require("./runtime-helpers.cjs");
+const utils = require("./utils.cjs");
+function createPatchVNode(state, getMount, getUnmount) {
+  const { getHostContext, recalculateLayout, runEffects } = runtimeHelpers.createRuntimeHelpers(state);
+  const patchVNode = (parent, oldV, newV) => {
+    const mount = getMount();
+    const unmount = getUnmount();
+    if (!oldV && !newV) return;
+    if (!oldV && newV) {
+      mount(parent, newV);
+      return;
+    }
+    if (oldV && !newV) {
+      unmount(oldV);
+      return;
+    }
+    if (!oldV || !newV) return;
+    if (oldV.__key !== newV.__key) {
+      unmount(oldV);
+      mount(parent, newV);
+      if (utils.isLayoutContainer(parent) && parent.__layoutProps) {
+        recalculateLayout(parent, utils.getLayoutParent(parent) ?? parent);
+      }
+      return;
+    }
+    if (oldV.type === jsxRuntime.Fragment && newV.type === jsxRuntime.Fragment) {
+      const a2 = utils.flattenChildren(oldV.children);
+      const b2 = utils.flattenChildren(newV.children);
+      const len2 = Math.max(a2.length, b2.length);
+      for (let i = 0; i < len2; i++) {
+        const c1 = a2[i];
+        const c2 = b2[i];
+        const valid1 = c1 != null && c1 !== false;
+        const valid2 = c2 != null && c2 !== false;
+        if (!valid1 && valid2) {
+          mount(parent, c2);
+        } else if (valid1 && !valid2) {
+          unmount(c1);
+        } else if (valid1 && valid2) {
+          patchVNode(parent, c1, c2);
+        }
+      }
+      return;
+    }
+    if (typeof oldV.type === "function" || typeof newV.type === "function") {
+      if (oldV.type === newV.type) {
+        const ctx = oldV.__ctx;
+        if (!ctx) {
+          mount(parent, newV);
+          return;
+        }
+        if (newV.props !== void 0) ctx.componentVNode.props = newV.props;
+        if (newV.children !== void 0) ctx.componentVNode.children = newV.children;
+        const previousTheme = ctx.theme;
+        if (newV.__theme !== void 0) ctx.theme = newV.__theme;
+        const newVNodeWithCtx = utils.setVNodePropSafe(newV, "__ctx", ctx);
+        const propsWithChildren = utils.withChildrenProps(ctx.componentVNode);
+        const themeChanged = !Object.is(previousTheme, ctx.theme);
+        const propsChanged = hooks.shouldComponentUpdate(ctx, propsWithChildren);
+        if (!themeChanged && !propsChanged) return;
+        ctx.surface = getHostContext(parent);
+        let renderedNext = utils.normalizeVNodeLike(
+          hooks.withHooks(
+            ctx,
+            () => newVNodeWithCtx.type(propsWithChildren),
+            {
+              isAlive: () => state.getHostAdapter().isAlive(parent)
+            }
+          )
+        );
+        if (!renderedNext) {
+          ctx.vnode = renderedNext;
+          runEffects(ctx);
+          return;
+        }
+        if (ctx.theme && !renderedNext.__theme) {
+          renderedNext = utils.setVNodePropSafe(renderedNext, "__theme", ctx.theme);
+        }
+        patchVNode(parent, ctx.vnode, renderedNext);
+        ctx.vnode = renderedNext;
+        runEffects(ctx);
+        return;
+      }
+      unmount(oldV);
+      mount(parent, newV);
+      return;
+    }
+    if (oldV.type !== newV.type) {
+      unmount(oldV);
+      mount(parent, newV);
+      return;
+    }
+    const nodeType = oldV.type;
+    newV = utils.setVNodePropSafe(utils.setVNodePropSafe(newV, "__node", oldV.__node), "__parent", parent);
+    const oldRef = oldV.props?.ref;
+    const newRef = newV.props?.ref;
+    if (oldRef !== newRef) {
+      utils.attachRef(oldRef, null);
+      utils.attachRef(newRef, oldV.__node);
+    }
+    const { props: oldProps } = state.bridge.resolveProps(
+      nodeType,
+      oldV.__theme,
+      oldV.props ?? {}
+    );
+    const { props: newProps, nestedTheme } = state.bridge.resolveProps(
+      nodeType,
+      newV.__theme,
+      newV.props ?? {}
+    );
+    state.getHostAdapter().patch(nodeType, oldV.__node, oldProps, newProps, getHostContext(parent));
+    const a = utils.flattenChildren(oldV.children);
+    const b = utils.flattenChildren(newV.children);
+    const len = Math.max(a.length, b.length);
+    let childrenChanged = a.filter(Boolean).length !== b.filter(Boolean).length;
+    const containerLayoutChanged = utils.hasLayoutPropsChanged(oldV, newV);
+    for (let i = 0; i < len; i++) {
+      const c1 = a[i];
+      const c2 = b[i];
+      const valid1 = c1 != null && c1 !== false;
+      const valid2 = c2 != null && c2 !== false;
+      if (!valid1 && valid2) {
+        const themed = utils.applyThemeToChild(
+          c2,
+          newV.__theme,
+          nestedTheme
+        );
+        b[i] = themed;
+        mount(oldV.__node, themed);
+        childrenChanged = true;
+      } else if (valid1 && !valid2) {
+        unmount(c1);
+        childrenChanged = true;
+      } else if (valid1 && valid2) {
+        const themed = utils.applyThemeToChild(
+          c2,
+          newV.__theme,
+          nestedTheme
+        );
+        b[i] = themed;
+        const childLayoutChanged = utils.hasLayoutPropsChanged(c1, themed);
+        const textContentChanged = c1.props?.text !== themed.props?.text || !utils.deepEqual(c1.props?.style, themed.props?.style);
+        const previousChildSize = utils.readVNodeLayoutSize(c1);
+        patchVNode(oldV.__node, c1, themed);
+        const nextChildSize = utils.readVNodeLayoutSize(c1);
+        const childSizeChanged = previousChildSize === null || nextChildSize === null ? false : Math.abs(previousChildSize.width - nextChildSize.width) >= 0.5 || Math.abs(previousChildSize.height - nextChildSize.height) >= 0.5;
+        if (childLayoutChanged || textContentChanged || childSizeChanged) {
+          childrenChanged = true;
+        }
+      }
+    }
+    if (oldV.__node && utils.isLayoutContainer(oldV.__node) && (containerLayoutChanged || childrenChanged)) {
+      recalculateLayout(oldV.__node, parent);
+    }
+  };
+  return patchVNode;
+}
+exports.createPatchVNode = createPatchVNode;
+//# sourceMappingURL=patch.cjs.map

package/dist/vdom/patch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"patch.cjs","sources":["../../src/vdom/patch.ts"],"sourcesContent":["import { shouldComponentUpdate, withHooks } from '../hooks'\nimport type { NodeType } from '../host-adapter'\nimport { Fragment } from '../jsx-runtime'\nimport type { PartialTheme } from '../theme'\nimport type { VNodeLike } from '../types'\nimport { createRuntimeHelpers } from './runtime-helpers'\nimport type { MountFn, PatchVNodeFn, RuntimeState, UnmountFn, VDOMHookContext } from './types'\nimport {\n  applyThemeToChild,\n  attachRef,\n  deepEqual,\n  flattenChildren,\n  getLayoutParent,\n  hasLayoutPropsChanged,\n  isLayoutContainer,\n  normalizeVNodeLike,\n  readVNodeLayoutSize,\n  setVNodePropSafe,\n  withChildrenProps,\n} from './utils'\n\nexport function createPatchVNode(\n  state: RuntimeState,\n  getMount: () => MountFn,\n  getUnmount: () => UnmountFn\n): PatchVNodeFn {\n  const { getHostContext, recalculateLayout, runEffects } = createRuntimeHelpers(state)\n\n  const patchVNode: PatchVNodeFn = (parent, oldV, newV) => {\n    const mount = getMount()\n    const unmount = getUnmount()\n\n    if (!oldV && !newV) return\n    if (!oldV && newV) {\n      mount(parent, newV)\n      return\n    }\n    if (oldV && !newV) {\n      unmount(oldV)\n      return\n    }\n    if (!oldV || !newV) return\n\n    if (oldV.__key !== newV.__key) {\n      unmount(oldV)\n      mount(parent, newV)\n\n      if (isLayoutContainer(parent) && parent.__layoutProps) {\n        recalculateLayout(parent, getLayoutParent(parent) ?? parent)\n      }\n      return\n    }\n\n    if (oldV.type === Fragment && newV.type === Fragment) {\n      const a = flattenChildren(oldV.children)\n      const b = flattenChildren(newV.children)\n      const len = Math.max(a.length, b.length)\n      for (let i = 0; i < len; i++) {\n        const c1 = a[i]\n        const c2 = b[i]\n        const valid1 = c1 != null && c1 !== false\n        const valid2 = c2 != null && c2 !== false\n        if (!valid1 && valid2) {\n          mount(parent, c2 as typeof oldV)\n        } else if (valid1 && !valid2) {\n          unmount(c1 as typeof oldV)\n        } else if (valid1 && valid2) {\n          patchVNode(parent, c1 as typeof oldV, c2 as typeof oldV)\n        }\n      }\n      return\n    }\n\n    if (typeof oldV.type === 'function' || typeof newV.type === 'function') {\n      if (oldV.type === newV.type) {\n        const ctx = (oldV as typeof oldV & { __ctx?: VDOMHookContext }).__ctx\n        if (!ctx) {\n          // No hook context — component was never properly mounted (e.g. VNode\n          // came from a previous renderer that was torn down). Do a fresh mount\n          // without trying to unmount the old VNode — its host nodes are already\n          // gone (different renderer root).\n          mount(parent, newV)\n          return\n        }\n\n        if (newV.props !== undefined) ctx.componentVNode.props = newV.props\n        if (newV.children !== undefined) ctx.componentVNode.children = newV.children\n        const previousTheme = ctx.theme\n        if (newV.__theme !== undefined) ctx.theme = newV.__theme as PartialTheme\n\n        const newVNodeWithCtx = setVNodePropSafe(newV, '__ctx', ctx)\n        const propsWithChildren = withChildrenProps(ctx.componentVNode)\n        const themeChanged = !Object.is(previousTheme, ctx.theme)\n        const propsChanged = shouldComponentUpdate(ctx, propsWithChildren)\n        if (!themeChanged && !propsChanged) return\n\n        ctx.surface = getHostContext(parent)\n        let renderedNext = normalizeVNodeLike(\n          withHooks(\n            ctx,\n            () => (newVNodeWithCtx.type as (props: unknown) => VNodeLike)(propsWithChildren),\n            {\n              isAlive: () => state.getHostAdapter().isAlive(parent),\n            }\n          ) as VNodeLike\n        )\n\n        if (!renderedNext) {\n          ctx.vnode = renderedNext\n          runEffects(ctx)\n          return\n        }\n\n        if (ctx.theme && !renderedNext.__theme) {\n          renderedNext = setVNodePropSafe(renderedNext, '__theme', ctx.theme)\n        }\n\n        patchVNode(parent, ctx.vnode, renderedNext)\n        ctx.vnode = renderedNext\n        runEffects(ctx)\n        return\n      }\n\n      unmount(oldV)\n      mount(parent, newV)\n      return\n    }\n\n    if (oldV.type !== newV.type) {\n      unmount(oldV)\n      mount(parent, newV)\n      return\n    }\n\n    const nodeType = oldV.type as NodeType\n    newV = setVNodePropSafe(setVNodePropSafe(newV, '__node', oldV.__node), '__parent', parent)\n\n    const oldRef = oldV.props?.ref as\n      | { current: unknown | null }\n      | ((value: unknown | null) => void)\n      | undefined\n    const newRef = newV.props?.ref as\n      | { current: unknown | null }\n      | ((value: unknown | null) => void)\n      | undefined\n    if (oldRef !== newRef) {\n      attachRef(oldRef, null)\n      attachRef(newRef, oldV.__node)\n    }\n\n    const { props: oldProps } = state.bridge.resolveProps(\n      nodeType,\n      oldV.__theme as PartialTheme | undefined,\n      (oldV.props ?? {}) as Record<string, unknown>\n    )\n    const { props: newProps, nestedTheme } = state.bridge.resolveProps(\n      nodeType,\n      newV.__theme as PartialTheme | undefined,\n      (newV.props ?? {}) as Record<string, unknown>\n    )\n\n    state.getHostAdapter().patch(nodeType, oldV.__node, oldProps, newProps, getHostContext(parent))\n\n    const a = flattenChildren(oldV.children)\n    const b = flattenChildren(newV.children)\n    const len = Math.max(a.length, b.length)\n    let childrenChanged = a.filter(Boolean).length !== b.filter(Boolean).length\n    const containerLayoutChanged = hasLayoutPropsChanged(oldV, newV)\n\n    for (let i = 0; i < len; i++) {\n      const c1 = a[i]\n      const c2 = b[i]\n      const valid1 = c1 != null && c1 !== false\n      const valid2 = c2 != null && c2 !== false\n\n      if (!valid1 && valid2) {\n        const themed = applyThemeToChild(\n          c2 as typeof oldV,\n          newV.__theme as PartialTheme | undefined,\n          nestedTheme\n        )\n        b[i] = themed\n        mount(oldV.__node, themed)\n        childrenChanged = true\n      } else if (valid1 && !valid2) {\n        unmount(c1 as typeof oldV)\n        childrenChanged = true\n      } else if (valid1 && valid2) {\n        const themed = applyThemeToChild(\n          c2 as typeof oldV,\n          newV.__theme as PartialTheme | undefined,\n          nestedTheme\n        )\n        b[i] = themed\n\n        const childLayoutChanged = hasLayoutPropsChanged(c1 as typeof oldV, themed)\n        const textContentChanged =\n          (c1 as typeof oldV).props?.text !== themed.props?.text ||\n          !deepEqual((c1 as typeof oldV).props?.style, themed.props?.style)\n        const previousChildSize = readVNodeLayoutSize(c1 as typeof oldV)\n\n        patchVNode(oldV.__node, c1 as typeof oldV, themed)\n\n        const nextChildSize = readVNodeLayoutSize(c1 as typeof oldV)\n        const childSizeChanged =\n          previousChildSize === null || nextChildSize === null\n            ? false\n            : Math.abs(previousChildSize.width - nextChildSize.width) >= 0.5 ||\n              Math.abs(previousChildSize.height - nextChildSize.height) >= 0.5\n\n        if (childLayoutChanged || textContentChanged || childSizeChanged) {\n          childrenChanged = true\n        }\n      }\n    }\n\n    if (\n      oldV.__node &&\n      isLayoutContainer(oldV.__node) &&\n      (containerLayoutChanged || childrenChanged)\n    ) {\n      recalculateLayout(oldV.__node, parent)\n    }\n  }\n\n  return patchVNode\n}\n"],"names":["createRuntimeHelpers","isLayoutContainer","getLayoutParent","Fragment","a","flattenChildren","b","len","setVNodePropSafe","withChildrenProps","shouldComponentUpdate","normalizeVNodeLike","withHooks","attachRef","hasLayoutPropsChanged","applyThemeToChild","deepEqual","readVNodeLayoutSize"],"mappings":"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"}

package/dist/vdom/patch.d.ts

@@ -0,0 +1,3 @@
+import { MountFn, PatchVNodeFn, RuntimeState, UnmountFn } from './types';
+export declare function createPatchVNode(state: RuntimeState, getMount: () => MountFn, getUnmount: () => UnmountFn): PatchVNodeFn;
+//# sourceMappingURL=patch.d.ts.map

package/dist/vdom/patch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"patch.d.ts","sourceRoot":"","sources":["../../src/vdom/patch.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAmB,MAAM,SAAS,CAAA;AAe9F,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,MAAM,OAAO,EACvB,UAAU,EAAE,MAAM,SAAS,GAC1B,YAAY,CAyMd"}

package/dist/vdom/patch.js

@@ -0,0 +1,163 @@
+import { shouldComponentUpdate, withHooks } from "../hooks.js";
+import { Fragment } from "../jsx-runtime.js";
+import { createRuntimeHelpers } from "./runtime-helpers.js";
+import { isLayoutContainer, getLayoutParent, flattenChildren, setVNodePropSafe, withChildrenProps, normalizeVNodeLike, attachRef, hasLayoutPropsChanged, applyThemeToChild, deepEqual, readVNodeLayoutSize } from "./utils.js";
+function createPatchVNode(state, getMount, getUnmount) {
+  const { getHostContext, recalculateLayout, runEffects } = createRuntimeHelpers(state);
+  const patchVNode = (parent, oldV, newV) => {
+    const mount = getMount();
+    const unmount = getUnmount();
+    if (!oldV && !newV) return;
+    if (!oldV && newV) {
+      mount(parent, newV);
+      return;
+    }
+    if (oldV && !newV) {
+      unmount(oldV);
+      return;
+    }
+    if (!oldV || !newV) return;
+    if (oldV.__key !== newV.__key) {
+      unmount(oldV);
+      mount(parent, newV);
+      if (isLayoutContainer(parent) && parent.__layoutProps) {
+        recalculateLayout(parent, getLayoutParent(parent) ?? parent);
+      }
+      return;
+    }
+    if (oldV.type === Fragment && newV.type === Fragment) {
+      const a2 = flattenChildren(oldV.children);
+      const b2 = flattenChildren(newV.children);
+      const len2 = Math.max(a2.length, b2.length);
+      for (let i = 0; i < len2; i++) {
+        const c1 = a2[i];
+        const c2 = b2[i];
+        const valid1 = c1 != null && c1 !== false;
+        const valid2 = c2 != null && c2 !== false;
+        if (!valid1 && valid2) {
+          mount(parent, c2);
+        } else if (valid1 && !valid2) {
+          unmount(c1);
+        } else if (valid1 && valid2) {
+          patchVNode(parent, c1, c2);
+        }
+      }
+      return;
+    }
+    if (typeof oldV.type === "function" || typeof newV.type === "function") {
+      if (oldV.type === newV.type) {
+        const ctx = oldV.__ctx;
+        if (!ctx) {
+          mount(parent, newV);
+          return;
+        }
+        if (newV.props !== void 0) ctx.componentVNode.props = newV.props;
+        if (newV.children !== void 0) ctx.componentVNode.children = newV.children;
+        const previousTheme = ctx.theme;
+        if (newV.__theme !== void 0) ctx.theme = newV.__theme;
+        const newVNodeWithCtx = setVNodePropSafe(newV, "__ctx", ctx);
+        const propsWithChildren = withChildrenProps(ctx.componentVNode);
+        const themeChanged = !Object.is(previousTheme, ctx.theme);
+        const propsChanged = shouldComponentUpdate(ctx, propsWithChildren);
+        if (!themeChanged && !propsChanged) return;
+        ctx.surface = getHostContext(parent);
+        let renderedNext = normalizeVNodeLike(
+          withHooks(
+            ctx,
+            () => newVNodeWithCtx.type(propsWithChildren),
+            {
+              isAlive: () => state.getHostAdapter().isAlive(parent)
+            }
+          )
+        );
+        if (!renderedNext) {
+          ctx.vnode = renderedNext;
+          runEffects(ctx);
+          return;
+        }
+        if (ctx.theme && !renderedNext.__theme) {
+          renderedNext = setVNodePropSafe(renderedNext, "__theme", ctx.theme);
+        }
+        patchVNode(parent, ctx.vnode, renderedNext);
+        ctx.vnode = renderedNext;
+        runEffects(ctx);
+        return;
+      }
+      unmount(oldV);
+      mount(parent, newV);
+      return;
+    }
+    if (oldV.type !== newV.type) {
+      unmount(oldV);
+      mount(parent, newV);
+      return;
+    }
+    const nodeType = oldV.type;
+    newV = setVNodePropSafe(setVNodePropSafe(newV, "__node", oldV.__node), "__parent", parent);
+    const oldRef = oldV.props?.ref;
+    const newRef = newV.props?.ref;
+    if (oldRef !== newRef) {
+      attachRef(oldRef, null);
+      attachRef(newRef, oldV.__node);
+    }
+    const { props: oldProps } = state.bridge.resolveProps(
+      nodeType,
+      oldV.__theme,
+      oldV.props ?? {}
+    );
+    const { props: newProps, nestedTheme } = state.bridge.resolveProps(
+      nodeType,
+      newV.__theme,
+      newV.props ?? {}
+    );
+    state.getHostAdapter().patch(nodeType, oldV.__node, oldProps, newProps, getHostContext(parent));
+    const a = flattenChildren(oldV.children);
+    const b = flattenChildren(newV.children);
+    const len = Math.max(a.length, b.length);
+    let childrenChanged = a.filter(Boolean).length !== b.filter(Boolean).length;
+    const containerLayoutChanged = hasLayoutPropsChanged(oldV, newV);
+    for (let i = 0; i < len; i++) {
+      const c1 = a[i];
+      const c2 = b[i];
+      const valid1 = c1 != null && c1 !== false;
+      const valid2 = c2 != null && c2 !== false;
+      if (!valid1 && valid2) {
+        const themed = applyThemeToChild(
+          c2,
+          newV.__theme,
+          nestedTheme
+        );
+        b[i] = themed;
+        mount(oldV.__node, themed);
+        childrenChanged = true;
+      } else if (valid1 && !valid2) {
+        unmount(c1);
+        childrenChanged = true;
+      } else if (valid1 && valid2) {
+        const themed = applyThemeToChild(
+          c2,
+          newV.__theme,
+          nestedTheme
+        );
+        b[i] = themed;
+        const childLayoutChanged = hasLayoutPropsChanged(c1, themed);
+        const textContentChanged = c1.props?.text !== themed.props?.text || !deepEqual(c1.props?.style, themed.props?.style);
+        const previousChildSize = readVNodeLayoutSize(c1);
+        patchVNode(oldV.__node, c1, themed);
+        const nextChildSize = readVNodeLayoutSize(c1);
+        const childSizeChanged = previousChildSize === null || nextChildSize === null ? false : Math.abs(previousChildSize.width - nextChildSize.width) >= 0.5 || Math.abs(previousChildSize.height - nextChildSize.height) >= 0.5;
+        if (childLayoutChanged || textContentChanged || childSizeChanged) {
+          childrenChanged = true;
+        }
+      }
+    }
+    if (oldV.__node && isLayoutContainer(oldV.__node) && (containerLayoutChanged || childrenChanged)) {
+      recalculateLayout(oldV.__node, parent);
+    }
+  };
+  return patchVNode;
+}
+export {
+  createPatchVNode
+};
+//# sourceMappingURL=patch.js.map

package/dist/vdom/patch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"patch.js","sources":["../../src/vdom/patch.ts"],"sourcesContent":["import { shouldComponentUpdate, withHooks } from '../hooks'\nimport type { NodeType } from '../host-adapter'\nimport { Fragment } from '../jsx-runtime'\nimport type { PartialTheme } from '../theme'\nimport type { VNodeLike } from '../types'\nimport { createRuntimeHelpers } from './runtime-helpers'\nimport type { MountFn, PatchVNodeFn, RuntimeState, UnmountFn, VDOMHookContext } from './types'\nimport {\n  applyThemeToChild,\n  attachRef,\n  deepEqual,\n  flattenChildren,\n  getLayoutParent,\n  hasLayoutPropsChanged,\n  isLayoutContainer,\n  normalizeVNodeLike,\n  readVNodeLayoutSize,\n  setVNodePropSafe,\n  withChildrenProps,\n} from './utils'\n\nexport function createPatchVNode(\n  state: RuntimeState,\n  getMount: () => MountFn,\n  getUnmount: () => UnmountFn\n): PatchVNodeFn {\n  const { getHostContext, recalculateLayout, runEffects } = createRuntimeHelpers(state)\n\n  const patchVNode: PatchVNodeFn = (parent, oldV, newV) => {\n    const mount = getMount()\n    const unmount = getUnmount()\n\n    if (!oldV && !newV) return\n    if (!oldV && newV) {\n      mount(parent, newV)\n      return\n    }\n    if (oldV && !newV) {\n      unmount(oldV)\n      return\n    }\n    if (!oldV || !newV) return\n\n    if (oldV.__key !== newV.__key) {\n      unmount(oldV)\n      mount(parent, newV)\n\n      if (isLayoutContainer(parent) && parent.__layoutProps) {\n        recalculateLayout(parent, getLayoutParent(parent) ?? parent)\n      }\n      return\n    }\n\n    if (oldV.type === Fragment && newV.type === Fragment) {\n      const a = flattenChildren(oldV.children)\n      const b = flattenChildren(newV.children)\n      const len = Math.max(a.length, b.length)\n      for (let i = 0; i < len; i++) {\n        const c1 = a[i]\n        const c2 = b[i]\n        const valid1 = c1 != null && c1 !== false\n        const valid2 = c2 != null && c2 !== false\n        if (!valid1 && valid2) {\n          mount(parent, c2 as typeof oldV)\n        } else if (valid1 && !valid2) {\n          unmount(c1 as typeof oldV)\n        } else if (valid1 && valid2) {\n          patchVNode(parent, c1 as typeof oldV, c2 as typeof oldV)\n        }\n      }\n      return\n    }\n\n    if (typeof oldV.type === 'function' || typeof newV.type === 'function') {\n      if (oldV.type === newV.type) {\n        const ctx = (oldV as typeof oldV & { __ctx?: VDOMHookContext }).__ctx\n        if (!ctx) {\n          // No hook context — component was never properly mounted (e.g. VNode\n          // came from a previous renderer that was torn down). Do a fresh mount\n          // without trying to unmount the old VNode — its host nodes are already\n          // gone (different renderer root).\n          mount(parent, newV)\n          return\n        }\n\n        if (newV.props !== undefined) ctx.componentVNode.props = newV.props\n        if (newV.children !== undefined) ctx.componentVNode.children = newV.children\n        const previousTheme = ctx.theme\n        if (newV.__theme !== undefined) ctx.theme = newV.__theme as PartialTheme\n\n        const newVNodeWithCtx = setVNodePropSafe(newV, '__ctx', ctx)\n        const propsWithChildren = withChildrenProps(ctx.componentVNode)\n        const themeChanged = !Object.is(previousTheme, ctx.theme)\n        const propsChanged = shouldComponentUpdate(ctx, propsWithChildren)\n        if (!themeChanged && !propsChanged) return\n\n        ctx.surface = getHostContext(parent)\n        let renderedNext = normalizeVNodeLike(\n          withHooks(\n            ctx,\n            () => (newVNodeWithCtx.type as (props: unknown) => VNodeLike)(propsWithChildren),\n            {\n              isAlive: () => state.getHostAdapter().isAlive(parent),\n            }\n          ) as VNodeLike\n        )\n\n        if (!renderedNext) {\n          ctx.vnode = renderedNext\n          runEffects(ctx)\n          return\n        }\n\n        if (ctx.theme && !renderedNext.__theme) {\n          renderedNext = setVNodePropSafe(renderedNext, '__theme', ctx.theme)\n        }\n\n        patchVNode(parent, ctx.vnode, renderedNext)\n        ctx.vnode = renderedNext\n        runEffects(ctx)\n        return\n      }\n\n      unmount(oldV)\n      mount(parent, newV)\n      return\n    }\n\n    if (oldV.type !== newV.type) {\n      unmount(oldV)\n      mount(parent, newV)\n      return\n    }\n\n    const nodeType = oldV.type as NodeType\n    newV = setVNodePropSafe(setVNodePropSafe(newV, '__node', oldV.__node), '__parent', parent)\n\n    const oldRef = oldV.props?.ref as\n      | { current: unknown | null }\n      | ((value: unknown | null) => void)\n      | undefined\n    const newRef = newV.props?.ref as\n      | { current: unknown | null }\n      | ((value: unknown | null) => void)\n      | undefined\n    if (oldRef !== newRef) {\n      attachRef(oldRef, null)\n      attachRef(newRef, oldV.__node)\n    }\n\n    const { props: oldProps } = state.bridge.resolveProps(\n      nodeType,\n      oldV.__theme as PartialTheme | undefined,\n      (oldV.props ?? {}) as Record<string, unknown>\n    )\n    const { props: newProps, nestedTheme } = state.bridge.resolveProps(\n      nodeType,\n      newV.__theme as PartialTheme | undefined,\n      (newV.props ?? {}) as Record<string, unknown>\n    )\n\n    state.getHostAdapter().patch(nodeType, oldV.__node, oldProps, newProps, getHostContext(parent))\n\n    const a = flattenChildren(oldV.children)\n    const b = flattenChildren(newV.children)\n    const len = Math.max(a.length, b.length)\n    let childrenChanged = a.filter(Boolean).length !== b.filter(Boolean).length\n    const containerLayoutChanged = hasLayoutPropsChanged(oldV, newV)\n\n    for (let i = 0; i < len; i++) {\n      const c1 = a[i]\n      const c2 = b[i]\n      const valid1 = c1 != null && c1 !== false\n      const valid2 = c2 != null && c2 !== false\n\n      if (!valid1 && valid2) {\n        const themed = applyThemeToChild(\n          c2 as typeof oldV,\n          newV.__theme as PartialTheme | undefined,\n          nestedTheme\n        )\n        b[i] = themed\n        mount(oldV.__node, themed)\n        childrenChanged = true\n      } else if (valid1 && !valid2) {\n        unmount(c1 as typeof oldV)\n        childrenChanged = true\n      } else if (valid1 && valid2) {\n        const themed = applyThemeToChild(\n          c2 as typeof oldV,\n          newV.__theme as PartialTheme | undefined,\n          nestedTheme\n        )\n        b[i] = themed\n\n        const childLayoutChanged = hasLayoutPropsChanged(c1 as typeof oldV, themed)\n        const textContentChanged =\n          (c1 as typeof oldV).props?.text !== themed.props?.text ||\n          !deepEqual((c1 as typeof oldV).props?.style, themed.props?.style)\n        const previousChildSize = readVNodeLayoutSize(c1 as typeof oldV)\n\n        patchVNode(oldV.__node, c1 as typeof oldV, themed)\n\n        const nextChildSize = readVNodeLayoutSize(c1 as typeof oldV)\n        const childSizeChanged =\n          previousChildSize === null || nextChildSize === null\n            ? false\n            : Math.abs(previousChildSize.width - nextChildSize.width) >= 0.5 ||\n              Math.abs(previousChildSize.height - nextChildSize.height) >= 0.5\n\n        if (childLayoutChanged || textContentChanged || childSizeChanged) {\n          childrenChanged = true\n        }\n      }\n    }\n\n    if (\n      oldV.__node &&\n      isLayoutContainer(oldV.__node) &&\n      (containerLayoutChanged || childrenChanged)\n    ) {\n      recalculateLayout(oldV.__node, parent)\n    }\n  }\n\n  return patchVNode\n}\n"],"names":["a","b","len"],"mappings":"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"}

package/dist/vdom/registry.cjs

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("./utils.cjs");
+class MountRegistry {
+  entries = /* @__PURE__ */ new Map();
+  nextId = 1;
+  nodeIds = /* @__PURE__ */ new WeakMap();
+  register(entry) {
+    const id = this.nextId++;
+    this.entries.set(id, { id, ...entry });
+    if (utils.isObjectKey(entry.rootNode)) {
+      this.nodeIds.set(entry.rootNode, id);
+    }
+    return id;
+  }
+  unregister(id) {
+    const entry = this.entries.get(id);
+    if (!entry) return;
+    if (utils.isObjectKey(entry.rootNode)) {
+      this.nodeIds.delete(entry.rootNode);
+    }
+    this.entries.delete(id);
+  }
+  getEntry(id) {
+    return this.entries.get(id);
+  }
+  getEntryByNode(node) {
+    if (!utils.isObjectKey(node)) return void 0;
+    const id = this.nodeIds.get(node);
+    return id !== void 0 ? this.entries.get(id) : void 0;
+  }
+  findByParentAndKey(parent, key, isAlive) {
+    for (const entry of this.entries.values()) {
+      if (!isAlive(entry.parent) || !isAlive(entry.rootNode)) {
+        this.unregister(entry.id);
+        continue;
+      }
+      const entryKey = entry.props.key;
+      if (key !== void 0) {
+        if (entry.parent === parent && entryKey === key) return entry;
+      } else if (entry.parent === parent) {
+        return entry;
+      }
+    }
+    return void 0;
+  }
+  getAllEntries() {
+    return Array.from(this.entries.values());
+  }
+  clear() {
+    this.entries.clear();
+    this.nodeIds = /* @__PURE__ */ new WeakMap();
+    this.nextId = 1;
+  }
+  getStats(hostAdapter) {
+    const byType = /* @__PURE__ */ new Map();
+    const byParent = /* @__PURE__ */ new Map();
+    const byKey = /* @__PURE__ */ new Map();
+    const mounts = [];
+    for (const entry of this.entries.values()) {
+      const typeName = typeof entry.type === "string" ? entry.type : entry.type.name || "Component";
+      byType.set(typeName, (byType.get(typeName) ?? 0) + 1);
+      byParent.set(entry.parent, (byParent.get(entry.parent) ?? 0) + 1);
+      if (entry.props.key) {
+        byKey.set(entry.props.key, (byKey.get(entry.props.key) ?? 0) + 1);
+      }
+      mounts.push({
+        id: entry.id,
+        type: typeName,
+        ...entry.props.key !== void 0 ? { key: entry.props.key } : {},
+        parentType: entry.surface ? "RootSurface" : hostAdapter.isSurface?.(entry.parent) ? "Surface" : "Container",
+        propsKeys: Object.keys(entry.props)
+      });
+    }
+    return {
+      totalMounts: this.entries.size,
+      byType,
+      byParent,
+      byKey,
+      mounts
+    };
+  }
+}
+exports.MountRegistry = MountRegistry;
+//# sourceMappingURL=registry.cjs.map