@askrjs/askr 0.0.28 → 0.0.30

package/dist/renderer/evaluate.js

@@ -1 +1,450 @@
-import{logger as b}from"../dev/logger.js";import{removeAllListeners as y,cleanupInstanceIfPresent as h,elementListeners as _}from"./cleanup.js";import{keyedElements as a}from"./keyed.js";import{reconcileKeyedChildren as C}from"./reconcile.js";import"./types.js";import{_isDOMElement as l,__FOR_BOUNDARY__ as T}from"../common/vnode.js";import{evaluateForState as D}from"../runtime/for.js";import{performBulkPositionalKeyedTextUpdate as B,isBulkTextFastPathEligible as P,performBulkTextReplace as R,updateUnkeyedChildren as O,createDOMNode as p,updateElementFromVnode as k}from"./dom.js";import{setDevValue as K,incDevCounter as U}from"../runtime/dev-namespace.js";import{Fragment as H}from"../common/jsx.js";import{extractKey as I,parseEventName as L,createWrappedHandler as v,getPassiveOptions as V}from"./utils.js";var d={};const pe=typeof document<"u",S=new WeakMap;function E(e,n){if(e===n)return!0;if(e.length!==n.length)return!1;for(let t=0;t<e.length;t++){const i=e.charCodeAt(t),r=n.charCodeAt(t);if(i===r)continue;const s=i>=65&&i<=90?i+32:i,f=r>=65&&r<=90?r+32:r;if(s!==f)return!1}return!0}function G(e){if(Array.isArray(e)){if(e.length===1){const n=e[0];if(typeof n=="string"||typeof n=="number")return{isSimple:!0,text:String(n)}}}else if(typeof e=="string"||typeof e=="number")return{isSimple:!0,text:String(e)};return{isSimple:!1}}function W(e,n){return e.childNodes.length===1&&e.firstChild?.nodeType===3?(e.firstChild.data=n,!0):!1}function M(e){const n=new Map;for(let t=e.firstElementChild;t;t=t.nextElementSibling){const i=t.getAttribute("data-key");if(i!==null){n.set(i,t);const r=Number(i);Number.isNaN(r)||n.set(r,t)}}return n}function z(e){let n=a.get(e);return n||(n=M(e),n.size>0&&a.set(e,n)),n.size>0?n:void 0}function w(e){for(let n=0;n<e.length;n++)if(I(e[n])!==void 0)return!0;return!1}function j(e,n,t){if(d.ASKR_FORCE_BULK_POSREUSE==="1"&&q(e,n))return;const i=C(e,n,t);a.set(e,i)}function q(e,n){try{const t=[];for(const s of n)l(s)&&s.key!==void 0&&t.push({key:s.key,vnode:s});if(t.length===0||t.length!==n.length)return!1;(d.ASKR_FASTPATH_DEBUG==="1"||d.ASKR_FASTPATH_DEBUG==="true")&&b.warn("[Askr][FASTPATH] forced positional bulk keyed reuse (evaluate-level)");const i=B(e,t);if(d.ASKR_FASTPATH_DEBUG==="1")try{K("__LAST_FASTPATH_STATS",i),K("__LAST_FASTPATH_COMMIT_COUNT",1),U("bulkKeyedPositionalForced")}catch{}const r=M(e);return a.set(e,r),!0}catch(t){return(d.ASKR_FASTPATH_DEBUG==="1"||d.ASKR_FASTPATH_DEBUG==="true")&&b.warn("[Askr][FASTPATH] forced bulk path failed, falling back",t),!1}}function X(e,n){if(P(e,n)){const t=R(e,n);}else O(e,n);a.delete(e)}function N(e,n){const t=n._forState;if(!t)return;const i=(n.props||{}).source,r=D(t,i),s=o=>{o instanceof Element&&(y(o),h(o));let c=o.firstChild;for(;c;){const A=c.nextSibling;s(c),c=A}};let f=e.firstChild;for(;f;){const o=f.nextSibling;s(f),e.removeChild(f),f=o}for(let o=0;o<r.length;o++){const c=r[o],A=t.orderedKeys[o],m=A!=null?t.items.get(A):null;let u=null;if(m&&m._dom){const g=m._dom;(!(g instanceof Element)||!c?.type||typeof c.type!="string"||g.tagName.toLowerCase()===c.type.toLowerCase())&&(u=g)}u||(u=p(c),m&&(m._dom=u??void 0)),u&&(u instanceof Element&&l(c)&&k(u,c,!0),e.appendChild(u))}a.delete(e)}function F(e,n){if(n==null){for(let t=e.firstChild;t;){const i=t.nextSibling;t instanceof Element&&(y(t),h(t)),t=i}e.textContent="",a.delete(e);return}if(!Array.isArray(n)&&l(n)&&n.type===T){N(e,n);return}if(!Array.isArray(n)){for(let i=e.firstChild;i;){const r=i.nextSibling;i instanceof Element&&(y(i),h(i)),i=r}e.textContent="";const t=p(n);t&&e.appendChild(t),a.delete(e);return}if(n.length===1&&l(n[0])&&n[0].type===T){N(e,n[0]);return}if(w(n)){const t=z(e);try{j(e,n,t)}catch{const i=C(e,n,t);a.set(e,i)}}else X(e,n)}function x(e,n){let t=n.children||n.props?.children;if(t&&l(t)&&t.type===T){F(e,t),k(e,n,!1);return}t&&!Array.isArray(t)&&(t=[t]);const i=G(t);i.isSimple&&W(e,i.text)||F(e,t),k(e,n,!1)}function Y(e,n){let t=e.firstElementChild;for(let i=0;i<n.length;i++){const r=n[i],s=t?t.nextElementSibling:null;if(t&&l(r)&&typeof r.type=="string"&&E(t.tagName,r.type)){x(t,r),t=s;continue}const f=p(r);f&&(t?(y(t),h(t),e.replaceChild(f,t)):e.appendChild(f)),t=s}for(;t;){const i=t.nextElementSibling;y(t),h(t),e.removeChild(t),t=i}}function J(e,n){for(const[t,i]of Object.entries(n)){if(t==="children"||t==="key"||i==null||i===!1)continue;if(t==="ref"){Q(e,i);continue}const r=L(t);if(r){const s=v(i,!0),f=V(r);f!==void 0?e.addEventListener(r,s,f):e.addEventListener(r,s),_.has(e)||_.set(e,new Map),_.get(e).set(r,{handler:s,original:i,options:f});continue}t==="class"||t==="className"?e.className=String(i):t==="value"||t==="checked"?e[t]=i:e.setAttribute(t,String(i))}}function Q(e,n){const t=n;if(t){if(typeof t=="function"){t(e);return}try{t.current=e}catch{}}}function Z(e,n){const t=n.children;if(!Array.isArray(t)||!w(t))return!1;const i=document.createElement(n.type);e.appendChild(i),J(i,n.props||{});const r=C(i,t,void 0);return a.set(i,r),!0}function $(e){return l(e)&&typeof e.type=="symbol"&&(e.type===H||String(e.type)==="Symbol(askr.fragment)")}function ee(e){const n=e.props?.children||e.children||[];return Array.isArray(n)?n:[n]}function de(e,n,t){if(n&&!(typeof document>"u"))if(t&&S.has(t)){const i=S.get(t);let r=i.start.nextSibling;for(;r&&r!==i.end;){const f=r.nextSibling;r.remove(),r=f}const s=p(e);s&&n.insertBefore(s,i.end)}else if(t){const i=document.createComment("component-start"),r=document.createComment("component-end");n.appendChild(i),n.appendChild(r),S.set(t,{start:i,end:r});const s=p(e);s&&n.insertBefore(s,r)}else{let i=e;if($(i)){const o=ee(i);if(o.length===1&&l(o[0])&&typeof o[0].type=="string")i=o[0];else{Y(n,o);return}}const s=n.__ASKR_INSTANCE;if(s&&s.target===n)if(l(i)&&typeof i.type=="string"&&E(n.tagName,i.type)){x(n,i);return}else{const o=p(i);if(o&&n.parentNode){o instanceof Element&&(o.__ASKR_INSTANCE=s,s.target=o),y(n),n.parentNode.replaceChild(o,n);return}}const f=n.children[0];if(f&&l(i)&&typeof i.type=="string"&&E(f.tagName,i.type))x(f,i);else{if(n.textContent="",l(i)&&typeof i.type=="string"&&Z(n,i))return;const o=p(i);o&&n.appendChild(o)}}}function ye(e){S.delete(e)}export{pe as IS_DOM_AVAILABLE,ye as clearDOMRange,de as evaluate};
+import { __FOR_BOUNDARY__, _isDOMElement } from "../common/vnode.js";
+import "./types.js";
+import { getRuntimeEnv } from "../common/env.js";
+import { logger } from "../dev/logger.js";
+import { Fragment } from "../common/jsx.js";
+import { incDevCounter, setDevValue } from "../runtime/dev-namespace.js";
+import "./env.js";
+import { createWrappedHandler, extractKey, getPassiveOptions, parseEventName, tagNamesEqualIgnoreCase as tagNamesEqualIgnoreCase$1, writeElementClassName } from "./utils.js";
+import { keyedElements } from "./keyed.js";
+import { cleanupInstanceIfPresent, elementListeners, removeAllListeners } from "./cleanup.js";
+import { evaluateForState } from "../runtime/for.js";
+import { evaluateCaseState, evaluateShowState } from "../runtime/control.js";
+import { reconcileKeyedChildren } from "./reconcile.js";
+import { isBulkTextFastPathEligible, performBulkPositionalKeyedTextUpdate, performBulkTextReplace } from "./children.js";
+import { commitForBoundaryChildren, createDOMNode, syncComponentElement, updateElementFromVnode, updateUnkeyedChildren } from "./dom.js";
+const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+function resolveChildNamespace(type, parentNamespace) {
+	if (type === "svg") return SVG_NAMESPACE;
+	if (parentNamespace === SVG_NAMESPACE && type !== "foreignObject") return SVG_NAMESPACE;
+}
+function createElementForNamespace(type, parentNamespace) {
+	const namespace = resolveChildNamespace(type, parentNamespace);
+	return namespace ? document.createElementNS(namespace, type) : document.createElement(type);
+}
+const domRanges = /* @__PURE__ */ new WeakMap();
+function tagNamesEqualIgnoreCase(a, b) {
+	return tagNamesEqualIgnoreCase$1(a, b);
+}
+/**
+* Check if vnode children represent a simple text value
+*/
+function checkSimpleText(vnodeChildren) {
+	if (!Array.isArray(vnodeChildren)) {
+		if (typeof vnodeChildren === "string" || typeof vnodeChildren === "number") return {
+			isSimple: true,
+			text: String(vnodeChildren)
+		};
+	} else if (vnodeChildren.length === 1) {
+		const child = vnodeChildren[0];
+		if (typeof child === "string" || typeof child === "number") return {
+			isSimple: true,
+			text: String(child)
+		};
+	}
+	return { isSimple: false };
+}
+/**
+* Try to update a single text node in place
+* Returns true if update was performed, false otherwise
+*/
+function tryUpdateTextInPlace(element, text) {
+	if (element.childNodes.length === 1 && element.firstChild?.nodeType === 3) {
+		element.firstChild.data = text;
+		return true;
+	}
+	return false;
+}
+/**
+* Build a key map from existing DOM children
+*/
+function buildKeyMapFromDOM(parent) {
+	const keyMap = /* @__PURE__ */ new Map();
+	for (let child = parent.firstElementChild; child; child = child.nextElementSibling) {
+		const k = child.getAttribute("data-key");
+		if (k !== null) {
+			keyMap.set(k, child);
+			const n = Number(k);
+			if (!Number.isNaN(n)) keyMap.set(n, child);
+		}
+	}
+	return keyMap;
+}
+/**
+* Get or initialize key map for an element
+*/
+function getOrBuildKeyMap(parent) {
+	let keyMap = keyedElements.get(parent);
+	if (!keyMap) {
+		keyMap = buildKeyMapFromDOM(parent);
+		if (keyMap.size > 0) keyedElements.set(parent, keyMap);
+	}
+	return keyMap.size > 0 ? keyMap : void 0;
+}
+/**
+* Check if children array contains keyed elements
+*/
+function hasKeyedChildren(children) {
+	for (let i = 0; i < children.length; i++) if (extractKey(children[i]) !== void 0) return true;
+	return false;
+}
+/**
+* Track bulk text fast-path stats (dev only)
+*/
+function trackBulkTextStats(stats) {
+	if (getRuntimeEnv().NODE_ENV !== "production") try {
+		setDevValue("__LAST_BULK_TEXT_FASTPATH_STATS", stats);
+		incDevCounter("bulkTextHits");
+	} catch {}
+}
+/**
+* Track bulk text miss (dev only)
+*/
+function trackBulkTextMiss() {
+	if (getRuntimeEnv().NODE_ENV !== "production") try {
+		incDevCounter("bulkTextMisses");
+	} catch {}
+}
+/**
+* Reconcile keyed children with optional forced bulk path
+*/
+function reconcileKeyed(parent, children, oldKeyMap) {
+	if (getRuntimeEnv().ASKR_FORCE_BULK_POSREUSE === "1") {
+		if (tryForcedBulkKeyedPath(parent, children)) return;
+	}
+	const newKeyMap = reconcileKeyedChildren(parent, children, oldKeyMap);
+	keyedElements.set(parent, newKeyMap);
+}
+/**
+* Try the forced bulk keyed positional path
+* Returns true if applied, false to fall back to normal reconciliation
+*/
+function tryForcedBulkKeyedPath(parent, children) {
+	try {
+		const keyedVnodes = [];
+		for (const child of children) {
+			const key = extractKey(child);
+			if (_isDOMElement(child) && key !== void 0) keyedVnodes.push({
+				key,
+				vnode: child
+			});
+		}
+		if (keyedVnodes.length === 0 || keyedVnodes.length !== children.length) return false;
+		const fastPathEnv = getRuntimeEnv();
+		if (fastPathEnv.ASKR_FASTPATH_DEBUG === "1" || fastPathEnv.ASKR_FASTPATH_DEBUG === "true") logger.warn("[Askr][FASTPATH] forced positional bulk keyed reuse (evaluate-level)");
+		const stats = performBulkPositionalKeyedTextUpdate(parent, keyedVnodes);
+		const statsEnv = getRuntimeEnv();
+		if (statsEnv.NODE_ENV !== "production" || statsEnv.ASKR_FASTPATH_DEBUG === "1") try {
+			setDevValue("__LAST_FASTPATH_STATS", stats);
+			setDevValue("__LAST_FASTPATH_COMMIT_COUNT", 1);
+			incDevCounter("bulkKeyedPositionalForced");
+		} catch {}
+		const newMap = buildKeyMapFromDOM(parent);
+		keyedElements.set(parent, newMap);
+		return true;
+	} catch (err) {
+		const fallbackEnv = getRuntimeEnv();
+		if (fallbackEnv.ASKR_FASTPATH_DEBUG === "1" || fallbackEnv.ASKR_FASTPATH_DEBUG === "true") logger.warn("[Askr][FASTPATH] forced bulk path failed, falling back", err);
+		return false;
+	}
+}
+/**
+* Reconcile unkeyed children, using bulk fast-path when eligible
+*/
+function reconcileUnkeyed(parent, children) {
+	if (isBulkTextFastPathEligible(parent, children)) trackBulkTextStats(performBulkTextReplace(parent, children));
+	else {
+		trackBulkTextMiss();
+		updateUnkeyedChildren(parent, children);
+	}
+	keyedElements.delete(parent);
+}
+/**
+* Update element children from a For boundary vnode
+* Evaluates the For and reconciles the keyed children with existing DOM
+*/
+function updateForBoundaryChildren(element, forVnode) {
+	const controlState = forVnode._controlState ?? forVnode._forState;
+	if (!controlState) return;
+	commitForBoundaryChildren(element, controlState, controlState.kind === "for" ? evaluateForState(controlState) : controlState.kind === "show" ? evaluateShowState(controlState) : evaluateCaseState(controlState));
+}
+/**
+* Update element children (handles keyed, unkeyed, For boundaries, and non-array cases)
+*/
+function updateElementChildren(element, vnodeChildren) {
+	if (vnodeChildren === null || vnodeChildren === void 0) {
+		for (let n = element.firstChild; n;) {
+			const next = n.nextSibling;
+			if (n instanceof Element) {
+				removeAllListeners(n);
+				cleanupInstanceIfPresent(n);
+			}
+			n = next;
+		}
+		element.textContent = "";
+		keyedElements.delete(element);
+		return;
+	}
+	if (!Array.isArray(vnodeChildren) && _isDOMElement(vnodeChildren) && vnodeChildren.type === __FOR_BOUNDARY__) {
+		updateForBoundaryChildren(element, vnodeChildren);
+		return;
+	}
+	if (!Array.isArray(vnodeChildren) && isFragment(vnodeChildren)) {
+		updateElementChildren(element, getFragmentChildren(vnodeChildren));
+		return;
+	}
+	if (!Array.isArray(vnodeChildren)) {
+		for (let n = element.firstChild; n;) {
+			const next = n.nextSibling;
+			if (n instanceof Element) {
+				removeAllListeners(n);
+				cleanupInstanceIfPresent(n);
+			}
+			n = next;
+		}
+		element.textContent = "";
+		const dom = createDOMNode(vnodeChildren);
+		if (dom) element.appendChild(dom);
+		keyedElements.delete(element);
+		return;
+	}
+	if (vnodeChildren.length === 1 && _isDOMElement(vnodeChildren[0]) && vnodeChildren[0].type === __FOR_BOUNDARY__) {
+		updateForBoundaryChildren(element, vnodeChildren[0]);
+		return;
+	}
+	if (hasKeyedChildren(vnodeChildren)) {
+		const oldKeyMap = getOrBuildKeyMap(element);
+		try {
+			reconcileKeyed(element, vnodeChildren, oldKeyMap);
+		} catch {
+			const newKeyMap = reconcileKeyedChildren(element, vnodeChildren, oldKeyMap);
+			keyedElements.set(element, newKeyMap);
+		}
+	} else reconcileUnkeyed(element, vnodeChildren);
+}
+/**
+* Perform a smart update on an existing element
+* Tries text-in-place update first, then full child reconciliation
+*/
+function smartUpdateElement(element, vnode) {
+	let vnodeChildren = vnode.children || vnode.props?.children;
+	if (vnodeChildren && _isDOMElement(vnodeChildren) && vnodeChildren.type === __FOR_BOUNDARY__) {
+		updateElementChildren(element, vnodeChildren);
+		updateElementFromVnode(element, vnode, false);
+		return;
+	}
+	if (vnodeChildren && !Array.isArray(vnodeChildren)) vnodeChildren = [vnodeChildren];
+	const textCheck = checkSimpleText(vnodeChildren);
+	if (textCheck.isSimple && tryUpdateTextInPlace(element, textCheck.text)) {} else updateElementChildren(element, vnodeChildren);
+	updateElementFromVnode(element, vnode, false);
+}
+/**
+* Process Fragment children with smart updates for each child
+*/
+function processFragmentChildren(target, childArray) {
+	updateElementChildren(target, childArray);
+}
+function cleanupRangeNode(node) {
+	if (node instanceof Element) {
+		removeAllListeners(node);
+		cleanupInstanceIfPresent(node);
+	}
+}
+function updateDOMRange(target, range, children) {
+	let current = range.start.nextSibling;
+	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);
+			current = nextCurrent;
+			continue;
+		}
+		const newDom = 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;
+	}
+}
+/**
+* Apply props/attributes to an element (used for first render with keyed children)
+*/
+function applyPropsToElement(el, props) {
+	for (const [key, value] of Object.entries(props)) {
+		if (key === "children" || key === "key") continue;
+		if (value === void 0 || value === null || value === false) continue;
+		if (key === "ref") {
+			applyRef(el, value);
+			continue;
+		}
+		const eventName = parseEventName(key);
+		if (eventName) {
+			const wrappedHandler = createWrappedHandler(value, true);
+			const options = getPassiveOptions(eventName);
+			if (options !== void 0) el.addEventListener(eventName, wrappedHandler, options);
+			else el.addEventListener(eventName, wrappedHandler);
+			if (!elementListeners.has(el)) elementListeners.set(el, /* @__PURE__ */ new Map());
+			elementListeners.get(el).set(eventName, {
+				handler: wrappedHandler,
+				original: value,
+				options
+			});
+			continue;
+		}
+		if (key === "class" || key === "className") writeElementClassName(el, String(value));
+		else if (key === "value" || key === "checked") el[key] = value;
+		else el.setAttribute(key, String(value));
+	}
+}
+function applyRef(el, ref) {
+	const r = ref;
+	if (!r) return;
+	if (typeof r === "function") {
+		r(el);
+		return;
+	}
+	try {
+		r.current = el;
+	} catch {}
+}
+/**
+* Try to handle first render of element with keyed children
+* Returns true if handled, false to fall back to default rendering
+*/
+function tryFirstRenderKeyedChildren(target, vnode) {
+	const children = vnode.children;
+	if (!Array.isArray(children) || !hasKeyedChildren(children)) return false;
+	const el = createElementForNamespace(vnode.type, target.namespaceURI === SVG_NAMESPACE ? SVG_NAMESPACE : void 0);
+	target.appendChild(el);
+	applyPropsToElement(el, vnode.props || {});
+	const newKeyMap = reconcileKeyedChildren(el, children, void 0);
+	keyedElements.set(el, newKeyMap);
+	return true;
+}
+/**
+* Check if a vnode is a Fragment
+*/
+function isFragment(vnode) {
+	return _isDOMElement(vnode) && typeof vnode.type === "symbol" && (vnode.type === Fragment || String(vnode.type) === "Symbol(askr.fragment)");
+}
+/**
+* Unwrap Fragment to get children array
+*/
+function getFragmentChildren(vnode) {
+	const fragmentChildren = vnode.props?.children || vnode.children || [];
+	return Array.isArray(fragmentChildren) ? fragmentChildren : [fragmentChildren];
+}
+function evaluate(node, target, context) {
+	if (!target) return;
+	if (typeof document === "undefined") {
+		if (getRuntimeEnv().NODE_ENV !== "production") try {
+			console.warn("[Askr] evaluate() called in non-DOM environment; no-op.");
+		} catch (e) {}
+		return;
+	}
+	if (context && domRanges.has(context)) updateDOMRange(target, domRanges.get(context), node === null || node === void 0 || node === false ? [] : isFragment(node) ? getFragmentChildren(node) : Array.isArray(node) ? node : [node]);
+	else if (context) {
+		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 = createDOMNode(node);
+		if (dom) target.insertBefore(dom, end);
+	} else {
+		let vnode = node;
+		if (isFragment(vnode)) {
+			const childArray = getFragmentChildren(vnode);
+			if (childArray.length === 1 && _isDOMElement(childArray[0]) && typeof childArray[0].type === "string") vnode = childArray[0];
+			else {
+				processFragmentChildren(target, childArray);
+				return;
+			}
+		}
+		if (_isDOMElement(vnode) && vnode.type === __FOR_BOUNDARY__) {
+			updateForBoundaryChildren(target, vnode);
+			return;
+		}
+		if (Array.isArray(vnode)) {
+			updateElementChildren(target, vnode);
+			return;
+		}
+		const targetInstance = target.__ASKR_INSTANCE;
+		if (targetInstance && targetInstance.target === target) {
+			if (_isDOMElement(vnode) && typeof vnode.type === "function") {
+				const syncedDom = syncComponentElement(target, vnode, vnode.type, (vnode.props ?? {}) || {});
+				if (syncedDom instanceof Element) {
+					syncedDom.__ASKR_INSTANCE = targetInstance;
+					targetInstance.target = syncedDom;
+					return;
+				}
+			}
+			if (_isDOMElement(vnode) && typeof vnode.type === "string" && tagNamesEqualIgnoreCase(target.tagName, vnode.type)) {
+				smartUpdateElement(target, vnode);
+				return;
+			}
+			const newDom = createDOMNode(vnode);
+			if (newDom && target.parentNode) {
+				if (newDom instanceof Element) {
+					newDom.__ASKR_INSTANCE = targetInstance;
+					targetInstance.target = newDom;
+				}
+				removeAllListeners(target);
+				target.parentNode.replaceChild(newDom, target);
+				return;
+			}
+		}
+		const firstChild = target.children[0];
+		if (firstChild && _isDOMElement(vnode) && typeof vnode.type === "string" && tagNamesEqualIgnoreCase(firstChild.tagName, vnode.type)) smartUpdateElement(firstChild, vnode);
+		else {
+			target.textContent = "";
+			if (_isDOMElement(vnode) && typeof vnode.type === "string" && tryFirstRenderKeyedChildren(target, vnode)) return;
+			const dom = createDOMNode(vnode);
+			if (dom) target.appendChild(dom);
+		}
+	}
+}
+//#endregion
+export { evaluate };
+
+//# sourceMappingURL=evaluate.js.map

