@askrjs/askr 0.0.47 → 0.0.49

package/dist/renderer/retained-element-rollback.js

@@ -0,0 +1,276 @@
+import { logger } from "../dev/logger.js";
+import { addDelegatedListener, getDelegatedHandlersForElement, removeDelegatedListener, updateDelegatedListener } from "../runtime/events.js";
+import { elementListeners, elementReactivePropsCleanup, elementRefs } from "./cleanup.js";
+import { keyedElements } from "./keyed.js";
+//#region src/renderer/retained-element-rollback.ts
+function collectElementSubtree(root) {
+	const elements = [root];
+	const descendants = root.querySelectorAll("*");
+	for (let index = 0; index < descendants.length; index += 1) elements.push(descendants[index]);
+	return elements;
+}
+function collectTextSnapshots(root) {
+	const snapshots = [];
+	const stack = Array.from(root.childNodes).reverse();
+	while (stack.length > 0) {
+		const node = stack.pop();
+		if (node.nodeType === 3) {
+			snapshots.push({
+				node,
+				data: node.data
+			});
+			continue;
+		}
+		for (let child = node.lastChild; child; child = child.previousSibling) stack.push(child);
+	}
+	return snapshots;
+}
+function getFormControlSnapshot(element) {
+	const control = element;
+	const snapshot = { element };
+	if ("value" in control) snapshot.value = String(control.value ?? "");
+	if ("checked" in control) snapshot.checked = Boolean(control.checked);
+	return snapshot.value !== void 0 || snapshot.checked !== void 0 ? snapshot : null;
+}
+function cloneListenerEntry(entry) {
+	return {
+		handler: entry.handler,
+		original: entry.original,
+		eventName: entry.eventName,
+		options: entry.options,
+		isDelegated: entry.isDelegated,
+		updateHandler: entry.updateHandler
+	};
+}
+function cloneReactivePropEntry(entry) {
+	return {
+		cleanup: entry.cleanup,
+		fnRef: entry.fnRef,
+		restoreFn: entry.restoreFn,
+		updateFn: entry.updateFn
+	};
+}
+function snapshotRetainedElement(element) {
+	const elements = collectElementSubtree(element);
+	const attributes = [];
+	const childNodes = [];
+	const delegatedListeners = [];
+	const formControls = [];
+	const listeners = [];
+	const reactiveProps = [];
+	const refs = [];
+	for (const currentElement of elements) {
+		attributes.push({
+			element: currentElement,
+			attributes: Array.from(currentElement.attributes, (attribute) => [attribute.name, attribute.value])
+		});
+		childNodes.push({
+			element: currentElement,
+			childNodes: Array.from(currentElement.childNodes)
+		});
+		const formControl = getFormControlSnapshot(currentElement);
+		if (formControl) formControls.push(formControl);
+		const listenerMap = elementListeners.get(currentElement);
+		listeners.push({
+			element: currentElement,
+			entries: listenerMap ? Array.from(listenerMap, ([listenerKey, entry]) => ({
+				listenerKey,
+				entry: cloneListenerEntry(entry)
+			})) : []
+		});
+		const delegatedHandlerMap = getDelegatedHandlersForElement(currentElement);
+		delegatedListeners.push({
+			element: currentElement,
+			entries: delegatedHandlerMap ? Array.from(delegatedHandlerMap, ([eventName, entry]) => ({
+				eventName,
+				handler: entry.handler,
+				original: entry.original,
+				options: entry.options
+			})) : []
+		});
+		const reactivePropMap = elementReactivePropsCleanup.get(currentElement);
+		reactiveProps.push({
+			element: currentElement,
+			entries: reactivePropMap ? Array.from(reactivePropMap, ([propName, entry]) => ({
+				propName,
+				entry: cloneReactivePropEntry(entry)
+			})) : []
+		});
+		refs.push({
+			element: currentElement,
+			ref: elementRefs.get(currentElement)
+		});
+	}
+	const keyedMap = keyedElements.get(element);
+	return {
+		attributes,
+		childNodes,
+		delegatedListeners,
+		formControls,
+		keyedMap: keyedMap ? new Map(keyedMap) : void 0,
+		listeners,
+		reactiveProps,
+		refs,
+		textNodes: collectTextSnapshots(element)
+	};
+}
+function sameChildOrder(element, childNodes) {
+	if (element.childNodes.length !== childNodes.length) return false;
+	for (let index = 0; index < childNodes.length; index += 1) if (element.childNodes[index] !== childNodes[index]) return false;
+	return true;
+}
+function restoreAttributes(snapshot) {
+	for (const { element, attributes } of snapshot.attributes) {
+		const expectedNames = new Set(attributes.map(([name]) => name));
+		for (const attribute of Array.from(element.attributes)) if (!expectedNames.has(attribute.name)) element.removeAttribute(attribute.name);
+		for (const [name, value] of attributes) if (element.getAttribute(name) !== value) element.setAttribute(name, value);
+	}
+}
+function restoreFormControls(snapshot) {
+	for (const { element, value, checked } of snapshot.formControls) {
+		const control = element;
+		if (value !== void 0 && "value" in control) control.value = value;
+		if (checked !== void 0 && "checked" in control) control.checked = checked;
+	}
+}
+function applyRefValue(ref, value) {
+	if (!ref) return;
+	try {
+		if (typeof ref === "function") {
+			ref(value);
+			return;
+		}
+		if (Object.isExtensible(ref)) ref.current = value;
+	} catch {}
+}
+function restoreRefs(snapshot) {
+	for (const { element, ref } of snapshot.refs) {
+		const currentRef = elementRefs.get(element);
+		if (currentRef !== ref) applyRefValue(currentRef, null);
+		if (ref) {
+			applyRefValue(ref, element);
+			elementRefs.set(element, ref);
+		} else elementRefs.delete(element);
+	}
+}
+function removeDirectListener(element, entry) {
+	if (entry.isDelegated) return;
+	if (entry.options !== void 0) element.removeEventListener(entry.eventName, entry.handler, entry.options);
+	else element.removeEventListener(entry.eventName, entry.handler);
+}
+function addDirectListener(element, entry) {
+	if (entry.isDelegated) return;
+	if (entry.options !== void 0) element.addEventListener(entry.eventName, entry.handler, entry.options);
+	else element.addEventListener(entry.eventName, entry.handler);
+}
+function restoreListeners(snapshot) {
+	for (const { element, entries } of snapshot.listeners) {
+		const expectedKeys = new Set(entries.map(({ listenerKey }) => listenerKey));
+		let currentMap = elementListeners.get(element);
+		if (currentMap) {
+			for (const [listenerKey, entry] of Array.from(currentMap)) if (!expectedKeys.has(listenerKey)) {
+				removeDirectListener(element, entry);
+				currentMap.delete(listenerKey);
+			}
+		}
+		if (entries.length === 0) {
+			if (currentMap?.size === 0) elementListeners.delete(element);
+			continue;
+		}
+		if (!currentMap) {
+			currentMap = /* @__PURE__ */ new Map();
+			elementListeners.set(element, currentMap);
+		}
+		for (const { listenerKey, entry } of entries) {
+			const currentEntry = currentMap.get(listenerKey);
+			entry.updateHandler?.(entry.original);
+			if (currentEntry && currentEntry.handler !== entry.handler) removeDirectListener(element, currentEntry);
+			if (!currentEntry || currentEntry.handler !== entry.handler) addDirectListener(element, entry);
+			else currentEntry.updateHandler?.(entry.original);
+			currentMap.set(listenerKey, cloneListenerEntry(entry));
+		}
+	}
+}
+function restoreDelegatedListeners(snapshot) {
+	for (const { element, entries } of snapshot.delegatedListeners) {
+		const expectedEventNames = new Set(entries.map(({ eventName }) => eventName));
+		const currentMap = getDelegatedHandlersForElement(element);
+		if (currentMap) {
+			for (const eventName of currentMap.keys()) if (!expectedEventNames.has(eventName)) removeDelegatedListener(element, eventName);
+		}
+		for (const { eventName, handler, original, options } of entries) if (!updateDelegatedListener(element, eventName, handler, original, options)) addDelegatedListener(element, eventName, handler, original, options);
+	}
+}
+function restoreReactiveProps(snapshot) {
+	for (const { element, entries } of snapshot.reactiveProps) {
+		const expectedPropNames = new Set(entries.map(({ propName }) => propName));
+		let currentMap = elementReactivePropsCleanup.get(element);
+		if (currentMap) {
+			for (const [propName, entry] of Array.from(currentMap)) if (!expectedPropNames.has(propName)) {
+				entry.cleanup();
+				currentMap.delete(propName);
+			}
+		}
+		if (entries.length === 0) {
+			if (currentMap?.size === 0) elementReactivePropsCleanup.delete(element);
+			continue;
+		}
+		if (!currentMap) {
+			currentMap = /* @__PURE__ */ new Map();
+			elementReactivePropsCleanup.set(element, currentMap);
+		}
+		for (const { propName, entry } of entries) {
+			const currentEntry = currentMap.get(propName);
+			if (currentEntry) {
+				currentEntry.updateFn?.(entry.fnRef);
+				currentEntry.fnRef = entry.fnRef;
+				currentMap.set(propName, currentEntry);
+				continue;
+			}
+			currentMap.set(propName, entry.restoreFn?.(entry.fnRef) ?? cloneReactivePropEntry(entry));
+		}
+	}
+}
+function restoreChildNodes(snapshot, cleanupRangeNode) {
+	for (const { element, childNodes } of snapshot.childNodes) {
+		const expectedChildren = new Set(childNodes);
+		for (const child of Array.from(element.childNodes)) if (!expectedChildren.has(child)) cleanupRangeNode(child);
+	}
+	for (const { element, childNodes } of snapshot.childNodes) if (!sameChildOrder(element, childNodes)) element.replaceChildren(...childNodes);
+}
+function restoreTextNodes(snapshot) {
+	for (const { node, data } of snapshot.textNodes) if (node.data !== data) node.data = data;
+}
+function restoreKeyedMap(element, snapshot) {
+	if (snapshot.keyedMap) keyedElements.set(element, new Map(snapshot.keyedMap));
+	else keyedElements.delete(element);
+}
+function restoreRetainedElement(element, snapshot, cleanupRangeNode) {
+	restoreChildNodes(snapshot, cleanupRangeNode);
+	restoreReactiveProps(snapshot);
+	restoreAttributes(snapshot);
+	restoreTextNodes(snapshot);
+	restoreFormControls(snapshot);
+	restoreRefs(snapshot);
+	restoreListeners(snapshot);
+	restoreDelegatedListeners(snapshot);
+	restoreKeyedMap(element, snapshot);
+}
+function runRetainedElementUpdate(element, cleanupRangeNode, update, onError) {
+	const snapshot = snapshotRetainedElement(element);
+	try {
+		update();
+	} catch (err) {
+		onError?.();
+		try {
+			restoreRetainedElement(element, snapshot, cleanupRangeNode);
+		} catch (rollbackError) {
+			logger.warn("[Askr] retained element rollback failed:", rollbackError);
+		}
+		throw err;
+	}
+}
+//#endregion
+export { restoreRetainedElement, runRetainedElementUpdate, snapshotRetainedElement };
+
+//# sourceMappingURL=retained-element-rollback.js.map

