@askrjs/askr 0.0.47 → 0.0.49

package/dist/renderer/reactive-child-dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactive-child-dom.js","names":[],"sources":["../../src/renderer/reactive-child-dom.ts"],"sourcesContent":["import type { ChildScope } from '../runtime/child-scope';\nimport { syncControlBoundaryScopeDom } from './boundaries';\nimport { teardownNodeSubtree } from './cleanup';\nimport {\n  createElementForNamespace,\n  getParentNamespace,\n  SVG_NAMESPACE,\n} from './namespaces';\nimport {\n  collectReactiveChildBoundaryVNodes,\n  isSingleRootReactiveChildBoundaryValue,\n} from './reactive-child-sources';\nimport type { VNode } from './types';\n\nexport interface ReactiveChildDOMHost {\n  createDOMNode(node: unknown, parentNamespace?: string): Node | null;\n  updateElementChildren(\n    el: Element,\n    children: VNode | VNode[] | undefined,\n    forceUpdate?: boolean\n  ): void;\n}\n\nexport type ReactiveChildBoundarySequenceEntry =\n  | { kind: 'static'; nodes: Node[] }\n  | { kind: 'dynamic'; scope: ChildScope; nodes: Node[] };\n\nexport function materializeReactiveChildBoundaryNodes(\n  value: unknown,\n  parentNamespace: string | undefined,\n  host: ReactiveChildDOMHost\n): Node[] {\n  const nodes: Node[] = [];\n  const dom = host.createDOMNode(value, parentNamespace);\n  if (!dom) {\n    return nodes;\n  }\n\n  if (dom instanceof DocumentFragment) {\n    for (let child = dom.firstChild; child; child = dom.firstChild) {\n      nodes.push(child);\n      dom.removeChild(child);\n    }\n    return nodes;\n  }\n\n  nodes.push(dom);\n  return nodes;\n}\n\nexport function createReactiveChildBoundaryHost(el: Element): Element {\n  const ownerDocument = el.ownerDocument;\n  const parentNamespace = getParentNamespace(el);\n  return parentNamespace === SVG_NAMESPACE\n    ? createElementForNamespace('g', parentNamespace, ownerDocument)\n    : createElementForNamespace('div', parentNamespace, ownerDocument);\n}\n\nexport function disposeReactiveChildBoundaryNodes(nodes: Node[]): void {\n  for (const node of nodes) {\n    if (node.parentNode) {\n      node.parentNode.removeChild(node);\n    }\n\n    teardownNodeSubtree(node);\n  }\n}\n\nexport function syncReactiveChildExpectedNodes(\n  el: Element,\n  expectedNodes: Node[]\n): void {\n  const expectedNodeSet = new Set(expectedNodes);\n\n  for (let node = el.firstChild; node; ) {\n    const next = node.nextSibling;\n    if (!expectedNodeSet.has(node)) {\n      teardownNodeSubtree(node);\n      el.removeChild(node);\n    }\n    node = next;\n  }\n\n  let anchor = el.firstChild;\n  for (const node of expectedNodes) {\n    if (node === anchor) {\n      anchor = anchor.nextSibling;\n      continue;\n    }\n\n    el.insertBefore(node, anchor);\n    anchor = node.nextSibling;\n  }\n}\n\nexport function commitReactiveChildBoundaryEntryNodes(\n  el: Element,\n  entry: { scope: ChildScope; nodes: Node[] },\n  host: ReactiveChildDOMHost\n): Node[] {\n  if (!entry.scope.needsDomUpdate) {\n    return entry.nodes;\n  }\n\n  if (\n    entry.scope.vnode === null ||\n    entry.scope.vnode === undefined ||\n    entry.scope.vnode === false\n  ) {\n    if (entry.nodes.length > 0) {\n      disposeReactiveChildBoundaryNodes(entry.nodes);\n      entry.nodes = [];\n    }\n\n    const dom = entry.scope.dom;\n    if (dom?.parentNode === el) {\n      teardownNodeSubtree(dom);\n      el.removeChild(dom);\n    }\n\n    entry.scope.dom = undefined;\n    entry.scope.needsDomUpdate = false;\n    return entry.nodes;\n  }\n\n  if (!isSingleRootReactiveChildBoundaryValue(entry.scope.vnode)) {\n    const nextChildren: VNode[] = [];\n    collectReactiveChildBoundaryVNodes(entry.scope.vnode, nextChildren);\n\n    const boundaryHost = createReactiveChildBoundaryHost(el);\n    for (const node of entry.nodes) {\n      boundaryHost.appendChild(node);\n    }\n\n    host.updateElementChildren(boundaryHost, nextChildren);\n\n    const nextNodes = Array.from(boundaryHost.childNodes);\n\n    entry.scope.dom = undefined;\n    entry.scope.needsDomUpdate = false;\n    entry.nodes = nextNodes;\n    return nextNodes;\n  }\n\n  if (entry.nodes.length > 1) {\n    disposeReactiveChildBoundaryNodes(entry.nodes);\n    entry.nodes = [];\n    entry.scope.dom = undefined;\n  }\n\n  const nextDom = syncControlBoundaryScopeDom(\n    el,\n    entry.scope,\n    entry.scope.vnode ?? null\n  );\n  if (!nextDom) {\n    entry.nodes = [];\n    entry.scope.needsDomUpdate = false;\n    return entry.nodes;\n  }\n\n  entry.nodes = [nextDom];\n  entry.scope.needsDomUpdate = false;\n  return entry.nodes;\n}\n\nexport function syncReactiveChildSequenceNodes(\n  el: Element,\n  entries: ReactiveChildBoundarySequenceEntry[],\n  host: ReactiveChildDOMHost\n): void {\n  const expectedNodes: Node[] = [];\n\n  for (const entry of entries) {\n    if (entry.kind === 'static') {\n      expectedNodes.push(...entry.nodes);\n      continue;\n    }\n\n    expectedNodes.push(\n      ...commitReactiveChildBoundaryEntryNodes(el, entry, host)\n    );\n  }\n\n  syncReactiveChildExpectedNodes(el, expectedNodes);\n}\n\nexport function syncReactiveScalarTextNodes(\n  el: Element,\n  slotValues: unknown[],\n  values: string[],\n  host: ReactiveChildDOMHost\n): void {\n  const childNodes = el.childNodes;\n  const canPatchInPlace = childNodes.length === values.length;\n\n  if (canPatchInPlace) {\n    let allText = true;\n    for (let index = 0; index < childNodes.length; index += 1) {\n      if (childNodes[index]?.nodeType !== Node.TEXT_NODE) {\n        allText = false;\n        break;\n      }\n    }\n\n    if (allText) {\n      for (let index = 0; index < values.length; index += 1) {\n        const textNode = childNodes[index] as Text;\n        if (textNode.data !== values[index]) {\n          textNode.data = values[index];\n        }\n      }\n      return;\n    }\n  }\n\n  const boundaryHost = createReactiveChildBoundaryHost(el);\n  for (let node = el.firstChild; node; ) {\n    const next = node.nextSibling;\n    boundaryHost.appendChild(node);\n    node = next;\n  }\n\n  host.updateElementChildren(boundaryHost, slotValues as VNode[]);\n  syncReactiveChildExpectedNodes(el, Array.from(boundaryHost.childNodes));\n}\n"],"mappings":"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"}

package/dist/renderer/reactive-child-sources.js

