@askrjs/askr 0.0.48 → 0.0.49

package/dist/renderer/element-children.js

@@ -0,0 +1,279 @@
+import { _isDOMElement } from "../common/vnode.js";
+import "./types.js";
+import { teardownNodeSubtree } from "./cleanup.js";
+import { extractKey } from "./utils.js";
+import { keyedElements } from "./keyed.js";
+import { getParentNamespace } from "./namespaces.js";
+import { clearControlBoundaryCommitOwner, commitForBoundaryChildren, evaluateControlBoundaryState, getControlBoundaryState, getDirectControlBoundaryVNode, registerControlBoundaryCommitOwner, trySyncControlBoundaryChild } from "./boundaries.js";
+import { isBulkTextFastPathEligible, performBulkTextReplace } from "./children.js";
+import { isFragmentVNode, normalizeComponentChildren } from "./child-shape.js";
+import { getRendererDOMHost } from "./dom-host.js";
+import { trySyncScalarChildSequenceInPlace } from "./reactive-children.js";
+import { reconcileKeyedChildren } from "./reconcile.js";
+import { tagsEqualIgnoreCase } from "./static-reuse.js";
+//#region src/renderer/element-children.ts
+const rendererReactiveChildDOMHost = {
+	createDOMNode: (node, parentNamespace) => getRendererDOMHost().createDOMNode(node, parentNamespace),
+	updateElementChildren: (el, children, forceUpdate) => updateElementChildren(el, children, forceUpdate)
+};
+function updateElementChildren(el, children, forceUpdate = false) {
+	const directControlBoundary = getDirectControlBoundaryVNode(children);
+	if (directControlBoundary) {
+		const controlState = getControlBoundaryState(directControlBoundary);
+		if (!controlState) throw new Error("[updateElementChildren] Control boundary missing internal state");
+		registerControlBoundaryCommitOwner(el, controlState);
+		commitForBoundaryChildren(el, controlState, evaluateControlBoundaryState(controlState));
+		return;
+	}
+	clearControlBoundaryCommitOwner(el);
+	if (children === null || children === void 0) {
+		for (let n = el.firstChild; n;) {
+			const next = n.nextSibling;
+			teardownNodeSubtree(n);
+			n = next;
+		}
+		el.textContent = "";
+		return;
+	}
+	if (!Array.isArray(children) && isFragmentVNode(children)) {
+		updateUnkeyedChildren(el, normalizeComponentChildren(children), forceUpdate);
+		return;
+	}
+	if (!Array.isArray(children) && (typeof children === "string" || typeof children === "number")) {
+		if (el.childNodes.length === 1 && el.firstChild?.nodeType === 3) {
+			const s = String(children);
+			const t = el.firstChild;
+			if (t.data !== s) t.data = s;
+		} else {
+			for (let n = el.firstChild; n;) {
+				const next = n.nextSibling;
+				teardownNodeSubtree(n);
+				n = next;
+			}
+			el.textContent = String(children);
+		}
+		return;
+	}
+	if (Array.isArray(children)) {
+		const normalizedChildren = normalizeComponentChildren(children);
+		if (trySyncScalarChildSequenceInPlace(el, normalizedChildren, rendererReactiveChildDOMHost)) {
+			keyedElements.delete(el);
+			return;
+		}
+		if (hasKeyedVNodeChildren(normalizedChildren)) {
+			const newKeyMap = reconcileKeyedChildren(el, normalizedChildren, getOrBuildDomKeyMap(el));
+			keyedElements.set(el, newKeyMap);
+			return;
+		}
+		if (isBulkTextFastPathEligible(el, normalizedChildren)) {
+			performBulkTextReplace(el, normalizedChildren);
+			keyedElements.delete(el);
+			return;
+		}
+		updateUnkeyedChildren(el, normalizedChildren, forceUpdate);
+		return;
+	}
+	if (_isDOMElement(children)) {
+		updateUnkeyedChildren(el, [children], forceUpdate);
+		return;
+	}
+	for (let n = el.firstChild; n;) {
+		const next = n.nextSibling;
+		teardownNodeSubtree(n);
+		n = next;
+	}
+	el.textContent = "";
+	const dom = getRendererDOMHost().createDOMNode(children);
+	if (dom) el.appendChild(dom);
+}
+function hasKeyedVNodeChildren(children) {
+	for (let i = 0; i < children.length; i++) if (extractKey(children[i]) !== void 0) return true;
+	return false;
+}
+function isEmptyChild(child) {
+	return child === null || child === void 0 || child === false;
+}
+function getOrBuildDomKeyMap(parent) {
+	let keyMap = keyedElements.get(parent);
+	if (!keyMap) {
+		keyMap = /* @__PURE__ */ new Map();
+		for (let child = parent.firstElementChild; child; child = child.nextElementSibling) {
+			const key = child.getAttribute("data-key");
+			if (key !== null) {
+				keyMap.set(key, child);
+				const numericKey = Number(key);
+				if (!Number.isNaN(numericKey)) keyMap.set(numericKey, child);
+			}
+		}
+		if (keyMap.size > 0) keyedElements.set(parent, keyMap);
+	}
+	return keyMap.size > 0 ? keyMap : void 0;
+}
+function updateUnkeyedChildren(parent, newChildren, forceUpdate = false) {
+	const parentNamespace = getParentNamespace(parent);
+	const domHost = getRendererDOMHost();
+	const trySyncComponentChild = (currentDom, next) => {
+		if (typeof next.type !== "function") return null;
+		return domHost.syncComponentElement(currentDom, next, next.type, (next.props ?? {}) || {}, parentNamespace, forceUpdate);
+	};
+	const hasText = newChildren.some((c) => typeof c === "string" || typeof c === "number");
+	const hasElements = newChildren.some((c) => _isDOMElement(c));
+	const hasEmptyChildren = newChildren.some(isEmptyChild);
+	const hasComponentChildren = newChildren.some((c) => _isDOMElement(c) && typeof c.type === "function");
+	const hasNonElementDomChildren = parent.childNodes.length !== parent.children.length;
+	if (!hasEmptyChildren && !hasText && !hasComponentChildren && !hasNonElementDomChildren && hasElements && parent.children.length === newChildren.length) {
+		const c = parent.children;
+		for (let i = 0; i < newChildren.length; i++) {
+			const next = newChildren[i];
+			const current = c[i];
+			if (!current || next === void 0) continue;
+			if (_isDOMElement(next) && typeof next.type === "string") if (tagsEqualIgnoreCase(current.tagName, next.type)) domHost.updateElementFromVnode(current, next, true, forceUpdate);
+			else {
+				const dom = domHost.createDOMNode(next, parentNamespace);
+				if (dom) {
+					teardownNodeSubtree(current);
+					parent.replaceChild(dom, current);
+				}
+			}
+			else if (_isDOMElement(next)) {
+				if (trySyncControlBoundaryChild(parent, current, next)) continue;
+				const synced = trySyncComponentChild(current, next);
+				if (synced && synced !== current) teardownNodeSubtree(current);
+				else if (!synced) {
+					const dom = domHost.createDOMNode(next, parentNamespace);
+					if (dom) {
+						teardownNodeSubtree(current);
+						parent.replaceChild(dom, current);
+					}
+				}
+			} else {
+				const dom = domHost.createDOMNode(next, parentNamespace);
+				if (dom) {
+					teardownNodeSubtree(current);
+					parent.replaceChild(dom, current);
+				}
+			}
+		}
+		return;
+	}
+	const existing = Array.from(parent.children);
+	if (hasText || hasComponentChildren || hasEmptyChildren || hasNonElementDomChildren) {
+		const allNodes = Array.from(parent.childNodes);
+		const max = Math.max(allNodes.length, newChildren.length);
+		for (let i = 0; i < max; i++) {
+			const currentNode = allNodes[i];
+			const next = newChildren[i];
+			const nextIsEmpty = isEmptyChild(next);
+			if (nextIsEmpty && currentNode) {
+				teardownNodeSubtree(currentNode);
+				currentNode.remove();
+				continue;
+			}
+			if (!currentNode && !nextIsEmpty) {
+				const dom = domHost.createDOMNode(next, parentNamespace);
+				if (dom) parent.appendChild(dom);
+				continue;
+			}
+			if (!currentNode || nextIsEmpty) continue;
+			if (typeof next === "string" || typeof next === "number") if (currentNode.nodeType === 3) currentNode.data = String(next);
+			else {
+				const textNode = document.createTextNode(String(next));
+				parent.replaceChild(textNode, currentNode);
+			}
+			else if (_isDOMElement(next)) if (currentNode.nodeType === 1) {
+				const currentEl = currentNode;
+				if (typeof next.type === "string") if (tagsEqualIgnoreCase(currentEl.tagName, next.type)) domHost.updateElementFromVnode(currentEl, next, true, forceUpdate);
+				else {
+					const dom = domHost.createDOMNode(next, parentNamespace);
+					if (dom) {
+						teardownNodeSubtree(currentEl);
+						parent.replaceChild(dom, currentNode);
+					}
+				}
+				else {
+					if (trySyncControlBoundaryChild(parent, currentNode, next)) continue;
+					const synced = trySyncComponentChild(currentEl, next);
+					if (synced && synced !== currentNode) teardownNodeSubtree(currentEl);
+					else if (!synced) {
+						const dom = domHost.createDOMNode(next, parentNamespace);
+						if (dom) {
+							teardownNodeSubtree(currentEl);
+							parent.replaceChild(dom, currentNode);
+						}
+					}
+				}
+			} else {
+				const dom = domHost.createDOMNode(next, parentNamespace);
+				if (dom) parent.replaceChild(dom, currentNode);
+			}
+		}
+		return;
+	}
+	if (newChildren.length === 1 && existing.length === 0 && parent.childNodes.length === 1) {
+		const firstNewChild = newChildren[0];
+		const firstExisting = parent.firstChild;
+		if ((typeof firstNewChild === "string" || typeof firstNewChild === "number") && firstExisting?.nodeType === 3) {
+			firstExisting.data = String(firstNewChild);
+			return;
+		}
+	}
+	if (existing.length === 0 && parent.childNodes.length > 0) {
+		for (let n = parent.firstChild; n;) {
+			const next = n.nextSibling;
+			teardownNodeSubtree(n);
+			n = next;
+		}
+		parent.textContent = "";
+	}
+	const max = Math.max(existing.length, newChildren.length);
+	for (let i = 0; i < max; i++) {
+		const current = existing[i];
+		const next = newChildren[i];
+		const nextIsEmpty = isEmptyChild(next);
+		if (nextIsEmpty && current) {
+			teardownNodeSubtree(current);
+			current.remove();
+			continue;
+		}
+		if (!current && !nextIsEmpty) {
+			const dom = domHost.createDOMNode(next, parentNamespace);
+			if (dom) parent.appendChild(dom);
+			continue;
+		}
+		if (!current || nextIsEmpty) continue;
+		if (typeof next === "string" || typeof next === "number") {
+			const textNode = document.createTextNode(String(next));
+			teardownNodeSubtree(current);
+			parent.replaceChild(textNode, current);
+		} else if (_isDOMElement(next)) if (typeof next.type === "string") if (tagsEqualIgnoreCase(current.tagName, next.type)) domHost.updateElementFromVnode(current, next, true, forceUpdate);
+		else {
+			const dom = domHost.createDOMNode(next, parentNamespace);
+			if (dom) {
+				teardownNodeSubtree(current);
+				parent.replaceChild(dom, current);
+			}
+		}
+		else {
+			const synced = trySyncComponentChild(current, next);
+			if (synced && synced !== current) teardownNodeSubtree(current);
+			else if (!synced) {
+				const dom = domHost.createDOMNode(next, parentNamespace);
+				if (dom) {
+					teardownNodeSubtree(current);
+					parent.replaceChild(dom, current);
+				}
+			}
+		}
+		else {
+			const dom = domHost.createDOMNode(next);
+			if (dom) {
+				teardownNodeSubtree(current);
+				parent.replaceChild(dom, current);
+			}
+		}
+	}
+}
+//#endregion
+export { rendererReactiveChildDOMHost, updateElementChildren, updateUnkeyedChildren };
+
+//# sourceMappingURL=element-children.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"element-children.js","names":[],"sources":["../../src/renderer/element-children.ts"],"sourcesContent":["import type { ComponentFunction } from '../runtime/component-contracts';\nimport { clearControlBoundaryCommitOwner } from './boundaries';\nimport {\n  commitForBoundaryChildren,\n  evaluateControlBoundaryState,\n  getControlBoundaryState,\n  getDirectControlBoundaryVNode,\n  registerControlBoundaryCommitOwner,\n  trySyncControlBoundaryChild,\n} from './boundaries';\nimport { isBulkTextFastPathEligible, performBulkTextReplace } from './children';\nimport { isFragmentVNode, normalizeComponentChildren } from './child-shape';\nimport { teardownNodeSubtree } from './cleanup';\nimport { getRendererDOMHost, type ElementWithContext } from './dom-host';\nimport { keyedElements } from './keyed';\nimport { getParentNamespace } from './namespaces';\nimport {\n  trySyncScalarChildSequenceInPlace,\n  type ReactiveChildDOMHost,\n} from './reactive-children';\nimport { reconcileKeyedChildren } from './reconcile';\nimport { tagsEqualIgnoreCase } from './static-reuse';\nimport { _isDOMElement, type DOMElement, type VNode } from './types';\nimport { extractKey } from './utils';\n\nexport const rendererReactiveChildDOMHost: ReactiveChildDOMHost = {\n  createDOMNode: (node, parentNamespace) =>\n    getRendererDOMHost().createDOMNode(node, parentNamespace),\n  updateElementChildren: (el, children, forceUpdate) =>\n    updateElementChildren(el, children, forceUpdate),\n};\n\nexport function updateElementChildren(\n  el: Element,\n  children: VNode | VNode[] | undefined,\n  forceUpdate = false\n): void {\n  const directControlBoundary = getDirectControlBoundaryVNode(children);\n  if (directControlBoundary) {\n    const controlState = getControlBoundaryState(directControlBoundary);\n    if (!controlState) {\n      throw new Error(\n        '[updateElementChildren] Control boundary missing internal state'\n      );\n    }\n\n    registerControlBoundaryCommitOwner(el, controlState);\n    const childrenVNodes = evaluateControlBoundaryState(controlState);\n    commitForBoundaryChildren(el, controlState, childrenVNodes as VNode[]);\n    return;\n  }\n\n  clearControlBoundaryCommitOwner(el);\n\n  if (children === null || children === undefined) {\n    for (let n = el.firstChild; n; ) {\n      const next = n.nextSibling;\n      teardownNodeSubtree(n);\n      n = next;\n    }\n    el.textContent = '';\n    return;\n  }\n\n  if (!Array.isArray(children) && isFragmentVNode(children)) {\n    updateUnkeyedChildren(\n      el,\n      normalizeComponentChildren(children),\n      forceUpdate\n    );\n    return;\n  }\n\n  if (\n    !Array.isArray(children) &&\n    (typeof children === 'string' || typeof children === 'number')\n  ) {\n    if (el.childNodes.length === 1 && el.firstChild?.nodeType === 3) {\n      const s = String(children);\n      const t = el.firstChild as Text;\n      if (t.data !== s) t.data = s;\n    } else {\n      for (let n = el.firstChild; n; ) {\n        const next = n.nextSibling;\n        teardownNodeSubtree(n);\n        n = next;\n      }\n      el.textContent = String(children);\n    }\n    return;\n  }\n\n  if (Array.isArray(children)) {\n    const normalizedChildren = normalizeComponentChildren(children) as VNode[];\n\n    if (\n      trySyncScalarChildSequenceInPlace(\n        el,\n        normalizedChildren,\n        rendererReactiveChildDOMHost\n      )\n    ) {\n      keyedElements.delete(el);\n      return;\n    }\n\n    if (hasKeyedVNodeChildren(normalizedChildren)) {\n      const oldKeyMap = getOrBuildDomKeyMap(el);\n      const newKeyMap = reconcileKeyedChildren(\n        el,\n        normalizedChildren,\n        oldKeyMap\n      );\n      keyedElements.set(el, newKeyMap);\n      return;\n    }\n    if (isBulkTextFastPathEligible(el, normalizedChildren)) {\n      performBulkTextReplace(el, normalizedChildren);\n      keyedElements.delete(el);\n      return;\n    }\n    updateUnkeyedChildren(el, normalizedChildren, forceUpdate);\n    return;\n  }\n\n  if (_isDOMElement(children)) {\n    updateUnkeyedChildren(el, [children], forceUpdate);\n    return;\n  }\n\n  for (let n = el.firstChild; n; ) {\n    const next = n.nextSibling;\n    teardownNodeSubtree(n);\n    n = next;\n  }\n  el.textContent = '';\n  const dom = getRendererDOMHost().createDOMNode(children);\n  if (dom) el.appendChild(dom);\n}\n\nfunction hasKeyedVNodeChildren(children: VNode[]): boolean {\n  for (let i = 0; i < children.length; i++) {\n    if (extractKey(children[i]) !== undefined) return true;\n  }\n  return false;\n}\n\nfunction isEmptyChild(child: unknown): boolean {\n  return child === null || child === undefined || child === false;\n}\n\nfunction getOrBuildDomKeyMap(\n  parent: Element\n): Map<string | number, Element> | undefined {\n  let keyMap = keyedElements.get(parent);\n  if (!keyMap) {\n    keyMap = new Map<string | number, Element>();\n    for (\n      let child = parent.firstElementChild;\n      child;\n      child = child.nextElementSibling\n    ) {\n      const key = child.getAttribute('data-key');\n      if (key !== null) {\n        keyMap.set(key, child);\n        const numericKey = Number(key);\n        if (!Number.isNaN(numericKey)) keyMap.set(numericKey, child);\n      }\n    }\n    if (keyMap.size > 0) keyedElements.set(parent, keyMap);\n  }\n  return keyMap.size > 0 ? keyMap : undefined;\n}\n\nexport function updateUnkeyedChildren(\n  parent: Element,\n  newChildren: unknown[],\n  forceUpdate = false\n): void {\n  const parentNamespace = getParentNamespace(parent);\n  const domHost = getRendererDOMHost();\n\n  const trySyncComponentChild = (\n    currentDom: Element,\n    next: DOMElement\n  ): Node | null => {\n    if (typeof next.type !== 'function') {\n      return null;\n    }\n\n    return domHost.syncComponentElement(\n      currentDom,\n      next as ElementWithContext,\n      next.type as ComponentFunction,\n      (((next as DOMElement).props ?? {}) as Record<string, unknown>) || {},\n      parentNamespace,\n      forceUpdate\n    );\n  };\n\n  const hasText = newChildren.some(\n    (c) => typeof c === 'string' || typeof c === 'number'\n  );\n  const hasElements = newChildren.some((c) => _isDOMElement(c));\n  const hasEmptyChildren = newChildren.some(isEmptyChild);\n  const hasComponentChildren = newChildren.some(\n    (c) => _isDOMElement(c) && typeof (c as DOMElement).type === 'function'\n  );\n  const hasNonElementDomChildren =\n    parent.childNodes.length !== parent.children.length;\n\n  if (\n    !hasEmptyChildren &&\n    !hasText &&\n    !hasComponentChildren &&\n    !hasNonElementDomChildren &&\n    hasElements &&\n    parent.children.length === newChildren.length\n  ) {\n    const c = parent.children;\n    for (let i = 0; i < newChildren.length; i++) {\n      const next = newChildren[i];\n      const current = c[i];\n      if (!current || next === undefined) continue;\n      if (_isDOMElement(next) && typeof next.type === 'string') {\n        if (tagsEqualIgnoreCase(current.tagName, next.type)) {\n          domHost.updateElementFromVnode(current, next, true, forceUpdate);\n        } else {\n          const dom = domHost.createDOMNode(next, parentNamespace);\n          if (dom) {\n            teardownNodeSubtree(current);\n            parent.replaceChild(dom, current);\n          }\n        }\n      } else if (_isDOMElement(next)) {\n        if (trySyncControlBoundaryChild(parent, current, next)) {\n          continue;\n        }\n\n        const synced = trySyncComponentChild(current, next);\n        if (synced && synced !== current) {\n          teardownNodeSubtree(current);\n        } else if (!synced) {\n          const dom = domHost.createDOMNode(next, parentNamespace);\n          if (dom) {\n            teardownNodeSubtree(current);\n            parent.replaceChild(dom, current);\n          }\n        }\n      } else {\n        const dom = domHost.createDOMNode(next, parentNamespace);\n        if (dom) {\n          teardownNodeSubtree(current);\n          parent.replaceChild(dom, current);\n        }\n      }\n    }\n    return;\n  }\n\n  const existing = Array.from(parent.children);\n\n  if (\n    hasText ||\n    hasComponentChildren ||\n    hasEmptyChildren ||\n    hasNonElementDomChildren\n  ) {\n    const allNodes = Array.from(parent.childNodes);\n    const max = Math.max(allNodes.length, newChildren.length);\n\n    for (let i = 0; i < max; i++) {\n      const currentNode = allNodes[i];\n      const next = newChildren[i];\n      const nextIsEmpty = isEmptyChild(next);\n\n      if (nextIsEmpty && currentNode) {\n        teardownNodeSubtree(currentNode);\n        currentNode.remove();\n        continue;\n      }\n\n      if (!currentNode && !nextIsEmpty) {\n        const dom = domHost.createDOMNode(next, parentNamespace);\n        if (dom) parent.appendChild(dom);\n        continue;\n      }\n\n      if (!currentNode || nextIsEmpty) continue;\n\n      if (typeof next === 'string' || typeof next === 'number') {\n        if (currentNode.nodeType === 3) {\n          (currentNode as Text).data = String(next);\n        } else {\n          const textNode = document.createTextNode(String(next));\n          parent.replaceChild(textNode, currentNode);\n        }\n      } else if (_isDOMElement(next)) {\n        if (currentNode.nodeType === 1) {\n          const currentEl = currentNode as Element;\n          if (typeof next.type === 'string') {\n            if (tagsEqualIgnoreCase(currentEl.tagName, next.type)) {\n              domHost.updateElementFromVnode(\n                currentEl,\n                next,\n                true,\n                forceUpdate\n              );\n            } else {\n              const dom = domHost.createDOMNode(next, parentNamespace);\n              if (dom) {\n                teardownNodeSubtree(currentEl);\n                parent.replaceChild(dom, currentNode);\n              }\n            }\n          } else {\n            if (trySyncControlBoundaryChild(parent, currentNode, next)) {\n              continue;\n            }\n\n            const synced = trySyncComponentChild(currentEl, next);\n            if (synced && synced !== currentNode) {\n              teardownNodeSubtree(currentEl);\n            } else if (!synced) {\n              const dom = domHost.createDOMNode(next, parentNamespace);\n              if (dom) {\n                teardownNodeSubtree(currentEl);\n                parent.replaceChild(dom, currentNode);\n              }\n            }\n          }\n        } else {\n          const dom = domHost.createDOMNode(next, parentNamespace);\n          if (dom) parent.replaceChild(dom, currentNode);\n        }\n      }\n    }\n    return;\n  }\n\n  if (\n    newChildren.length === 1 &&\n    existing.length === 0 &&\n    parent.childNodes.length === 1\n  ) {\n    const firstNewChild = newChildren[0];\n    const firstExisting = parent.firstChild;\n    if (\n      (typeof firstNewChild === 'string' ||\n        typeof firstNewChild === 'number') &&\n      firstExisting?.nodeType === 3\n    ) {\n      (firstExisting as Text).data = String(firstNewChild);\n      return;\n    }\n  }\n\n  if (existing.length === 0 && parent.childNodes.length > 0) {\n    for (let n = parent.firstChild; n; ) {\n      const next = n.nextSibling;\n      teardownNodeSubtree(n);\n      n = next;\n    }\n    parent.textContent = '';\n  }\n  const max = Math.max(existing.length, newChildren.length);\n\n  for (let i = 0; i < max; i++) {\n    const current = existing[i];\n    const next = newChildren[i];\n    const nextIsEmpty = isEmptyChild(next);\n\n    if (nextIsEmpty && current) {\n      teardownNodeSubtree(current);\n      current.remove();\n      continue;\n    }\n\n    if (!current && !nextIsEmpty) {\n      const dom = domHost.createDOMNode(next, parentNamespace);\n      if (dom) parent.appendChild(dom);\n      continue;\n    }\n\n    if (!current || nextIsEmpty) continue;\n\n    if (typeof next === 'string' || typeof next === 'number') {\n      const textNode = document.createTextNode(String(next));\n      teardownNodeSubtree(current);\n      parent.replaceChild(textNode, current);\n    } else if (_isDOMElement(next)) {\n      if (typeof next.type === 'string') {\n        if (tagsEqualIgnoreCase(current.tagName, next.type)) {\n          domHost.updateElementFromVnode(current, next, true, forceUpdate);\n        } else {\n          const dom = domHost.createDOMNode(next, parentNamespace);\n          if (dom) {\n            teardownNodeSubtree(current);\n            parent.replaceChild(dom, current);\n          }\n        }\n      } else {\n        const synced = trySyncComponentChild(current, next);\n        if (synced && synced !== current) {\n          teardownNodeSubtree(current);\n        } else if (!synced) {\n          const dom = domHost.createDOMNode(next, parentNamespace);\n          if (dom) {\n            teardownNodeSubtree(current);\n            parent.replaceChild(dom, current);\n          }\n        }\n      }\n    } else {\n      const dom = domHost.createDOMNode(next);\n      if (dom) {\n        teardownNodeSubtree(current);\n        parent.replaceChild(dom, current);\n      }\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/renderer/env.js