package/dist/renderer/retained-element-rollback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"retained-element-rollback.js","names":[],"sources":["../../src/renderer/retained-element-rollback.ts"],"sourcesContent":["import { logger } from '../dev/logger';\nimport {\n  addDelegatedListener,\n  getDelegatedHandlersForElement,\n  removeDelegatedListener,\n  updateDelegatedListener,\n} from '../runtime/events';\nimport {\n  elementListeners,\n  elementReactivePropsCleanup,\n  elementRefs,\n  type ListenerMapEntry,\n  type ReactivePropCleanupEntry,\n} from './cleanup';\nimport { keyedElements } from './keyed';\n\ninterface AttributeSnapshot {\n  element: Element;\n  attributes: Array<[string, string]>;\n}\n\ninterface ChildNodesSnapshot {\n  element: Element;\n  childNodes: Node[];\n}\n\ninterface FormControlSnapshot {\n  element: Element;\n  value?: string;\n  checked?: boolean;\n}\n\ninterface DelegatedListenerEntrySnapshot {\n  eventName: string;\n  handler: EventListener;\n  original: EventListener;\n  options?: AddEventListenerOptions;\n}\n\ninterface DelegatedListenerSnapshot {\n  element: Element;\n  entries: DelegatedListenerEntrySnapshot[];\n}\n\ninterface ListenerEntrySnapshot {\n  listenerKey: string;\n  entry: ListenerMapEntry;\n}\n\ninterface ListenerSnapshot {\n  element: Element;\n  entries: ListenerEntrySnapshot[];\n}\n\ninterface RefSnapshot {\n  element: Element;\n  ref: unknown;\n}\n\ninterface ReactivePropEntrySnapshot {\n  propName: string;\n  entry: ReactivePropCleanupEntry;\n}\n\ninterface ReactivePropsSnapshot {\n  element: Element;\n  entries: ReactivePropEntrySnapshot[];\n}\n\ninterface TextSnapshot {\n  node: Text;\n  data: string;\n}\n\nexport interface RetainedElementSnapshot {\n  attributes: AttributeSnapshot[];\n  childNodes: ChildNodesSnapshot[];\n  delegatedListeners: DelegatedListenerSnapshot[];\n  formControls: FormControlSnapshot[];\n  keyedMap: Map<string | number, Element> | undefined;\n  listeners: ListenerSnapshot[];\n  reactiveProps: ReactivePropsSnapshot[];\n  refs: RefSnapshot[];\n  textNodes: TextSnapshot[];\n}\n\nfunction collectElementSubtree(root: Element): Element[] {\n  const elements = [root];\n  const descendants = root.querySelectorAll('*');\n  for (let index = 0; index < descendants.length; index += 1) {\n    elements.push(descendants[index]);\n  }\n  return elements;\n}\n\nfunction collectTextSnapshots(root: Element): TextSnapshot[] {\n  const snapshots: TextSnapshot[] = [];\n  const stack = Array.from(root.childNodes).reverse();\n\n  while (stack.length > 0) {\n    const node = stack.pop()!;\n    if (node.nodeType === 3) {\n      snapshots.push({ node: node as Text, data: (node as Text).data });\n      continue;\n    }\n\n    for (let child = node.lastChild; child; child = child.previousSibling) {\n      stack.push(child);\n    }\n  }\n\n  return snapshots;\n}\n\nfunction getFormControlSnapshot(element: Element): FormControlSnapshot | null {\n  const control = element as Element & {\n    value?: unknown;\n    checked?: unknown;\n  };\n  const snapshot: FormControlSnapshot = { element };\n\n  if ('value' in control) {\n    snapshot.value = String(control.value ?? '');\n  }\n\n  if ('checked' in control) {\n    snapshot.checked = Boolean(control.checked);\n  }\n\n  return snapshot.value !== undefined || snapshot.checked !== undefined\n    ? snapshot\n    : null;\n}\n\nfunction cloneListenerEntry(entry: ListenerMapEntry): ListenerMapEntry {\n  return {\n    handler: entry.handler,\n    original: entry.original,\n    eventName: entry.eventName,\n    options: entry.options,\n    isDelegated: entry.isDelegated,\n    updateHandler: entry.updateHandler,\n  };\n}\n\nfunction cloneReactivePropEntry(\n  entry: ReactivePropCleanupEntry\n): ReactivePropCleanupEntry {\n  return {\n    cleanup: entry.cleanup,\n    fnRef: entry.fnRef,\n    restoreFn: entry.restoreFn,\n    updateFn: entry.updateFn,\n  };\n}\n\nexport function snapshotRetainedElement(\n  element: Element\n): RetainedElementSnapshot {\n  const elements = collectElementSubtree(element);\n  const attributes: AttributeSnapshot[] = [];\n  const childNodes: ChildNodesSnapshot[] = [];\n  const delegatedListeners: DelegatedListenerSnapshot[] = [];\n  const formControls: FormControlSnapshot[] = [];\n  const listeners: ListenerSnapshot[] = [];\n  const reactiveProps: ReactivePropsSnapshot[] = [];\n  const refs: RefSnapshot[] = [];\n\n  for (const currentElement of elements) {\n    attributes.push({\n      element: currentElement,\n      attributes: Array.from(currentElement.attributes, (attribute) => [\n        attribute.name,\n        attribute.value,\n      ]),\n    });\n    childNodes.push({\n      element: currentElement,\n      childNodes: Array.from(currentElement.childNodes),\n    });\n\n    const formControl = getFormControlSnapshot(currentElement);\n    if (formControl) {\n      formControls.push(formControl);\n    }\n\n    const listenerMap = elementListeners.get(currentElement);\n    listeners.push({\n      element: currentElement,\n      entries: listenerMap\n        ? Array.from(listenerMap, ([listenerKey, entry]) => ({\n            listenerKey,\n            entry: cloneListenerEntry(entry),\n          }))\n        : [],\n    });\n\n    const delegatedHandlerMap = getDelegatedHandlersForElement(currentElement);\n    delegatedListeners.push({\n      element: currentElement,\n      entries: delegatedHandlerMap\n        ? Array.from(delegatedHandlerMap, ([eventName, entry]) => ({\n            eventName,\n            handler: entry.handler,\n            original: entry.original,\n            options: entry.options,\n          }))\n        : [],\n    });\n\n    const reactivePropMap = elementReactivePropsCleanup.get(currentElement);\n    reactiveProps.push({\n      element: currentElement,\n      entries: reactivePropMap\n        ? Array.from(reactivePropMap, ([propName, entry]) => ({\n            propName,\n            entry: cloneReactivePropEntry(entry),\n          }))\n        : [],\n    });\n\n    refs.push({\n      element: currentElement,\n      ref: elementRefs.get(currentElement),\n    });\n  }\n\n  const keyedMap = keyedElements.get(element);\n\n  return {\n    attributes,\n    childNodes,\n    delegatedListeners,\n    formControls,\n    keyedMap: keyedMap ? new Map(keyedMap) : undefined,\n    listeners,\n    reactiveProps,\n    refs,\n    textNodes: collectTextSnapshots(element),\n  };\n}\n\nfunction sameChildOrder(element: Element, childNodes: Node[]): boolean {\n  if (element.childNodes.length !== childNodes.length) {\n    return false;\n  }\n\n  for (let index = 0; index < childNodes.length; index += 1) {\n    if (element.childNodes[index] !== childNodes[index]) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nfunction restoreAttributes(snapshot: RetainedElementSnapshot): void {\n  for (const { element, attributes } of snapshot.attributes) {\n    const expectedNames = new Set(attributes.map(([name]) => name));\n\n    for (const attribute of Array.from(element.attributes)) {\n      if (!expectedNames.has(attribute.name)) {\n        element.removeAttribute(attribute.name);\n      }\n    }\n\n    for (const [name, value] of attributes) {\n      if (element.getAttribute(name) !== value) {\n        element.setAttribute(name, value);\n      }\n    }\n  }\n}\n\nfunction restoreFormControls(snapshot: RetainedElementSnapshot): void {\n  for (const { element, value, checked } of snapshot.formControls) {\n    const control = element as Element & {\n      value?: string;\n      checked?: boolean;\n    };\n\n    if (value !== undefined && 'value' in control) {\n      control.value = value;\n    }\n\n    if (checked !== undefined && 'checked' in control) {\n      control.checked = checked;\n    }\n  }\n}\n\nfunction applyRefValue<T>(ref: unknown, value: T | null): void {\n  if (!ref) {\n    return;\n  }\n\n  try {\n    if (typeof ref === 'function') {\n      (ref as (value: T | null) => void)(value);\n      return;\n    }\n\n    if (Object.isExtensible(ref)) {\n      (ref as { current: T | null }).current = value;\n    }\n  } catch {\n    // Rollback must preserve the original render error.\n  }\n}\n\nfunction restoreRefs(snapshot: RetainedElementSnapshot): void {\n  for (const { element, ref } of snapshot.refs) {\n    const currentRef = elementRefs.get(element);\n\n    if (currentRef !== ref) {\n      applyRefValue(currentRef, null);\n    }\n\n    if (ref) {\n      applyRefValue(ref, element);\n      elementRefs.set(element, ref);\n    } else {\n      elementRefs.delete(element);\n    }\n  }\n}\n\nfunction removeDirectListener(element: Element, entry: ListenerMapEntry): void {\n  if (entry.isDelegated) {\n    return;\n  }\n\n  if (entry.options !== undefined) {\n    element.removeEventListener(entry.eventName, entry.handler, entry.options);\n  } else {\n    element.removeEventListener(entry.eventName, entry.handler);\n  }\n}\n\nfunction addDirectListener(element: Element, entry: ListenerMapEntry): void {\n  if (entry.isDelegated) {\n    return;\n  }\n\n  if (entry.options !== undefined) {\n    element.addEventListener(entry.eventName, entry.handler, entry.options);\n  } else {\n    element.addEventListener(entry.eventName, entry.handler);\n  }\n}\n\nfunction restoreListeners(snapshot: RetainedElementSnapshot): void {\n  for (const { element, entries } of snapshot.listeners) {\n    const expectedKeys = new Set(entries.map(({ listenerKey }) => listenerKey));\n    let currentMap = elementListeners.get(element);\n\n    if (currentMap) {\n      for (const [listenerKey, entry] of Array.from(currentMap)) {\n        if (!expectedKeys.has(listenerKey)) {\n          removeDirectListener(element, entry);\n          currentMap.delete(listenerKey);\n        }\n      }\n    }\n\n    if (entries.length === 0) {\n      if (currentMap?.size === 0) {\n        elementListeners.delete(element);\n      }\n      continue;\n    }\n\n    if (!currentMap) {\n      currentMap = new Map();\n      elementListeners.set(element, currentMap);\n    }\n\n    for (const { listenerKey, entry } of entries) {\n      const currentEntry = currentMap.get(listenerKey);\n\n      entry.updateHandler?.(entry.original);\n\n      if (currentEntry && currentEntry.handler !== entry.handler) {\n        removeDirectListener(element, currentEntry);\n      }\n\n      if (!currentEntry || currentEntry.handler !== entry.handler) {\n        addDirectListener(element, entry);\n      } else {\n        currentEntry.updateHandler?.(entry.original);\n      }\n\n      currentMap.set(listenerKey, cloneListenerEntry(entry));\n    }\n  }\n}\n\nfunction restoreDelegatedListeners(snapshot: RetainedElementSnapshot): void {\n  for (const { element, entries } of snapshot.delegatedListeners) {\n    const expectedEventNames = new Set(\n      entries.map(({ eventName }) => eventName)\n    );\n    const currentMap = getDelegatedHandlersForElement(element);\n\n    if (currentMap) {\n      for (const eventName of currentMap.keys()) {\n        if (!expectedEventNames.has(eventName)) {\n          removeDelegatedListener(element, eventName);\n        }\n      }\n    }\n\n    for (const { eventName, handler, original, options } of entries) {\n      if (\n        !updateDelegatedListener(element, eventName, handler, original, options)\n      ) {\n        addDelegatedListener(element, eventName, handler, original, options);\n      }\n    }\n  }\n}\n\nfunction restoreReactiveProps(snapshot: RetainedElementSnapshot): void {\n  for (const { element, entries } of snapshot.reactiveProps) {\n    const expectedPropNames = new Set(entries.map(({ propName }) => propName));\n    let currentMap = elementReactivePropsCleanup.get(element);\n\n    if (currentMap) {\n      for (const [propName, entry] of Array.from(currentMap)) {\n        if (!expectedPropNames.has(propName)) {\n          entry.cleanup();\n          currentMap.delete(propName);\n        }\n      }\n    }\n\n    if (entries.length === 0) {\n      if (currentMap?.size === 0) {\n        elementReactivePropsCleanup.delete(element);\n      }\n      continue;\n    }\n\n    if (!currentMap) {\n      currentMap = new Map();\n      elementReactivePropsCleanup.set(element, currentMap);\n    }\n\n    for (const { propName, entry } of entries) {\n      const currentEntry = currentMap.get(propName);\n\n      if (currentEntry) {\n        currentEntry.updateFn?.(entry.fnRef);\n        currentEntry.fnRef = entry.fnRef;\n        currentMap.set(propName, currentEntry);\n        continue;\n      }\n\n      currentMap.set(\n        propName,\n        entry.restoreFn?.(entry.fnRef) ?? cloneReactivePropEntry(entry)\n      );\n    }\n  }\n}\n\nfunction restoreChildNodes(\n  snapshot: RetainedElementSnapshot,\n  cleanupRangeNode: (node: Node) => void\n): void {\n  for (const { element, childNodes } of snapshot.childNodes) {\n    const expectedChildren = new Set(childNodes);\n\n    for (const child of Array.from(element.childNodes)) {\n      if (!expectedChildren.has(child)) {\n        cleanupRangeNode(child);\n      }\n    }\n  }\n\n  for (const { element, childNodes } of snapshot.childNodes) {\n    if (!sameChildOrder(element, childNodes)) {\n      element.replaceChildren(...childNodes);\n    }\n  }\n}\n\nfunction restoreTextNodes(snapshot: RetainedElementSnapshot): void {\n  for (const { node, data } of snapshot.textNodes) {\n    if (node.data !== data) {\n      node.data = data;\n    }\n  }\n}\n\nfunction restoreKeyedMap(\n  element: Element,\n  snapshot: RetainedElementSnapshot\n): void {\n  if (snapshot.keyedMap) {\n    keyedElements.set(element, new Map(snapshot.keyedMap));\n  } else {\n    keyedElements.delete(element);\n  }\n}\n\nexport function restoreRetainedElement(\n  element: Element,\n  snapshot: RetainedElementSnapshot,\n  cleanupRangeNode: (node: Node) => void\n): void {\n  restoreChildNodes(snapshot, cleanupRangeNode);\n  restoreReactiveProps(snapshot);\n  restoreAttributes(snapshot);\n  restoreTextNodes(snapshot);\n  restoreFormControls(snapshot);\n  restoreRefs(snapshot);\n  restoreListeners(snapshot);\n  restoreDelegatedListeners(snapshot);\n  restoreKeyedMap(element, snapshot);\n}\n\nexport function runRetainedElementUpdate(\n  element: Element,\n  cleanupRangeNode: (node: Node) => void,\n  update: () => void,\n  onError?: () => void\n): void {\n  const snapshot = snapshotRetainedElement(element);\n\n  try {\n    update();\n  } catch (err) {\n    onError?.();\n\n    try {\n      restoreRetainedElement(element, snapshot, cleanupRangeNode);\n    } catch (rollbackError) {\n      logger.warn('[Askr] retained element rollback failed:', rollbackError);\n    }\n\n    throw err;\n  }\n}\n"],"mappings":"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"}