@@ -0,0 +1,184 @@
+import { _isDOMElement } from "../common/vnode.js";
+import "./types.js";
+import { isFragmentVNode, normalizeComponentChildren } from "./child-shape.js";
+//#region src/renderer/reactive-child-sources.ts
+function collectReactiveScalarSequenceValue(value, normalized) {
+	if (isFragmentVNode(value)) return collectReactiveScalarSequenceValue(value.props?.children ?? value.children, normalized);
+	if (Array.isArray(value)) {
+		for (const child of value) if (!collectReactiveScalarSequenceValue(child, normalized)) return false;
+		return true;
+	}
+	if (value === null || value === void 0 || value === false) return true;
+	if (typeof value === "string" || typeof value === "number") {
+		normalized.push(String(value));
+		return true;
+	}
+	return false;
+}
+function collectReactiveScalarChildSource(children, slots, state) {
+	if (isFragmentVNode(children)) return collectReactiveScalarChildSource(children.props?.children ?? children.children, slots, state);
+	if (Array.isArray(children)) {
+		for (const child of children) if (!collectReactiveScalarChildSource(child, slots, state)) return false;
+		return true;
+	}
+	if (children === null || children === void 0 || children === false) return true;
+	if (typeof children === "function") {
+		slots.push({
+			kind: "dynamic",
+			compute: children
+		});
+		state.hasDynamic = true;
+		return true;
+	}
+	if (typeof children === "string" || typeof children === "number") {
+		slots.push({
+			kind: "static",
+			value: String(children)
+		});
+		return true;
+	}
+	return false;
+}
+function getReactiveScalarChildSource(children) {
+	const slots = [];
+	const state = { hasDynamic: false };
+	if (!collectReactiveScalarChildSource(children, slots, state)) return null;
+	return state.hasDynamic ? slots : null;
+}
+function getSingleReactiveChildBoundarySource(children) {
+	if (isFragmentVNode(children)) return getSingleReactiveChildBoundarySource(children.props?.children ?? children.children);
+	if (Array.isArray(children)) {
+		if (children.length !== 1) return null;
+		return getSingleReactiveChildBoundarySource(children[0]);
+	}
+	if (typeof children === "function") return children;
+	return null;
+}
+function collectReactiveChildBoundarySequenceSource(children, slots, state) {
+	if (isFragmentVNode(children)) return collectReactiveChildBoundarySequenceSource(children.props?.children ?? children.children, slots, state);
+	if (Array.isArray(children)) {
+		for (const child of children) if (!collectReactiveChildBoundarySequenceSource(child, slots, state)) return false;
+		return true;
+	}
+	if (children === null || children === void 0 || children === false) return true;
+	if (typeof children === "function") {
+		slots.push({
+			kind: "dynamic",
+			compute: children
+		});
+		state.dynamicCount += 1;
+		return true;
+	}
+	if (typeof children === "string" || typeof children === "number") {
+		slots.push({
+			kind: "static-text",
+			value: String(children)
+		});
+		return true;
+	}
+	if (_isDOMElement(children)) {
+		slots.push({
+			kind: "static-node",
+			value: children
+		});
+		return true;
+	}
+	return false;
+}
+function getReactiveChildBoundarySequenceSource(children) {
+	const slots = [];
+	const state = { dynamicCount: 0 };
+	if (!collectReactiveChildBoundarySequenceSource(children, slots, state)) return null;
+	return state.dynamicCount >= 1 && slots.length > 1 ? slots : null;
+}
+function areReactiveChildBoundarySequenceSourcesEqual(previousSource, nextSource) {
+	if (!Array.isArray(previousSource) || previousSource.length !== nextSource.length) return false;
+	for (let index = 0; index < nextSource.length; index += 1) {
+		const previousSlot = previousSource[index];
+		const nextSlot = nextSource[index];
+		if (!previousSlot || previousSlot.kind !== nextSlot.kind) return false;
+		if (nextSlot.kind === "static-text") {
+			if (previousSlot.kind !== "static-text" || previousSlot.value !== nextSlot.value) return false;
+			continue;
+		}
+		if (nextSlot.kind === "static-node") {
+			if (previousSlot.kind !== "static-node" || previousSlot.value !== nextSlot.value) return false;
+			continue;
+		}
+		if (previousSlot.kind !== "dynamic" || previousSlot.compute !== nextSlot.compute) return false;
+	}
+	return true;
+}
+function canUpdateReactiveChildBoundarySequenceSource(previousSource, nextSource) {
+	if (!Array.isArray(previousSource) || previousSource.length !== nextSource.length) return false;
+	for (let index = 0; index < nextSource.length; index += 1) {
+		const previousSlot = previousSource[index];
+		const nextSlot = nextSource[index];
+		if (!previousSlot || previousSlot.kind !== nextSlot.kind) return false;
+		if (nextSlot.kind === "static-text") {
+			if (previousSlot.kind !== "static-text" || previousSlot.value !== nextSlot.value) return false;
+			continue;
+		}
+		if (nextSlot.kind === "static-node") {
+			if (previousSlot.kind !== "static-node" || previousSlot.value !== nextSlot.value) return false;
+		}
+	}
+	return true;
+}
+function areReactiveScalarChildSourcesEqual(previousSource, nextSource) {
+	if (!Array.isArray(previousSource) || previousSource.length !== nextSource.length) return false;
+	for (let index = 0; index < nextSource.length; index += 1) {
+		const previousSlot = previousSource[index];
+		const nextSlot = nextSource[index];
+		if (!previousSlot || previousSlot.kind !== nextSlot.kind) return false;
+		if (nextSlot.kind === "static") {
+			if (previousSlot.kind !== "static" || previousSlot.value !== nextSlot.value) return false;
+			continue;
+		}
+		if (previousSlot.kind !== "dynamic" || previousSlot.compute !== nextSlot.compute) return false;
+	}
+	return true;
+}
+function normalizeReactiveScalarSequenceValues(values) {
+	const normalized = [];
+	for (const value of values) if (!collectReactiveScalarSequenceValue(value, normalized)) return null;
+	return normalized;
+}
+function normalizeOwnedReactiveTextValue(value) {
+	if (typeof value === "string" || typeof value === "number") return String(value);
+	return null;
+}
+function collectReactiveChildValuesAsVNodes(values, children) {
+	for (const value of values) collectReactiveChildBoundaryVNodes(value, children);
+}
+function normalizeReactiveChildBoundaryVNode(value) {
+	if (!isFragmentVNode(value)) return value;
+	const children = normalizeComponentChildren(value);
+	if (children.length !== 1) return value;
+	return normalizeReactiveChildBoundaryVNode(children[0]);
+}
+function isSingleRootReactiveChildBoundaryValue(value) {
+	if (value === null || value === void 0 || value === false) return true;
+	if (Array.isArray(value)) return value.length === 1 && isSingleRootReactiveChildBoundaryValue(value[0]);
+	if (isFragmentVNode(value)) {
+		const children = normalizeComponentChildren(value);
+		return children.length === 1 && isSingleRootReactiveChildBoundaryValue(children[0]);
+	}
+	return true;
+}
+function collectReactiveChildBoundaryVNodes(value, children) {
+	if (value === null || value === void 0 || value === false) return;
+	if (Array.isArray(value)) {
+		for (const child of value) collectReactiveChildBoundaryVNodes(child, children);
+		return;
+	}
+	if (isFragmentVNode(value)) {
+		collectReactiveChildBoundaryVNodes(value.props?.children ?? value.children, children);
+		return;
+	}
+	children.push(value);
+}
+//#endregion
+export { areReactiveChildBoundarySequenceSourcesEqual, areReactiveScalarChildSourcesEqual, canUpdateReactiveChildBoundarySequenceSource, collectReactiveChildBoundaryVNodes, collectReactiveChildValuesAsVNodes, getReactiveChildBoundarySequenceSource, getReactiveScalarChildSource, getSingleReactiveChildBoundarySource, isSingleRootReactiveChildBoundaryValue, normalizeOwnedReactiveTextValue, normalizeReactiveChildBoundaryVNode, normalizeReactiveScalarSequenceValues };
+
+//# sourceMappingURL=reactive-child-sources.js.map