@@ -1 +1,2 @@
-import "../common/env.js";
+import { getRuntimeEnv } from "../common/env.js";
+export { getRuntimeEnv };

package/dist/renderer/error-boundary-dom.js

@@ -0,0 +1,29 @@
+import { logger } from "../dev/logger.js";
+import { getRendererDOMHost } from "./dom-host.js";
+import { createBoundaryReset, reportBoundaryError, resolveErrorBoundaryFallback } from "../components/error-boundary.js";
+//#region src/renderer/error-boundary-dom.ts
+function createErrorBoundaryElement(node, props, parentNamespace) {
+	const boundaryState = node.__instance?.errorBoundaryState ?? null;
+	const reset = node.__instance ? createBoundaryReset(node.__instance) : () => {};
+	const fallback = props.fallback;
+	const children = props.children;
+	const domHost = getRendererDOMHost();
+	if (boundaryState?.error != null) {
+		const fallbackValue = resolveErrorBoundaryFallback(fallback, boundaryState.error, reset);
+		if (fallbackValue instanceof Node) return fallbackValue;
+		return domHost.createDOMNode(fallbackValue, parentNamespace) ?? document.createComment("");
+	}
+	try {
+		return domHost.createDOMNode(children, parentNamespace) ?? document.createComment("");
+	} catch (error) {
+		if (node.__instance) reportBoundaryError(node.__instance, error, props.onError);
+		else logger.error("[Askr] ErrorBoundary caught render error:", error);
+		const fallbackValue = resolveErrorBoundaryFallback(fallback, error, reset);
+		if (fallbackValue instanceof Node) return fallbackValue;
+		return domHost.createDOMNode(fallbackValue, parentNamespace) ?? document.createComment("");
+	}
+}
+//#endregion
+export { createErrorBoundaryElement };
+
+//# sourceMappingURL=error-boundary-dom.js.map