package/dist/renderer/stable-patch.js

@@ -0,0 +1,82 @@
+import { _isDOMElement } from "../common/vnode.js";
+import "./types.js";
+import { getCurrentContextFrame, getVNodeContextFrame, withContext } from "../runtime/context.js";
+import { incDevCounter } from "../runtime/dev-namespace.js";
+import { getCurrentInstance } from "../runtime/component-scope.js";
+import { isPromiseLike } from "../common/promise.js";
+import { captureInlineRenderSnapshot, renderComponentInline, warnUnusedStateReads } from "../runtime/component-internal.js";
+import "../runtime/component-contracts.js";
+import { tagNamesEqualIgnoreCase } from "./utils.js";
+import { recordBenchEvent } from "../runtime/for-bench.js";
+import "../runtime/for.js";
+import { getRendererDOMHost } from "./dom-host.js";
+import { findHostInstanceByType, inheritComponentCleanupStrict, inheritComponentKey, isRouteRootComponentVNode } from "./component-host-instances.js";
+import { resolveNestedComponentResult } from "./component-host.js";
+//#region src/renderer/stable-patch.ts
+function normalizeStableIntrinsicChildren(children) {
+	if (children === null || children === void 0 || children === false) return [];
+	return Array.isArray(children) ? children : [children];
+}
+function getStableIntrinsicChildren(vnode) {
+	return normalizeStableIntrinsicChildren(vnode.props?.children ?? vnode.children);
+}
+function patchStableIntrinsicText(domNode, nextVNode) {
+	if (domNode.nodeType !== 3 || typeof nextVNode !== "string" && typeof nextVNode !== "number") return false;
+	const nextText = String(nextVNode);
+	const textNode = domNode;
+	if (textNode.data !== nextText) {
+		recordBenchEvent("domTextSet");
+		textNode.data = nextText;
+	}
+	return true;
+}
+function patchStableIntrinsicElement(dom, nextVNode) {
+	if (typeof nextVNode.type !== "string" || !tagNamesEqualIgnoreCase(dom.tagName, nextVNode.type)) return false;
+	getRendererDOMHost().updateElementFromVnode(dom, nextVNode, false);
+	const nextChildren = getStableIntrinsicChildren(nextVNode);
+	if (dom.childNodes.length !== nextChildren.length) return false;
+	for (let index = 0; index < nextChildren.length; index += 1) {
+		const nextChild = nextChildren[index];
+		const currentChildNode = dom.childNodes[index];
+		if (!currentChildNode) return false;
+		if (patchStableIntrinsicText(currentChildNode, nextChild)) continue;
+		if (currentChildNode instanceof Element && _isDOMElement(nextChild) && typeof nextChild.type === "string" && patchStableIntrinsicElement(currentChildNode, nextChild)) continue;
+		return false;
+	}
+	return true;
+}
+function resolveStableIntrinsicPatchVNode(dom, vnode) {
+	if (!_isDOMElement(vnode)) return null;
+	if (typeof vnode.type === "string") return tagNamesEqualIgnoreCase(dom.tagName, vnode.type) ? vnode : null;
+	if (typeof vnode.type !== "function") return null;
+	const host = dom;
+	const existingInstance = findHostInstanceByType(host, vnode.type);
+	if (!existingInstance || existingInstance.fn !== vnode.type || host.__ASKR_WRAPPER_HOST) return null;
+	const snapshot = getVNodeContextFrame(vnode) || getCurrentContextFrame() || existingInstance.ownerFrame || null;
+	captureInlineRenderSnapshot(existingInstance);
+	existingInstance.props = (vnode.props ?? {}) || {};
+	existingInstance.isRoot = isRouteRootComponentVNode(vnode);
+	existingInstance.portalScope = getCurrentInstance()?.portalScope ?? existingInstance.portalScope;
+	inheritComponentCleanupStrict(existingInstance);
+	if (snapshot) existingInstance.ownerFrame = snapshot;
+	const result = withContext(snapshot, () => renderComponentInline(existingInstance));
+	if (isPromiseLike(result)) throw new Error("Async components are not supported. Components must return synchronously.");
+	const resolvedResult = resolveNestedComponentResult(result, snapshot ?? null, existingInstance);
+	if (_isDOMElement(resolvedResult) && typeof resolvedResult.type === "string" && tagNamesEqualIgnoreCase(dom.tagName, resolvedResult.type)) return inheritComponentKey(resolvedResult, vnode);
+	return null;
+}
+function tryPatchStableForDirtyItem(scope) {
+	incDevCounter("stableForPatchAttempt");
+	if (!(scope.dom instanceof Element) || scope.vnode === void 0) return false;
+	const nextIntrinsic = resolveStableIntrinsicPatchVNode(scope.dom, scope.vnode);
+	if (!nextIntrinsic) return false;
+	const didPatch = patchStableIntrinsicElement(scope.dom, nextIntrinsic);
+	const existingInstance = scope.dom.__ASKR_INSTANCE;
+	if (didPatch && existingInstance) warnUnusedStateReads(existingInstance);
+	if (didPatch) incDevCounter("stableForPatchHit");
+	return didPatch;
+}
+//#endregion
+export { tryPatchStableForDirtyItem };
+
+//# sourceMappingURL=stable-patch.js.map