package/dist/renderer/evaluate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"evaluate.js","names":["sharedTagNamesEqualIgnoreCase"],"sources":["../../src/renderer/evaluate.ts"],"sourcesContent":["import { logger } from '../dev/logger';\nimport { getRuntimeEnv } from './env';\nimport type { Props } from '../common/props';\nimport type { ComponentInstance } from '../runtime/component';\nimport {\n  elementListeners,\n  removeAllListeners,\n  cleanupInstanceIfPresent,\n} from './cleanup';\nimport { keyedElements } from './keyed';\nimport { reconcileKeyedChildren } from './reconcile';\nimport { _isDOMElement, type DOMElement, type VNode } from './types';\nimport { __FOR_BOUNDARY__ } from '../common/vnode';\nimport { evaluateForState } from '../runtime/for';\nimport {\n  evaluateCaseState,\n  evaluateShowState,\n  type ControlBoundaryState,\n} from '../runtime/control';\nimport {\n  createDOMNode,\n  commitForBoundaryChildren,\n  syncComponentElement,\n  updateElementFromVnode,\n  updateUnkeyedChildren,\n  performBulkPositionalKeyedTextUpdate,\n  performBulkTextReplace,\n  isBulkTextFastPathEligible,\n} from './dom';\nimport { setDevValue, incDevCounter } from '../runtime/dev-namespace';\nimport { Fragment } from '../common/jsx';\nimport {\n  createWrappedHandler,\n  extractKey,\n  getPassiveOptions,\n  parseEventName,\n  tagNamesEqualIgnoreCase as sharedTagNamesEqualIgnoreCase,\n  writeElementClassName,\n} from './utils';\n\n/**\n * Internal marker for component-owned DOM ranges\n * Allows efficient partial DOM updates instead of clearing entire target\n */\ninterface DOMRange {\n  start: Node; // Start marker (comment node)\n  end: Node; // End marker (comment node)\n}\n\nexport const IS_DOM_AVAILABLE = typeof document !== 'undefined';\n\nconst SVG_NAMESPACE = 'http://www.w3.org/2000/svg';\n\nfunction resolveChildNamespace(\n  type: string,\n  parentNamespace?: string\n): string | undefined {\n  if (type === 'svg') return SVG_NAMESPACE;\n  if (parentNamespace === SVG_NAMESPACE && type !== 'foreignObject') {\n    return SVG_NAMESPACE;\n  }\n  return undefined;\n}\n\nfunction createElementForNamespace(\n  type: string,\n  parentNamespace?: string\n): Element {\n  const namespace = resolveChildNamespace(type, parentNamespace);\n  return namespace\n    ? document.createElementNS(namespace, type)\n    : document.createElement(type);\n}\n\nconst domRanges = new WeakMap<object, DOMRange>();\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Helper Types & Utilities\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface SimpleTextResult {\n  isSimple: true;\n  text: string;\n}\n\ninterface NotSimpleTextResult {\n  isSimple: false;\n  text?: undefined;\n}\n\ntype TextCheckResult = SimpleTextResult | NotSimpleTextResult;\n\nfunction tagNamesEqualIgnoreCase(a: string, b: string): boolean {\n  return sharedTagNamesEqualIgnoreCase(a, b);\n}\n\n/**\n * Check if vnode children represent a simple text value\n */\nfunction checkSimpleText(vnodeChildren: unknown): TextCheckResult {\n  if (!Array.isArray(vnodeChildren)) {\n    if (\n      typeof vnodeChildren === 'string' ||\n      typeof vnodeChildren === 'number'\n    ) {\n      return { isSimple: true, text: String(vnodeChildren) };\n    }\n  } else if (vnodeChildren.length === 1) {\n    const child = vnodeChildren[0];\n    if (typeof child === 'string' || typeof child === 'number') {\n      return { isSimple: true, text: String(child) };\n    }\n  }\n  return { isSimple: false };\n}\n\n/**\n * Try to update a single text node in place\n * Returns true if update was performed, false otherwise\n */\nfunction tryUpdateTextInPlace(element: Element, text: string): boolean {\n  if (\n    element.childNodes.length === 1 &&\n    element.firstChild?.nodeType === 3 // TEXT_NODE\n  ) {\n    (element.firstChild as Text).data = text;\n    return true;\n  }\n  return false;\n}\n\n/**\n * Build a key map from existing DOM children\n */\nfunction buildKeyMapFromDOM(parent: Element): Map<string | number, Element> {\n  const keyMap = new Map<string | number, Element>();\n  for (\n    let child = parent.firstElementChild;\n    child;\n    child = child.nextElementSibling\n  ) {\n    const k = child.getAttribute('data-key');\n    if (k !== null) {\n      keyMap.set(k, child);\n      const n = Number(k);\n      if (!Number.isNaN(n)) keyMap.set(n, child);\n    }\n  }\n  return keyMap;\n}\n\n/**\n * Get or initialize key map for an element\n */\nfunction getOrBuildKeyMap(\n  parent: Element\n): Map<string | number, Element> | undefined {\n  let keyMap = keyedElements.get(parent);\n  if (!keyMap) {\n    keyMap = buildKeyMapFromDOM(parent);\n    if (keyMap.size > 0) {\n      keyedElements.set(parent, keyMap);\n    }\n  }\n  return keyMap.size > 0 ? keyMap : undefined;\n}\n\n/**\n * Check if children array contains keyed elements\n */\nfunction hasKeyedChildren(children: unknown[]): boolean {\n  for (let i = 0; i < children.length; i++) {\n    if (extractKey(children[i]) !== undefined) return true;\n  }\n  return false;\n}\n\n/**\n * Track bulk text fast-path stats (dev only)\n */\nfunction trackBulkTextStats(\n  stats: ReturnType<typeof performBulkTextReplace>\n): void {\n  if (getRuntimeEnv().NODE_ENV !== 'production') {\n    try {\n      setDevValue('__LAST_BULK_TEXT_FASTPATH_STATS', stats);\n      incDevCounter('bulkTextHits');\n    } catch {\n      // ignore\n    }\n  }\n}\n\n/**\n * Track bulk text miss (dev only)\n */\nfunction trackBulkTextMiss(): void {\n  if (getRuntimeEnv().NODE_ENV !== 'production') {\n    try {\n      incDevCounter('bulkTextMisses');\n    } catch {\n      // ignore\n    }\n  }\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Child Reconciliation Helpers\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Reconcile keyed children with optional forced bulk path\n */\nfunction reconcileKeyed(\n  parent: Element,\n  children: VNode[],\n  oldKeyMap: Map<string | number, Element> | undefined\n): void {\n  // Optional forced positional bulk path for large keyed lists\n  if (getRuntimeEnv().ASKR_FORCE_BULK_POSREUSE === '1') {\n    const result = tryForcedBulkKeyedPath(parent, children);\n    if (result) return;\n  }\n\n  // Standard keyed reconciliation\n  const newKeyMap = reconcileKeyedChildren(parent, children, oldKeyMap);\n  keyedElements.set(parent, newKeyMap);\n}\n\n/**\n * Try the forced bulk keyed positional path\n * Returns true if applied, false to fall back to normal reconciliation\n */\nfunction tryForcedBulkKeyedPath(parent: Element, children: VNode[]): boolean {\n  try {\n    const keyedVnodes: Array<{ key: string | number; vnode: VNode }> = [];\n    for (const child of children) {\n      const key = extractKey(child);\n      if (_isDOMElement(child) && key !== undefined) {\n        keyedVnodes.push({\n          key,\n          vnode: child,\n        });\n      }\n    }\n\n    // Only apply when all children are keyed and count matches\n    if (keyedVnodes.length === 0 || keyedVnodes.length !== children.length) {\n      return false;\n    }\n\n    const fastPathEnv = getRuntimeEnv();\n    if (\n      fastPathEnv.ASKR_FASTPATH_DEBUG === '1' ||\n      fastPathEnv.ASKR_FASTPATH_DEBUG === 'true'\n    ) {\n      logger.warn(\n        '[Askr][FASTPATH] forced positional bulk keyed reuse (evaluate-level)'\n      );\n    }\n\n    const stats = performBulkPositionalKeyedTextUpdate(parent, keyedVnodes);\n\n    const statsEnv = getRuntimeEnv();\n    if (\n      statsEnv.NODE_ENV !== 'production' ||\n      statsEnv.ASKR_FASTPATH_DEBUG === '1'\n    ) {\n      try {\n        setDevValue('__LAST_FASTPATH_STATS', stats);\n        setDevValue('__LAST_FASTPATH_COMMIT_COUNT', 1);\n        incDevCounter('bulkKeyedPositionalForced');\n      } catch {\n        // ignore\n      }\n    }\n\n    // Rebuild keyed map from DOM\n    const newMap = buildKeyMapFromDOM(parent);\n    keyedElements.set(parent, newMap);\n    return true;\n  } catch (err) {\n    const fallbackEnv = getRuntimeEnv();\n    if (\n      fallbackEnv.ASKR_FASTPATH_DEBUG === '1' ||\n      fallbackEnv.ASKR_FASTPATH_DEBUG === 'true'\n    ) {\n      logger.warn(\n        '[Askr][FASTPATH] forced bulk path failed, falling back',\n        err\n      );\n    }\n    return false;\n  }\n}\n\n/**\n * Reconcile unkeyed children, using bulk fast-path when eligible\n */\nfunction reconcileUnkeyed(parent: Element, children: VNode[]): void {\n  if (isBulkTextFastPathEligible(parent, children)) {\n    const stats = performBulkTextReplace(parent, children);\n    trackBulkTextStats(stats);\n  } else {\n    trackBulkTextMiss();\n    updateUnkeyedChildren(parent, children);\n  }\n  keyedElements.delete(parent);\n}\n\n/**\n * Update element children from a For boundary vnode\n * Evaluates the For and reconciles the keyed children with existing DOM\n */\nfunction updateForBoundaryChildren(\n  element: Element,\n  forVnode: DOMElement\n): void {\n  const controlState =\n    forVnode._controlState ??\n    (forVnode._forState as ControlBoundaryState | undefined);\n  if (!controlState) return;\n\n  const childrenVNodes =\n    controlState.kind === 'for'\n      ? evaluateForState(controlState)\n      : controlState.kind === 'show'\n        ? evaluateShowState(controlState)\n        : evaluateCaseState(controlState);\n  commitForBoundaryChildren(element, controlState, childrenVNodes);\n}\n\n/**\n * Update element children (handles keyed, unkeyed, For boundaries, and non-array cases)\n */\nfunction updateElementChildren(element: Element, vnodeChildren: unknown): void {\n  // CRITICAL: Check for null/undefined explicitly, not falsy values\n  // because 0, false, and '' are valid children\n  if (vnodeChildren === null || vnodeChildren === undefined) {\n    // Clean up all children before clearing\n    for (let n = element.firstChild; n; ) {\n      const next = n.nextSibling;\n      if (n instanceof Element) {\n        removeAllListeners(n);\n        cleanupInstanceIfPresent(n);\n      }\n      n = next;\n    }\n    element.textContent = '';\n    keyedElements.delete(element);\n    return;\n  }\n\n  // Handle For boundary as a special single-child case (non-array)\n  if (\n    !Array.isArray(vnodeChildren) &&\n    _isDOMElement(vnodeChildren) &&\n    (vnodeChildren as DOMElement).type === __FOR_BOUNDARY__\n  ) {\n    updateForBoundaryChildren(element, vnodeChildren as DOMElement);\n    return;\n  }\n\n  if (!Array.isArray(vnodeChildren) && isFragment(vnodeChildren)) {\n    updateElementChildren(element, getFragmentChildren(vnodeChildren));\n    return;\n  }\n\n  if (!Array.isArray(vnodeChildren)) {\n    // Clean up all children before clearing\n    for (let n = element.firstChild; n; ) {\n      const next = n.nextSibling;\n      if (n instanceof Element) {\n        removeAllListeners(n);\n        cleanupInstanceIfPresent(n);\n      }\n      n = next;\n    }\n    element.textContent = '';\n    const dom = createDOMNode(vnodeChildren);\n    if (dom) element.appendChild(dom);\n    keyedElements.delete(element);\n    return;\n  }\n\n  // Handle For boundary wrapped in a single-element array [forVnode]\n  // This is common when JSX transpiles children as arrays\n  if (\n    vnodeChildren.length === 1 &&\n    _isDOMElement(vnodeChildren[0]) &&\n    (vnodeChildren[0] as DOMElement).type === __FOR_BOUNDARY__\n  ) {\n    updateForBoundaryChildren(element, vnodeChildren[0] as DOMElement);\n    return;\n  }\n\n  if (hasKeyedChildren(vnodeChildren)) {\n    const oldKeyMap = getOrBuildKeyMap(element);\n    try {\n      reconcileKeyed(element, vnodeChildren, oldKeyMap);\n    } catch {\n      // Fall back on error\n      const newKeyMap = reconcileKeyedChildren(\n        element,\n        vnodeChildren,\n        oldKeyMap\n      );\n      keyedElements.set(element, newKeyMap);\n    }\n  } else {\n    reconcileUnkeyed(element, vnodeChildren);\n  }\n}\n\n/**\n * Perform a smart update on an existing element\n * Tries text-in-place update first, then full child reconciliation\n */\nfunction smartUpdateElement(element: Element, vnode: DOMElement): void {\n  let vnodeChildren = vnode.children || vnode.props?.children;\n\n  // CRITICAL: For boundary vnodes must NOT be wrapped into an array\n  // They need special handling in updateElementChildren to call updateForBoundaryChildren\n  if (\n    vnodeChildren &&\n    _isDOMElement(vnodeChildren) &&\n    (vnodeChildren as DOMElement).type === __FOR_BOUNDARY__\n  ) {\n    // Pass For boundary directly without wrapping\n    updateElementChildren(element, vnodeChildren);\n    updateElementFromVnode(element, vnode, false);\n    return;\n  }\n\n  // Normalize: if children is a single vnode (not an array), wrap it\n  if (vnodeChildren && !Array.isArray(vnodeChildren)) {\n    vnodeChildren = [vnodeChildren];\n  }\n\n  const textCheck = checkSimpleText(vnodeChildren);\n\n  if (textCheck.isSimple && tryUpdateTextInPlace(element, textCheck.text)) {\n    // Text updated in place, nothing more to do for children\n  } else {\n    updateElementChildren(element, vnodeChildren);\n  }\n\n  updateElementFromVnode(element, vnode, false);\n}\n\n/**\n * Process Fragment children with smart updates for each child\n */\nfunction processFragmentChildren(target: Element, childArray: unknown[]): void {\n  updateElementChildren(target, childArray);\n}\n\nfunction cleanupRangeNode(node: Node): void {\n  if (node instanceof Element) {\n    removeAllListeners(node);\n    cleanupInstanceIfPresent(node);\n  }\n}\n\nfunction updateDOMRange(\n  target: Element,\n  range: DOMRange,\n  children: unknown[]\n): void {\n  let current: Node | null = range.start.nextSibling;\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);\n      current = nextCurrent;\n      continue;\n    }\n\n    const newDom = 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\n/**\n * Apply props/attributes to an element (used for first render with keyed children)\n */\nfunction applyPropsToElement(el: Element, props: Props): void {\n  for (const [key, value] of Object.entries(props)) {\n    if (key === 'children' || key === 'key') continue;\n    if (value === undefined || value === null || value === false) continue;\n\n    if (key === 'ref') {\n      applyRef(el, value);\n      continue;\n    }\n\n    const eventName = parseEventName(key);\n    if (eventName) {\n      const wrappedHandler = createWrappedHandler(value as EventListener, true);\n      const options = getPassiveOptions(eventName);\n\n      if (options !== undefined)\n        el.addEventListener(eventName, wrappedHandler, options);\n      else el.addEventListener(eventName, wrappedHandler);\n\n      if (!elementListeners.has(el)) elementListeners.set(el, new Map());\n      elementListeners.get(el)!.set(eventName, {\n        handler: wrappedHandler,\n        original: value as EventListener,\n        options,\n      });\n      continue;\n    }\n\n    if (key === 'class' || key === 'className') {\n      writeElementClassName(el, String(value));\n    } else if (key === 'value' || key === 'checked') {\n      (el as HTMLElement & Props)[key] = value;\n    } else {\n      el.setAttribute(key, String(value));\n    }\n  }\n}\n\ntype Ref<T> =\n  | ((value: T | null) => void)\n  | { current: T | null }\n  | null\n  | undefined;\n\nfunction applyRef<T>(el: T, ref: unknown): void {\n  const r = ref as Ref<T>;\n  if (!r) return;\n  if (typeof r === 'function') {\n    r(el);\n    return;\n  }\n  try {\n    (r as { current: T | null }).current = el;\n  } catch {\n    // Ignore write failures\n  }\n}\n\n/**\n * Try to handle first render of element with keyed children\n * Returns true if handled, false to fall back to default rendering\n */\nfunction tryFirstRenderKeyedChildren(\n  target: Element,\n  vnode: DOMElement\n): boolean {\n  const children = vnode.children;\n  if (!Array.isArray(children) || !hasKeyedChildren(children)) {\n    return false;\n  }\n\n  const el = createElementForNamespace(\n    vnode.type as string,\n    target.namespaceURI === SVG_NAMESPACE ? SVG_NAMESPACE : undefined\n  );\n  target.appendChild(el);\n\n  applyPropsToElement(el, vnode.props || {});\n\n  const newKeyMap = reconcileKeyedChildren(el, children, undefined);\n  keyedElements.set(el, newKeyMap);\n  return true;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Fragment Helpers\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Check if a vnode is a Fragment\n */\nfunction isFragment(vnode: unknown): vnode is DOMElement {\n  return (\n    _isDOMElement(vnode) &&\n    typeof (vnode as DOMElement).type === 'symbol' &&\n    ((vnode as DOMElement).type === Fragment ||\n      String((vnode as DOMElement).type) === 'Symbol(askr.fragment)')\n  );\n}\n\n/**\n * Unwrap Fragment to get children array\n */\nfunction getFragmentChildren(vnode: DOMElement): unknown[] {\n  const fragmentChildren = vnode.props?.children || vnode.children || [];\n  return Array.isArray(fragmentChildren)\n    ? fragmentChildren\n    : [fragmentChildren];\n}\n\nexport function evaluate(\n  node: unknown,\n  target: Element | null,\n  context?: object\n): void {\n  if (!target) return;\n  // SSR guard: avoid DOM ops when not in a browser-like environment\n  if (typeof document === 'undefined') {\n    if (getRuntimeEnv().NODE_ENV !== 'production') {\n      try {\n        // Keep this lightweight and non-throwing so test harnesses and SSR\n        // imports don't crash at runtime; callers should avoid calling\n        // `evaluate` in SSR, but we make it safe as a no-op.\n        console.warn('[Askr] evaluate() called in non-DOM environment; no-op.');\n      } catch (e) {\n        void e;\n      }\n    }\n    return;\n  }\n  // Debug tracing to help understand why initial mounts sometimes don't\n  // result in DOM mutations during tests.\n\n  // If context provided, use component-owned DOM range (only replace that range)\n  if (context && domRanges.has(context)) {\n    const range = domRanges.get(context)!;\n    const normalizedChildren =\n      node === null || node === undefined || node === false\n        ? []\n        : isFragment(node)\n          ? getFragmentChildren(node as DOMElement)\n          : Array.isArray(node)\n            ? node\n            : [node];\n\n    updateDOMRange(target, range, normalizedChildren);\n  } else if (context) {\n    // First render with context: create range markers\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    // Render into the range\n    const dom = createDOMNode(node);\n    if (dom) {\n      target.insertBefore(dom, end);\n    }\n  } else {\n    // Root render (no context): smart update strategy\n    // If target has exactly one child of the same element type as the vnode,\n    // reuse the element and just update its content.\n    // This preserves the element reference and event handlers across renders.\n\n    let vnode = node;\n\n    // If vnode is a Fragment, unwrap it to get the actual content for the smart update path.\n    // Fragments become invisible in the DOM - their children are placed directly in the parent.\n    // So for smart updates, we need to compare against the Fragment's children, not the Fragment itself.\n    if (isFragment(vnode)) {\n      const childArray = getFragmentChildren(vnode as DOMElement);\n      // If Fragment has exactly one child that's an element, unwrap to that child\n      // This allows the smart update path to match against it\n      if (\n        childArray.length === 1 &&\n        _isDOMElement(childArray[0]) &&\n        typeof (childArray[0] as DOMElement).type === 'string'\n      ) {\n        vnode = childArray[0];\n      } else {\n        // Fragment with multiple children - process each child with full smart update logic\n        processFragmentChildren(target, childArray);\n        return;\n      }\n    }\n\n    if (\n      _isDOMElement(vnode) &&\n      (vnode as DOMElement).type === __FOR_BOUNDARY__\n    ) {\n      updateForBoundaryChildren(target, vnode as DOMElement);\n      return;\n    }\n\n    if (Array.isArray(vnode)) {\n      updateElementChildren(target, vnode);\n      return;\n    }\n\n    // CRITICAL FIX: Check if target itself matches the vnode type AND target is the component's own element\n    // This handles inline-rendered components where target IS the component's element.\n    // For root components, target is a container (not the component's rendered element), so we skip this path.\n    // We detect this by checking if the instance's target property points to this same element.\n    const targetWithInstance = target as Element & {\n      __ASKR_INSTANCE?: ComponentInstance;\n    };\n    const targetInstance = targetWithInstance.__ASKR_INSTANCE;\n    if (targetInstance && targetInstance.target === target) {\n      // This is a nested component's own element.\n      if (_isDOMElement(vnode) && typeof vnode.type === 'function') {\n        const syncedDom = syncComponentElement(\n          target,\n          vnode as DOMElement,\n          vnode.type as (props: Props) => unknown,\n          (((vnode as DOMElement).props ?? {}) as Record<string, unknown>) || {}\n        );\n\n        if (syncedDom instanceof Element) {\n          (\n            syncedDom as Element & { __ASKR_INSTANCE?: ComponentInstance }\n          ).__ASKR_INSTANCE = targetInstance;\n          targetInstance.target = syncedDom;\n          return;\n        }\n      }\n\n      if (\n        _isDOMElement(vnode) &&\n        typeof vnode.type === 'string' &&\n        tagNamesEqualIgnoreCase(target.tagName, vnode.type)\n      ) {\n        // Tag names match - update in place\n        smartUpdateElement(target, vnode as DOMElement);\n        return;\n      }\n\n      // Tag names don't match - need to replace the element\n      // Create new element and replace old one in parent\n      const newDom = createDOMNode(vnode);\n      if (newDom && target.parentNode) {\n        // Transfer the component instance to the new element\n        if (newDom instanceof Element) {\n          (\n            newDom as Element & { __ASKR_INSTANCE?: ComponentInstance }\n          ).__ASKR_INSTANCE = targetInstance;\n          targetInstance.target = newDom as Element;\n        }\n        // Clean up old element\n        removeAllListeners(target);\n        target.parentNode.replaceChild(newDom, target);\n        return;\n      }\n    }\n\n    const firstChild = target.children[0] as Element | undefined;\n\n    if (\n      firstChild &&\n      _isDOMElement(vnode) &&\n      typeof vnode.type === 'string' &&\n      tagNamesEqualIgnoreCase(firstChild.tagName, vnode.type)\n    ) {\n      // Reuse the existing element - it's the same type\n      smartUpdateElement(firstChild, vnode as DOMElement);\n    } else {\n      // Clear and rebuild (first render or structure changed)\n      target.textContent = '';\n\n      // Check if this is an element with keyed children even on first render\n      if (\n        _isDOMElement(vnode) &&\n        typeof vnode.type === 'string' &&\n        tryFirstRenderKeyedChildren(target, vnode as DOMElement)\n      ) {\n        return;\n      }\n\n      // Default: create whole tree\n      const dom = createDOMNode(vnode);\n      if (dom) {\n        target.appendChild(dom);\n      }\n    }\n  }\n}\n\nexport function clearDOMRange(context: object): void {\n  domRanges.delete(context);\n}\n"],"mappings":"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"}