package/dist/renderer/error-boundary-dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary-dom.js","names":[],"sources":["../../src/renderer/error-boundary-dom.ts"],"sourcesContent":["import { logger } from '../dev/logger';\nimport {\n  createBoundaryReset,\n  reportBoundaryError,\n  resolveErrorBoundaryFallback,\n  type ErrorBoundaryProps,\n} from '../components/error-boundary';\nimport type { ComponentInstance } from '../runtime/component-contracts';\nimport { getRendererDOMHost } from './dom-host';\nimport type { DOMElement } from './types';\n\nexport type ErrorBoundaryVNode = DOMElement & {\n  __instance?: ComponentInstance;\n};\n\nexport function createErrorBoundaryElement(\n  node: ErrorBoundaryVNode,\n  props: Record<string, unknown>,\n  parentNamespace?: string\n): Node {\n  const boundaryState = node.__instance?.errorBoundaryState ?? null;\n  const reset = node.__instance\n    ? createBoundaryReset(node.__instance)\n    : () => {};\n  const fallback = props.fallback as ErrorBoundaryProps['fallback'];\n  const children = props.children as ErrorBoundaryProps['children'];\n  const domHost = getRendererDOMHost();\n\n  if (boundaryState?.error != null) {\n    const fallbackValue = resolveErrorBoundaryFallback(\n      fallback,\n      boundaryState.error,\n      reset\n    );\n    if (fallbackValue instanceof Node) {\n      return fallbackValue;\n    }\n    const fallbackDom = domHost.createDOMNode(fallbackValue, parentNamespace);\n    return fallbackDom ?? document.createComment('');\n  }\n\n  try {\n    const dom = domHost.createDOMNode(children, parentNamespace);\n    return dom ?? document.createComment('');\n  } catch (error) {\n    if (node.__instance) {\n      reportBoundaryError(\n        node.__instance,\n        error,\n        props.onError as ((next: unknown) => void) | undefined\n      );\n    } else {\n      logger.error('[Askr] ErrorBoundary caught render error:', error);\n    }\n\n    const fallbackValue = resolveErrorBoundaryFallback(fallback, error, reset);\n    if (fallbackValue instanceof Node) {\n      return fallbackValue;\n    }\n    const fallbackDom = domHost.createDOMNode(fallbackValue, parentNamespace);\n    return fallbackDom ?? document.createComment('');\n  }\n}\n"],"mappings":";;;;AAeA,SAAgB,2BACd,MACA,OACA,iBACM;CACN,MAAM,gBAAgB,KAAK,YAAY,sBAAsB;CAC7D,MAAM,QAAQ,KAAK,aACf,oBAAoB,KAAK,UAAU,UAC7B,CAAC;CACX,MAAM,WAAW,MAAM;CACvB,MAAM,WAAW,MAAM;CACvB,MAAM,UAAU,mBAAmB;CAEnC,IAAI,eAAe,SAAS,MAAM;EAChC,MAAM,gBAAgB,6BACpB,UACA,cAAc,OACd,KACF;EACA,IAAI,yBAAyB,MAC3B,OAAO;EAGT,OADoB,QAAQ,cAAc,eAAe,eAClD,KAAe,SAAS,cAAc,EAAE;CACjD;CAEA,IAAI;EAEF,OADY,QAAQ,cAAc,UAAU,eACrC,KAAO,SAAS,cAAc,EAAE;CACzC,SAAS,OAAO;EACd,IAAI,KAAK,YACP,oBACE,KAAK,YACL,OACA,MAAM,OACR;OAEA,OAAO,MAAM,6CAA6C,KAAK;EAGjE,MAAM,gBAAgB,6BAA6B,UAAU,OAAO,KAAK;EACzE,IAAI,yBAAyB,MAC3B,OAAO;EAGT,OADoB,QAAQ,cAAc,eAAe,eAClD,KAAe,SAAS,cAAc,EAAE;CACjD;AACF"}