package/dist/renderer/stable-patch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stable-patch.js","names":[],"sources":["../../src/renderer/stable-patch.ts"],"sourcesContent":["import { isPromiseLike } from '../common/promise';\nimport {\n  captureInlineRenderSnapshot,\n  getCurrentInstance,\n  renderComponentInline,\n  warnUnusedStateReads,\n  type ComponentFunction,\n} from '../runtime/component-contracts';\nimport {\n  getCurrentContextFrame,\n  getVNodeContextFrame,\n  withContext,\n} from '../runtime/context';\nimport { incDevCounter } from '../runtime/dev-namespace';\nimport { recordBenchEvent } from '../runtime/for';\nimport {\n  findHostInstanceByType,\n  inheritComponentCleanupStrict,\n  inheritComponentKey,\n  isRouteRootComponentVNode,\n  resolveNestedComponentResult,\n} from './component-host';\nimport { getRendererDOMHost, type InstanceHostElement } from './dom-host';\nimport { _isDOMElement, type DOMElement, type VNode } from './types';\nimport { tagNamesEqualIgnoreCase } from './utils';\n\nfunction normalizeStableIntrinsicChildren(\n  children: VNode | VNode[] | undefined\n): VNode[] {\n  if (children === null || children === undefined || children === false) {\n    return [];\n  }\n\n  return Array.isArray(children) ? children : [children];\n}\n\nfunction getStableIntrinsicChildren(vnode: DOMElement): VNode[] {\n  return normalizeStableIntrinsicChildren(\n    (vnode.props?.children as VNode | VNode[] | undefined) ?? vnode.children\n  );\n}\n\nfunction patchStableIntrinsicText(domNode: Node, nextVNode: VNode): boolean {\n  if (\n    domNode.nodeType !== 3 ||\n    (typeof nextVNode !== 'string' && typeof nextVNode !== 'number')\n  ) {\n    return false;\n  }\n\n  const nextText = String(nextVNode);\n  const textNode = domNode as Text;\n  if (textNode.data !== nextText) {\n    recordBenchEvent('domTextSet');\n    textNode.data = nextText;\n  }\n\n  return true;\n}\n\nfunction patchStableIntrinsicElement(\n  dom: Element,\n  nextVNode: DOMElement\n): boolean {\n  if (\n    typeof nextVNode.type !== 'string' ||\n    !tagNamesEqualIgnoreCase(dom.tagName, nextVNode.type)\n  ) {\n    return false;\n  }\n\n  getRendererDOMHost().updateElementFromVnode(dom, nextVNode, false);\n\n  const nextChildren = getStableIntrinsicChildren(nextVNode);\n  if (dom.childNodes.length !== nextChildren.length) {\n    return false;\n  }\n\n  for (let index = 0; index < nextChildren.length; index += 1) {\n    const nextChild = nextChildren[index];\n\n    const currentChildNode = dom.childNodes[index];\n    if (!currentChildNode) {\n      return false;\n    }\n\n    if (patchStableIntrinsicText(currentChildNode, nextChild)) {\n      continue;\n    }\n\n    if (\n      currentChildNode instanceof Element &&\n      _isDOMElement(nextChild) &&\n      typeof nextChild.type === 'string' &&\n      patchStableIntrinsicElement(currentChildNode, nextChild)\n    ) {\n      continue;\n    }\n\n    return false;\n  }\n\n  return true;\n}\n\nfunction resolveStableIntrinsicPatchVNode(\n  dom: Element,\n  vnode: VNode\n): DOMElement | null {\n  if (!_isDOMElement(vnode)) {\n    return null;\n  }\n\n  if (typeof vnode.type === 'string') {\n    return tagNamesEqualIgnoreCase(dom.tagName, vnode.type) ? vnode : null;\n  }\n\n  if (typeof vnode.type !== 'function') {\n    return null;\n  }\n\n  const host = dom as InstanceHostElement;\n  const existingInstance = findHostInstanceByType(\n    host,\n    vnode.type as ComponentFunction\n  );\n  if (\n    !existingInstance ||\n    existingInstance.fn !== vnode.type ||\n    host.__ASKR_WRAPPER_HOST\n  ) {\n    return null;\n  }\n\n  const snapshot =\n    getVNodeContextFrame(vnode) ||\n    getCurrentContextFrame() ||\n    existingInstance.ownerFrame ||\n    null;\n\n  captureInlineRenderSnapshot(existingInstance);\n\n  existingInstance.props =\n    (((vnode as DOMElement).props ?? {}) as Record<string, unknown>) || {};\n  existingInstance.isRoot = isRouteRootComponentVNode(vnode);\n  existingInstance.portalScope =\n    getCurrentInstance()?.portalScope ?? existingInstance.portalScope;\n  inheritComponentCleanupStrict(existingInstance);\n\n  if (snapshot) {\n    existingInstance.ownerFrame = snapshot;\n  }\n\n  const result = withContext(snapshot, () =>\n    renderComponentInline(existingInstance)\n  );\n  if (isPromiseLike(result)) {\n    throw new Error(\n      'Async components are not supported. Components must return synchronously.'\n    );\n  }\n\n  const resolvedResult = resolveNestedComponentResult(\n    result,\n    snapshot ?? null,\n    existingInstance\n  );\n  if (\n    _isDOMElement(resolvedResult) &&\n    typeof resolvedResult.type === 'string' &&\n    tagNamesEqualIgnoreCase(dom.tagName, resolvedResult.type)\n  ) {\n    return inheritComponentKey(resolvedResult, vnode as DOMElement);\n  }\n\n  return null;\n}\n\nexport function tryPatchStableForDirtyItem(scope: {\n  dom?: Node;\n  vnode?: VNode;\n}): boolean {\n  incDevCounter('stableForPatchAttempt');\n  if (!(scope.dom instanceof Element) || scope.vnode === undefined) {\n    return false;\n  }\n\n  const nextIntrinsic = resolveStableIntrinsicPatchVNode(\n    scope.dom,\n    scope.vnode\n  );\n  if (!nextIntrinsic) {\n    return false;\n  }\n\n  const didPatch = patchStableIntrinsicElement(scope.dom, nextIntrinsic);\n\n  const existingInstance = (scope.dom as InstanceHostElement).__ASKR_INSTANCE;\n  if (didPatch && existingInstance) {\n    warnUnusedStateReads(existingInstance);\n  }\n\n  if (didPatch) {\n    incDevCounter('stableForPatchHit');\n  }\n\n  return didPatch;\n}\n"],"mappings":";;;;;;;;;;;;;;;AA0BA,SAAS,iCACP,UACS;CACT,IAAI,aAAa,QAAQ,aAAa,UAAa,aAAa,OAC9D,OAAO,CAAC;CAGV,OAAO,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAC,QAAQ;AACvD;AAEA,SAAS,2BAA2B,OAA4B;CAC9D,OAAO,iCACJ,MAAM,OAAO,YAA4C,MAAM,QAClE;AACF;AAEA,SAAS,yBAAyB,SAAe,WAA2B;CAC1E,IACE,QAAQ,aAAa,KACpB,OAAO,cAAc,YAAY,OAAO,cAAc,UAEvD,OAAO;CAGT,MAAM,WAAW,OAAO,SAAS;CACjC,MAAM,WAAW;CACjB,IAAI,SAAS,SAAS,UAAU;EAC9B,iBAAiB,YAAY;EAC7B,SAAS,OAAO;CAClB;CAEA,OAAO;AACT;AAEA,SAAS,4BACP,KACA,WACS;CACT,IACE,OAAO,UAAU,SAAS,YAC1B,CAAC,wBAAwB,IAAI,SAAS,UAAU,IAAI,GAEpD,OAAO;CAGT,mBAAmB,CAAC,CAAC,uBAAuB,KAAK,WAAW,KAAK;CAEjE,MAAM,eAAe,2BAA2B,SAAS;CACzD,IAAI,IAAI,WAAW,WAAW,aAAa,QACzC,OAAO;CAGT,KAAK,IAAI,QAAQ,GAAG,QAAQ,aAAa,QAAQ,SAAS,GAAG;EAC3D,MAAM,YAAY,aAAa;EAE/B,MAAM,mBAAmB,IAAI,WAAW;EACxC,IAAI,CAAC,kBACH,OAAO;EAGT,IAAI,yBAAyB,kBAAkB,SAAS,GACtD;EAGF,IACE,4BAA4B,WAC5B,cAAc,SAAS,KACvB,OAAO,UAAU,SAAS,YAC1B,4BAA4B,kBAAkB,SAAS,GAEvD;EAGF,OAAO;CACT;CAEA,OAAO;AACT;AAEA,SAAS,iCACP,KACA,OACmB;CACnB,IAAI,CAAC,cAAc,KAAK,GACtB,OAAO;CAGT,IAAI,OAAO,MAAM,SAAS,UACxB,OAAO,wBAAwB,IAAI,SAAS,MAAM,IAAI,IAAI,QAAQ;CAGpE,IAAI,OAAO,MAAM,SAAS,YACxB,OAAO;CAGT,MAAM,OAAO;CACb,MAAM,mBAAmB,uBACvB,MACA,MAAM,IACR;CACA,IACE,CAAC,oBACD,iBAAiB,OAAO,MAAM,QAC9B,KAAK,qBAEL,OAAO;CAGT,MAAM,WACJ,qBAAqB,KAAK,KAC1B,uBAAuB,KACvB,iBAAiB,cACjB;CAEF,4BAA4B,gBAAgB;CAE5C,iBAAiB,SACZ,MAAqB,SAAS,CAAC,MAAkC,CAAC;CACvE,iBAAiB,SAAS,0BAA0B,KAAK;CACzD,iBAAiB,cACf,mBAAmB,CAAC,EAAE,eAAe,iBAAiB;CACxD,8BAA8B,gBAAgB;CAE9C,IAAI,UACF,iBAAiB,aAAa;CAGhC,MAAM,SAAS,YAAY,gBACzB,sBAAsB,gBAAgB,CACxC;CACA,IAAI,cAAc,MAAM,GACtB,MAAM,IAAI,MACR,2EACF;CAGF,MAAM,iBAAiB,6BACrB,QACA,YAAY,MACZ,gBACF;CACA,IACE,cAAc,cAAc,KAC5B,OAAO,eAAe,SAAS,YAC/B,wBAAwB,IAAI,SAAS,eAAe,IAAI,GAExD,OAAO,oBAAoB,gBAAgB,KAAmB;CAGhE,OAAO;AACT;AAEA,SAAgB,2BAA2B,OAG/B;CACV,cAAc,uBAAuB;CACrC,IAAI,EAAE,MAAM,eAAe,YAAY,MAAM,UAAU,QACrD,OAAO;CAGT,MAAM,gBAAgB,iCACpB,MAAM,KACN,MAAM,KACR;CACA,IAAI,CAAC,eACH,OAAO;CAGT,MAAM,WAAW,4BAA4B,MAAM,KAAK,aAAa;CAErE,MAAM,mBAAoB,MAAM,IAA4B;CAC5D,IAAI,YAAY,kBACd,qBAAqB,gBAAgB;CAGvC,IAAI,UACF,cAAc,mBAAmB;CAGnC,OAAO;AACT"}