package/dist/renderer/reactive-child-sources.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactive-child-sources.js","names":[],"sources":["../../src/renderer/reactive-child-sources.ts"],"sourcesContent":["import { _isDOMElement, type VNode } from './types';\nimport { isFragmentVNode, normalizeComponentChildren } from './child-shape';\n\nexport type ReactiveScalarChildSourceSlot =\n  | { kind: 'static'; value: string }\n  | { kind: 'dynamic'; compute: () => unknown };\n\nexport type ReactiveScalarChildSource = ReactiveScalarChildSourceSlot[];\n\nexport type ReactiveChildBoundarySequenceSource = Array<\n  | { kind: 'static-text'; value: string }\n  | { kind: 'static-node'; value: VNode }\n  | { kind: 'dynamic'; compute: () => VNode }\n>;\n\nfunction collectReactiveScalarSequenceValue(\n  value: unknown,\n  normalized: string[]\n): boolean {\n  if (isFragmentVNode(value)) {\n    const fragmentChildren = value.props?.children ?? value.children;\n    return collectReactiveScalarSequenceValue(fragmentChildren, normalized);\n  }\n\n  if (Array.isArray(value)) {\n    for (const child of value) {\n      if (!collectReactiveScalarSequenceValue(child, normalized)) {\n        return false;\n      }\n    }\n    return true;\n  }\n\n  if (value === null || value === undefined || value === false) {\n    return true;\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    normalized.push(String(value));\n    return true;\n  }\n\n  return false;\n}\n\nfunction collectReactiveScalarChildSource(\n  children: unknown,\n  slots: ReactiveScalarChildSource,\n  state: { hasDynamic: boolean }\n): boolean {\n  if (isFragmentVNode(children)) {\n    const fragmentChildren = children.props?.children ?? children.children;\n    return collectReactiveScalarChildSource(fragmentChildren, slots, state);\n  }\n\n  if (Array.isArray(children)) {\n    for (const child of children) {\n      if (!collectReactiveScalarChildSource(child, slots, state)) {\n        return false;\n      }\n    }\n    return true;\n  }\n\n  if (children === null || children === undefined || children === false) {\n    return true;\n  }\n\n  if (typeof children === 'function') {\n    slots.push({ kind: 'dynamic', compute: children as () => unknown });\n    state.hasDynamic = true;\n    return true;\n  }\n\n  if (typeof children === 'string' || typeof children === 'number') {\n    slots.push({ kind: 'static', value: String(children) });\n    return true;\n  }\n\n  return false;\n}\n\nexport function getReactiveScalarChildSource(\n  children: unknown\n): ReactiveScalarChildSource | null {\n  const slots: ReactiveScalarChildSource = [];\n  const state = { hasDynamic: false };\n\n  if (!collectReactiveScalarChildSource(children, slots, state)) {\n    return null;\n  }\n\n  return state.hasDynamic ? slots : null;\n}\n\nexport function getSingleReactiveChildBoundarySource(\n  children: unknown\n): (() => VNode) | null {\n  if (isFragmentVNode(children)) {\n    const fragmentChildren = children.props?.children ?? children.children;\n    return getSingleReactiveChildBoundarySource(fragmentChildren);\n  }\n\n  if (Array.isArray(children)) {\n    if (children.length !== 1) {\n      return null;\n    }\n    return getSingleReactiveChildBoundarySource(children[0]);\n  }\n\n  if (typeof children === 'function') {\n    return children as () => VNode;\n  }\n\n  return null;\n}\n\nfunction collectReactiveChildBoundarySequenceSource(\n  children: unknown,\n  slots: ReactiveChildBoundarySequenceSource,\n  state: { dynamicCount: number }\n): boolean {\n  if (isFragmentVNode(children)) {\n    const fragmentChildren = children.props?.children ?? children.children;\n    return collectReactiveChildBoundarySequenceSource(\n      fragmentChildren,\n      slots,\n      state\n    );\n  }\n\n  if (Array.isArray(children)) {\n    for (const child of children) {\n      if (!collectReactiveChildBoundarySequenceSource(child, slots, state)) {\n        return false;\n      }\n    }\n    return true;\n  }\n\n  if (children === null || children === undefined || children === false) {\n    return true;\n  }\n\n  if (typeof children === 'function') {\n    slots.push({ kind: 'dynamic', compute: children as () => VNode });\n    state.dynamicCount += 1;\n    return true;\n  }\n\n  if (typeof children === 'string' || typeof children === 'number') {\n    slots.push({ kind: 'static-text', value: String(children) });\n    return true;\n  }\n\n  if (_isDOMElement(children)) {\n    slots.push({ kind: 'static-node', value: children as VNode });\n    return true;\n  }\n\n  return false;\n}\n\nexport function getReactiveChildBoundarySequenceSource(\n  children: unknown\n): ReactiveChildBoundarySequenceSource | null {\n  const slots: ReactiveChildBoundarySequenceSource = [];\n  const state = { dynamicCount: 0 };\n\n  if (!collectReactiveChildBoundarySequenceSource(children, slots, state)) {\n    return null;\n  }\n\n  return state.dynamicCount >= 1 && slots.length > 1 ? slots : null;\n}\n\nexport function areReactiveChildBoundarySequenceSourcesEqual(\n  previousSource: unknown,\n  nextSource: ReactiveChildBoundarySequenceSource\n): boolean {\n  if (\n    !Array.isArray(previousSource) ||\n    previousSource.length !== nextSource.length\n  ) {\n    return false;\n  }\n\n  for (let index = 0; index < nextSource.length; index += 1) {\n    const previousSlot = previousSource[index] as\n      | ReactiveChildBoundarySequenceSource[number]\n      | undefined;\n    const nextSlot = nextSource[index];\n\n    if (!previousSlot || previousSlot.kind !== nextSlot.kind) {\n      return false;\n    }\n\n    if (nextSlot.kind === 'static-text') {\n      if (\n        previousSlot.kind !== 'static-text' ||\n        previousSlot.value !== nextSlot.value\n      ) {\n        return false;\n      }\n      continue;\n    }\n\n    if (nextSlot.kind === 'static-node') {\n      if (\n        previousSlot.kind !== 'static-node' ||\n        previousSlot.value !== nextSlot.value\n      ) {\n        return false;\n      }\n      continue;\n    }\n\n    if (\n      previousSlot.kind !== 'dynamic' ||\n      previousSlot.compute !== nextSlot.compute\n    ) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nexport function canUpdateReactiveChildBoundarySequenceSource(\n  previousSource: unknown,\n  nextSource: ReactiveChildBoundarySequenceSource\n): boolean {\n  if (\n    !Array.isArray(previousSource) ||\n    previousSource.length !== nextSource.length\n  ) {\n    return false;\n  }\n\n  for (let index = 0; index < nextSource.length; index += 1) {\n    const previousSlot = previousSource[index] as\n      | ReactiveChildBoundarySequenceSource[number]\n      | undefined;\n    const nextSlot = nextSource[index];\n\n    if (!previousSlot || previousSlot.kind !== nextSlot.kind) {\n      return false;\n    }\n\n    if (nextSlot.kind === 'static-text') {\n      if (\n        previousSlot.kind !== 'static-text' ||\n        previousSlot.value !== nextSlot.value\n      ) {\n        return false;\n      }\n      continue;\n    }\n\n    if (nextSlot.kind === 'static-node') {\n      if (\n        previousSlot.kind !== 'static-node' ||\n        previousSlot.value !== nextSlot.value\n      ) {\n        return false;\n      }\n    }\n  }\n\n  return true;\n}\n\nexport function areReactiveScalarChildSourcesEqual(\n  previousSource: unknown,\n  nextSource: ReactiveScalarChildSource\n): boolean {\n  if (\n    !Array.isArray(previousSource) ||\n    previousSource.length !== nextSource.length\n  ) {\n    return false;\n  }\n\n  for (let index = 0; index < nextSource.length; index += 1) {\n    const previousSlot = previousSource[index] as\n      | ReactiveScalarChildSourceSlot\n      | undefined;\n    const nextSlot = nextSource[index];\n\n    if (!previousSlot || previousSlot.kind !== nextSlot.kind) {\n      return false;\n    }\n\n    if (nextSlot.kind === 'static') {\n      if (\n        previousSlot.kind !== 'static' ||\n        previousSlot.value !== nextSlot.value\n      ) {\n        return false;\n      }\n      continue;\n    }\n\n    if (\n      previousSlot.kind !== 'dynamic' ||\n      previousSlot.compute !== nextSlot.compute\n    ) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nexport function normalizeReactiveScalarSequenceValues(\n  values: unknown[]\n): string[] | null {\n  const normalized: string[] = [];\n\n  for (const value of values) {\n    if (!collectReactiveScalarSequenceValue(value, normalized)) {\n      return null;\n    }\n  }\n\n  return normalized;\n}\n\nexport function normalizeOwnedReactiveTextValue(value: unknown): string | null {\n  if (typeof value === 'string' || typeof value === 'number') {\n    return String(value);\n  }\n\n  return null;\n}\n\nexport function collectReactiveChildValuesAsVNodes(\n  values: unknown[],\n  children: VNode[]\n): void {\n  for (const value of values) {\n    collectReactiveChildBoundaryVNodes(value, children);\n  }\n}\n\nexport function normalizeReactiveChildBoundaryVNode(value: VNode): VNode {\n  if (!isFragmentVNode(value)) {\n    return value;\n  }\n\n  const children = normalizeComponentChildren(value);\n  if (children.length !== 1) {\n    return value;\n  }\n\n  return normalizeReactiveChildBoundaryVNode(children[0] as VNode);\n}\n\nexport function isSingleRootReactiveChildBoundaryValue(\n  value: unknown\n): boolean {\n  if (value === null || value === undefined || value === false) {\n    return true;\n  }\n\n  if (Array.isArray(value)) {\n    return (\n      value.length === 1 && isSingleRootReactiveChildBoundaryValue(value[0])\n    );\n  }\n\n  if (isFragmentVNode(value)) {\n    const children = normalizeComponentChildren(value);\n    return (\n      children.length === 1 &&\n      isSingleRootReactiveChildBoundaryValue(children[0])\n    );\n  }\n\n  return true;\n}\n\nexport function collectReactiveChildBoundaryVNodes(\n  value: unknown,\n  children: VNode[]\n): void {\n  if (value === null || value === undefined || value === false) {\n    return;\n  }\n\n  if (Array.isArray(value)) {\n    for (const child of value) {\n      collectReactiveChildBoundaryVNodes(child, children);\n    }\n    return;\n  }\n\n  if (isFragmentVNode(value)) {\n    const fragmentChildren = value.props?.children ?? value.children;\n    collectReactiveChildBoundaryVNodes(fragmentChildren, children);\n    return;\n  }\n\n  children.push(value as VNode);\n}\n"],"mappings":"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"}

package/dist/renderer/reactive-children.js

@@ -0,0 +1,294 @@
+import { getRuntimeEnv } from "../common/env.js";
+import { logger } from "../dev/logger.js";
+import { incDevCounter } from "../runtime/dev-namespace.js";
+import { getCurrentInstance } from "../runtime/component-scope.js";
+import "../runtime/component-contracts.js";
+import { REACTIVE_CHILDREN_KEY, elementReactivePropsCleanup, teardownNodeSubtree } from "./cleanup.js";
+import "./env.js";
+import { createChildScope, disposeChildScope, rerenderChildScope } from "../runtime/child-scope.js";
+import { getParentNamespace } from "./namespaces.js";
+import { createFineGrainedEffect } from "../runtime/effect.js";
+import { areReactiveChildBoundarySequenceSourcesEqual, areReactiveScalarChildSourcesEqual, canUpdateReactiveChildBoundarySequenceSource, collectReactiveChildValuesAsVNodes, getReactiveChildBoundarySequenceSource, getReactiveScalarChildSource, getSingleReactiveChildBoundarySource, normalizeOwnedReactiveTextValue, normalizeReactiveChildBoundaryVNode, normalizeReactiveScalarSequenceValues } from "./reactive-child-sources.js";
+import { commitReactiveChildBoundaryEntryNodes, createReactiveChildBoundaryHost, disposeReactiveChildBoundaryNodes, materializeReactiveChildBoundaryNodes, syncReactiveChildExpectedNodes, syncReactiveChildSequenceNodes, syncReactiveScalarTextNodes } from "./reactive-child-dom.js";
+//#region src/renderer/reactive-children.ts
+let reactiveChildScopeId = 0;
+function getOrCreateElementReactiveCleanupMap(el) {
+	let cleanupMap = elementReactivePropsCleanup.get(el);
+	if (!cleanupMap) {
+		cleanupMap = /* @__PURE__ */ new Map();
+		elementReactivePropsCleanup.set(el, cleanupMap);
+	}
+	return cleanupMap;
+}
+function trySyncScalarChildSequenceInPlace(el, children, host) {
+	const normalized = normalizeReactiveScalarSequenceValues(children);
+	if (!normalized) return false;
+	if (el.childNodes.length !== normalized.length) return false;
+	for (let index = 0; index < el.childNodes.length; index += 1) if (el.childNodes[index]?.nodeType !== Node.TEXT_NODE) return false;
+	syncReactiveScalarTextNodes(el, children, normalized, host);
+	return true;
+}
+function setupReactiveScalarChild(el, source, host) {
+	let currentSource = source;
+	if (source.length === 1 && source[0]?.kind === "dynamic") {
+		let ownedTextNode = el.childNodes.length === 1 && el.firstChild?.nodeType === Node.TEXT_NODE ? el.firstChild : null;
+		let effectHandle = createFineGrainedEffect({
+			lane: "reactive",
+			compute: () => {
+				const currentSlot = currentSource[0];
+				if (!currentSlot || currentSlot.kind !== "dynamic") throw new Error("[Askr] Direct reactive text bindings require a single dynamic slot.");
+				const rawValue = currentSlot.compute();
+				return normalizeOwnedReactiveTextValue(rawValue) ?? rawValue;
+			},
+			commit: (value) => {
+				const normalized = normalizeOwnedReactiveTextValue(value);
+				if (normalized === null) {
+					ownedTextNode = null;
+					host.updateElementChildren(el, value);
+					return;
+				}
+				if (!ownedTextNode || el.childNodes.length !== 1 || el.firstChild !== ownedTextNode) {
+					host.updateElementChildren(el, normalized);
+					ownedTextNode = el.childNodes.length === 1 && el.firstChild?.nodeType === Node.TEXT_NODE ? el.firstChild : null;
+				}
+				if (!ownedTextNode) return;
+				if (ownedTextNode.data !== normalized) {
+					ownedTextNode.data = normalized;
+					incDevCounter("textNodeWrites");
+				}
+			},
+			onError: (err) => {
+				if (getRuntimeEnv().NODE_ENV !== "production") logger.warn("[Askr] Reactive child update failed:", err);
+			}
+		});
+		return {
+			cleanup: () => {
+				effectHandle?.cleanup();
+				effectHandle = null;
+			},
+			updateFn: (nextSource) => {
+				if (!effectHandle) return;
+				currentSource = nextSource;
+				effectHandle.updateCompute(() => {
+					const currentSlot = currentSource[0];
+					if (!currentSlot || currentSlot.kind !== "dynamic") throw new Error("[Askr] Direct reactive text bindings require a single dynamic slot.");
+					const rawValue = currentSlot.compute();
+					return normalizeOwnedReactiveTextValue(rawValue) ?? rawValue;
+				});
+			}
+		};
+	}
+	let effectHandle = createFineGrainedEffect({
+		lane: "reactive",
+		compute: () => currentSource.map((slot) => slot.kind === "static" ? slot.value : slot.compute()),
+		commit: (values) => {
+			if (!Array.isArray(values)) throw new Error("[Askr] Reactive scalar children must evaluate to a slot array.");
+			const normalized = normalizeReactiveScalarSequenceValues(values);
+			if (normalized) {
+				syncReactiveScalarTextNodes(el, values, normalized, host);
+				return;
+			}
+			const nextChildren = [];
+			collectReactiveChildValuesAsVNodes(values, nextChildren);
+			const boundaryHost = createReactiveChildBoundaryHost(el);
+			for (let node = el.firstChild; node;) {
+				const next = node.nextSibling;
+				boundaryHost.appendChild(node);
+				node = next;
+			}
+			host.updateElementChildren(boundaryHost, nextChildren);
+			syncReactiveChildExpectedNodes(el, Array.from(boundaryHost.childNodes));
+		},
+		equals: (previousValue, nextValue) => {
+			if (!Array.isArray(previousValue) || !Array.isArray(nextValue)) return false;
+			const previousNormalized = normalizeReactiveScalarSequenceValues(previousValue);
+			const nextNormalized = normalizeReactiveScalarSequenceValues(nextValue);
+			if (!previousNormalized || !nextNormalized) return false;
+			if (previousNormalized.length !== nextNormalized.length) return false;
+			for (let index = 0; index < previousNormalized.length; index += 1) if (previousNormalized[index] !== nextNormalized[index]) return false;
+			return true;
+		},
+		onError: (err) => {
+			if (getRuntimeEnv().NODE_ENV !== "production") logger.warn("[Askr] Reactive child update failed:", err);
+		}
+	});
+	return {
+		cleanup: () => {
+			effectHandle?.cleanup();
+			effectHandle = null;
+		},
+		updateFn: (nextSource) => {
+			if (!effectHandle) return;
+			currentSource = nextSource;
+			effectHandle.updateCompute(() => currentSource.map((slot) => slot.kind === "static" ? slot.value : slot.compute()));
+		}
+	};
+}
+function setupReactiveChildBoundary(el, childFn, host) {
+	let currentChildFn = childFn;
+	const entry = {
+		scope: createChildScope(getCurrentInstance(), `__reactive-child__:${reactiveChildScopeId += 1}`, () => {
+			syncReactiveChildExpectedNodes(el, commitReactiveChildBoundaryEntryNodes(el, entry, host));
+		}),
+		nodes: []
+	};
+	entry.scope.render(() => normalizeReactiveChildBoundaryVNode(currentChildFn()));
+	syncReactiveChildExpectedNodes(el, commitReactiveChildBoundaryEntryNodes(el, entry, host));
+	return {
+		cleanup: () => {
+			const dom = entry.scope.dom;
+			const nodes = entry.nodes;
+			disposeChildScope(entry.scope);
+			entry.nodes = [];
+			if (nodes.length > 0) {
+				disposeReactiveChildBoundaryNodes(nodes);
+				return;
+			}
+			if (dom?.parentNode === el) {
+				teardownNodeSubtree(dom);
+				el.removeChild(dom);
+			}
+		},
+		updateFn: (nextValue) => {
+			currentChildFn = nextValue;
+			rerenderChildScope(entry.scope);
+			syncReactiveChildExpectedNodes(el, commitReactiveChildBoundaryEntryNodes(el, entry, host));
+		}
+	};
+}
+function setupReactiveChildBoundarySequence(el, source, host) {
+	let currentSource = source;
+	const parentInstance = getCurrentInstance();
+	const entries = [];
+	const dynamicEntries = [];
+	if (!currentSource.some((slot) => slot.kind === "dynamic")) throw new Error("[Askr] Reactive child boundary sequence requires at least one dynamic slot.");
+	const syncSequence = () => {
+		syncReactiveChildSequenceNodes(el, entries, host);
+	};
+	const parentNamespace = getParentNamespace(el);
+	for (let index = 0; index < currentSource.length; index += 1) {
+		const slot = currentSource[index];
+		if (!slot) continue;
+		if (slot.kind === "static-text") {
+			entries.push({
+				kind: "static",
+				nodes: [document.createTextNode(slot.value)]
+			});
+			continue;
+		}
+		if (slot.kind === "static-node") {
+			entries.push({
+				kind: "static",
+				nodes: materializeReactiveChildBoundaryNodes(slot.value, parentNamespace, host)
+			});
+			continue;
+		}
+		const dynamicEntry = {
+			kind: "dynamic",
+			scope: createChildScope(parentInstance, `__reactive-child-seq__:${reactiveChildScopeId += 1}`, syncSequence),
+			nodes: []
+		};
+		entries.push(dynamicEntry);
+		dynamicEntries.push({
+			index,
+			entry: dynamicEntry
+		});
+	}
+	for (const dynamicEntry of dynamicEntries) dynamicEntry.entry.scope.render(() => normalizeReactiveChildBoundaryVNode(currentSource[dynamicEntry.index].compute()));
+	syncSequence();
+	return {
+		cleanup: () => {
+			for (const dynamicEntry of dynamicEntries) {
+				const dom = dynamicEntry.entry.scope.dom;
+				const nodes = dynamicEntry.entry.nodes;
+				disposeChildScope(dynamicEntry.entry.scope);
+				if (nodes.length > 0) {
+					disposeReactiveChildBoundaryNodes(nodes);
+					continue;
+				}
+				if (dom?.parentNode === el) {
+					teardownNodeSubtree(dom);
+					el.removeChild(dom);
+				}
+			}
+			for (const entry of entries) if (entry.kind === "static") disposeReactiveChildBoundaryNodes(entry.nodes);
+		},
+		updateFn: (nextValue) => {
+			currentSource = nextValue;
+			for (const dynamicEntry of dynamicEntries) rerenderChildScope(dynamicEntry.entry.scope);
+			syncSequence();
+		}
+	};
+}
+function syncReactiveScalarChild(el, children, host) {
+	const reactiveChildSource = getReactiveScalarChildSource(children);
+	const reactiveChildBoundary = getSingleReactiveChildBoundarySource(children);
+	const reactiveChildBoundarySequence = getReactiveChildBoundarySequenceSource(children);
+	const existingReactiveEntry = elementReactivePropsCleanup.get(el)?.get(REACTIVE_CHILDREN_KEY);
+	if (!reactiveChildSource && !reactiveChildBoundary && !reactiveChildBoundarySequence) {
+		if (existingReactiveEntry) {
+			existingReactiveEntry.cleanup();
+			const cleanupMap = elementReactivePropsCleanup.get(el);
+			cleanupMap?.delete(REACTIVE_CHILDREN_KEY);
+			if (cleanupMap && cleanupMap.size === 0) elementReactivePropsCleanup.delete(el);
+		}
+		return false;
+	}
+	if (reactiveChildSource && !reactiveChildBoundarySequence) {
+		if (existingReactiveEntry && Array.isArray(existingReactiveEntry.fnRef) && areReactiveScalarChildSourcesEqual(existingReactiveEntry.fnRef, reactiveChildSource)) return true;
+		if (existingReactiveEntry?.updateFn && Array.isArray(existingReactiveEntry.fnRef)) {
+			existingReactiveEntry.updateFn(reactiveChildSource);
+			existingReactiveEntry.fnRef = reactiveChildSource;
+			return true;
+		}
+		existingReactiveEntry?.cleanup();
+		try {
+			const reactive = setupReactiveScalarChild(el, reactiveChildSource, host);
+			getOrCreateElementReactiveCleanupMap(el).set(REACTIVE_CHILDREN_KEY, {
+				cleanup: reactive.cleanup,
+				updateFn: (nextValue) => {
+					reactive.updateFn(nextValue);
+				},
+				fnRef: reactiveChildSource
+			});
+			return true;
+		} catch (error) {
+			if (!reactiveChildBoundary && !reactiveChildBoundarySequence) throw error;
+		}
+	}
+	if (reactiveChildBoundarySequence) {
+		if (existingReactiveEntry && Array.isArray(existingReactiveEntry.fnRef) && areReactiveChildBoundarySequenceSourcesEqual(existingReactiveEntry.fnRef, reactiveChildBoundarySequence)) return true;
+		if (existingReactiveEntry?.updateFn && Array.isArray(existingReactiveEntry.fnRef) && canUpdateReactiveChildBoundarySequenceSource(existingReactiveEntry.fnRef, reactiveChildBoundarySequence)) {
+			existingReactiveEntry.updateFn(reactiveChildBoundarySequence);
+			existingReactiveEntry.fnRef = reactiveChildBoundarySequence;
+			return true;
+		}
+		existingReactiveEntry?.cleanup();
+		const reactive = setupReactiveChildBoundarySequence(el, reactiveChildBoundarySequence, host);
+		getOrCreateElementReactiveCleanupMap(el).set(REACTIVE_CHILDREN_KEY, {
+			cleanup: reactive.cleanup,
+			updateFn: reactive.updateFn,
+			fnRef: reactiveChildBoundarySequence
+		});
+		return true;
+	}
+	if (existingReactiveEntry?.fnRef === reactiveChildBoundary) return true;
+	if (existingReactiveEntry?.updateFn && !Array.isArray(existingReactiveEntry.fnRef)) {
+		existingReactiveEntry.updateFn(reactiveChildBoundary);
+		existingReactiveEntry.fnRef = reactiveChildBoundary;
+		return true;
+	}
+	existingReactiveEntry?.cleanup();
+	if (!reactiveChildBoundary) return false;
+	const reactive = setupReactiveChildBoundary(el, reactiveChildBoundary, host);
+	getOrCreateElementReactiveCleanupMap(el).set(REACTIVE_CHILDREN_KEY, {
+		cleanup: reactive.cleanup,
+		updateFn: reactive.updateFn,
+		fnRef: reactiveChildBoundary
+	});
+	return true;
+}
+//#endregion
+export { syncReactiveScalarChild, trySyncScalarChildSequenceInPlace };
+
+//# sourceMappingURL=reactive-children.js.map

package/dist/renderer/reactive-children.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactive-children.js","names":[],"sources":["../../src/renderer/reactive-children.ts"],"sourcesContent":["import { logger } from '../dev/logger';\nimport {\n  createChildScope,\n  disposeChildScope,\n  rerenderChildScope,\n  type ChildScope,\n} from '../runtime/child-scope';\nimport { getCurrentInstance } from '../runtime/component-contracts';\nimport { incDevCounter } from '../runtime/dev-namespace';\nimport {\n  createFineGrainedEffect,\n  type FineGrainedEffectHandle,\n} from '../runtime/effect';\nimport {\n  elementReactivePropsCleanup,\n  REACTIVE_CHILDREN_KEY,\n  teardownNodeSubtree,\n  type ReactivePropCleanupEntry,\n} from './cleanup';\nimport { getRuntimeEnv } from './env';\nimport { getParentNamespace } from './namespaces';\nimport type { VNode } from './types';\nimport {\n  commitReactiveChildBoundaryEntryNodes,\n  createReactiveChildBoundaryHost,\n  disposeReactiveChildBoundaryNodes,\n  materializeReactiveChildBoundaryNodes,\n  syncReactiveChildExpectedNodes,\n  syncReactiveChildSequenceNodes,\n  syncReactiveScalarTextNodes,\n  type ReactiveChildBoundarySequenceEntry,\n  type ReactiveChildDOMHost,\n} from './reactive-child-dom';\nimport {\n  areReactiveChildBoundarySequenceSourcesEqual,\n  areReactiveScalarChildSourcesEqual,\n  canUpdateReactiveChildBoundarySequenceSource,\n  collectReactiveChildValuesAsVNodes,\n  getReactiveChildBoundarySequenceSource,\n  getReactiveScalarChildSource,\n  getSingleReactiveChildBoundarySource,\n  normalizeOwnedReactiveTextValue,\n  normalizeReactiveChildBoundaryVNode,\n  normalizeReactiveScalarSequenceValues,\n  type ReactiveChildBoundarySequenceSource,\n  type ReactiveScalarChildSource,\n} from './reactive-child-sources';\n\nexport type { ReactiveChildDOMHost } from './reactive-child-dom';\n\nlet reactiveChildScopeId = 0;\n\nfunction getOrCreateElementReactiveCleanupMap(\n  el: Element\n): Map<string, ReactivePropCleanupEntry> {\n  let cleanupMap = elementReactivePropsCleanup.get(el);\n  if (!cleanupMap) {\n    cleanupMap = new Map();\n    elementReactivePropsCleanup.set(el, cleanupMap);\n  }\n\n  return cleanupMap;\n}\n\nexport function trySyncScalarChildSequenceInPlace(\n  el: Element,\n  children: unknown[],\n  host: ReactiveChildDOMHost\n): boolean {\n  const normalized = normalizeReactiveScalarSequenceValues(children);\n  if (!normalized) {\n    return false;\n  }\n\n  if (el.childNodes.length !== normalized.length) {\n    return false;\n  }\n\n  for (let index = 0; index < el.childNodes.length; index += 1) {\n    if (el.childNodes[index]?.nodeType !== Node.TEXT_NODE) {\n      return false;\n    }\n  }\n\n  syncReactiveScalarTextNodes(el, children, normalized, host);\n  return true;\n}\n\nfunction setupReactiveScalarChild(\n  el: Element,\n  source: ReactiveScalarChildSource,\n  host: ReactiveChildDOMHost\n): {\n  cleanup: () => void;\n  updateFn: (nextSource: ReactiveScalarChildSource) => void;\n} {\n  let currentSource = source;\n\n  if (source.length === 1 && source[0]?.kind === 'dynamic') {\n    let ownedTextNode =\n      el.childNodes.length === 1 && el.firstChild?.nodeType === Node.TEXT_NODE\n        ? (el.firstChild as Text)\n        : null;\n\n    let effectHandle: FineGrainedEffectHandle<string> | null =\n      createFineGrainedEffect({\n        lane: 'reactive',\n        compute: () => {\n          const currentSlot = currentSource[0];\n          if (!currentSlot || currentSlot.kind !== 'dynamic') {\n            throw new Error(\n              '[Askr] Direct reactive text bindings require a single dynamic slot.'\n            );\n          }\n\n          const rawValue = currentSlot.compute();\n          const normalized = normalizeOwnedReactiveTextValue(rawValue);\n          return normalized ?? (rawValue as string);\n        },\n        commit: (value) => {\n          const normalized = normalizeOwnedReactiveTextValue(value);\n\n          if (normalized === null) {\n            ownedTextNode = null;\n            host.updateElementChildren(\n              el,\n              value as unknown as VNode | VNode[] | undefined\n            );\n            return;\n          }\n\n          if (\n            !ownedTextNode ||\n            el.childNodes.length !== 1 ||\n            el.firstChild !== ownedTextNode\n          ) {\n            host.updateElementChildren(el, normalized);\n            ownedTextNode =\n              el.childNodes.length === 1 &&\n              el.firstChild?.nodeType === Node.TEXT_NODE\n                ? (el.firstChild as Text)\n                : null;\n          }\n\n          if (!ownedTextNode) {\n            return;\n          }\n\n          if (ownedTextNode.data !== normalized) {\n            ownedTextNode.data = normalized;\n            incDevCounter('textNodeWrites');\n          }\n        },\n        onError: (err) => {\n          if (getRuntimeEnv().NODE_ENV !== 'production') {\n            logger.warn('[Askr] Reactive child update failed:', err);\n          }\n        },\n      });\n\n    return {\n      cleanup: () => {\n        effectHandle?.cleanup();\n        effectHandle = null;\n      },\n      updateFn: (nextSource: ReactiveScalarChildSource) => {\n        if (!effectHandle) {\n          return;\n        }\n\n        currentSource = nextSource;\n        effectHandle.updateCompute(() => {\n          const currentSlot = currentSource[0];\n          if (!currentSlot || currentSlot.kind !== 'dynamic') {\n            throw new Error(\n              '[Askr] Direct reactive text bindings require a single dynamic slot.'\n            );\n          }\n\n          const rawValue = currentSlot.compute();\n          const normalized = normalizeOwnedReactiveTextValue(rawValue);\n          return normalized ?? (rawValue as string);\n        });\n      },\n    };\n  }\n\n  let effectHandle: FineGrainedEffectHandle<unknown> | null =\n    createFineGrainedEffect({\n      lane: 'reactive',\n      compute: () =>\n        currentSource.map((slot) =>\n          slot.kind === 'static' ? slot.value : slot.compute()\n        ),\n      commit: (values) => {\n        if (!Array.isArray(values)) {\n          throw new Error(\n            '[Askr] Reactive scalar children must evaluate to a slot array.'\n          );\n        }\n\n        const normalized = normalizeReactiveScalarSequenceValues(values);\n        if (normalized) {\n          syncReactiveScalarTextNodes(el, values, normalized, host);\n          return;\n        }\n\n        const nextChildren: VNode[] = [];\n        collectReactiveChildValuesAsVNodes(values, nextChildren);\n\n        const boundaryHost = createReactiveChildBoundaryHost(el);\n        for (let node = el.firstChild; node; ) {\n          const next = node.nextSibling;\n          boundaryHost.appendChild(node);\n          node = next;\n        }\n\n        host.updateElementChildren(boundaryHost, nextChildren);\n        syncReactiveChildExpectedNodes(el, Array.from(boundaryHost.childNodes));\n      },\n      equals: (previousValue, nextValue) => {\n        if (!Array.isArray(previousValue) || !Array.isArray(nextValue)) {\n          return false;\n        }\n\n        const previousNormalized =\n          normalizeReactiveScalarSequenceValues(previousValue);\n        const nextNormalized = normalizeReactiveScalarSequenceValues(nextValue);\n\n        if (!previousNormalized || !nextNormalized) {\n          return false;\n        }\n\n        if (previousNormalized.length !== nextNormalized.length) {\n          return false;\n        }\n\n        for (let index = 0; index < previousNormalized.length; index += 1) {\n          if (previousNormalized[index] !== nextNormalized[index]) {\n            return false;\n          }\n        }\n\n        return true;\n      },\n      onError: (err) => {\n        if (getRuntimeEnv().NODE_ENV !== 'production') {\n          logger.warn('[Askr] Reactive child update failed:', err);\n        }\n      },\n    });\n\n  return {\n    cleanup: () => {\n      effectHandle?.cleanup();\n      effectHandle = null;\n    },\n    updateFn: (nextSource: ReactiveScalarChildSource) => {\n      if (!effectHandle) {\n        return;\n      }\n\n      currentSource = nextSource;\n      effectHandle.updateCompute(() =>\n        currentSource.map((slot) =>\n          slot.kind === 'static' ? slot.value : slot.compute()\n        )\n      );\n    },\n  };\n}\n\nfunction setupReactiveChildBoundary(\n  el: Element,\n  childFn: () => VNode,\n  host: ReactiveChildDOMHost\n): { cleanup: () => void; updateFn: (nextValue: unknown) => void } {\n  let currentChildFn = childFn;\n  const parentInstance = getCurrentInstance();\n  const entry: { scope: ChildScope; nodes: Node[] } = {\n    scope: createChildScope(\n      parentInstance,\n      `__reactive-child__:${(reactiveChildScopeId += 1)}`,\n      () => {\n        const expectedNodes = commitReactiveChildBoundaryEntryNodes(\n          el,\n          entry,\n          host\n        );\n        syncReactiveChildExpectedNodes(el, expectedNodes);\n      }\n    ),\n    nodes: [],\n  };\n\n  entry.scope.render(() =>\n    normalizeReactiveChildBoundaryVNode(currentChildFn())\n  );\n  syncReactiveChildExpectedNodes(\n    el,\n    commitReactiveChildBoundaryEntryNodes(el, entry, host)\n  );\n\n  return {\n    cleanup: () => {\n      const dom = entry.scope.dom;\n      const nodes = entry.nodes;\n      disposeChildScope(entry.scope);\n      entry.nodes = [];\n\n      if (nodes.length > 0) {\n        disposeReactiveChildBoundaryNodes(nodes);\n        return;\n      }\n\n      if (dom?.parentNode === el) {\n        teardownNodeSubtree(dom);\n        el.removeChild(dom);\n      }\n    },\n    updateFn: (nextValue: unknown) => {\n      currentChildFn = nextValue as () => VNode;\n      rerenderChildScope(entry.scope);\n      const expectedNodes = commitReactiveChildBoundaryEntryNodes(\n        el,\n        entry,\n        host\n      );\n      syncReactiveChildExpectedNodes(el, expectedNodes);\n    },\n  };\n}\n\nfunction setupReactiveChildBoundarySequence(\n  el: Element,\n  source: ReactiveChildBoundarySequenceSource,\n  host: ReactiveChildDOMHost\n): { cleanup: () => void; updateFn: (nextValue: unknown) => void } {\n  let currentSource = source;\n  const parentInstance = getCurrentInstance();\n  const entries: ReactiveChildBoundarySequenceEntry[] = [];\n  const dynamicEntries: Array<{\n    index: number;\n    entry: Extract<ReactiveChildBoundarySequenceEntry, { kind: 'dynamic' }>;\n  }> = [];\n\n  if (!currentSource.some((slot) => slot.kind === 'dynamic')) {\n    throw new Error(\n      '[Askr] Reactive child boundary sequence requires at least one dynamic slot.'\n    );\n  }\n\n  const syncSequence = () => {\n    syncReactiveChildSequenceNodes(el, entries, host);\n  };\n\n  const parentNamespace = getParentNamespace(el);\n\n  for (let index = 0; index < currentSource.length; index += 1) {\n    const slot = currentSource[index];\n    if (!slot) {\n      continue;\n    }\n\n    if (slot.kind === 'static-text') {\n      entries.push({\n        kind: 'static',\n        nodes: [document.createTextNode(slot.value)],\n      });\n      continue;\n    }\n\n    if (slot.kind === 'static-node') {\n      entries.push({\n        kind: 'static',\n        nodes: materializeReactiveChildBoundaryNodes(\n          slot.value,\n          parentNamespace,\n          host\n        ),\n      });\n      continue;\n    }\n\n    const scope = createChildScope(\n      parentInstance,\n      `__reactive-child-seq__:${(reactiveChildScopeId += 1)}`,\n      syncSequence\n    );\n\n    const dynamicEntry: Extract<\n      ReactiveChildBoundarySequenceEntry,\n      { kind: 'dynamic' }\n    > = {\n      kind: 'dynamic',\n      scope,\n      nodes: [],\n    };\n    entries.push(dynamicEntry);\n    dynamicEntries.push({ index, entry: dynamicEntry });\n  }\n\n  for (const dynamicEntry of dynamicEntries) {\n    dynamicEntry.entry.scope.render(() =>\n      normalizeReactiveChildBoundaryVNode(\n        (\n          currentSource[dynamicEntry.index] as {\n            kind: 'dynamic';\n            compute: () => VNode;\n          }\n        ).compute()\n      )\n    );\n  }\n\n  syncSequence();\n\n  return {\n    cleanup: () => {\n      for (const dynamicEntry of dynamicEntries) {\n        const dom = dynamicEntry.entry.scope.dom;\n        const nodes = dynamicEntry.entry.nodes;\n        disposeChildScope(dynamicEntry.entry.scope);\n\n        if (nodes.length > 0) {\n          disposeReactiveChildBoundaryNodes(nodes);\n          continue;\n        }\n\n        if (dom?.parentNode === el) {\n          teardownNodeSubtree(dom);\n          el.removeChild(dom);\n        }\n      }\n\n      for (const entry of entries) {\n        if (entry.kind === 'static') {\n          disposeReactiveChildBoundaryNodes(entry.nodes);\n        }\n      }\n    },\n    updateFn: (nextValue: unknown) => {\n      currentSource = nextValue as ReactiveChildBoundarySequenceSource;\n      for (const dynamicEntry of dynamicEntries) {\n        rerenderChildScope(dynamicEntry.entry.scope);\n      }\n      syncSequence();\n    },\n  };\n}\n\nexport function syncReactiveScalarChild(\n  el: Element,\n  children: unknown,\n  host: ReactiveChildDOMHost\n): boolean {\n  const reactiveChildSource = getReactiveScalarChildSource(children);\n  const reactiveChildBoundary = getSingleReactiveChildBoundarySource(children);\n  const reactiveChildBoundarySequence =\n    getReactiveChildBoundarySequenceSource(children);\n  const existingReactiveEntry = elementReactivePropsCleanup\n    .get(el)\n    ?.get(REACTIVE_CHILDREN_KEY);\n\n  if (\n    !reactiveChildSource &&\n    !reactiveChildBoundary &&\n    !reactiveChildBoundarySequence\n  ) {\n    if (existingReactiveEntry) {\n      existingReactiveEntry.cleanup();\n      const cleanupMap = elementReactivePropsCleanup.get(el);\n      cleanupMap?.delete(REACTIVE_CHILDREN_KEY);\n      if (cleanupMap && cleanupMap.size === 0) {\n        elementReactivePropsCleanup.delete(el);\n      }\n    }\n\n    return false;\n  }\n\n  if (reactiveChildSource && !reactiveChildBoundarySequence) {\n    if (\n      existingReactiveEntry &&\n      Array.isArray(existingReactiveEntry.fnRef) &&\n      areReactiveScalarChildSourcesEqual(\n        existingReactiveEntry.fnRef,\n        reactiveChildSource\n      )\n    ) {\n      return true;\n    }\n\n    if (\n      existingReactiveEntry?.updateFn &&\n      Array.isArray(existingReactiveEntry.fnRef)\n    ) {\n      existingReactiveEntry.updateFn(reactiveChildSource);\n      existingReactiveEntry.fnRef = reactiveChildSource;\n      return true;\n    }\n\n    existingReactiveEntry?.cleanup();\n\n    try {\n      const reactive = setupReactiveScalarChild(el, reactiveChildSource, host);\n      getOrCreateElementReactiveCleanupMap(el).set(REACTIVE_CHILDREN_KEY, {\n        cleanup: reactive.cleanup,\n        updateFn: (nextValue) => {\n          reactive.updateFn(nextValue as ReactiveScalarChildSource);\n        },\n        fnRef: reactiveChildSource,\n      });\n      return true;\n    } catch (error) {\n      if (!reactiveChildBoundary && !reactiveChildBoundarySequence) {\n        throw error;\n      }\n    }\n  }\n\n  if (reactiveChildBoundarySequence) {\n    if (\n      existingReactiveEntry &&\n      Array.isArray(existingReactiveEntry.fnRef) &&\n      areReactiveChildBoundarySequenceSourcesEqual(\n        existingReactiveEntry.fnRef,\n        reactiveChildBoundarySequence\n      )\n    ) {\n      return true;\n    }\n\n    if (\n      existingReactiveEntry?.updateFn &&\n      Array.isArray(existingReactiveEntry.fnRef) &&\n      canUpdateReactiveChildBoundarySequenceSource(\n        existingReactiveEntry.fnRef,\n        reactiveChildBoundarySequence\n      )\n    ) {\n      existingReactiveEntry.updateFn(reactiveChildBoundarySequence);\n      existingReactiveEntry.fnRef = reactiveChildBoundarySequence;\n      return true;\n    }\n\n    existingReactiveEntry?.cleanup();\n\n    const reactive = setupReactiveChildBoundarySequence(\n      el,\n      reactiveChildBoundarySequence,\n      host\n    );\n    getOrCreateElementReactiveCleanupMap(el).set(REACTIVE_CHILDREN_KEY, {\n      cleanup: reactive.cleanup,\n      updateFn: reactive.updateFn,\n      fnRef: reactiveChildBoundarySequence,\n    });\n    return true;\n  }\n\n  if (existingReactiveEntry?.fnRef === reactiveChildBoundary) {\n    return true;\n  }\n\n  if (\n    existingReactiveEntry?.updateFn &&\n    !Array.isArray(existingReactiveEntry.fnRef)\n  ) {\n    existingReactiveEntry.updateFn(reactiveChildBoundary);\n    existingReactiveEntry.fnRef = reactiveChildBoundary;\n    return true;\n  }\n\n  existingReactiveEntry?.cleanup();\n\n  if (!reactiveChildBoundary) {\n    return false;\n  }\n\n  const reactive = setupReactiveChildBoundary(el, reactiveChildBoundary, host);\n  getOrCreateElementReactiveCleanupMap(el).set(REACTIVE_CHILDREN_KEY, {\n    cleanup: reactive.cleanup,\n    updateFn: reactive.updateFn,\n    fnRef: reactiveChildBoundary,\n  });\n  return true;\n}\n"],"mappings":"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"}

package/dist/renderer/reconcile-commit.js

@@ -0,0 +1,38 @@
+import { teardownNodeSubtree } from "./cleanup.js";
+import { recordDOMReplace } from "./utils.js";
+//#region src/renderer/reconcile-commit.ts
+function commitReconciliation(parent, finalNodes) {
+	try {
+		const finalSet = new Set(finalNodes);
+		for (let n = parent.firstChild; n;) {
+			const next = n.nextSibling;
+			if (!finalSet.has(n)) {
+				teardownNodeSubtree(n);
+				parent.removeChild(n);
+			}
+			n = next;
+		}
+		for (let i = 0; i < finalNodes.length; i++) {
+			const desiredNode = finalNodes[i];
+			const anchor = parent.childNodes[i] ?? null;
+			if (desiredNode !== anchor) parent.insertBefore(desiredNode, anchor);
+		}
+	} catch {
+		const fragment = document.createDocumentFragment();
+		for (let i = 0; i < finalNodes.length; i++) fragment.appendChild(finalNodes[i]);
+		try {
+			for (let n = parent.firstChild; n;) {
+				const next = n.nextSibling;
+				teardownNodeSubtree(n);
+				n = next;
+			}
+		} catch {}
+		recordDOMReplace("reconcile");
+		parent.replaceChildren(fragment);
+		return;
+	}
+}
+//#endregion
+export { commitReconciliation };
+
+//# sourceMappingURL=reconcile-commit.js.map

package/dist/renderer/reconcile-commit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reconcile-commit.js","names":[],"sources":["../../src/renderer/reconcile-commit.ts"],"sourcesContent":["import { teardownNodeSubtree } from './cleanup';\nimport { recordDOMReplace } from './utils';\n\nexport function commitReconciliation(\n  parent: Element,\n  finalNodes: Node[]\n): void {\n  try {\n    const finalSet = new Set<Node>(finalNodes);\n\n    for (let n = parent.firstChild; n; ) {\n      const next = n.nextSibling;\n      if (!finalSet.has(n)) {\n        teardownNodeSubtree(n);\n        parent.removeChild(n);\n      }\n      n = next;\n    }\n\n    for (let i = 0; i < finalNodes.length; i++) {\n      const desiredNode = finalNodes[i];\n      const anchor = parent.childNodes[i] ?? null;\n      if (desiredNode !== anchor) {\n        parent.insertBefore(desiredNode, anchor);\n      }\n    }\n  } catch {\n    const fragment = document.createDocumentFragment();\n    for (let i = 0; i < finalNodes.length; i++) {\n      fragment.appendChild(finalNodes[i]);\n    }\n\n    try {\n      for (let n = parent.firstChild; n; ) {\n        const next = n.nextSibling;\n        teardownNodeSubtree(n);\n        n = next;\n      }\n    } catch {\n      // Ignore fallback cleanup failures.\n    }\n\n    recordDOMReplace('reconcile');\n    parent.replaceChildren(fragment);\n    return;\n  }\n}\n"],"mappings":";;;AAGA,SAAgB,qBACd,QACA,YACM;CACN,IAAI;EACF,MAAM,WAAW,IAAI,IAAU,UAAU;EAEzC,KAAK,IAAI,IAAI,OAAO,YAAY,IAAK;GACnC,MAAM,OAAO,EAAE;GACf,IAAI,CAAC,SAAS,IAAI,CAAC,GAAG;IACpB,oBAAoB,CAAC;IACrB,OAAO,YAAY,CAAC;GACtB;GACA,IAAI;EACN;EAEA,KAAK,IAAI,IAAI,GAAG,IAAI,WAAW,QAAQ,KAAK;GAC1C,MAAM,cAAc,WAAW;GAC/B,MAAM,SAAS,OAAO,WAAW,MAAM;GACvC,IAAI,gBAAgB,QAClB,OAAO,aAAa,aAAa,MAAM;EAE3C;CACF,QAAQ;EACN,MAAM,WAAW,SAAS,uBAAuB;EACjD,KAAK,IAAI,IAAI,GAAG,IAAI,WAAW,QAAQ,KACrC,SAAS,YAAY,WAAW,EAAE;EAGpC,IAAI;GACF,KAAK,IAAI,IAAI,OAAO,YAAY,IAAK;IACnC,MAAM,OAAO,EAAE;IACf,oBAAoB,CAAC;IACrB,IAAI;GACN;EACF,QAAQ,CAER;EAEA,iBAAiB,WAAW;EAC5B,OAAO,gBAAgB,QAAQ;EAC/B;CACF;AACF"}