package/dist/renderer/evaluate-dom-range.js

@@ -0,0 +1,85 @@
+import { _isDOMElement } from "../common/vnode.js";
+import "./types.js";
+import { teardownNodeSubtree } from "./cleanup.js";
+import { getRendererDOMHost } from "./dom-host.js";
+import { smartUpdateElement, tagNamesEqualIgnoreCase } from "./evaluate-reconcile.js";
+//#region src/renderer/evaluate-dom-range.ts
+const domRanges = /* @__PURE__ */ new WeakMap();
+function hasDOMRange(context) {
+	return domRanges.has(context);
+}
+function createDOMRange(target, context, node) {
+	const start = document.createComment("component-start");
+	const end = document.createComment("component-end");
+	target.appendChild(start);
+	target.appendChild(end);
+	domRanges.set(context, {
+		start,
+		end
+	});
+	const dom = getRendererDOMHost().createDOMNode(node);
+	if (dom) target.insertBefore(dom, end);
+}
+function cleanupRangeNode(node) {
+	teardownNodeSubtree(node);
+}
+function updateDOMRangeForContext(target, context, children) {
+	const range = domRanges.get(context);
+	if (!range) return;
+	let current = range.start.nextSibling;
+	const domHost = getRendererDOMHost();
+	for (let i = 0; i < children.length; i++) {
+		const nextChild = children[i];
+		const currentNode = current === range.end ? null : current;
+		const nextCurrent = currentNode?.nextSibling ?? null;
+		if (nextChild === null || nextChild === void 0 || nextChild === false) {
+			if (currentNode) {
+				cleanupRangeNode(currentNode);
+				target.removeChild(currentNode);
+			}
+			current = nextCurrent;
+			continue;
+		}
+		if (typeof nextChild === "string" || typeof nextChild === "number") {
+			if (currentNode?.nodeType === 3) currentNode.data = String(nextChild);
+			else {
+				const textNode = document.createTextNode(String(nextChild));
+				if (currentNode) {
+					cleanupRangeNode(currentNode);
+					target.replaceChild(textNode, currentNode);
+				} else target.insertBefore(textNode, range.end);
+			}
+			current = nextCurrent;
+			continue;
+		}
+		if (currentNode instanceof Element && _isDOMElement(nextChild) && typeof nextChild.type === "string" && tagNamesEqualIgnoreCase(currentNode.tagName, nextChild.type)) {
+			smartUpdateElement(currentNode, nextChild, cleanupRangeNode);
+			current = nextCurrent;
+			continue;
+		}
+		const newDom = domHost.createDOMNode(nextChild);
+		if (!newDom) {
+			if (currentNode) {
+				cleanupRangeNode(currentNode);
+				target.removeChild(currentNode);
+			}
+			current = nextCurrent;
+			continue;
+		}
+		if (currentNode) {
+			cleanupRangeNode(currentNode);
+			target.replaceChild(newDom, currentNode);
+		} else target.insertBefore(newDom, range.end);
+		current = nextCurrent;
+	}
+	while (current && current !== range.end) {
+		const next = current.nextSibling;
+		cleanupRangeNode(current);
+		target.removeChild(current);
+		current = next;
+	}
+}
+//#endregion
+export { cleanupRangeNode, createDOMRange, hasDOMRange, updateDOMRangeForContext };
+
+//# sourceMappingURL=evaluate-dom-range.js.map