package/dist/renderer/static-reuse.js

@@ -0,0 +1,96 @@
+import { _isDOMElement } from "../common/vnode.js";
+import "./types.js";
+import { Fragment } from "../common/jsx.js";
+import { tagNamesEqualIgnoreCase } from "./utils.js";
+import "../jsx-runtime.js";
+import { hasMatchingStaticProps } from "./attributes.js";
+//#region src/renderer/static-reuse.ts
+/**
+* Static subtree reuse checks for intrinsic DOM children.
+*/
+function isFragmentVNode(node) {
+	return _isDOMElement(node) && typeof node.type === "symbol" && (node.type === Fragment || String(node.type) === "Symbol(askr.fragment)");
+}
+function upperCommonTagName(tag) {
+	switch (tag) {
+		case "div": return "DIV";
+		case "span": return "SPAN";
+		case "p": return "P";
+		case "a": return "A";
+		case "button": return "BUTTON";
+		case "input": return "INPUT";
+		case "ul": return "UL";
+		case "ol": return "OL";
+		case "li": return "LI";
+		default: return null;
+	}
+}
+function tagsEqualIgnoreCase(elementTagName, vnodeType) {
+	const upperCommon = upperCommonTagName(vnodeType);
+	if (upperCommon !== null && elementTagName === upperCommon) return true;
+	return tagNamesEqualIgnoreCase(elementTagName, vnodeType);
+}
+const STATIC_CHILD_SLOTS_CACHE = Symbol.for("__askrStaticChildSlots");
+let staticChildSlotsCacheEnabled = true;
+function setStaticChildSlotsCacheEnabled(enabled) {
+	staticChildSlotsCacheEnabled = enabled;
+}
+function collectStaticChildSlots(children, slots) {
+	if (isFragmentVNode(children)) return collectStaticChildSlots(children.props?.children ?? children.children, slots);
+	if (Array.isArray(children)) {
+		for (const child of children) if (!collectStaticChildSlots(child, slots)) return false;
+		return true;
+	}
+	if (children === null || children === void 0 || children === false) return true;
+	if (typeof children === "string" || typeof children === "number") {
+		slots.push({
+			kind: "text",
+			value: String(children)
+		});
+		return true;
+	}
+	if (_isDOMElement(children) && typeof children.type === "string") {
+		slots.push({
+			kind: "element",
+			value: children
+		});
+		return true;
+	}
+	return false;
+}
+function getStaticChildSlots(vnode) {
+	if (staticChildSlotsCacheEnabled) {
+		const cached = vnode[STATIC_CHILD_SLOTS_CACHE];
+		if (cached !== void 0) return cached;
+	}
+	const slots = [];
+	const staticSlots = collectStaticChildSlots(vnode.props?.children ?? vnode.children, slots) ? slots : null;
+	if (staticChildSlotsCacheEnabled) {
+		const cacheNode = vnode;
+		if (Object.isExtensible(vnode)) cacheNode[STATIC_CHILD_SLOTS_CACHE] = staticSlots;
+	}
+	return staticSlots;
+}
+function canReuseStaticSubtree(el, vnode) {
+	if (typeof vnode.type !== "string" || !tagsEqualIgnoreCase(el.tagName, vnode.type)) return false;
+	if (!hasMatchingStaticProps(el, vnode.props || {}, vnode.type)) return false;
+	const slots = getStaticChildSlots(vnode);
+	if (!slots) return false;
+	if (el.childNodes.length !== slots.length) return false;
+	for (let index = 0; index < slots.length; index += 1) {
+		const slot = slots[index];
+		const current = el.childNodes[index];
+		if (!current) return false;
+		if (slot.kind === "text") {
+			if (current.nodeType !== 3 || current.data !== slot.value) return false;
+			continue;
+		}
+		if (!(current instanceof Element)) return false;
+		if (!canReuseStaticSubtree(current, slot.value)) return false;
+	}
+	return true;
+}
+//#endregion
+export { canReuseStaticSubtree, setStaticChildSlotsCacheEnabled, tagsEqualIgnoreCase };
+
+//# sourceMappingURL=static-reuse.js.map

