@askrjs/askr 0.0.34 → 0.0.36

package/dist/renderer/children.js.map

@@ -1 +1 @@
-{"version":3,"file":"children.js","names":[],"sources":["../../src/renderer/children.ts"],"sourcesContent":["import { setDevValue, incDevCounter } from '../runtime/dev-namespace';\nimport { getRuntimeEnv } from './env';\nimport { keyedElements } from './keyed';\nimport { teardownNodeSubtree } from './cleanup';\nimport { createDOMNode, updateElementFromVnode } from './dom';\nimport { _isDOMElement, type DOMElement, type VNode } from './types';\nimport {\n  hasNonTrivialProps,\n  logFastPathDebug,\n  now,\n  recordDOMReplace,\n  recordFastPathStats,\n  tagNamesEqualIgnoreCase,\n} from './utils';\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\nfunction tagsEqualIgnoreCase(\n  elementTagName: string,\n  vnodeType: string\n): boolean {\n  if (elementTagName === vnodeType) return true;\n\n  const upperCommon = upperCommonTagName(vnodeType);\n  if (upperCommon !== null && elementTagName === upperCommon) return true;\n\n  return tagNamesEqualIgnoreCase(elementTagName, vnodeType);\n}\n\nexport function performBulkPositionalKeyedTextUpdate(\n  parent: Element,\n  keyedVnodes: Array<{ key: string | number; vnode: VNode }>\n) {\n  const total = keyedVnodes.length;\n  let reused = 0;\n  let updatedKeys = 0;\n  const start = now();\n  const env = getRuntimeEnv();\n  const debugFastPath =\n    env.ASKR_FASTPATH_DEBUG === '1' || env.ASKR_FASTPATH_DEBUG === 'true';\n\n  for (let index = 0; index < total; index += 1) {\n    const { key, vnode } = keyedVnodes[index];\n    const child = parent.children[index] as Element | undefined;\n\n    if (\n      child &&\n      _isDOMElement(vnode) &&\n      typeof (vnode as DOMElement).type === 'string'\n    ) {\n      const vnodeType = (vnode as DOMElement).type as string;\n\n      if (tagsEqualIgnoreCase(child.tagName, vnodeType)) {\n        const children =\n          (vnode as DOMElement).children ||\n          (vnode as DOMElement).props?.children;\n\n        if (debugFastPath) {\n          logFastPathDebug('positional idx', index, {\n            chTag: child.tagName,\n            vnodeType,\n            chChildNodes: child.childNodes.length,\n            childrenType: Array.isArray(children) ? 'array' : typeof children,\n          });\n        }\n\n        updateTextContent(child, children, vnode as DOMElement);\n        setDataKey(child, key, () => (updatedKeys += 1));\n        reused += 1;\n        continue;\n      }\n\n      if (debugFastPath) {\n        logFastPathDebug('positional tag mismatch', index, {\n          chTag: child.tagName,\n          vnodeType,\n        });\n      }\n    } else if (debugFastPath) {\n      logFastPathDebug('positional missing or invalid', index, { ch: !!child });\n    }\n\n    replaceNodeAtPosition(parent, index, vnode);\n  }\n\n  const elapsed = now() - start;\n  updateKeyedElementsMap(parent, keyedVnodes);\n\n  const stats = { n: total, reused, updatedKeys, t: elapsed } as const;\n  recordFastPathStats(stats, 'bulkKeyedPositionalHits');\n\n  return stats;\n}\n\nfunction updateTextContent(\n  el: Element,\n  children: unknown,\n  vnode: DOMElement\n): void {\n  if (typeof children === 'string' || typeof children === 'number') {\n    setTextNodeData(el, String(children));\n    if (vnode.props && hasNonTrivialProps(vnode.props)) {\n      updateElementFromVnode(el, vnode, false);\n    }\n    return;\n  }\n\n  if (\n    Array.isArray(children) &&\n    children.length === 1 &&\n    (typeof children[0] === 'string' || typeof children[0] === 'number')\n  ) {\n    setTextNodeData(el, String(children[0]));\n    if (vnode.props && hasNonTrivialProps(vnode.props)) {\n      updateElementFromVnode(el, vnode, false);\n    }\n    return;\n  }\n\n  if (!tryUpdateTwoChildTextPattern(el, vnode)) {\n    updateElementFromVnode(el, vnode);\n  }\n}\n\nfunction tryUpdateTwoChildTextPattern(\n  parentEl: Element,\n  vnode: DOMElement\n): boolean {\n  const vnodeChildren = vnode.props?.children ?? vnode.children;\n  if (!Array.isArray(vnodeChildren) || vnodeChildren.length !== 2) return false;\n\n  const firstChild = vnodeChildren[0];\n  const secondChild = vnodeChildren[1];\n  if (!_isDOMElement(firstChild) || !_isDOMElement(secondChild)) return false;\n  if (\n    typeof firstChild.type !== 'string' ||\n    typeof secondChild.type !== 'string'\n  ) {\n    return false;\n  }\n\n  const firstElement = parentEl.children[0] as Element | undefined;\n  const secondElement = parentEl.children[1] as Element | undefined;\n  if (!firstElement || !secondElement) return false;\n  if (parentEl.children.length !== 2 || parentEl.childNodes.length !== 2) {\n    return false;\n  }\n\n  if (!tagsEqualIgnoreCase(firstElement.tagName, firstChild.type)) return false;\n  if (!tagsEqualIgnoreCase(secondElement.tagName, secondChild.type))\n    return false;\n\n  const firstText = (firstChild.children ||\n    firstChild.props?.children) as unknown;\n  const secondText = (secondChild.children ||\n    secondChild.props?.children) as unknown;\n\n  if (typeof firstText === 'string' || typeof firstText === 'number') {\n    setTextNodeData(firstElement, String(firstText));\n  } else if (\n    Array.isArray(firstText) &&\n    firstText.length === 1 &&\n    (typeof firstText[0] === 'string' || typeof firstText[0] === 'number')\n  ) {\n    setTextNodeData(firstElement, String(firstText[0]));\n  } else {\n    return false;\n  }\n\n  if (typeof secondText === 'string' || typeof secondText === 'number') {\n    setTextNodeData(secondElement, String(secondText));\n  } else if (\n    Array.isArray(secondText) &&\n    secondText.length === 1 &&\n    (typeof secondText[0] === 'string' || typeof secondText[0] === 'number')\n  ) {\n    setTextNodeData(secondElement, String(secondText[0]));\n  } else {\n    return false;\n  }\n\n  return true;\n}\n\nfunction setTextNodeData(el: Element, text: string): void {\n  if (el.childNodes.length === 1 && el.firstChild?.nodeType === 3) {\n    const textNode = el.firstChild as Text;\n    if (textNode.data !== text) textNode.data = text;\n  } else {\n    el.textContent = text;\n  }\n}\n\nfunction setDataKey(\n  el: Element,\n  key: string | number,\n  onSet: () => void\n): void {\n  try {\n    const next = String(key);\n    if (el.getAttribute('data-key') === next) return;\n    el.setAttribute('data-key', next);\n    onSet();\n  } catch {\n    // Ignore errors setting data-key\n  }\n}\n\nfunction replaceNodeAtPosition(\n  parent: Element,\n  index: number,\n  vnode: VNode\n): void {\n  const dom = createDOMNode(vnode);\n  if (dom) {\n    const existing = parent.children[index];\n    if (existing) {\n      teardownNodeSubtree(existing);\n      parent.replaceChild(dom, existing);\n    } else {\n      parent.appendChild(dom);\n    }\n  }\n}\n\nfunction updateKeyedElementsMap(\n  parent: Element,\n  keyedVnodes: Array<{ key: string | number; vnode: VNode }>\n): void {\n  try {\n    const existing = keyedElements.get(parent);\n    const newKeyMap = existing\n      ? (existing.clear(), existing)\n      : new Map<string | number, Element>();\n\n    for (let index = 0; index < keyedVnodes.length; index += 1) {\n      const key = keyedVnodes[index].key;\n      const child = parent.children[index] as Element | undefined;\n      if (child) newKeyMap.set(key, child);\n    }\n\n    keyedElements.set(parent, newKeyMap);\n  } catch {\n    // Ignore errors updating key map\n  }\n}\n\nexport function performBulkTextReplace(parent: Element, newChildren: VNode[]) {\n  const start = now();\n  const existing = Array.from(parent.childNodes);\n  const finalNodes: Node[] = [];\n  let reused = 0;\n  let created = 0;\n\n  for (let index = 0; index < newChildren.length; index += 1) {\n    const result = processChildNode(\n      newChildren[index],\n      existing[index],\n      finalNodes\n    );\n    if (result === 'reused') reused += 1;\n    else if (result === 'created') created += 1;\n  }\n\n  const tBuild = now() - start;\n  const tCommit = commitBulkReplace(parent, finalNodes);\n\n  keyedElements.delete(parent);\n\n  const stats = {\n    n: newChildren.length,\n    reused,\n    created,\n    tBuild,\n    tCommit,\n  } as const;\n  recordBulkTextStats(stats);\n\n  return stats;\n}\n\nfunction processChildNode(\n  vnode: VNode,\n  existingNode: ChildNode | undefined,\n  finalNodes: Node[]\n): 'reused' | 'created' | 'skipped' {\n  if (typeof vnode === 'string' || typeof vnode === 'number') {\n    return processTextVnode(String(vnode), existingNode, finalNodes);\n  }\n\n  if (typeof vnode === 'object' && vnode !== null && 'type' in vnode) {\n    return processElementVnode(vnode, existingNode, finalNodes);\n  }\n\n  return 'skipped';\n}\n\nfunction processTextVnode(\n  text: string,\n  existingNode: ChildNode | undefined,\n  finalNodes: Node[]\n): 'reused' | 'created' {\n  if (existingNode && existingNode.nodeType === 3) {\n    (existingNode as Text).data = text;\n    finalNodes.push(existingNode);\n    return 'reused';\n  }\n\n  finalNodes.push(document.createTextNode(text));\n  return 'created';\n}\n\nfunction processElementVnode(\n  vnode: VNode,\n  existingNode: ChildNode | undefined,\n  finalNodes: Node[]\n): 'reused' | 'created' | 'skipped' {\n  const vnodeObj = vnode as unknown as { type?: unknown };\n\n  if (typeof vnodeObj.type === 'string') {\n    const tag = vnodeObj.type;\n    if (\n      existingNode &&\n      existingNode.nodeType === 1 &&\n      tagsEqualIgnoreCase((existingNode as Element).tagName, tag)\n    ) {\n      updateElementFromVnode(existingNode as Element, vnode);\n      finalNodes.push(existingNode);\n      return 'reused';\n    }\n  }\n\n  const dom = createDOMNode(vnode);\n  if (dom) {\n    finalNodes.push(dom);\n    return 'created';\n  }\n\n  return 'skipped';\n}\n\nfunction commitBulkReplace(parent: Element, nodes: Node[]): number {\n  const startedAt = Date.now();\n  const fragment = document.createDocumentFragment();\n\n  for (let index = 0; index < nodes.length; index += 1) {\n    fragment.appendChild(nodes[index]);\n  }\n\n  try {\n    for (let node = parent.firstChild; node; ) {\n      const next = node.nextSibling;\n      teardownNodeSubtree(node);\n      node = next;\n    }\n  } catch {\n    // SLOW PATH: cleanup failure\n  }\n\n  recordDOMReplace('bulk-text-replace');\n  parent.replaceChildren(fragment);\n  return Date.now() - startedAt;\n}\n\nfunction recordBulkTextStats(stats: {\n  n: number;\n  reused: number;\n  created: number;\n  tBuild: number;\n  tCommit: number;\n}): void {\n  try {\n    setDevValue('__LAST_BULK_TEXT_FASTPATH_STATS', stats);\n    setDevValue('__LAST_FASTPATH_STATS', stats);\n    setDevValue('__LAST_FASTPATH_COMMIT_COUNT', 1);\n    incDevCounter('bulkTextFastpathHits');\n  } catch {\n    // Ignore stats errors\n  }\n}\n\nexport function isBulkTextFastPathEligible(\n  parent: Element,\n  newChildren: VNode[]\n) {\n  const env = getRuntimeEnv();\n  const threshold = Number(env.ASKR_BULK_TEXT_THRESHOLD) || 1024;\n  const requiredFraction = 0.8;\n\n  const total = Array.isArray(newChildren) ? newChildren.length : 0;\n\n  if (total < threshold) {\n    recordBulkDiag({\n      phase: 'bulk-unkeyed-eligible',\n      reason: 'too-small',\n      total,\n      threshold,\n    });\n    return false;\n  }\n\n  const result = countSimpleChildren(newChildren);\n  if (result.componentFound !== undefined) {\n    recordBulkDiag({\n      phase: 'bulk-unkeyed-eligible',\n      reason: 'component-child',\n      index: result.componentFound,\n    });\n    return false;\n  }\n\n  const fraction = result.simple / total;\n  const eligible =\n    fraction >= requiredFraction && parent.childNodes.length >= total;\n\n  recordBulkDiag({\n    phase: 'bulk-unkeyed-eligible',\n    total,\n    simple: result.simple,\n    fraction,\n    requiredFraction,\n    eligible,\n  });\n\n  return eligible;\n}\n\nfunction countSimpleChildren(children: VNode[]): {\n  simple: number;\n  componentFound?: number;\n} {\n  let simple = 0;\n\n  for (let index = 0; index < children.length; index += 1) {\n    const child = children[index];\n\n    if (typeof child === 'string' || typeof child === 'number') {\n      simple += 1;\n      continue;\n    }\n\n    if (typeof child === 'object' && child !== null && 'type' in child) {\n      const dom = child as DOMElement;\n\n      if (typeof dom.type === 'function') {\n        return { simple, componentFound: index };\n      }\n\n      if (typeof dom.type === 'string' && isSimpleElement(dom)) {\n        simple += 1;\n      }\n    }\n  }\n\n  return { simple };\n}\n\nfunction isSimpleElement(dom: DOMElement): boolean {\n  const children = dom.props?.children ?? dom.children;\n\n  if (children === null || children === undefined) return true;\n\n  if (typeof children === 'string' || typeof children === 'number') {\n    return true;\n  }\n\n  if (\n    Array.isArray(children) &&\n    children.length === 1 &&\n    (typeof children[0] === 'string' || typeof children[0] === 'number')\n  ) {\n    return true;\n  }\n\n  return false;\n}\n\nfunction recordBulkDiag(data: Record<string, unknown>): void {\n  const env = getRuntimeEnv();\n  if (env.NODE_ENV !== 'production' || env.ASKR_FASTPATH_DEBUG === '1') {\n    try {\n      setDevValue('__BULK_DIAG', data);\n    } catch {\n      // Ignore\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"children.js","names":[],"sources":["../../src/renderer/children.ts"],"sourcesContent":["import { setDevValue, incDevCounter } from '../runtime/dev-namespace';\nimport { getRuntimeEnv } from './env';\nimport { keyedElements } from './keyed';\nimport { teardownNodeSubtree } from './cleanup';\nimport { createDOMNode, updateElementFromVnode } from './dom';\nimport { _isDOMElement, type DOMElement, type VNode } from './types';\nimport {\n  hasNonTrivialProps,\n  logFastPathDebug,\n  now,\n  recordDOMReplace,\n  recordFastPathStats,\n  tagNamesEqualIgnoreCase,\n} from './utils';\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\nfunction tagsEqualIgnoreCase(\n  elementTagName: string,\n  vnodeType: string\n): boolean {\n  if (elementTagName === vnodeType) return true;\n\n  const upperCommon = upperCommonTagName(vnodeType);\n  if (upperCommon !== null && elementTagName === upperCommon) return true;\n\n  return tagNamesEqualIgnoreCase(elementTagName, vnodeType);\n}\n\nexport function performBulkPositionalKeyedTextUpdate(\n  parent: Element,\n  keyedVnodes: Array<{ key: string | number; vnode: VNode }>\n) {\n  const total = keyedVnodes.length;\n  let reused = 0;\n  let updatedKeys = 0;\n  const start = now();\n  const env = getRuntimeEnv();\n  const debugFastPath =\n    env.ASKR_FASTPATH_DEBUG === '1' || env.ASKR_FASTPATH_DEBUG === 'true';\n\n  for (let index = 0; index < total; index += 1) {\n    const { key, vnode } = keyedVnodes[index];\n    const child = parent.children[index] as Element | undefined;\n\n    if (\n      child &&\n      _isDOMElement(vnode) &&\n      typeof (vnode as DOMElement).type === 'string'\n    ) {\n      const vnodeType = (vnode as DOMElement).type as string;\n\n      if (tagsEqualIgnoreCase(child.tagName, vnodeType)) {\n        const children =\n          (vnode as DOMElement).children ||\n          (vnode as DOMElement).props?.children;\n\n        if (debugFastPath) {\n          logFastPathDebug('positional idx', index, {\n            chTag: child.tagName,\n            vnodeType,\n            chChildNodes: child.childNodes.length,\n            childrenType: Array.isArray(children) ? 'array' : typeof children,\n          });\n        }\n\n        updateTextContent(child, children, vnode as DOMElement);\n        setDataKey(child, key, () => (updatedKeys += 1));\n        reused += 1;\n        continue;\n      }\n\n      if (debugFastPath) {\n        logFastPathDebug('positional tag mismatch', index, {\n          chTag: child.tagName,\n          vnodeType,\n        });\n      }\n    } else if (debugFastPath) {\n      logFastPathDebug('positional missing or invalid', index, { ch: !!child });\n    }\n\n    replaceNodeAtPosition(parent, index, vnode);\n  }\n\n  const elapsed = now() - start;\n  updateKeyedElementsMap(parent, keyedVnodes);\n\n  const stats = { n: total, reused, updatedKeys, t: elapsed } as const;\n  recordFastPathStats(stats, 'bulkKeyedPositionalHits');\n\n  return stats;\n}\n\nfunction updateTextContent(\n  el: Element,\n  children: unknown,\n  vnode: DOMElement\n): void {\n  if (typeof children === 'string' || typeof children === 'number') {\n    setTextNodeData(el, String(children));\n    if (vnode.props && hasNonTrivialProps(vnode.props)) {\n      updateElementFromVnode(el, vnode, false);\n    }\n    return;\n  }\n\n  if (\n    Array.isArray(children) &&\n    children.length === 1 &&\n    (typeof children[0] === 'string' || typeof children[0] === 'number')\n  ) {\n    setTextNodeData(el, String(children[0]));\n    if (vnode.props && hasNonTrivialProps(vnode.props)) {\n      updateElementFromVnode(el, vnode, false);\n    }\n    return;\n  }\n\n  if (!tryUpdateTwoChildTextPattern(el, vnode)) {\n    updateElementFromVnode(el, vnode);\n  }\n}\n\nfunction tryUpdateTwoChildTextPattern(\n  parentEl: Element,\n  vnode: DOMElement\n): boolean {\n  const vnodeChildren = vnode.props?.children ?? vnode.children;\n  if (!Array.isArray(vnodeChildren) || vnodeChildren.length !== 2) return false;\n\n  const firstChild = vnodeChildren[0];\n  const secondChild = vnodeChildren[1];\n  if (!_isDOMElement(firstChild) || !_isDOMElement(secondChild)) return false;\n  if (\n    typeof firstChild.type !== 'string' ||\n    typeof secondChild.type !== 'string'\n  ) {\n    return false;\n  }\n\n  const firstElement = parentEl.children[0] as Element | undefined;\n  const secondElement = parentEl.children[1] as Element | undefined;\n  if (!firstElement || !secondElement) return false;\n  if (parentEl.children.length !== 2 || parentEl.childNodes.length !== 2) {\n    return false;\n  }\n\n  if (!tagsEqualIgnoreCase(firstElement.tagName, firstChild.type)) return false;\n  if (!tagsEqualIgnoreCase(secondElement.tagName, secondChild.type))\n    return false;\n\n  const firstText = (firstChild.children ||\n    firstChild.props?.children) as unknown;\n  const secondText = (secondChild.children ||\n    secondChild.props?.children) as unknown;\n\n  if (typeof firstText === 'string' || typeof firstText === 'number') {\n    setTextNodeData(firstElement, String(firstText));\n  } else if (\n    Array.isArray(firstText) &&\n    firstText.length === 1 &&\n    (typeof firstText[0] === 'string' || typeof firstText[0] === 'number')\n  ) {\n    setTextNodeData(firstElement, String(firstText[0]));\n  } else {\n    return false;\n  }\n\n  if (typeof secondText === 'string' || typeof secondText === 'number') {\n    setTextNodeData(secondElement, String(secondText));\n  } else if (\n    Array.isArray(secondText) &&\n    secondText.length === 1 &&\n    (typeof secondText[0] === 'string' || typeof secondText[0] === 'number')\n  ) {\n    setTextNodeData(secondElement, String(secondText[0]));\n  } else {\n    return false;\n  }\n\n  return true;\n}\n\nfunction setTextNodeData(el: Element, text: string): void {\n  if (el.childNodes.length === 1 && el.firstChild?.nodeType === 3) {\n    const textNode = el.firstChild as Text;\n    if (textNode.data !== text) textNode.data = text;\n  } else {\n    el.textContent = text;\n  }\n}\n\nfunction setDataKey(\n  el: Element,\n  key: string | number,\n  onSet: () => void\n): void {\n  try {\n    const next = String(key);\n    if (el.getAttribute('data-key') === next) return;\n    el.setAttribute('data-key', next);\n    onSet();\n  } catch {\n    // Ignore errors setting data-key\n  }\n}\n\nfunction replaceNodeAtPosition(\n  parent: Element,\n  index: number,\n  vnode: VNode\n): void {\n  const dom = createDOMNode(vnode);\n  if (dom) {\n    const existing = parent.children[index];\n    if (existing) {\n      teardownNodeSubtree(existing);\n      parent.replaceChild(dom, existing);\n    } else {\n      parent.appendChild(dom);\n    }\n  }\n}\n\nfunction updateKeyedElementsMap(\n  parent: Element,\n  keyedVnodes: Array<{ key: string | number; vnode: VNode }>\n): void {\n  try {\n    const existing = keyedElements.get(parent);\n    const newKeyMap = existing\n      ? (existing.clear(), existing)\n      : new Map<string | number, Element>();\n\n    for (let index = 0; index < keyedVnodes.length; index += 1) {\n      const key = keyedVnodes[index].key;\n      const child = parent.children[index] as Element | undefined;\n      if (child) newKeyMap.set(key, child);\n    }\n\n    keyedElements.set(parent, newKeyMap);\n  } catch {\n    // Ignore errors updating key map\n  }\n}\n\nexport function performBulkTextReplace(parent: Element, newChildren: VNode[]) {\n  const start = now();\n  const existing = Array.from(parent.childNodes);\n  const finalNodes: Node[] = [];\n  let reused = 0;\n  let created = 0;\n\n  for (let index = 0; index < newChildren.length; index += 1) {\n    const result = processChildNode(\n      newChildren[index],\n      existing[index],\n      finalNodes\n    );\n    if (result === 'reused') reused += 1;\n    else if (result === 'created') created += 1;\n  }\n\n  const tBuild = now() - start;\n  const tCommit = commitBulkReplace(parent, finalNodes);\n\n  keyedElements.delete(parent);\n\n  const stats = {\n    n: newChildren.length,\n    reused,\n    created,\n    tBuild,\n    tCommit,\n  } as const;\n  recordBulkTextStats(stats);\n\n  return stats;\n}\n\nfunction processChildNode(\n  vnode: VNode,\n  existingNode: ChildNode | undefined,\n  finalNodes: Node[]\n): 'reused' | 'created' | 'skipped' {\n  if (typeof vnode === 'string' || typeof vnode === 'number') {\n    return processTextVnode(String(vnode), existingNode, finalNodes);\n  }\n\n  if (typeof vnode === 'object' && vnode !== null && 'type' in vnode) {\n    return processElementVnode(vnode, existingNode, finalNodes);\n  }\n\n  return 'skipped';\n}\n\nfunction processTextVnode(\n  text: string,\n  existingNode: ChildNode | undefined,\n  finalNodes: Node[]\n): 'reused' | 'created' {\n  if (existingNode && existingNode.nodeType === 3) {\n    (existingNode as Text).data = text;\n    finalNodes.push(existingNode);\n    return 'reused';\n  }\n\n  finalNodes.push(document.createTextNode(text));\n  return 'created';\n}\n\nfunction processElementVnode(\n  vnode: VNode,\n  existingNode: ChildNode | undefined,\n  finalNodes: Node[]\n): 'reused' | 'created' | 'skipped' {\n  const vnodeObj = vnode as unknown as { type?: unknown };\n\n  if (typeof vnodeObj.type === 'string') {\n    const tag = vnodeObj.type;\n    if (\n      existingNode &&\n      existingNode.nodeType === 1 &&\n      tagsEqualIgnoreCase((existingNode as Element).tagName, tag)\n    ) {\n      updateElementFromVnode(existingNode as Element, vnode);\n      finalNodes.push(existingNode);\n      return 'reused';\n    }\n  }\n\n  const dom = createDOMNode(vnode);\n  if (dom) {\n    finalNodes.push(dom);\n    return 'created';\n  }\n\n  return 'skipped';\n}\n\nfunction commitBulkReplace(parent: Element, nodes: Node[]): number {\n  const startedAt = Date.now();\n  const fragment = document.createDocumentFragment();\n\n  for (let index = 0; index < nodes.length; index += 1) {\n    fragment.appendChild(nodes[index]);\n  }\n\n  try {\n    for (let node = parent.firstChild; node; ) {\n      const next = node.nextSibling;\n      teardownNodeSubtree(node);\n      node = next;\n    }\n  } catch {\n    // SLOW PATH: cleanup failure\n  }\n\n  recordDOMReplace('bulk-text-replace');\n  parent.replaceChildren(fragment);\n  return Date.now() - startedAt;\n}\n\nfunction recordBulkTextStats(stats: {\n  n: number;\n  reused: number;\n  created: number;\n  tBuild: number;\n  tCommit: number;\n}): void {\n  try {\n    setDevValue('__LAST_BULK_TEXT_FASTPATH_STATS', stats);\n    setDevValue('__LAST_FASTPATH_STATS', stats);\n    setDevValue('__LAST_FASTPATH_COMMIT_COUNT', 1);\n    incDevCounter('bulkTextFastpathHits');\n  } catch {\n    // Ignore stats errors\n  }\n}\n\nexport function isBulkTextFastPathEligible(\n  parent: Element,\n  newChildren: VNode[]\n) {\n  const env = getRuntimeEnv();\n  const threshold = Number(env.ASKR_BULK_TEXT_THRESHOLD) || 1024;\n  const requiredFraction = 0.8;\n\n  const total = Array.isArray(newChildren) ? newChildren.length : 0;\n\n  if (total < threshold) {\n    recordBulkDiag({\n      phase: 'bulk-unkeyed-eligible',\n      reason: 'too-small',\n      total,\n      threshold,\n    });\n    return false;\n  }\n\n  const result = countSimpleChildren(newChildren);\n  if (result.componentFound !== undefined) {\n    recordBulkDiag({\n      phase: 'bulk-unkeyed-eligible',\n      reason: 'component-child',\n      index: result.componentFound,\n    });\n    return false;\n  }\n\n  const fraction = result.simple / total;\n  const eligible =\n    fraction >= requiredFraction && parent.childNodes.length >= total;\n\n  recordBulkDiag({\n    phase: 'bulk-unkeyed-eligible',\n    total,\n    simple: result.simple,\n    fraction,\n    requiredFraction,\n    eligible,\n  });\n\n  return eligible;\n}\n\nfunction countSimpleChildren(children: VNode[]): {\n  simple: number;\n  componentFound?: number;\n} {\n  let simple = 0;\n\n  for (let index = 0; index < children.length; index += 1) {\n    const child = children[index];\n\n    if (typeof child === 'string' || typeof child === 'number') {\n      simple += 1;\n      continue;\n    }\n\n    if (typeof child === 'object' && child !== null && 'type' in child) {\n      const dom = child as DOMElement;\n\n      if (typeof dom.type === 'function') {\n        return { simple, componentFound: index };\n      }\n\n      if (typeof dom.type === 'string' && isSimpleElement(dom)) {\n        simple += 1;\n      }\n    }\n  }\n\n  return { simple };\n}\n\nfunction isSimpleElement(dom: DOMElement): boolean {\n  const children = dom.props?.children ?? dom.children;\n\n  if (children === null || children === undefined) return true;\n\n  if (typeof children === 'string' || typeof children === 'number') {\n    return true;\n  }\n\n  if (\n    Array.isArray(children) &&\n    children.length === 1 &&\n    (typeof children[0] === 'string' || typeof children[0] === 'number')\n  ) {\n    return true;\n  }\n\n  return false;\n}\n\nfunction recordBulkDiag(data: Record<string, unknown>): void {\n  const env = getRuntimeEnv();\n  if (env.NODE_ENV !== 'production' || env.ASKR_FASTPATH_DEBUG === '1') {\n    try {\n      setDevValue('__BULK_DIAG', data);\n    } catch {\n      // Ignore\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/renderer/cleanup.js.map

@@ -1 +1 @@
-{"version":3,"file":"cleanup.js","names":[],"sources":["../../src/renderer/cleanup.ts"],"sourcesContent":["import { cleanupComponent } from '../runtime/component';\nimport type { ComponentInstance } from '../runtime/component';\nimport { logger } from '../dev/logger';\nimport { incDevCounter } from '../runtime/dev-namespace';\nimport {\n  clearDelegatedHandlersForElement,\n  removeDelegatedListener,\n} from '../runtime/events';\n\ntype InstanceHost = Node & { __ASKR_INSTANCE?: unknown };\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Instance Cleanup Helpers\n// ─────────────────────────────────────────────────────────────────────────────\n\nfunction cleanupSingleInstance(\n  node: InstanceHost,\n  errors: unknown[] | null,\n  strict: boolean\n): void {\n  const inst = node.__ASKR_INSTANCE;\n  if (!inst) return;\n\n  try {\n    cleanupComponent(inst as ComponentInstance);\n  } catch (err) {\n    if (strict) errors!.push(err);\n    else logger.warn('[Askr] cleanupComponent failed:', err);\n  }\n\n  try {\n    delete node.__ASKR_INSTANCE;\n  } catch (e) {\n    if (strict) errors!.push(e);\n  }\n}\n\nfunction teardownSingleElement(\n  element: Element,\n  errors: unknown[] | null,\n  strict: boolean\n): void {\n  try {\n    removeElementListeners(element);\n  } catch (err) {\n    if (strict) errors!.push(err);\n    else logger.warn('[Askr] removeElementListeners failed:', err);\n  }\n\n  try {\n    removeElementReactiveProps(element);\n  } catch (err) {\n    if (strict) errors!.push(err);\n    else logger.warn('[Askr] removeElementReactiveProps failed:', err);\n  }\n\n  try {\n    cleanupSingleInstance(element as InstanceHost, errors, strict);\n  } catch (err) {\n    if (strict) errors!.push(err);\n    else logger.warn('[Askr] cleanupSingleInstance failed:', err);\n  }\n}\n\n// Walk descendant elements with minimal allocations.\n// HOT PATH: used during subtree teardown (replace/unmount).\nfunction forEachDescendantElement(root: Element, visit: (el: Element) => void) {\n  // Prefer TreeWalker when available; it avoids allocating a NodeList.\n  try {\n    const doc = root.ownerDocument;\n    const createTreeWalker = doc?.createTreeWalker;\n    if (typeof createTreeWalker === 'function') {\n      // NodeFilter.SHOW_ELEMENT === 1\n      const walker = createTreeWalker.call(doc, root, 1);\n      let n = walker.firstChild();\n      while (n) {\n        visit(n as Element);\n        n = walker.nextNode();\n      }\n      return;\n    }\n  } catch {\n    // SLOW PATH: TreeWalker unavailable\n  }\n\n  // Fallback: querySelectorAll\n  const descendants = root.querySelectorAll('*');\n  for (let i = 0; i < descendants.length; i++) {\n    visit(descendants[i]);\n  }\n}\n\nfunction forEachElementInSubtree(root: Element, visit: (el: Element) => void) {\n  visit(root);\n  forEachDescendantElement(root, visit);\n}\n\n// Track listeners so we can remove them on cleanup\nexport interface ListenerMapEntry {\n  handler: EventListener;\n  original: EventListener;\n  options?: boolean | AddEventListenerOptions;\n  isDelegated?: boolean;\n  updateHandler?: (nextHandler: EventListener) => void;\n}\nexport const elementListeners = new WeakMap<\n  Element,\n  Map<string, ListenerMapEntry>\n>();\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Public API\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Clean up component instance attached to a DOM node\n * Accepts an optional `opts.strict` flag to surface errors instead of swallowing them.\n */\nexport function cleanupInstanceIfPresent(\n  node: Node | null,\n  opts?: { strict?: boolean }\n): void {\n  if (!node) return;\n\n  const strict = opts?.strict ?? false;\n  const errors: unknown[] | null = strict ? [] : null;\n\n  // Clean up the node itself\n  try {\n    cleanupSingleInstance(node as InstanceHost, errors, strict);\n  } catch (err) {\n    if (strict) errors!.push(err);\n    else logger.warn('[Askr] cleanupInstanceIfPresent failed:', err);\n  }\n\n  if (node instanceof Element) {\n    // Clean up any nested instances on descendants\n    try {\n      forEachDescendantElement(node, (d) => {\n        try {\n          cleanupSingleInstance(d as InstanceHost, errors, strict);\n        } catch (err) {\n          if (strict) errors!.push(err);\n          else\n            logger.warn(\n              '[Askr] cleanupInstanceIfPresent descendant cleanup failed:',\n              err\n            );\n        }\n      });\n    } catch (err) {\n      if (strict) errors!.push(err);\n      else\n        logger.warn(\n          '[Askr] cleanupInstanceIfPresent descendant query failed:',\n          err\n        );\n    }\n  }\n\n  if (errors && errors.length > 0) {\n    throw new AggregateError(errors, 'cleanupInstanceIfPresent failed');\n  }\n}\n\n// Public helper to clean up any component instances under a node. Used by\n// runtime commit logic to ensure component instances are torn down when their\n// host nodes are removed during an update.\nexport function cleanupInstancesUnder(\n  node: Node | null,\n  opts?: { strict?: boolean }\n): void {\n  cleanupInstanceIfPresent(node, opts);\n}\n\nexport function teardownNodeSubtree(\n  node: Node | null,\n  opts?: { strict?: boolean }\n): void {\n  if (!node) return;\n\n  const strict = opts?.strict ?? false;\n  const errors: unknown[] | null = strict ? [] : null;\n\n  if (!(node instanceof Element)) {\n    cleanupSingleInstance(node as InstanceHost, errors, strict);\n    if (errors && errors.length > 0) {\n      throw new AggregateError(errors, 'teardownNodeSubtree failed');\n    }\n    return;\n  }\n\n  try {\n    forEachElementInSubtree(node, (element) => {\n      teardownSingleElement(element, errors, strict);\n    });\n  } catch (err) {\n    if (strict) errors!.push(err);\n    else logger.warn('[Askr] teardownNodeSubtree failed:', err);\n  }\n\n  if (errors && errors.length > 0) {\n    throw new AggregateError(errors, 'teardownNodeSubtree failed');\n  }\n}\n\n// Track reactive props cleanup functions and their function references\nexport interface ReactivePropCleanupEntry {\n  cleanup: () => void;\n  fnRef: unknown;\n  updateFn?: (nextValue: unknown) => void;\n}\n\nexport const REACTIVE_CHILDREN_KEY = '__askr_reactive_children__';\n\nexport const elementReactivePropsCleanup = new WeakMap<\n  Element,\n  Map<string, ReactivePropCleanupEntry>\n>();\n\nexport function removeElementReactiveProps(element: Element): void {\n  const cleanupMap = elementReactivePropsCleanup.get(element);\n  if (cleanupMap) {\n    for (const entry of cleanupMap.values()) {\n      try {\n        entry.cleanup();\n      } catch (err) {\n        logger.warn('[Askr] reactive prop cleanup failed:', err);\n      }\n    }\n    elementReactivePropsCleanup.delete(element);\n  }\n}\n\nexport function removeElementListeners(element: Element): void {\n  const map = elementListeners.get(element);\n  if (map) {\n    for (const [eventName, entry] of map) {\n      incDevCounter('listenerRemoves');\n      if (entry.isDelegated) {\n        removeDelegatedListener(element, eventName);\n      } else {\n        if (entry.options !== undefined)\n          element.removeEventListener(eventName, entry.handler, entry.options);\n        else element.removeEventListener(eventName, entry.handler);\n      }\n    }\n    elementListeners.delete(element);\n  }\n\n  clearDelegatedHandlersForElement(element);\n}\n\nexport function removeAllListeners(root: Element | null): void {\n  if (!root) return;\n\n  forEachElementInSubtree(root, (el) => {\n    removeElementListeners(el);\n    removeElementReactiveProps(el);\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"cleanup.js","names":[],"sources":["../../src/renderer/cleanup.ts"],"sourcesContent":["import { cleanupComponent } from '../runtime/component';\nimport type { ComponentInstance } from '../runtime/component';\nimport { logger } from '../dev/logger';\nimport { incDevCounter } from '../runtime/dev-namespace';\nimport {\n  clearDelegatedHandlersForElement,\n  removeDelegatedListener,\n} from '../runtime/events';\n\ntype InstanceHost = Node & { __ASKR_INSTANCE?: unknown };\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Instance Cleanup Helpers\n// ─────────────────────────────────────────────────────────────────────────────\n\nfunction cleanupSingleInstance(\n  node: InstanceHost,\n  errors: unknown[] | null,\n  strict: boolean\n): void {\n  const inst = node.__ASKR_INSTANCE;\n  if (!inst) return;\n\n  try {\n    cleanupComponent(inst as ComponentInstance);\n  } catch (err) {\n    if (strict) errors!.push(err);\n    else logger.warn('[Askr] cleanupComponent failed:', err);\n  }\n\n  try {\n    delete node.__ASKR_INSTANCE;\n  } catch (e) {\n    if (strict) errors!.push(e);\n  }\n}\n\nfunction teardownSingleElement(\n  element: Element,\n  errors: unknown[] | null,\n  strict: boolean\n): void {\n  try {\n    removeElementListeners(element);\n  } catch (err) {\n    if (strict) errors!.push(err);\n    else logger.warn('[Askr] removeElementListeners failed:', err);\n  }\n\n  try {\n    removeElementReactiveProps(element);\n  } catch (err) {\n    if (strict) errors!.push(err);\n    else logger.warn('[Askr] removeElementReactiveProps failed:', err);\n  }\n\n  try {\n    cleanupSingleInstance(element as InstanceHost, errors, strict);\n  } catch (err) {\n    if (strict) errors!.push(err);\n    else logger.warn('[Askr] cleanupSingleInstance failed:', err);\n  }\n}\n\n// Walk descendant elements with minimal allocations.\n// HOT PATH: used during subtree teardown (replace/unmount).\nfunction forEachDescendantElement(root: Element, visit: (el: Element) => void) {\n  // Prefer TreeWalker when available; it avoids allocating a NodeList.\n  try {\n    const doc = root.ownerDocument;\n    const createTreeWalker = doc?.createTreeWalker;\n    if (typeof createTreeWalker === 'function') {\n      // NodeFilter.SHOW_ELEMENT === 1\n      const walker = createTreeWalker.call(doc, root, 1);\n      let n = walker.firstChild();\n      while (n) {\n        visit(n as Element);\n        n = walker.nextNode();\n      }\n      return;\n    }\n  } catch {\n    // SLOW PATH: TreeWalker unavailable\n  }\n\n  // Fallback: querySelectorAll\n  const descendants = root.querySelectorAll('*');\n  for (let i = 0; i < descendants.length; i++) {\n    visit(descendants[i]);\n  }\n}\n\nfunction forEachElementInSubtree(root: Element, visit: (el: Element) => void) {\n  visit(root);\n  forEachDescendantElement(root, visit);\n}\n\n// Track listeners so we can remove them on cleanup\nexport interface ListenerMapEntry {\n  handler: EventListener;\n  original: EventListener;\n  options?: boolean | AddEventListenerOptions;\n  isDelegated?: boolean;\n  updateHandler?: (nextHandler: EventListener) => void;\n}\nexport const elementListeners = new WeakMap<\n  Element,\n  Map<string, ListenerMapEntry>\n>();\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Public API\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Clean up component instance attached to a DOM node\n * Accepts an optional `opts.strict` flag to surface errors instead of swallowing them.\n */\nexport function cleanupInstanceIfPresent(\n  node: Node | null,\n  opts?: { strict?: boolean }\n): void {\n  if (!node) return;\n\n  const strict = opts?.strict ?? false;\n  const errors: unknown[] | null = strict ? [] : null;\n\n  // Clean up the node itself\n  try {\n    cleanupSingleInstance(node as InstanceHost, errors, strict);\n  } catch (err) {\n    if (strict) errors!.push(err);\n    else logger.warn('[Askr] cleanupInstanceIfPresent failed:', err);\n  }\n\n  if (node instanceof Element) {\n    // Clean up any nested instances on descendants\n    try {\n      forEachDescendantElement(node, (d) => {\n        try {\n          cleanupSingleInstance(d as InstanceHost, errors, strict);\n        } catch (err) {\n          if (strict) errors!.push(err);\n          else\n            logger.warn(\n              '[Askr] cleanupInstanceIfPresent descendant cleanup failed:',\n              err\n            );\n        }\n      });\n    } catch (err) {\n      if (strict) errors!.push(err);\n      else\n        logger.warn(\n          '[Askr] cleanupInstanceIfPresent descendant query failed:',\n          err\n        );\n    }\n  }\n\n  if (errors && errors.length > 0) {\n    throw new AggregateError(errors, 'cleanupInstanceIfPresent failed');\n  }\n}\n\n// Public helper to clean up any component instances under a node. Used by\n// runtime commit logic to ensure component instances are torn down when their\n// host nodes are removed during an update.\nexport function cleanupInstancesUnder(\n  node: Node | null,\n  opts?: { strict?: boolean }\n): void {\n  cleanupInstanceIfPresent(node, opts);\n}\n\nexport function teardownNodeSubtree(\n  node: Node | null,\n  opts?: { strict?: boolean }\n): void {\n  if (!node) return;\n\n  const strict = opts?.strict ?? false;\n  const errors: unknown[] | null = strict ? [] : null;\n\n  if (!(node instanceof Element)) {\n    cleanupSingleInstance(node as InstanceHost, errors, strict);\n    if (errors && errors.length > 0) {\n      throw new AggregateError(errors, 'teardownNodeSubtree failed');\n    }\n    return;\n  }\n\n  try {\n    forEachElementInSubtree(node, (element) => {\n      teardownSingleElement(element, errors, strict);\n    });\n  } catch (err) {\n    if (strict) errors!.push(err);\n    else logger.warn('[Askr] teardownNodeSubtree failed:', err);\n  }\n\n  if (errors && errors.length > 0) {\n    throw new AggregateError(errors, 'teardownNodeSubtree failed');\n  }\n}\n\n// Track reactive props cleanup functions and their function references\nexport interface ReactivePropCleanupEntry {\n  cleanup: () => void;\n  fnRef: unknown;\n  updateFn?: (nextValue: unknown) => void;\n}\n\nexport const REACTIVE_CHILDREN_KEY = '__askr_reactive_children__';\n\nexport const elementReactivePropsCleanup = new WeakMap<\n  Element,\n  Map<string, ReactivePropCleanupEntry>\n>();\n\nexport function removeElementReactiveProps(element: Element): void {\n  const cleanupMap = elementReactivePropsCleanup.get(element);\n  if (cleanupMap) {\n    for (const entry of cleanupMap.values()) {\n      try {\n        entry.cleanup();\n      } catch (err) {\n        logger.warn('[Askr] reactive prop cleanup failed:', err);\n      }\n    }\n    elementReactivePropsCleanup.delete(element);\n  }\n}\n\nexport function removeElementListeners(element: Element): void {\n  const map = elementListeners.get(element);\n  if (map) {\n    for (const [eventName, entry] of map) {\n      incDevCounter('listenerRemoves');\n      if (entry.isDelegated) {\n        removeDelegatedListener(element, eventName);\n      } else {\n        if (entry.options !== undefined)\n          element.removeEventListener(eventName, entry.handler, entry.options);\n        else element.removeEventListener(eventName, entry.handler);\n      }\n    }\n    elementListeners.delete(element);\n  }\n\n  clearDelegatedHandlersForElement(element);\n}\n\nexport function removeAllListeners(root: Element | null): void {\n  if (!root) return;\n\n  forEachElementInSubtree(root, (el) => {\n    removeElementListeners(el);\n    removeElementReactiveProps(el);\n  });\n}\n"],"mappings":"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"}

package/dist/renderer/dom.js

@@ -1254,10 +1254,48 @@ function normalizeComponentChildren(result) {
 	}
 	return [result];
 }
-function syncComponentElement(currentDom, node, type, props, parentNamespace) {
+function syncComponentElement(currentDom, node, type, props, parentNamespace, forceChildrenUpdate = false) {
 	const existingHost = currentDom instanceof Element ? currentDom : null;
 	const existingInstance = existingHost ? findHostInstanceByType(existingHost, type) : null;
-	if (!existingHost || !existingInstance || existingInstance.fn !== type) return null;
+	if (!existingHost) return null;
+	if (!existingInstance || existingInstance.fn !== type) {
+		const snapshot = getVNodeContextFrame(node) || getCurrentContextFrame() || null;
+		const hydrationInstance = createComponentInstance(nextComponentInstanceId(), type, props || {}, existingHost);
+		setVNodeComponentInstance(node, hydrationInstance);
+		if (snapshot) hydrationInstance.ownerFrame = snapshot;
+		const result = withContext(snapshot, () => renderComponentInline(hydrationInstance));
+		if (result instanceof Promise) throw new Error("Async components are not supported. Components must return synchronously.");
+		const scopedResult = markVNodeTreeWithContextFrame(result, snapshot ?? null);
+		if (scopedResult && typeof scopedResult === "object" && "type" in scopedResult && typeof scopedResult.type === "string" && tagNamesEqualIgnoreCase(existingHost.tagName, scopedResult.type)) {
+			withContext(snapshot, () => {
+				updateElementFromVnode(existingHost, inheritComponentKey(scopedResult, node), true, forceChildrenUpdate || hydrationInstance.mounted === false);
+				materializeKey(existingHost, node, props);
+			});
+			mountInstanceInline(hydrationInstance, existingHost);
+			itemInstanceHydrationComplete(existingHost);
+			warnUnusedStateReads(hydrationInstance);
+			return existingHost;
+		}
+		const resolvedResult = resolveNestedComponentResult(scopedResult, snapshot ?? null);
+		if (_isDOMElement(resolvedResult) && typeof resolvedResult.type === "string" && tagNamesEqualIgnoreCase(existingHost.tagName, resolvedResult.type)) {
+			withContext(snapshot, () => {
+				updateElementFromVnode(existingHost, inheritComponentKey(resolvedResult, node), true, forceChildrenUpdate || hydrationInstance.mounted === false);
+				materializeKey(existingHost, node, props);
+			});
+			mountInstanceInline(hydrationInstance, existingHost);
+			itemInstanceHydrationComplete(existingHost);
+			warnUnusedStateReads(hydrationInstance);
+			return existingHost;
+		}
+		const nextDom = materializeComponentResultNode(hydrationInstance, scopedResult, parentNamespace);
+		if (nextDom instanceof Element) materializeKey(nextDom, node, props);
+		if (nextDom !== existingHost && existingHost.parentNode) {
+			existingHost.parentNode.replaceChild(nextDom, existingHost);
+			cleanupDetachedComponentHost(existingHost, hydrationInstance);
+		}
+		warnUnusedStateReads(hydrationInstance);
+		return nextDom;
+	}
 	const snapshot = getVNodeContextFrame(node) || getCurrentContextFrame() || existingInstance.ownerFrame || null;
 	existingInstance.props = props || {};
 	if (snapshot) existingInstance.ownerFrame = snapshot;
@@ -1271,7 +1309,7 @@ function syncComponentElement(currentDom, node, type, props, parentNamespace) {
 	}
 	if (scopedResult && typeof scopedResult === "object" && "type" in scopedResult && typeof scopedResult.type === "string" && tagNamesEqualIgnoreCase(existingHost.tagName, scopedResult.type)) {
 		withContext(snapshot, () => {
-			updateElementFromVnode(existingHost, inheritComponentKey(scopedResult, node), true);
+			updateElementFromVnode(existingHost, inheritComponentKey(scopedResult, node), true, forceChildrenUpdate || existingInstance.mounted === false);
 			materializeKey(existingHost, node, props);
 		});
 		warnUnusedStateReads(existingInstance);
@@ -1280,13 +1318,14 @@ function syncComponentElement(currentDom, node, type, props, parentNamespace) {
 	const resolvedResult = resolveNestedComponentResult(scopedResult, snapshot ?? null);
 	if (_isDOMElement(resolvedResult) && typeof resolvedResult.type === "string" && tagNamesEqualIgnoreCase(existingHost.tagName, resolvedResult.type)) {
 		withContext(snapshot, () => {
-			updateElementFromVnode(existingHost, inheritComponentKey(resolvedResult, node), true);
+			updateElementFromVnode(existingHost, inheritComponentKey(resolvedResult, node), true, forceChildrenUpdate || existingInstance.mounted === false);
 			materializeKey(existingHost, node, props);
 		});
 		warnUnusedStateReads(existingInstance);
 		return existingHost;
 	}
 	const nextDom = materializeComponentResultNode(existingInstance, scopedResult, parentNamespace);
+	if (nextDom instanceof Element) materializeKey(nextDom, node, props);
 	if (nextDom !== existingHost && existingHost.parentNode) {
 		existingHost.parentNode.replaceChild(nextDom, existingHost);
 		cleanupDetachedComponentHost(existingHost, existingInstance);
@@ -1294,6 +1333,13 @@ function syncComponentElement(currentDom, node, type, props, parentNamespace) {
 	warnUnusedStateReads(existingInstance);
 	return nextDom;
 }
+function itemInstanceHydrationComplete(host) {
+	const instance = host.__ASKR_INSTANCE;
+	if (instance) {
+		const scope = instance.scope;
+		if (scope) scope.hydrationPending = false;
+	}
+}
 function createComponentElement(node, type, props, parentNamespace) {
 	const snapshot = getVNodeContextFrame(node) || getCurrentContextFrame();
 	const componentFn = type;
@@ -1511,7 +1557,6 @@ function createErrorBoundaryElement(node, props, parentNamespace) {
 function syncForItemDom(parent, scope, vnode) {
 	let dom = scope.dom ?? null;
 	const parentNamespace = parent.namespaceURI === SVG_NAMESPACE ? SVG_NAMESPACE : void 0;
-	if (dom && !scope.needsDomUpdate) return dom;
 	if (_isDOMElement(vnode) && typeof vnode.type === "function") {
 		const syncedComponentDom = syncComponentElement(dom, vnode, vnode.type, vnode.props ?? {}, parentNamespace);
 		if (syncedComponentDom) {
@@ -1593,12 +1638,14 @@ function resolveStableIntrinsicPatchVNode(dom, 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;
 }
 function removeForBoundaryNodes(parent, removedNodes) {
@@ -1704,8 +1751,9 @@ function commitForBoundaryChildren(parent, controlState, childrenVNodes) {
 			const itemInstance = forState.items.get(itemKey);
 			if (!itemInstance || itemInstance.scope.dom) continue;
 			const existingDom = domKeyMap.get(itemKey);
-			if (!existingDom || checkVNodeShapeChanged(existingDom, childrenVNodes[i])) continue;
+			if (!existingDom) continue;
 			itemInstance.scope.dom = existingDom;
+			itemInstance.scope.needsDomUpdate = true;
 		}
 	};
 	if (forState.orderedKeys.length === 0) {
@@ -1727,10 +1775,7 @@ function commitForBoundaryChildren(parent, controlState, childrenVNodes) {
 		const pendingDirtyIndices = forState.pendingDirtyIndices;
 		if (pendingDirtyIndices && pendingDirtyIndices.length > 0) return pendingDirtyIndices;
 		const dirtyIndices = [];
-		for (let index = 0; index < forState.orderedKeys.length; index += 1) {
-			const itemKey = forState.orderedKeys[index];
-			if (forState.items.get(itemKey)?.scope.needsDomUpdate) dirtyIndices.push(index);
-		}
+		for (let index = 0; index < forState.orderedKeys.length; index += 1) if (forState.orderedItems[index]?.scope.needsDomUpdate) dirtyIndices.push(index);
 		return dirtyIndices;
 	};
 	let dirtyIndicesCache = null;
@@ -1739,12 +1784,15 @@ function commitForBoundaryChildren(parent, controlState, childrenVNodes) {
 		dirtyIndicesCache = getDirtyForIndices();
 		return dirtyIndicesCache;
 	};
+	let boundaryChildrenExact = false;
 	const commitDirtyNoReorder = (dirtyIndices) => {
-		if (dirtyIndices.length === 0) return;
+		if (dirtyIndices.length === 0) {
+			boundaryChildrenExact = true;
+			return;
+		}
 		for (let dirtyIndex = 0; dirtyIndex < dirtyIndices.length; dirtyIndex++) {
 			const i = dirtyIndices[dirtyIndex];
-			const itemKey = forState.orderedKeys[i];
-			const itemInstance = forState.items.get(itemKey);
+			const itemInstance = forState.orderedItems[i];
 			if (!itemInstance) continue;
 			if (tryPatchStableForDirtyItem(itemInstance.scope)) continue;
 			const dom = syncForItemDom(parent, itemInstance.scope, childrenVNodes[i]);
@@ -1755,11 +1803,11 @@ function commitForBoundaryChildren(parent, controlState, childrenVNodes) {
 				parent.insertBefore(dom, anchor);
 			}
 		}
+		boundaryChildrenExact = true;
 	};
 	const commitPositional = () => {
 		for (let i = 0; i < forState.orderedKeys.length; i++) {
-			const itemKey = forState.orderedKeys[i];
-			const itemInstance = forState.items.get(itemKey);
+			const itemInstance = forState.orderedItems[i];
 			if (!itemInstance) continue;
 			const dom = syncForItemDom(parent, itemInstance.scope, childrenVNodes[i]);
 			if (!dom) continue;
@@ -1769,14 +1817,34 @@ function commitForBoundaryChildren(parent, controlState, childrenVNodes) {
 				parent.insertBefore(dom, anchor);
 			}
 		}
+		boundaryChildrenExact = true;
 	};
 	const commitAppend = () => {
+		if (!forState._hasResolvedItemDom && forState.lastRemovedNodes.length === 0 && parent.childNodes.length === forState.orderedKeys.length) {
+			let exactOrder = true;
+			let currentNode = parent.firstChild;
+			for (let i = 0; i < forState.orderedKeys.length; i++) {
+				const itemInstance = forState.orderedItems[i];
+				if (!itemInstance) {
+					exactOrder = false;
+					currentNode = currentNode?.nextSibling ?? null;
+					continue;
+				}
+				if (currentNode !== itemInstance.scope.dom) exactOrder = false;
+				const dom = syncForItemDom(parent, itemInstance.scope, childrenVNodes[i]);
+				if (!dom || dom.parentNode !== parent || dom !== currentNode) exactOrder = false;
+				currentNode = currentNode?.nextSibling ?? null;
+			}
+			if (exactOrder) {
+				boundaryChildrenExact = true;
+				return;
+			}
+		}
 		withBenchMetricScope("coldCreate", () => {
 			const fragment = parent.ownerDocument.createDocumentFragment();
 			let hasPendingAppend = false;
 			for (let i = 0; i < forState.orderedKeys.length; i++) {
-				const itemKey = forState.orderedKeys[i];
-				const itemInstance = forState.items.get(itemKey);
+				const itemInstance = forState.orderedItems[i];
 				if (!itemInstance) continue;
 				if (itemInstance.scope.dom?.parentNode === parent && !itemInstance.scope.needsDomUpdate) continue;
 				const dom = syncForItemDom(parent, itemInstance.scope, childrenVNodes[i]);
@@ -1789,6 +1857,7 @@ function commitForBoundaryChildren(parent, controlState, childrenVNodes) {
 			}
 			if (hasPendingAppend) parent.appendChild(fragment);
 		});
+		boundaryChildrenExact = true;
 	};
 	const commitSwap = () => {
 		const swapIndices = forState.pendingSwapIndices;
@@ -1814,30 +1883,34 @@ function commitForBoundaryChildren(parent, controlState, childrenVNodes) {
 			commitReorder();
 			return;
 		}
-		if ((firstDom.compareDocumentPosition(secondDom) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0) return;
+		if ((firstDom.compareDocumentPosition(secondDom) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0) {
+			boundaryChildrenExact = true;
+			return;
+		}
 		const firstNextSibling = firstDom.nextSibling;
 		recordBenchEvent("domMove");
 		parent.insertBefore(firstDom, secondDom);
 		recordBenchEvent("domMove");
 		parent.insertBefore(secondDom, firstNextSibling);
+		boundaryChildrenExact = true;
 	};
 	const commitReorder = () => {
-		const keys = forState.orderedKeys;
-		const count = keys.length;
+		const items = forState.orderedItems;
+		const count = items.length;
 		if (forState.pendingMoveOnly && forState.lastRemovedNodes.length === 0) {
-			const frag = parent.ownerDocument.createDocumentFragment();
+			const nodes = [];
 			for (let i = 0; i < count; i++) {
-				const itemKey = keys[i];
-				const dom = forState.items.get(itemKey)?.scope.dom;
+				const dom = items[i]?.scope.dom;
 				if (!dom) return;
 				recordBenchEvent(dom.parentNode === parent ? "domMove" : "domInsert");
-				frag.appendChild(dom);
+				nodes.push(dom);
 			}
-			parent.replaceChildren(frag);
+			parent.replaceChildren(...nodes);
+			boundaryChildrenExact = true;
 			return;
 		}
 		let hasExistingChild = false;
-		for (let i = 0; i < count; i++) if (forState.items.get(keys[i])?.scope.dom?.parentNode === parent) {
+		for (let i = 0; i < count; i++) if (items[i]?.scope.dom?.parentNode === parent) {
 			hasExistingChild = true;
 			break;
 		}
@@ -1845,8 +1918,7 @@ function commitForBoundaryChildren(parent, controlState, childrenVNodes) {
 			withBenchMetricScope("coldCreate", () => {
 				const frag = parent.ownerDocument.createDocumentFragment();
 				for (let i = 0; i < count; i++) {
-					const itemKey = keys[i];
-					const itemInstance = forState.items.get(itemKey);
+					const itemInstance = items[i];
 					if (!itemInstance) continue;
 					const dom = syncForItemDom(parent, itemInstance.scope, childrenVNodes[i]);
 					if (dom) {
@@ -1857,13 +1929,13 @@ function commitForBoundaryChildren(parent, controlState, childrenVNodes) {
 				recordBenchCounter("replaceChildrenCommits");
 				parent.replaceChildren(frag);
 			});
+			boundaryChildrenExact = true;
 			return;
 		}
 		if (forState.lastRemovedNodes.length === 0) {
 			const frag = parent.ownerDocument.createDocumentFragment();
 			for (let i = 0; i < count; i++) {
-				const itemKey = keys[i];
-				const itemInstance = forState.items.get(itemKey);
+				const itemInstance = items[i];
 				if (!itemInstance) continue;
 				const dom = syncForItemDom(parent, itemInstance.scope, childrenVNodes[i]);
 				if (!dom) continue;
@@ -1871,11 +1943,11 @@ function commitForBoundaryChildren(parent, controlState, childrenVNodes) {
 				frag.appendChild(dom);
 			}
 			parent.replaceChildren(frag);
+			boundaryChildrenExact = true;
 			return;
 		}
 		for (let i = 0; i < count; i++) {
-			const itemKey = keys[i];
-			const itemInstance = forState.items.get(itemKey);
+			const itemInstance = items[i];
 			if (!itemInstance) continue;
 			const dom = syncForItemDom(parent, itemInstance.scope, childrenVNodes[i]);
 			if (!dom) continue;
@@ -1885,18 +1957,22 @@ function commitForBoundaryChildren(parent, controlState, childrenVNodes) {
 				parent.insertBefore(dom, anchor);
 			}
 		}
+		boundaryChildrenExact = true;
 	};
 	const isCurrentForDomOrder = () => {
 		for (let index = 0; index < forState.orderedKeys.length; index += 1) {
-			const itemKey = forState.orderedKeys[index];
-			const itemInstance = forState.items.get(itemKey);
+			const itemInstance = forState.orderedItems[index];
 			if (!itemInstance?.scope.dom) return false;
 			if (parent.childNodes[index] !== itemInstance.scope.dom) return false;
 		}
+		boundaryChildrenExact = true;
 		return true;
 	};
 	if (forState.lastCommitStrategy === "NO_REORDER" && ensureDirtyIndices().length > 0 && forState.pendingDirtyIndices === null && forState.pendingSwapIndices === null && !forState.pendingMoveOnly && forState.lastRemovedNodes.length === 0 && parent.childNodes.length === forState.orderedKeys.length) {
-		if (isCurrentForDomOrder()) {
+		if (getRuntimeEnv().NODE_ENV === "production") {
+			commitDirtyNoReorder(ensureDirtyIndices());
+			syncKeyedMapFromForState(parent, forState, "NO_REORDER", []);
+		} else if (isCurrentForDomOrder()) {
 			commitDirtyNoReorder(ensureDirtyIndices());
 			syncKeyedMapFromForState(parent, forState, "NO_REORDER", []);
 		} else {
@@ -1929,10 +2005,9 @@ function commitForBoundaryChildren(parent, controlState, childrenVNodes) {
 	const syncExactForBoundaryChildren = () => {
 		const expectedNodes = [];
 		for (let i = 0; i < forState.orderedKeys.length; i++) {
-			const itemKey = forState.orderedKeys[i];
-			const itemInstance = forState.items.get(itemKey);
+			const itemInstance = forState.orderedItems[i];
 			if (!itemInstance) continue;
-			const dom = itemInstance.scope.dom ?? syncForItemDom(parent, itemInstance.scope, childrenVNodes[i]);
+			const dom = itemInstance.scope.dom && !itemInstance.scope.needsDomUpdate ? itemInstance.scope.dom : syncForItemDom(parent, itemInstance.scope, childrenVNodes[i]);
 			if (dom) expectedNodes.push(dom);
 		}
 		const currentNodes = Array.from(parent.childNodes);
@@ -1948,7 +2023,7 @@ function commitForBoundaryChildren(parent, controlState, childrenVNodes) {
 		}
 		parent.replaceChildren(...expectedNodes);
 	};
-	syncExactForBoundaryChildren();
+	if (!boundaryChildrenExact) syncExactForBoundaryChildren();
 	forState._hasResolvedItemDom = true;
 	recordBenchTiming("domCommit", performance.now() - domCommitStart);
 	clearForDomUpdateState(forState);
@@ -1956,7 +2031,7 @@ function commitForBoundaryChildren(parent, controlState, childrenVNodes) {
 /**
 * Update an existing element's attributes and children from vnode
 */
-function updateElementFromVnode(el, vnode, updateChildren = true) {
+function updateElementFromVnode(el, vnode, updateChildren = true, forceChildrenUpdate = false) {
 	if (!_isDOMElement(vnode)) return;
 	const props = vnode.props || {};
 	const domVNode = vnode;
@@ -1968,11 +2043,11 @@ function updateElementFromVnode(el, vnode, updateChildren = true) {
 	const existingListeners = elementListeners.get(el);
 	const existingReactiveProps = elementReactivePropsCleanup.get(el);
 	if ((!existingListeners || existingListeners.size === 0) && (!existingReactiveProps || existingReactiveProps.size === 0)) {
-		if (hasMatchingStaticProps(el, props, vnode.type)) {
+		if (!forceChildrenUpdate && hasMatchingStaticProps(el, props, vnode.type)) {
 			if (updateChildren) {
 				const children = props.children ?? vnode.children;
-				if (canReuseStaticSubtree(el, domVNode)) return;
-				updateElementChildren(el, children);
+				if (!forceChildrenUpdate && canReuseStaticSubtree(el, domVNode)) return;
+				updateElementChildren(el, children, forceChildrenUpdate);
 			}
 			return;
 		}
@@ -2122,10 +2197,10 @@ function updateElementFromVnode(el, vnode, updateChildren = true) {
 	if (updateChildren) {
 		const children = props.children ?? vnode.children;
 		if (usesReactiveChildren) return;
-		updateElementChildren(el, children);
+		updateElementChildren(el, children, forceChildrenUpdate);
 	}
 }
-function updateElementChildren(el, children) {
+function updateElementChildren(el, children, forceUpdate = false) {
 	const directControlBoundary = getDirectControlBoundaryVNode(children);
 	if (directControlBoundary) {
 		const controlState = getControlBoundaryState(directControlBoundary);
@@ -2145,7 +2220,7 @@ function updateElementChildren(el, children) {
 		return;
 	}
 	if (!Array.isArray(children) && isFragmentVNode(children)) {
-		updateUnkeyedChildren(el, normalizeComponentChildren(children));
+		updateUnkeyedChildren(el, normalizeComponentChildren(children), forceUpdate);
 		return;
 	}
 	if (!Array.isArray(children) && (typeof children === "string" || typeof children === "number")) {
@@ -2178,11 +2253,11 @@ function updateElementChildren(el, children) {
 			keyedElements.delete(el);
 			return;
 		}
-		updateUnkeyedChildren(el, children);
+		updateUnkeyedChildren(el, children, forceUpdate);
 		return;
 	}
 	if (_isDOMElement(children)) {
-		updateUnkeyedChildren(el, [children]);
+		updateUnkeyedChildren(el, [children], forceUpdate);
 		return;
 	}
 	for (let n = el.firstChild; n;) {
@@ -2317,11 +2392,11 @@ function canReuseStaticSubtree(el, vnode) {
 	}
 	return true;
 }
-function updateUnkeyedChildren(parent, newChildren) {
+function updateUnkeyedChildren(parent, newChildren, forceUpdate = false) {
 	const parentNamespace = parent.namespaceURI === SVG_NAMESPACE ? SVG_NAMESPACE : void 0;
 	const trySyncComponentChild = (currentDom, next) => {
 		if (typeof next.type !== "function") return null;
-		return syncComponentElement(currentDom, next, next.type, (next.props ?? {}) || {}, parentNamespace);
+		return syncComponentElement(currentDom, next, next.type, (next.props ?? {}) || {}, parentNamespace, forceUpdate);
 	};
 	const hasText = newChildren.some((c) => typeof c === "string" || typeof c === "number");
 	const hasElements = newChildren.some((c) => _isDOMElement(c));
@@ -2334,7 +2409,7 @@ function updateUnkeyedChildren(parent, newChildren) {
 			const next = newChildren[i];
 			const current = c[i];
 			if (!current || next === void 0) continue;
-			if (_isDOMElement(next) && typeof next.type === "string") if (tagsEqualIgnoreCase(current.tagName, next.type)) updateElementFromVnode(current, next);
+			if (_isDOMElement(next) && typeof next.type === "string") if (tagsEqualIgnoreCase(current.tagName, next.type)) updateElementFromVnode(current, next, true, forceUpdate);
 			else {
 				const dom = createDOMNode(next, parentNamespace);
 				if (dom) {
@@ -2388,7 +2463,7 @@ function updateUnkeyedChildren(parent, newChildren) {
 			}
 			else if (_isDOMElement(next)) if (currentNode.nodeType === 1) {
 				const currentEl = currentNode;
-				if (typeof next.type === "string") if (tagsEqualIgnoreCase(currentEl.tagName, next.type)) updateElementFromVnode(currentEl, next);
+				if (typeof next.type === "string") if (tagsEqualIgnoreCase(currentEl.tagName, next.type)) updateElementFromVnode(currentEl, next, true, forceUpdate);
 				else {
 					const dom = createDOMNode(next, parentNamespace);
 					if (dom) {
@@ -2450,7 +2525,7 @@ function updateUnkeyedChildren(parent, newChildren) {
 			const textNode = document.createTextNode(String(next));
 			teardownNodeSubtree(current);
 			parent.replaceChild(textNode, current);
-		} else if (_isDOMElement(next)) if (typeof next.type === "string") if (tagsEqualIgnoreCase(current.tagName, next.type)) updateElementFromVnode(current, next);
+		} else if (_isDOMElement(next)) if (typeof next.type === "string") if (tagsEqualIgnoreCase(current.tagName, next.type)) updateElementFromVnode(current, next, true, forceUpdate);
 		else {
 			const dom = createDOMNode(next, parentNamespace);
 			if (dom) {