package/dist/renderer/evaluate-dom-range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"evaluate-dom-range.js","names":[],"sources":["../../src/renderer/evaluate-dom-range.ts"],"sourcesContent":["import { teardownNodeSubtree } from './cleanup';\nimport { getRendererDOMHost } from './dom-host';\nimport {\n  smartUpdateElement,\n  tagNamesEqualIgnoreCase,\n} from './evaluate-reconcile';\nimport { _isDOMElement } from './types';\n\ninterface DOMRange {\n  start: Node;\n  end: Node;\n}\n\nconst domRanges = new WeakMap<object, DOMRange>();\n\nexport function hasDOMRange(context: object): boolean {\n  return domRanges.has(context);\n}\n\nexport function createDOMRange(\n  target: Element,\n  context: object,\n  node: unknown\n): void {\n  const start = document.createComment('component-start');\n  const end = document.createComment('component-end');\n  target.appendChild(start);\n  target.appendChild(end);\n  domRanges.set(context, { start, end });\n\n  const dom = getRendererDOMHost().createDOMNode(node);\n  if (dom) {\n    target.insertBefore(dom, end);\n  }\n}\n\nexport function cleanupRangeNode(node: Node): void {\n  teardownNodeSubtree(node);\n}\n\nexport function updateDOMRangeForContext(\n  target: Element,\n  context: object,\n  children: unknown[]\n): void {\n  const range = domRanges.get(context);\n  if (!range) {\n    return;\n  }\n\n  let current: Node | null = range.start.nextSibling;\n  const domHost = getRendererDOMHost();\n\n  for (let i = 0; i < children.length; i++) {\n    const nextChild = children[i];\n    const currentNode = current === range.end ? null : current;\n    const nextCurrent = currentNode?.nextSibling ?? null;\n\n    if (nextChild === null || nextChild === undefined || nextChild === false) {\n      if (currentNode) {\n        cleanupRangeNode(currentNode);\n        target.removeChild(currentNode);\n      }\n      current = nextCurrent;\n      continue;\n    }\n\n    if (typeof nextChild === 'string' || typeof nextChild === 'number') {\n      if (currentNode?.nodeType === 3) {\n        (currentNode as Text).data = String(nextChild);\n      } else {\n        const textNode = document.createTextNode(String(nextChild));\n        if (currentNode) {\n          cleanupRangeNode(currentNode);\n          target.replaceChild(textNode, currentNode);\n        } else {\n          target.insertBefore(textNode, range.end);\n        }\n      }\n      current = nextCurrent;\n      continue;\n    }\n\n    if (\n      currentNode instanceof Element &&\n      _isDOMElement(nextChild) &&\n      typeof nextChild.type === 'string' &&\n      tagNamesEqualIgnoreCase(currentNode.tagName, nextChild.type)\n    ) {\n      smartUpdateElement(currentNode, nextChild, cleanupRangeNode);\n      current = nextCurrent;\n      continue;\n    }\n\n    const newDom = domHost.createDOMNode(nextChild);\n    if (!newDom) {\n      if (currentNode) {\n        cleanupRangeNode(currentNode);\n        target.removeChild(currentNode);\n      }\n      current = nextCurrent;\n      continue;\n    }\n\n    if (currentNode) {\n      cleanupRangeNode(currentNode);\n      target.replaceChild(newDom, currentNode);\n    } else {\n      target.insertBefore(newDom, range.end);\n    }\n\n    current = nextCurrent;\n  }\n\n  while (current && current !== range.end) {\n    const next = current.nextSibling;\n    cleanupRangeNode(current);\n    target.removeChild(current);\n    current = next;\n  }\n}\n\nexport function clearDOMRange(context: object): void {\n  domRanges.delete(context);\n}\n"],"mappings":";;;;;;AAaA,MAAM,4BAAY,IAAI,QAA0B;AAEhD,SAAgB,YAAY,SAA0B;CACpD,OAAO,UAAU,IAAI,OAAO;AAC9B;AAEA,SAAgB,eACd,QACA,SACA,MACM;CACN,MAAM,QAAQ,SAAS,cAAc,iBAAiB;CACtD,MAAM,MAAM,SAAS,cAAc,eAAe;CAClD,OAAO,YAAY,KAAK;CACxB,OAAO,YAAY,GAAG;CACtB,UAAU,IAAI,SAAS;EAAE;EAAO;CAAI,CAAC;CAErC,MAAM,MAAM,mBAAmB,CAAC,CAAC,cAAc,IAAI;CACnD,IAAI,KACF,OAAO,aAAa,KAAK,GAAG;AAEhC;AAEA,SAAgB,iBAAiB,MAAkB;CACjD,oBAAoB,IAAI;AAC1B;AAEA,SAAgB,yBACd,QACA,SACA,UACM;CACN,MAAM,QAAQ,UAAU,IAAI,OAAO;CACnC,IAAI,CAAC,OACH;CAGF,IAAI,UAAuB,MAAM,MAAM;CACvC,MAAM,UAAU,mBAAmB;CAEnC,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;EACxC,MAAM,YAAY,SAAS;EAC3B,MAAM,cAAc,YAAY,MAAM,MAAM,OAAO;EACnD,MAAM,cAAc,aAAa,eAAe;EAEhD,IAAI,cAAc,QAAQ,cAAc,UAAa,cAAc,OAAO;GACxE,IAAI,aAAa;IACf,iBAAiB,WAAW;IAC5B,OAAO,YAAY,WAAW;GAChC;GACA,UAAU;GACV;EACF;EAEA,IAAI,OAAO,cAAc,YAAY,OAAO,cAAc,UAAU;GAClE,IAAI,aAAa,aAAa,GAC5B,YAAsB,OAAO,OAAO,SAAS;QACxC;IACL,MAAM,WAAW,SAAS,eAAe,OAAO,SAAS,CAAC;IAC1D,IAAI,aAAa;KACf,iBAAiB,WAAW;KAC5B,OAAO,aAAa,UAAU,WAAW;IAC3C,OACE,OAAO,aAAa,UAAU,MAAM,GAAG;GAE3C;GACA,UAAU;GACV;EACF;EAEA,IACE,uBAAuB,WACvB,cAAc,SAAS,KACvB,OAAO,UAAU,SAAS,YAC1B,wBAAwB,YAAY,SAAS,UAAU,IAAI,GAC3D;GACA,mBAAmB,aAAa,WAAW,gBAAgB;GAC3D,UAAU;GACV;EACF;EAEA,MAAM,SAAS,QAAQ,cAAc,SAAS;EAC9C,IAAI,CAAC,QAAQ;GACX,IAAI,aAAa;IACf,iBAAiB,WAAW;IAC5B,OAAO,YAAY,WAAW;GAChC;GACA,UAAU;GACV;EACF;EAEA,IAAI,aAAa;GACf,iBAAiB,WAAW;GAC5B,OAAO,aAAa,QAAQ,WAAW;EACzC,OACE,OAAO,aAAa,QAAQ,MAAM,GAAG;EAGvC,UAAU;CACZ;CAEA,OAAO,WAAW,YAAY,MAAM,KAAK;EACvC,MAAM,OAAO,QAAQ;EACrB,iBAAiB,OAAO;EACxB,OAAO,YAAY,OAAO;EAC1B,UAAU;CACZ;AACF"}