package/dist/renderer/static-reuse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static-reuse.js","names":[],"sources":["../../src/renderer/static-reuse.ts"],"sourcesContent":["/**\n * Static subtree reuse checks for intrinsic DOM children.\n */\n\nimport { Fragment } from '../jsx/jsx-runtime';\nimport { hasMatchingStaticProps } from './attributes';\nimport { _isDOMElement, type DOMElement } from './types';\nimport { tagNamesEqualIgnoreCase } from './utils';\n\nfunction isFragmentVNode(node: unknown): node is DOMElement {\n  return (\n    _isDOMElement(node) &&\n    typeof (node as DOMElement).type === 'symbol' &&\n    ((node as DOMElement).type === Fragment ||\n      String((node as DOMElement).type) === 'Symbol(askr.fragment)')\n  );\n}\n\nfunction upperCommonTagName(tag: string): string | null {\n  switch (tag) {\n    case 'div':\n      return 'DIV';\n    case 'span':\n      return 'SPAN';\n    case 'p':\n      return 'P';\n    case 'a':\n      return 'A';\n    case 'button':\n      return 'BUTTON';\n    case 'input':\n      return 'INPUT';\n    case 'ul':\n      return 'UL';\n    case 'ol':\n      return 'OL';\n    case 'li':\n      return 'LI';\n    default:\n      return null;\n  }\n}\n\nexport function tagsEqualIgnoreCase(\n  elementTagName: string,\n  vnodeType: string\n): boolean {\n  const upperCommon = upperCommonTagName(vnodeType);\n  if (upperCommon !== null && elementTagName === upperCommon) return true;\n  return tagNamesEqualIgnoreCase(elementTagName, vnodeType);\n}\n\ntype StaticChildSlot =\n  | { kind: 'text'; value: string }\n  | { kind: 'element'; value: DOMElement };\n\nconst STATIC_CHILD_SLOTS_CACHE = Symbol.for('__askrStaticChildSlots');\nlet staticChildSlotsCacheEnabled = true;\n\ninterface StaticChildSlotsCacheNode {\n  [STATIC_CHILD_SLOTS_CACHE]?: StaticChildSlot[] | null;\n}\n\nexport function setStaticChildSlotsCacheEnabled(enabled: boolean): void {\n  staticChildSlotsCacheEnabled = enabled;\n}\n\nfunction collectStaticChildSlots(\n  children: unknown,\n  slots: StaticChildSlot[]\n): boolean {\n  if (isFragmentVNode(children)) {\n    const fragmentChildren = children.props?.children ?? children.children;\n    return collectStaticChildSlots(fragmentChildren, slots);\n  }\n\n  if (Array.isArray(children)) {\n    for (const child of children) {\n      if (!collectStaticChildSlots(child, slots)) {\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 === 'string' || typeof children === 'number') {\n    slots.push({ kind: 'text', value: String(children) });\n    return true;\n  }\n\n  if (\n    _isDOMElement(children) &&\n    typeof (children as DOMElement).type === 'string'\n  ) {\n    slots.push({ kind: 'element', value: children as DOMElement });\n    return true;\n  }\n\n  return false;\n}\n\nfunction getStaticChildSlots(vnode: DOMElement): StaticChildSlot[] | null {\n  if (staticChildSlotsCacheEnabled) {\n    const cacheNode = vnode as DOMElement & StaticChildSlotsCacheNode;\n    const cached = cacheNode[STATIC_CHILD_SLOTS_CACHE];\n    if (cached !== undefined) {\n      return cached;\n    }\n  }\n\n  const slots: StaticChildSlot[] = [];\n  const staticSlots = collectStaticChildSlots(\n    (vnode.props?.children ?? vnode.children) as unknown,\n    slots\n  )\n    ? slots\n    : null;\n  if (staticChildSlotsCacheEnabled) {\n    const cacheNode = vnode as DOMElement & StaticChildSlotsCacheNode;\n    if (Object.isExtensible(vnode)) {\n      cacheNode[STATIC_CHILD_SLOTS_CACHE] = staticSlots;\n    }\n  }\n  return staticSlots;\n}\n\nexport function canReuseStaticSubtree(el: Element, vnode: DOMElement): boolean {\n  if (\n    typeof vnode.type !== 'string' ||\n    !tagsEqualIgnoreCase(el.tagName, vnode.type)\n  ) {\n    return false;\n  }\n\n  const props = (vnode.props || {}) as Record<string, unknown>;\n  if (!hasMatchingStaticProps(el, props, vnode.type)) {\n    return false;\n  }\n\n  const slots = getStaticChildSlots(vnode);\n  if (!slots) {\n    return false;\n  }\n\n  if (el.childNodes.length !== slots.length) {\n    return false;\n  }\n\n  for (let index = 0; index < slots.length; index += 1) {\n    const slot = slots[index];\n    const current = el.childNodes[index];\n    if (!current) {\n      return false;\n    }\n\n    if (slot.kind === 'text') {\n      if (current.nodeType !== 3 || (current as Text).data !== slot.value) {\n        return false;\n      }\n      continue;\n    }\n\n    if (!(current instanceof Element)) {\n      return false;\n    }\n\n    if (!canReuseStaticSubtree(current, slot.value)) {\n      return false;\n    }\n  }\n\n  return true;\n}\n"],"mappings":";;;;;;;;;;AASA,SAAS,gBAAgB,MAAmC;CAC1D,OACE,cAAc,IAAI,KAClB,OAAQ,KAAoB,SAAS,aACnC,KAAoB,SAAS,YAC7B,OAAQ,KAAoB,IAAI,MAAM;AAE5C;AAEA,SAAS,mBAAmB,KAA4B;CACtD,QAAQ,KAAR;EACE,KAAK,OACH,OAAO;EACT,KAAK,QACH,OAAO;EACT,KAAK,KACH,OAAO;EACT,KAAK,KACH,OAAO;EACT,KAAK,UACH,OAAO;EACT,KAAK,SACH,OAAO;EACT,KAAK,MACH,OAAO;EACT,KAAK,MACH,OAAO;EACT,KAAK,MACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAEA,SAAgB,oBACd,gBACA,WACS;CACT,MAAM,cAAc,mBAAmB,SAAS;CAChD,IAAI,gBAAgB,QAAQ,mBAAmB,aAAa,OAAO;CACnE,OAAO,wBAAwB,gBAAgB,SAAS;AAC1D;AAMA,MAAM,2BAA2B,OAAO,IAAI,wBAAwB;AACpE,IAAI,+BAA+B;AAMnC,SAAgB,gCAAgC,SAAwB;CACtE,+BAA+B;AACjC;AAEA,SAAS,wBACP,UACA,OACS;CACT,IAAI,gBAAgB,QAAQ,GAE1B,OAAO,wBADkB,SAAS,OAAO,YAAY,SAAS,UACb,KAAK;CAGxD,IAAI,MAAM,QAAQ,QAAQ,GAAG;EAC3B,KAAK,MAAM,SAAS,UAClB,IAAI,CAAC,wBAAwB,OAAO,KAAK,GACvC,OAAO;EAGX,OAAO;CACT;CAEA,IAAI,aAAa,QAAQ,aAAa,UAAa,aAAa,OAC9D,OAAO;CAGT,IAAI,OAAO,aAAa,YAAY,OAAO,aAAa,UAAU;EAChE,MAAM,KAAK;GAAE,MAAM;GAAQ,OAAO,OAAO,QAAQ;EAAE,CAAC;EACpD,OAAO;CACT;CAEA,IACE,cAAc,QAAQ,KACtB,OAAQ,SAAwB,SAAS,UACzC;EACA,MAAM,KAAK;GAAE,MAAM;GAAW,OAAO;EAAuB,CAAC;EAC7D,OAAO;CACT;CAEA,OAAO;AACT;AAEA,SAAS,oBAAoB,OAA6C;CACxE,IAAI,8BAA8B;EAEhC,MAAM,SAAS,MAAU;EACzB,IAAI,WAAW,QACb,OAAO;CAEX;CAEA,MAAM,QAA2B,CAAC;CAClC,MAAM,cAAc,wBACjB,MAAM,OAAO,YAAY,MAAM,UAChC,KACF,IACI,QACA;CACJ,IAAI,8BAA8B;EAChC,MAAM,YAAY;EAClB,IAAI,OAAO,aAAa,KAAK,GAC3B,UAAU,4BAA4B;CAE1C;CACA,OAAO;AACT;AAEA,SAAgB,sBAAsB,IAAa,OAA4B;CAC7E,IACE,OAAO,MAAM,SAAS,YACtB,CAAC,oBAAoB,GAAG,SAAS,MAAM,IAAI,GAE3C,OAAO;CAIT,IAAI,CAAC,uBAAuB,IADb,MAAM,SAAS,CAAC,GACQ,MAAM,IAAI,GAC/C,OAAO;CAGT,MAAM,QAAQ,oBAAoB,KAAK;CACvC,IAAI,CAAC,OACH,OAAO;CAGT,IAAI,GAAG,WAAW,WAAW,MAAM,QACjC,OAAO;CAGT,KAAK,IAAI,QAAQ,GAAG,QAAQ,MAAM,QAAQ,SAAS,GAAG;EACpD,MAAM,OAAO,MAAM;EACnB,MAAM,UAAU,GAAG,WAAW;EAC9B,IAAI,CAAC,SACH,OAAO;EAGT,IAAI,KAAK,SAAS,QAAQ;GACxB,IAAI,QAAQ,aAAa,KAAM,QAAiB,SAAS,KAAK,OAC5D,OAAO;GAET;EACF;EAEA,IAAI,EAAE,mBAAmB,UACvB,OAAO;EAGT,IAAI,CAAC,sBAAsB,SAAS,KAAK,KAAK,GAC5C,OAAO;CAEX;CAEA,OAAO;AACT"}

package/dist/renderer/types.js

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

package/dist/renderer/utils.js

@@ -1,6 +1,6 @@
 import { getRuntimeEnv } from "../common/env.js";
 import { logger } from "../dev/logger.js";
-import { globalScheduler } from "../runtime/scheduler.js";
+import { runRuntimeHandlerScope } from "../runtime/access.js";
 import { incDevCounter, setDevValue } from "../runtime/dev-namespace.js";
 import { getPublicAttributeName } from "../common/attr-names.js";
 import "./env.js";
@@ -61,7 +61,7 @@ function createWrappedHandler(handler, flushAfter = false) {
 	}
 	const wrapped = (event) => {
 		try {
-			globalScheduler.runInHandlerScope(() => {
+			runRuntimeHandlerScope(() => {
 				try {
 					handler(event);
 				} catch (error) {
@@ -88,7 +88,7 @@ function createMutableWrappedHandler(handler, flushAfter = false) {
 	let currentHandler = handler;
 	const wrapped = (event) => {
 		try {
-			globalScheduler.runInHandlerScope(() => {
+			runRuntimeHandlerScope(() => {
 				try {
 					currentHandler(event);
 				} catch (error) {
@@ -250,6 +250,6 @@ function now() {
 	return typeof performance !== "undefined" && performance.now ? performance.now() : Date.now();
 }
 //#endregion
-export { buildKeyMapFromChildren, canUseDirectReplaceChildrenSpread, checkPropChanges, createMutableWrappedHandler, createWrappedHandler, extractKey, getEventListenerKey, getEventListenerOptions, getRenderedAttributeName, hasNonTrivialProps, hasPropChanged, isIgnoredForPropChanges, isSkippedProp, logFastPathDebug, now, parseEventName, parseEventProp, readElementClassName, recordDOMReplace, recordFastPathStats, removeRenderedAttribute, setRenderedAttribute, tagNamesEqualIgnoreCase, writeElementClassName };
+export { DIRECT_REPLACE_CHILDREN_SPREAD_LIMIT, buildKeyMapFromChildren, canUseDirectReplaceChildrenSpread, checkPropChanges, createMutableWrappedHandler, createWrappedHandler, extractKey, getEventListenerKey, getEventListenerOptions, getPassiveOptions, getRenderedAttributeName, hasNonTrivialProps, hasPropChanged, isIgnoredForPropChanges, isSVGDomElement, isSkippedProp, logFastPathDebug, now, parseEventName, parseEventProp, readElementClassName, recordDOMReplace, recordFastPathStats, removeRenderedAttribute, setRenderedAttribute, tagNamesEqualIgnoreCase, writeElementClassName };
 
 //# sourceMappingURL=utils.js.map