@ktjs/core 0.37.3 → 0.37.6

package/dist/index.d.ts

@@ -4,9 +4,13 @@ export { HTMLTag, InputElementTag, MathMLTag, SVGTag } from '@ktjs/shared';
 declare class KTComputed<T> extends KTReactive<T> {
     readonly ktype = KTReactiveType.Computed;
     private readonly _calculator;
+    private readonly _dependencies;
+    private readonly _recalculateListener;
+    private _disposed;
     private _recalculate;
     constructor(calculator: () => T, dependencies: Array<KTReactiveLike<any>>);
     notify(): this;
+    dispose(): this;
 }
 declare class KTSubComputed<T> extends KTSubReactive<T> {
     readonly ktype = KTReactiveType.SubComputed;
@@ -21,7 +25,7 @@ declare const computed: <T>(calculator: () => T, dependencies: Array<KTReactiveL
 
 type ChangeHandler<T> = (newValue: T, oldValue: T) => void;
 declare const enum KTReactiveType {
-    ReactiveLike = 1,
+    ReactiveLike = 31,
     Ref = 2,
     SubRef = 4,
     RefLike = 6,
@@ -1519,7 +1523,24 @@ declare function KTAsync<T extends KTComponent>(props: {
     children?: KTRawContent;
 } & ExtractComponentProps<T>): JSX.Element;
 
-type KTForElement = JSX.Element;
+declare const enum AnchorType {
+    Fragment = "kt-fragment",
+    For = "kt-for"
+}
+declare abstract class KTAnchor<T extends Node = Node> extends Comment {
+    readonly isKTAnchor: true;
+    readonly list: T[];
+    abstract readonly type: AnchorType;
+    mountCallback?: () => void;
+    constructor(data: AnchorType);
+    mount(parent?: Node): void;
+}
+
+declare class KTForAnchor extends KTAnchor<JSX.Element> {
+    readonly type = AnchorType.For;
+    constructor();
+}
+type KTForElement = JSX.Element & KTForAnchor;
 interface KTForProps<T> {
     ref?: KTRefLike<KTForElement>;
     list: T[] | KTReactiveLike<T[]>;
@@ -1528,7 +1549,7 @@ interface KTForProps<T> {
 }
 /**
  * KTFor - List rendering component with key-based optimization
- * Returns a Comment anchor node with rendered elements in __kt_for_list__
+ * Returns a Comment anchor node with rendered elements in anchor.list
  */
 declare function KTFor<T>(props: KTForProps<T>): KTForElement;
 

package/dist/index.mjs

@@ -5,38 +5,114 @@ function isKT(obj) {
 }
 
 function isReactiveLike(obj) {
-    return "number" == typeof obj.ktype && !!(1 & obj.ktype);
+    return "number" == typeof obj?.ktype && !!(31 & obj.ktype);
 }
 
 function isRef(obj) {
-    return "number" == typeof obj.ktype && 2 === obj.ktype;
+    return "number" == typeof obj?.ktype && 2 === obj.ktype;
 }
 
 function isSubRef(obj) {
-    return "number" == typeof obj.ktype && 4 === obj.ktype;
+    return "number" == typeof obj?.ktype && 4 === obj.ktype;
 }
 
 function isRefLike(obj) {
-    return "number" == typeof obj.ktype && !!(6 & obj.ktype);
+    return "number" == typeof obj?.ktype && !!(6 & obj.ktype);
 }
 
 function isComputed(obj) {
-    return "number" == typeof obj.ktype && 8 === obj.ktype;
+    return "number" == typeof obj?.ktype && 8 === obj.ktype;
 }
 
 function isSubComputed(obj) {
-    return "number" == typeof obj.ktype && 16 === obj.ktype;
+    return "number" == typeof obj?.ktype && 16 === obj.ktype;
 }
 
 function isComputedLike(obj) {
-    return "number" == typeof obj.ktype && !!(24 & obj.ktype);
+    return "number" == typeof obj?.ktype && !!(24 & obj.ktype);
 }
 
 function isReactive(obj) {
-    return "number" == typeof obj.ktype && !!(10 & obj.ktype);
+    return "number" == typeof obj?.ktype && !!(10 & obj.ktype);
 }
 
-const _getters = new Map, _setters = new Map, booleanHandler = (element, key, value) => {
+const _getters = new Map, _setters = new Map;
+
+class KTAnchor extends Comment {
+    isKTAnchor=!0;
+    list=[];
+    mountCallback;
+    constructor(data) {
+        super(data), $ensureAnchorObserver();
+    }
+    mount(parent) {
+        parent && this.parentNode !== parent && parent.appendChild(this), this.parentNode && this.mountCallback?.();
+    }
+}
+
+const CANNOT_MOUNT = "undefined" == typeof document || "undefined" == typeof Node, CANNOT_OBSERVE = CANNOT_MOUNT || "undefined" == typeof MutationObserver, COMMENT_FILTER = "undefined" == typeof NodeFilter ? 128 : NodeFilter.SHOW_COMMENT, nodeToCleanups = new WeakMap;
+
+let anchorObserver;
+
+const $cleanupRemovedNode = node => {
+    if (1 === node.nodeType || 11 === node.nodeType) {
+        const children = Array.from(node.childNodes);
+        for (let i = 0; i < children.length; i++) $cleanupRemovedNode(children[i]);
+    }
+    const anchor = node;
+    if (!0 === anchor.isKTAnchor) {
+        const list = anchor.list.slice();
+        anchor.list.length = 0;
+        for (let i = 0; i < list.length; i++) {
+            const listNode = list[i];
+            listNode.parentNode && listNode.remove(), $cleanupRemovedNode(listNode);
+        }
+    }
+    $runNodeCleanups(node);
+}, $ensureAnchorObserver = () => {
+    CANNOT_OBSERVE || anchorObserver || !document.body || (anchorObserver = new MutationObserver(records => {
+        if ("undefined" == typeof document) return anchorObserver?.disconnect(), void (anchorObserver = void 0);
+        for (let i = 0; i < records.length; i++) {
+            const addedNodes = records[i].addedNodes;
+            for (let j = 0; j < addedNodes.length; j++) $mountFragmentAnchors(addedNodes[j]);
+            const removedNodes = records[i].removedNodes;
+            for (let j = 0; j < removedNodes.length; j++) $cleanupRemovedNode(removedNodes[j]);
+        }
+    }), anchorObserver.observe(document.body, {
+        childList: !0,
+        subtree: !0
+    }));
+}, $mountIfFragmentAnchor = node => {
+    const anchor = node;
+    !0 === anchor.isKTAnchor && "function" == typeof anchor.mount && anchor.mount();
+}, $runNodeCleanups = node => {
+    const cleanups = nodeToCleanups.get(node);
+    if (cleanups) {
+        nodeToCleanups.delete(node);
+        for (let i = cleanups.length - 1; i >= 0; i--) try {
+            cleanups[i]();
+        } catch (error) {
+            console.error("[@ktjs/core error]", "KTNodeCleanup:", error);
+        }
+    }
+}, $addNodeCleanup = (node, cleanup) => {
+    $ensureAnchorObserver();
+    const cleanups = nodeToCleanups.get(node);
+    return cleanups ? cleanups.push(cleanup) : nodeToCleanups.set(node, [ cleanup ]), 
+    cleanup;
+}, $removeNodeCleanup = (node, cleanup) => {
+    const cleanups = nodeToCleanups.get(node);
+    if (!cleanups) return;
+    const index = cleanups.indexOf(cleanup);
+    -1 !== index && (cleanups.splice(index, 1), 0 === cleanups.length && nodeToCleanups.delete(node));
+}, $mountFragmentAnchors = node => {
+    if (CANNOT_MOUNT || "undefined" == typeof document || !node || "number" != typeof node.nodeType) return;
+    const nodeObj = node;
+    if ($mountIfFragmentAnchor(nodeObj), 1 !== nodeObj.nodeType && 11 !== nodeObj.nodeType) return;
+    const walker = document.createTreeWalker(nodeObj, COMMENT_FILTER);
+    let current = walker.nextNode();
+    for (;current; ) $mountIfFragmentAnchor(current), current = walker.nextNode();
+}, booleanHandler = (element, key, value) => {
     key in element ? element[key] = !!value : element.setAttribute(key, value);
 }, valueHandler = (element, key, value) => {
     key in element ? element[key] = value : element.setAttribute(key, value);
@@ -64,6 +140,8 @@ const _getters = new Map, _setters = new Map, booleanHandler = (element, key, va
     hidden: (element, _key, value) => element.hidden = !!value
 }, defaultHandler = (element, key, value) => element.setAttribute(key, value), setElementStyle = (element, style) => {
     if ("string" != typeof style) for (const key in style) element.style[key] = style[key]; else element.style.cssText = style;
+}, addReactiveCleanup = (element, reactive, handler) => {
+    reactive.addOnChange(handler, handler), $addNodeCleanup(element, () => reactive.removeOnChange(handler));
 };
 
 function applyAttr(element, attr) {
@@ -72,51 +150,50 @@ function applyAttr(element, attr) {
         !function(element, attr) {
             const classValue = attr.class || attr.className;
             void 0 !== classValue && (isKT(classValue) ? (element.setAttribute("class", classValue.value), 
-            classValue.addOnChange(v => element.setAttribute("class", v))) : element.setAttribute("class", classValue));
+            addReactiveCleanup(element, classValue, v => element.setAttribute("class", v))) : element.setAttribute("class", classValue));
             const style = attr.style;
             if (style && ("string" == typeof style ? element.setAttribute("style", style) : "object" == typeof style && (isKT(style) ? (setElementStyle(element, style.value), 
-            style.addOnChange(v => setElementStyle(element, v))) : setElementStyle(element, style))), 
+            addReactiveCleanup(element, style, v => setElementStyle(element, v))) : setElementStyle(element, style))), 
             "k-html" in attr) {
-                const html = attr["k-html"];
-                isKT(html) ? (element.innerHTML = html.value, html.addOnChange(v => element.innerHTML = v)) : element.innerHTML = html;
+                const html = attr["k-html"], setHTML = value => {
+                    for (;element.firstChild; ) element.firstChild.remove();
+                    element.innerHTML = value;
+                };
+                isKT(html) ? (setHTML(html.value), addReactiveCleanup(element, html, v => setHTML(v))) : setHTML(html);
             }
             for (const key in attr) {
                 if ("k-model" === key || "k-for" === key || "k-key" === key || "ref" === key || "class" === key || "className" === key || "style" === key || "children" === key || "k-html" === key) continue;
                 const o = attr[key];
                 if (key.startsWith("on:")) {
-                    o && element.addEventListener(key.slice(3), o);
+                    if (o) {
+                        const eventName = key.slice(3);
+                        element.addEventListener(eventName, o), $addNodeCleanup(element, () => element.removeEventListener(eventName, o));
+                    }
                     continue;
                 }
                 const handler = handlers[key] || defaultHandler;
-                isKT(o) ? (handler(element, key, o.value), o.addOnChange(v => handler(element, key, v))) : handler(element, key, o);
+                isKT(o) ? (handler(element, key, o.value), addReactiveCleanup(element, o, v => handler(element, key, v))) : handler(element, key, o);
             }
         }(element, attr);
     }
 }
 
-const CANNOT_MOUNT = "undefined" == typeof document || "undefined" == typeof Node, COMMENT_FILTER = "undefined" == typeof NodeFilter ? 128 : NodeFilter.SHOW_COMMENT, $mountIfFragmentAnchor = node => {
-    const anchor = node;
-    !0 === anchor.isKTAnchor && "function" == typeof anchor.mount && anchor.mount();
-}, $mountFragmentAnchors = node => {
-    if (CANNOT_MOUNT || !(node instanceof Node)) return;
-    if ($mountIfFragmentAnchor(node), node.nodeType !== Node.ELEMENT_NODE && node.nodeType !== Node.DOCUMENT_FRAGMENT_NODE) return;
-    const walker = document.createTreeWalker(node, COMMENT_FILTER);
-    let current = walker.nextNode();
-    for (;current; ) $mountIfFragmentAnchor(current), current = walker.nextNode();
-}, assureNode = o => $isNode(o) ? o : document.createTextNode(o);
+const assureNode = o => $isNode(o) ? o : document.createTextNode(o);
 
 function apdSingle(element, c) {
     if (null != c && !1 !== c) if (isKT(c)) {
         let node = assureNode(c.value);
-        element.appendChild(node), $mountFragmentAnchors(node), c.addOnChange((newValue, _oldValue) => {
-            const oldNode = node;
-            node = assureNode(newValue), oldNode.replaceWith(node), $mountFragmentAnchors(node);
-        });
+        element.appendChild(node);
+        const onChange = newValue => {
+            const newNode = assureNode(newValue), oldNode = node;
+            node = newNode, oldNode.replaceWith(newNode), $mountFragmentAnchors(newNode);
+        };
+        c.addOnChange(onChange, onChange), $addNodeCleanup(element, () => c.removeOnChange(onChange));
     } else {
         const node = assureNode(c);
-        element.appendChild(node), $mountFragmentAnchors(node);
-        const list = node.__kt_for_list__;
-        $isArray(list) && apd(element, list);
+        element.appendChild(node);
+        const anchor = node;
+        "kt-for" === anchor.type && apd(element, anchor.list);
     }
 }
 
@@ -125,8 +202,11 @@ function apd(element, c) {
         const ci = c[i];
         if ($isThenable(ci)) {
             const comment = document.createComment("ktjs-promise-placeholder");
-            element.appendChild(comment), $mountFragmentAnchors(comment), ci.then(awaited => {
-                comment.replaceWith(awaited), $mountFragmentAnchors(awaited);
+            element.appendChild(comment), ci.then(awaited => {
+                if ($isNode(awaited)) comment.replaceWith(awaited), $mountFragmentAnchors(awaited); else {
+                    const awaitedNode = assureNode(awaited);
+                    comment.replaceWith(awaitedNode), $mountFragmentAnchors(awaitedNode);
+                }
             });
         } else apdSingle(element, ci);
     } else apdSingle(element, c);
@@ -138,11 +218,27 @@ function applyContent(element, content) {
 
 function applyKModel(element, valueRef) {
     if (!isRefLike(valueRef)) throw new Error("[@ktjs/core error] k-model value must be a KTRefLike.");
-    if ("INPUT" !== element.tagName) return "SELECT" === element.tagName || "TEXTAREA" === element.tagName ? (element.value = valueRef.value ?? "", 
-    element.addEventListener("change", () => valueRef.value = element.value), void valueRef.addOnChange(newValue => element.value = newValue)) : void console.warn("[@ktjs/core warn]", "not supported element for k-model:");
-    "radio" === element.type || "checkbox" === element.type ? (element.checked = Boolean(valueRef.value), 
-    element.addEventListener("change", () => valueRef.value = element.checked), valueRef.addOnChange(newValue => element.checked = newValue)) : (element.value = valueRef.value ?? "", 
-    element.addEventListener("input", () => valueRef.value = element.value), valueRef.addOnChange(newValue => element.value = newValue));
+    if ("INPUT" !== element.tagName) {
+        if ("SELECT" === element.tagName || "TEXTAREA" === element.tagName) {
+            element.value = valueRef.value ?? "";
+            const onChange = () => valueRef.value = element.value, onValueChange = newValue => element.value = newValue;
+            return element.addEventListener("change", onChange), valueRef.addOnChange(onValueChange, onValueChange), 
+            $addNodeCleanup(element, () => element.removeEventListener("change", onChange)), 
+            void $addNodeCleanup(element, () => valueRef.removeOnChange(onValueChange));
+        }
+        console.warn("[@ktjs/core warn]", "not supported element for k-model:");
+    } else if ("radio" === element.type || "checkbox" === element.type) {
+        element.checked = Boolean(valueRef.value);
+        const onChange = () => valueRef.value = element.checked, onValueChange = newValue => element.checked = newValue;
+        element.addEventListener("change", onChange), valueRef.addOnChange(onValueChange, onValueChange), 
+        $addNodeCleanup(element, () => element.removeEventListener("change", onChange)), 
+        $addNodeCleanup(element, () => valueRef.removeOnChange(onValueChange));
+    } else {
+        element.value = valueRef.value ?? "";
+        const onInput = () => valueRef.value = element.value, onValueChange = newValue => element.value = newValue;
+        element.addEventListener("input", onInput), valueRef.addOnChange(onValueChange, onValueChange), 
+        $addNodeCleanup(element, () => element.removeEventListener("input", onInput)), $addNodeCleanup(element, () => valueRef.removeOnChange(onValueChange));
+    }
 }
 
 /**
@@ -155,7 +251,7 @@ function applyKModel(element, valueRef) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.37.3 (Last Update: 2026.04.01 12:27:46.542)
+ * @version 0.37.6 (Last Update: 2026.04.03 07:49:37.031)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -338,19 +434,28 @@ const ref = value => new KTRef(value), assertModel = (props, defaultValue) => {
 class KTComputed extends KTReactive {
     ktype=8;
     _calculator;
+    _dependencies;
+    _recalculateListener;
+    _disposed=!1;
     _recalculate(forced = !1) {
         const newValue = this._calculator(), oldValue = this._value;
         return $is(oldValue, newValue) && !forced || (this._value = newValue, this._emit(newValue, oldValue)), 
         this;
     }
     constructor(calculator, dependencies) {
-        super(calculator()), this._calculator = calculator;
-        const recalculate = () => this._recalculate();
-        for (let i = 0; i < dependencies.length; i++) dependencies[i].addOnChange(recalculate);
+        super(calculator()), this._calculator = calculator, this._dependencies = dependencies, 
+        this._recalculateListener = () => this._recalculate();
+        for (let i = 0; i < dependencies.length; i++) dependencies[i].addOnChange(this._recalculateListener, this._recalculateListener);
     }
     notify() {
         return this._recalculate(!0);
     }
+    dispose() {
+        if (this._disposed) return this;
+        this._disposed = !0;
+        for (let i = 0; i < this._dependencies.length; i++) this._dependencies[i].removeOnChange(this._recalculateListener);
+        return this;
+    }
 }
 
 KTReactiveLike.prototype.map = function(c, dep) {
@@ -391,30 +496,23 @@ function effect(effectFn, reactives, options) {
 
 const toReactive = o => isKT(o) ? o : ref(o), dereactive = value => isKT(value) ? value.value : value;
 
-var AnchorType;
-
-!function(AnchorType) {
-    AnchorType[AnchorType.Fragment = 1] = "Fragment";
-}(AnchorType || (AnchorType = {}));
-
-const jsxh = (tag, props) => "function" == typeof tag ? tag(props) : h(tag, props, props.children), placeholder = data => document.createComment(data);
-
-class FragmentAnchor extends Comment {
-    isKTAnchor=!0;
-    type=AnchorType.Fragment;
-    list=[];
-    mountCallback;
+class FragmentAnchor extends KTAnchor {
+    type="kt-fragment";
     constructor() {
         super("kt-fragment");
     }
-    mount(parent) {
-        parent && this.parentNode !== parent && parent.appendChild(this), this.parentNode && this.mountCallback?.();
-    }
     removeElements() {
-        for (let i = 0; i < this.list.length; i++) this.list[i].remove();
+        const list = this.list.slice();
+        this.list.length = 0;
+        for (let i = 0; i < list.length; i++) {
+            const node = list[i];
+            node.parentNode && node.remove();
+        }
     }
 }
 
+const jsxh = (tag, props) => "function" == typeof tag ? tag(props) : h(tag, props, props.children), placeholder = data => document.createComment(data);
+
 function create(creator, tag, props) {
     if (props.ref && isComputedLike(props.ref)) throw new Error("[@ktjs/core error] Cannot assign a computed value to an element.");
     const el = creator(tag, props, props.children);
@@ -456,10 +554,10 @@ function Fragment(props) {
                 const element = newElements[i];
                 elements.push(element), fragment.appendChild(element);
             }
-            parent.insertBefore(fragment, anchor.nextSibling), $mountFragmentAnchors(fragment);
+            parent.insertBefore(fragment, anchor.nextSibling);
         };
-        return childrenRef.addOnChange(redraw), anchor.mountCallback = redraw, redraw(), 
-        $initRef(props, anchor), anchor;
+        return childrenRef.addOnChange(redraw, redraw), $addNodeCleanup(anchor, () => childrenRef.removeOnChange(redraw)), 
+        anchor.mountCallback = redraw, redraw(), $initRef(props, anchor), anchor;
     }({
         children: elements
     });
@@ -475,34 +573,40 @@ function KTAsync(props) {
     }) : comp = raw, comp;
 }
 
+class KTForAnchor extends KTAnchor {
+    type="kt-for";
+    constructor() {
+        super("kt-for");
+    }
+}
+
 function KTFor(props) {
-    const currentKey = props.key ?? (item => item), currentMap = props.map ?? (item => $identity(item)), listRef = toReactive(props.list).addOnChange(() => {
+    const redraw = () => {
         const newList = listRef.value, parent = anchor.parentNode;
         if (!parent) {
-            const newElements = [];
-            nodeMap.clear();
+            anchor.list.length = 0, nodeMap.clear();
             for (let index = 0; index < newList.length; index++) {
                 const item = newList[index], itemKey = currentKey(item, index, newList), node = currentMap(item, index, newList);
-                nodeMap.set(itemKey, node), newElements.push(node);
+                nodeMap.set(itemKey, node), anchor.list.push(node);
             }
-            return anchor.__kt_for_list__ = newElements, anchor;
+            return anchor;
         }
-        const oldLength = anchor.__kt_for_list__.length, newLength = newList.length;
+        const oldLength = anchor.list.length, newLength = newList.length;
         if (0 === newLength) return nodeMap.forEach(node => node.remove()), nodeMap.clear(), 
-        anchor.__kt_for_list__ = [], anchor;
+        anchor.list.length = 0, anchor;
         if (0 === oldLength) {
-            const newElements = [], fragment = document.createDocumentFragment();
+            anchor.list.length = 0;
+            const fragment = document.createDocumentFragment();
             for (let i = 0; i < newLength; i++) {
                 const item = newList[i], itemKey = currentKey(item, i, newList), node = currentMap(item, i, newList);
-                nodeMap.set(itemKey, node), newElements.push(node), fragment.appendChild(node);
+                nodeMap.set(itemKey, node), anchor.list.push(node), fragment.appendChild(node);
             }
-            return parent.insertBefore(fragment, anchor.nextSibling), $mountFragmentAnchors(fragment), 
-            anchor.__kt_for_list__ = newElements, anchor;
+            return parent.insertBefore(fragment, anchor.nextSibling), anchor;
         }
         const newKeyToNewIndex = new Map, newElements = new Array(newLength);
         for (let i = 0; i < newLength; i++) {
             const item = newList[i], itemKey = currentKey(item, i, newList);
-            newKeyToNewIndex.set(itemKey, i), nodeMap.has(itemKey) ? newElements[i] = nodeMap.get(itemKey) : newElements[i] = currentMap(item, i, newList);
+            newKeyToNewIndex.set(itemKey, i), newElements[i] = nodeMap.has(itemKey) ? nodeMap.get(itemKey) : currentMap(item, i, newList);
         }
         const toRemove = [];
         nodeMap.forEach((node, key) => {
@@ -512,39 +616,45 @@ function KTFor(props) {
         let currentNode = anchor.nextSibling;
         for (let i = 0; i < newLength; i++) {
             const node = newElements[i];
-            currentNode !== node ? (parent.insertBefore(node, currentNode), $mountFragmentAnchors(node)) : currentNode = currentNode.nextSibling;
+            currentNode !== node ? parent.insertBefore(node, currentNode) : currentNode = currentNode.nextSibling;
         }
-        nodeMap.clear();
+        nodeMap.clear(), anchor.list.length = 0;
         for (let i = 0; i < newLength; i++) {
-            const itemKey = currentKey(newList[i], i, newList);
-            nodeMap.set(itemKey, newElements[i]);
+            const itemKey = currentKey(newList[i], i, newList), node = newElements[i];
+            nodeMap.set(itemKey, node), anchor.list.push(node);
         }
-        return anchor.__kt_for_list__ = newElements, anchor;
-    }), anchor = document.createComment("kt-for"), nodeMap = new Map, elements = [];
+        return anchor;
+    }, currentKey = props.key ?? (item => item), currentMap = props.map ?? (item => $identity(item)), listRef = toReactive(props.list), anchor = new KTForAnchor, nodeMap = new Map;
     for (let index = 0; index < listRef.value.length; index++) {
         const item = listRef.value[index], itemKey = currentKey(item, index, listRef.value), node = currentMap(item, index, listRef.value);
-        nodeMap.set(itemKey, node), elements.push(node);
+        nodeMap.set(itemKey, node), anchor.list.push(node);
     }
-    return anchor.__kt_for_list__ = elements, $initRef(props, anchor), anchor;
+    return listRef.addOnChange(redraw, redraw), $addNodeCleanup(anchor, () => listRef.removeOnChange(redraw)), 
+    anchor.mountCallback = redraw, $initRef(props, anchor), anchor;
 }
 
 function KTConditional(condition, tagIf, propsIf, tagElse, propsElse) {
     if (!isKT(condition)) return condition ? jsxh(tagIf, propsIf) : tagElse ? jsxh(tagElse, propsElse) : placeholder("kt-conditional");
     if (tagElse) {
         let current = condition.value ? jsxh(tagIf, propsIf) : jsxh(tagElse, propsElse);
-        return condition.addOnChange(newValue => {
+        const cleanup = () => condition.removeOnChange(onChange), onChange = newValue => {
             const old = current;
-            current = newValue ? jsxh(tagIf, propsIf) : jsxh(tagElse, propsElse), old.replaceWith(current), 
-            $mountFragmentAnchors(current);
-        }), current;
+            current = newValue ? jsxh(tagIf, propsIf) : jsxh(tagElse, propsElse), $removeNodeCleanup(old, cleanup), 
+            $addNodeCleanup(current, cleanup), old.replaceWith(current), $mountFragmentAnchors(current);
+        };
+        return condition.addOnChange(onChange, onChange), $addNodeCleanup(current, cleanup), 
+        current;
     }
     {
         const dummy = placeholder("kt-conditional");
         let current = condition.value ? jsxh(tagIf, propsIf) : dummy;
-        return condition.addOnChange(newValue => {
+        const cleanup = () => condition.removeOnChange(onChange), onChange = newValue => {
             const old = current;
-            current = newValue ? jsxh(tagIf, propsIf) : dummy, old.replaceWith(current), $mountFragmentAnchors(current);
-        }), current;
+            current = newValue ? jsxh(tagIf, propsIf) : dummy, $removeNodeCleanup(old, cleanup), 
+            $addNodeCleanup(current, cleanup), old.replaceWith(current), $mountFragmentAnchors(current);
+        };
+        return condition.addOnChange(onChange, onChange), $addNodeCleanup(current, cleanup), 
+        current;
     }
 }
 

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/reactable/common.ts","../src/h/attr-helpers.ts","../src/h/attr.ts","../src/jsx/anchor-mount.ts","../src/h/content.ts","../src/h/model.ts","../src/h/index.ts","../src/reactable/reactive.ts","../src/reactable/scheduler.ts","../src/reactable/ref.ts","../src/reactable/computed.ts","../src/reactable/effect.ts","../src/reactable/index.ts","../src/jsx/common.ts","../src/jsx/fragment.ts","../src/jsx/jsx-runtime.ts","../src/jsx/async.ts","../src/jsx/for.ts","../src/jsx/if.ts"],"sourcesContent":["import { KTReactiveLike, KTReactiveType, type KTReactive } from './reactive.js';\nimport type { KTRef, KTRefLike, KTSubRef } from './ref.js';\nimport type { KTComputed, KTComputedLike, KTSubComputed } from './computed.js';\n\n// # type guards\nexport function isKT<T = any>(obj: any): obj is KTReactiveLike<T> {\n  return typeof obj?.kid === 'number';\n}\nexport function isReactiveLike<T = any>(obj: any): obj is KTReactiveLike<T> {\n  if (typeof obj.ktype === 'number') {\n    return (obj.ktype & KTReactiveType.ReactiveLike) !== 0;\n  } else {\n    return false;\n  }\n}\n\nexport function isRef<T = any>(obj: any): obj is KTRef<T> {\n  if (typeof obj.ktype === 'number') {\n    return obj.ktype === KTReactiveType.Ref;\n  } else {\n    return false;\n  }\n}\n\nexport function isSubRef<T = any>(obj: any): obj is KTSubRef<T> {\n  if (typeof obj.ktype === 'number') {\n    return obj.ktype === KTReactiveType.SubRef;\n  } else {\n    return false;\n  }\n}\n\nexport function isRefLike<T = any>(obj: any): obj is KTRefLike<T> {\n  if (typeof obj.ktype === 'number') {\n    return (obj.ktype & KTReactiveType.RefLike) !== 0;\n  } else {\n    return false;\n  }\n}\n\nexport function isComputed<T = any>(obj: any): obj is KTComputed<T> {\n  if (typeof obj.ktype === 'number') {\n    return obj.ktype === KTReactiveType.Computed;\n  } else {\n    return false;\n  }\n}\n\nexport function isSubComputed<T = any>(obj: any): obj is KTSubComputed<T> {\n  if (typeof obj.ktype === 'number') {\n    return obj.ktype === KTReactiveType.SubComputed;\n  } else {\n    return false;\n  }\n}\n\nexport function isComputedLike<T = any>(obj: any): obj is KTComputedLike<T> {\n  if (typeof obj.ktype === 'number') {\n    return (obj.ktype & KTReactiveType.ComputedLike) !== 0;\n  } else {\n    return false;\n  }\n}\n\nexport function isReactive<T = any>(obj: any): obj is KTReactive<T> {\n  if (typeof obj.ktype === 'number') {\n    return (obj.ktype & KTReactiveType.Reactive) !== 0;\n  } else {\n    return false;\n  }\n}\n\n// # sub getter/setter factory\n\ntype SubGetter = (s: any) => any;\ntype SubSetter = (s: any, newValue: any) => void;\nconst _getters = new Map<string, SubGetter>();\nconst _setters = new Map<string, SubSetter>();\n\nexport const $createSubGetter = (path: string): SubGetter => {\n  const exist = _getters.get(path);\n  if (exist) {\n    return exist;\n  } else {\n    const cache = new Function('s', `return s${path}`) as SubGetter;\n    _getters.set(path, cache);\n    return cache;\n  }\n};\n\nexport const $createSubSetter = (path: string): SubSetter => {\n  const exist = _setters.get(path);\n  if (exist) {\n    return exist;\n  } else {\n    const cache = new Function('s', 'v', `s${path}=v`) as SubSetter;\n    _setters.set(path, cache);\n    return cache;\n  }\n};\n","const booleanHandler = (element: HTMLElement | SVGElement | MathMLElement, key: string, value: any) => {\n  if (key in element) {\n    (element as any)[key] = !!value;\n  } else {\n    element.setAttribute(key, value);\n  }\n};\n\nconst valueHandler = (element: HTMLElement | SVGElement | MathMLElement, key: string, value: any) => {\n  if (key in element) {\n    (element as any)[key] = value;\n  } else {\n    element.setAttribute(key, value);\n  }\n};\n\n// Attribute handlers map for optimized lookup\nexport const handlers: Record<\n  string,\n  (element: HTMLElement | SVGElement | MathMLElement, key: string, value: any) => void\n> = {\n  checked: booleanHandler,\n  selected: booleanHandler,\n  value: valueHandler,\n  valueAsDate: valueHandler,\n  valueAsNumber: valueHandler,\n  defaultValue: valueHandler,\n  defaultChecked: booleanHandler,\n  defaultSelected: booleanHandler,\n  disabled: booleanHandler,\n  readOnly: booleanHandler,\n  multiple: booleanHandler,\n  required: booleanHandler,\n  autofocus: booleanHandler,\n  open: booleanHandler,\n  controls: booleanHandler,\n  autoplay: booleanHandler,\n  loop: booleanHandler,\n  muted: booleanHandler,\n  defer: booleanHandler,\n  async: booleanHandler,\n  hidden: (element, _key, value) => ((element as HTMLElement).hidden = !!value),\n};\n","import type { KTReactifyProps } from '../reactable/types.js';\nimport type { KTRawAttr, KTAttribute } from '../types/h.js';\nimport { isKT } from '../reactable/common.js';\nimport { handlers } from './attr-helpers.js';\n\nconst defaultHandler = (element: HTMLElement | SVGElement | MathMLElement, key: string, value: any) =>\n  element.setAttribute(key, value);\n\nconst setElementStyle = (\n  element: HTMLElement | SVGElement | MathMLElement,\n  style: Partial<CSSStyleDeclaration> | string,\n) => {\n  if (typeof style === 'string') {\n    (element as HTMLElement).style.cssText = style;\n    return;\n  }\n\n  for (const key in style) {\n    (element as any).style[key as any] = style[key];\n  }\n};\n\nfunction attrIsObject(element: HTMLElement | SVGElement | MathMLElement, attr: KTReactifyProps<KTAttribute>) {\n  const classValue = attr.class || attr.className;\n  if (classValue !== undefined) {\n    if (isKT<string>(classValue)) {\n      element.setAttribute('class', classValue.value);\n      classValue.addOnChange((v) => element.setAttribute('class', v));\n    } else {\n      element.setAttribute('class', classValue);\n    }\n  }\n\n  const style = attr.style;\n  if (style) {\n    if (typeof style === 'string') {\n      element.setAttribute('style', style);\n    } else if (typeof style === 'object') {\n      if (isKT(style)) {\n        setElementStyle(element, style.value);\n        style.addOnChange((v: Partial<CSSStyleDeclaration> | string) => setElementStyle(element, v));\n      } else {\n        setElementStyle(element, style as Partial<CSSStyleDeclaration>);\n      }\n    }\n  }\n\n  // ! Security: `k-html` is an explicit raw HTML escape hatch. kt.js intentionally does not sanitize here; callers must pass only trusted HTML.\n  if ('k-html' in attr) {\n    const html = attr['k-html'];\n    if (isKT(html)) {\n      element.innerHTML = html.value;\n      html.addOnChange((v) => (element.innerHTML = v));\n    } else {\n      element.innerHTML = html;\n    }\n  }\n\n  for (const key in attr) {\n    // & Arranged in order of usage frequency\n    if (\n      // key === 'k-if' ||\n      // key === 'k-else' ||\n      key === 'k-model' ||\n      key === 'k-for' ||\n      key === 'k-key' ||\n      key === 'ref' ||\n      key === 'class' ||\n      key === 'className' ||\n      key === 'style' ||\n      key === 'children' ||\n      key === 'k-html'\n    ) {\n      continue;\n    }\n\n    const o = attr[key];\n\n    // normal event handler\n    if (key.startsWith('on:')) {\n      if (o) {\n        element.addEventListener(key.slice(3), o); // chop off the `on:`\n      }\n      continue;\n    }\n\n    // normal attributes\n    // Security: all non-`on:` attributes are forwarded as-is.\n    // Dangerous values such as raw `on*`, `href`, `src`, `srcdoc`, SVG href, etc.\n    // remain the caller's responsibility.\n    const handler = handlers[key] || defaultHandler;\n    if (isKT(o)) {\n      handler(element, key, o.value);\n      o.addOnChange((v) => handler(element, key, v));\n    } else {\n      handler(element, key, o);\n    }\n  }\n}\n\nexport function applyAttr(element: HTMLElement | SVGElement | MathMLElement, attr: KTRawAttr) {\n  if (!attr) {\n    return;\n  }\n  if (typeof attr === 'object' && attr !== null) {\n    attrIsObject(element, attr as KTAttribute);\n  } else {\n    $throw('attr must be an object.');\n  }\n}\n","type MountableFragmentAnchor = Node & {\n  isKTAnchor?: true;\n  mount?: () => void;\n};\n\nconst CANNOT_MOUNT = typeof document === 'undefined' || typeof Node === 'undefined';\nconst COMMENT_FILTER = typeof NodeFilter === 'undefined' ? 0x80 : NodeFilter.SHOW_COMMENT;\n\nconst $mountIfFragmentAnchor = (node: Node) => {\n  const anchor = node as MountableFragmentAnchor;\n  if (anchor.isKTAnchor === true && typeof anchor.mount === 'function') {\n    anchor.mount();\n  }\n};\n\nexport const $mountFragmentAnchors = (node: unknown) => {\n  if (CANNOT_MOUNT || !(node instanceof Node)) {\n    return;\n  }\n\n  $mountIfFragmentAnchor(node);\n\n  if (node.nodeType !== Node.ELEMENT_NODE && node.nodeType !== Node.DOCUMENT_FRAGMENT_NODE) {\n    return;\n  }\n\n  const walker = document.createTreeWalker(node, COMMENT_FILTER);\n  let current = walker.nextNode();\n  while (current) {\n    $mountIfFragmentAnchor(current);\n    current = walker.nextNode();\n  }\n};\n","import { $isArray, $isNode, $isThenable } from '@ktjs/shared';\nimport type { KTAvailableContent, KTRawContent } from '../types/h.js';\nimport { isKT } from '../reactable/common.js';\nimport { $mountFragmentAnchors } from '../jsx/anchor-mount.js';\n\nconst assureNode = (o: any) => ($isNode(o) ? o : document.createTextNode(o));\n\nfunction apdSingle(element: HTMLElement | DocumentFragment | SVGElement | MathMLElement, c: KTAvailableContent) {\n  // & Ignores falsy values, consistent with React's behavior\n  if (c === undefined || c === null || c === false) {\n    return;\n  }\n\n  if (isKT(c)) {\n    let node = assureNode(c.value);\n    element.appendChild(node);\n    $mountFragmentAnchors(node); // ^ Explicitly deal with FragmentAnchors\n    c.addOnChange((newValue, _oldValue) => {\n      const oldNode = node;\n      node = assureNode(newValue);\n      oldNode.replaceWith(node);\n      $mountFragmentAnchors(node); // ^ Explicitly deal with FragmentAnchors\n    });\n  } else {\n    const node = assureNode(c);\n    element.appendChild(node);\n    $mountFragmentAnchors(node); // ^ Explicitly deal with FragmentAnchors\n    // Handle KTFor anchor\n    const list = (node as any).__kt_for_list__ as any[];\n    if ($isArray(list)) {\n      apd(element, list);\n    }\n  }\n}\n\nfunction apd(element: HTMLElement | DocumentFragment | SVGElement | MathMLElement, c: KTAvailableContent) {\n  if ($isThenable(c)) {\n    c.then((r) => apd(element, r));\n  } else if ($isArray(c)) {\n    for (let i = 0; i < c.length; i++) {\n      // & might be thenable here too\n      const ci = c[i];\n      if ($isThenable(ci)) {\n        const comment = document.createComment('ktjs-promise-placeholder');\n        element.appendChild(comment);\n        $mountFragmentAnchors(comment); // ^ Explicitly deal with FragmentAnchors\n        ci.then((awaited) => {\n          comment.replaceWith(awaited);\n          $mountFragmentAnchors(awaited); // ^ Explicitly deal with FragmentAnchors\n        });\n      } else {\n        apdSingle(element, ci);\n      }\n    }\n  } else {\n    // & here is thened, so must be a simple elementj\n    apdSingle(element, c);\n  }\n}\n\nexport function applyContent(element: HTMLElement | SVGElement | MathMLElement, content: KTRawContent): void {\n  if ($isArray(content)) {\n    for (let i = 0; i < content.length; i++) {\n      apd(element, content[i]);\n    }\n  } else {\n    apd(element, content as KTAvailableContent);\n  }\n}\n","import type { InputElementTag } from '@ktjs/shared';\nimport type { KTRefLike } from '../reactable/ref.js';\n\nimport { static_cast } from 'type-narrow';\nimport { isRefLike } from '../reactable/common.js';\n\nexport function applyKModel(element: HTMLElementTagNameMap[InputElementTag], valueRef: KTRefLike<any>) {\n  if (!isRefLike(valueRef)) {\n    $throw('k-model value must be a KTRefLike.');\n  }\n\n  if (element.tagName === 'INPUT') {\n    static_cast<HTMLInputElement>(element);\n    if (element.type === 'radio' || element.type === 'checkbox') {\n      element.checked = Boolean(valueRef.value);\n      element.addEventListener('change', () => (valueRef.value = element.checked));\n      valueRef.addOnChange((newValue) => (element.checked = newValue));\n    } else {\n      element.value = valueRef.value ?? '';\n      element.addEventListener('input', () => (valueRef.value = element.value));\n      valueRef.addOnChange((newValue) => (element.value = newValue));\n    }\n    return;\n  }\n\n  if (element.tagName === 'SELECT' || element.tagName === 'TEXTAREA') {\n    element.value = valueRef.value ?? '';\n    element.addEventListener('change', () => (valueRef.value = element.value));\n    valueRef.addOnChange((newValue) => (element.value = newValue));\n    return;\n  }\n\n  $warn('not supported element for k-model:');\n}\n","import type { HTMLTag, MathMLTag, SVGTag } from '@ktjs/shared';\nimport type { KTRawAttr, KTRawContent, HTML } from '../types/h.js';\n\nimport { applyAttr } from './attr.js';\nimport { applyContent } from './content.js';\nimport { applyKModel } from './model.js';\n\n/**\n * Create an enhanced HTMLElement.\n * - Only supports HTMLElements, **NOT** SVGElements or other Elements.\n * @param tag tag of an `HTMLElement`\n * @param attr attribute object or className\n * @param content a string or an array of HTMLEnhancedElement as child nodes\n *\n * __PKG_INFO__\n */\nexport const h = <T extends HTMLTag | SVGTag | MathMLTag>(\n  tag: T,\n  attr?: KTRawAttr,\n  content?: KTRawContent,\n): HTML<T> => {\n  if (typeof tag !== 'string') {\n    $throw('tagName must be a string.');\n  }\n\n  // * start creating the element\n  const element = document.createElement(tag) as HTML<T>;\n  if (typeof attr === 'object' && attr !== null && 'k-model' in attr) {\n    applyKModel(element as any, attr['k-model'] as any);\n  }\n\n  // * Handle content\n  applyAttr(element, attr);\n  applyContent(element, content);\n\n  return element;\n};\n\nexport const svg = <T extends SVGTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent): HTML<T> => {\n  if (typeof tag !== 'string') {\n    $throw('tagName must be a string.');\n  }\n\n  // * start creating the element\n  const element = document.createElementNS('http://www.w3.org/2000/svg', tag) as HTML<T>;\n\n  // * Handle content\n  applyAttr(element, attr);\n  applyContent(element, content);\n\n  if (typeof attr === 'object' && attr !== null && 'k-model' in attr) {\n    applyKModel(element as any, attr['k-model'] as any);\n  }\n\n  return element;\n};\n\nexport const mathml = <T extends MathMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent): HTML<T> => {\n  if (typeof tag !== 'string') {\n    $throw('tagName must be a string.');\n  }\n\n  // * start creating the element\n  const element = document.createElementNS('http://www.w3.org/1998/Math/MathML', tag) as HTML<T>;\n\n  // * Handle content\n  applyAttr(element, attr);\n  applyContent(element, content);\n\n  if (typeof attr === 'object' && attr !== null && 'k-model' in attr) {\n    applyKModel(element as any, attr['k-model'] as any);\n  }\n\n  return element;\n};\n","import type { KTComputed, KTSubComputed } from './computed.js';\n\nimport { $stringify } from '@ktjs/shared';\nimport { $createSubGetter } from './common.js';\n\nexport type ChangeHandler<T> = (newValue: T, oldValue: T) => void;\n\nexport const enum KTReactiveType {\n  ReactiveLike = 0b00001,\n  Ref = 0b00010,\n  SubRef = 0b00100,\n  RefLike = Ref | SubRef,\n  Computed = 0b01000,\n  SubComputed = 0b10000,\n  ComputedLike = Computed | SubComputed,\n  Reactive = Ref | Computed,\n}\n\nlet kid = 1;\nlet handlerId = 1;\n\nexport abstract class KTReactiveLike<T> {\n  readonly kid = kid++;\n\n  abstract readonly ktype: KTReactiveType;\n\n  abstract get value(): T;\n\n  abstract addOnChange(handler: ChangeHandler<T>, key?: any): this;\n\n  abstract removeOnChange(key: any): this;\n\n  /**\n   * Create a computed value via current reactive value.\n   * - No matter `this` is added to `dependencies` or not, it is always listened.\n   * @param calculator A function that generates a new value based on current value.\n   * @param dependencies optional other dependencies that the computed value depends on.\n   */\n  map<U>(calculator: (value: T) => U, dependencies?: Array<KTReactiveLike<any>>): KTComputed<U> {\n    return null as any;\n  }\n}\n\nexport abstract class KTReactive<T> extends KTReactiveLike<T> {\n  /**\n   * @internal\n   */\n  protected _value: T;\n\n  /**\n   * @internal\n   */\n  protected readonly _changeHandlers = new Map<any, ChangeHandler<any>>();\n\n  constructor(value: T) {\n    super();\n    this._value = value;\n  }\n\n  get value() {\n    return this._value;\n  }\n\n  set value(_newValue: T) {\n    $warn('Setting value to a non-ref instance takes no effect.');\n  }\n\n  /**\n   * @internal\n   */\n  protected _emit(newValue: T, oldValue: T): this {\n    this._changeHandlers.forEach((handler) => handler(newValue, oldValue));\n    return this;\n  }\n\n  addOnChange(handler: ChangeHandler<T>, key?: any): this {\n    key ??= handlerId++;\n    if (this._changeHandlers.has(key)) {\n      $throw(`Overriding existing change handler with key ${$stringify(key)}.`);\n    }\n    this._changeHandlers.set(key, handler);\n    return this;\n  }\n\n  removeOnChange(key: any): this {\n    this._changeHandlers.delete(key);\n    return this;\n  }\n\n  clearOnChange(): this {\n    this._changeHandlers.clear();\n    return this;\n  }\n\n  notify(): this {\n    return this._emit(this._value, this._value);\n  }\n\n  /**\n   * Generate a sub-computed value based on this reactive, using keys to access nested properties.\n   * - `reactive.get('a', 'b')` means a sub-computed value to `this.value.a.b`.\n   * - `KTSubComputed` is lighter than `KTComputed` because it only listens to changes on the source reactive, while `KTComputed` listens to all its dependencies. So it's better to use `get` when you only need to access nested properties without doing any calculation.\n   */\n  get<\n    K0 extends keyof T,\n    K1 extends keyof T[K0],\n    K2 extends keyof T[K0][K1],\n    K3 extends keyof T[K0][K1][K2],\n    K4 extends keyof T[K0][K1][K2][K3],\n  >(key0: K0, key1: K1, key2: K2, key3: K3, key4: K4): KTSubComputed<T[K0][K1][K2][K3][K4]>;\n  /**\n   * Generate a sub-computed value based on this reactive, using keys to access nested properties.\n   * - `reactive.get('a', 'b')` means a sub-computed value to `this.value.a.b`.\n   * - `KTSubComputed` is lighter than `KTComputed` because it only listens to changes on the source reactive, while `KTComputed` listens to all its dependencies. So it's better to use `get` when you only need to access nested properties without doing any calculation.\n   */\n  get<K0 extends keyof T, K1 extends keyof T[K0], K2 extends keyof T[K0][K1], K3 extends keyof T[K0][K1][K2]>(\n    key0: K0,\n    key1: K1,\n    key2: K2,\n    key3: K3,\n  ): KTSubComputed<T[K0][K1][K2][K3]>;\n  /**\n   * Generate a sub-computed value based on this reactive, using keys to access nested properties.\n   * - `reactive.get('a', 'b')` means a sub-computed value to `this.value.a.b`.\n   * - `KTSubComputed` is lighter than `KTComputed` because it only listens to changes on the source reactive, while `KTComputed` listens to all its dependencies. So it's better to use `get` when you only need to access nested properties without doing any calculation.\n   */\n  get<K0 extends keyof T, K1 extends keyof T[K0], K2 extends keyof T[K0][K1]>(\n    key0: K0,\n    key1: K1,\n    key2: K2,\n  ): KTSubComputed<T[K0][K1][K2]>;\n  /**\n   * Generate a sub-computed value based on this reactive, using keys to access nested properties.\n   * - `reactive.get('a', 'b')` means a sub-computed value to `this.value.a.b`.\n   * - `KTSubComputed` is lighter than `KTComputed` because it only listens to changes on the source reactive, while `KTComputed` listens to all its dependencies. So it's better to use `get` when you only need to access nested properties without doing any calculation.\n   */\n  get<K0 extends keyof T, K1 extends keyof T[K0]>(key0: K0, key1: K1): KTSubComputed<T[K0][K1]>;\n  /**\n   * Generate a sub-computed value based on this reactive, using keys to access nested properties.\n   * - `reactive.get('a', 'b')` means a sub-computed value to `this.value.a.b`.\n   * - `KTSubComputed` is lighter than `KTComputed` because it only listens to changes on the source reactive, while `KTComputed` listens to all its dependencies. So it's better to use `get` when you only need to access nested properties without doing any calculation.\n   */\n  get<K0 extends keyof T>(key0: K0): KTSubComputed<T[K0]>;\n  /**\n   * Generate a sub-computed value based on this reactive, using keys to access nested properties.\n   * - `reactive.get('a', 'b')` means a sub-computed value to `this.value.a.b`.\n   * - `KTSubComputed` is lighter than `KTComputed` because it only listens to changes on the source reactive, while `KTComputed` listens to all its dependencies. So it's better to use `get` when you only need to access nested properties without doing any calculation.\n   */\n  get(..._keys: Array<string | number>): KTSubComputed<any> {\n    // & Will be implemented in computed.ts to avoid circular dependency\n    return null as any;\n  }\n}\n\nexport abstract class KTSubReactive<T> extends KTReactiveLike<T> {\n  readonly source: KTReactive<any>;\n\n  /**\n   * @internal\n   */\n  protected readonly _getter: (sv: KTReactive<any>['value']) => T;\n\n  constructor(source: KTReactive<any>, paths: string) {\n    super();\n    this.source = source;\n    this._getter = $createSubGetter(paths);\n  }\n\n  get value() {\n    // @ts-expect-error _value is private\n    return this._getter(this.source._value);\n  }\n\n  addOnChange(handler: ChangeHandler<T>, key?: any): this {\n    this.source.addOnChange((newSourceValue, oldSourceValue) => {\n      const oldValue = this._getter(oldSourceValue);\n      const newValue = this._getter(newSourceValue);\n      handler(newValue, oldValue);\n    }, key);\n    return this;\n  }\n\n  removeOnChange(key: any): this {\n    this.source.removeOnChange(key);\n    return this;\n  }\n\n  notify(): this {\n    this.source.notify();\n    return this;\n  }\n}\n","// Use microqueue to schedule the flush of pending reactions\n\nimport type { KTRef } from './ref.js';\n\nconst reactiveToOldValue = new Map<KTRef<any>, any>();\n\nlet scheduled = false;\n\nexport const markMutation = (reactive: KTRef<any>) => {\n  if (!reactiveToOldValue.has(reactive)) {\n    // @ts-expect-error accessing protected property\n    reactiveToOldValue.set(reactive, reactive._value);\n\n    // # schedule by microqueue\n    if (scheduled) {\n      return;\n    }\n\n    scheduled = true;\n    Promise.resolve().then(() => {\n      scheduled = false;\n      reactiveToOldValue.forEach((oldValue, reactive) => {\n        try {\n          // @ts-expect-error accessing protected property\n          reactive._changeHandlers.forEach((handler) => handler(reactive.value, oldValue));\n        } catch (error) {\n          $error('KTScheduler:', error);\n        }\n      });\n      reactiveToOldValue.clear();\n    });\n  }\n};\n","import { $emptyFn, $is, $stringify } from '@ktjs/shared';\nimport { KTReactive, KTReactiveType, KTSubReactive } from './reactive.js';\nimport { markMutation } from './scheduler.js';\nimport { $createSubSetter, isRefLike } from './common.js';\n\nexport class KTRef<T> extends KTReactive<T> {\n  readonly ktype = KTReactiveType.Ref;\n\n  constructor(_value: T) {\n    super(_value);\n  }\n\n  // ! Cannot be omitted, otherwise this will override `KTReactive` with only setter. And getter will return undefined.\n  get value() {\n    return this._value;\n  }\n\n  set value(newValue: T) {\n    if ($is(newValue, this._value)) {\n      return;\n    }\n    const oldValue = this._value;\n    this._value = newValue;\n    this._emit(newValue, oldValue);\n  }\n\n  /**\n   * Used to mutate the value in-place.\n   * - internal value is changed instantly, but the change handlers will be called in the next microtask.\n   */\n  get draft() {\n    markMutation(this);\n    return this._value;\n  }\n\n  notify(): this {\n    return this._emit(this._value, this._value);\n  }\n\n  /**\n   * Derive a lighter sub-ref from this ref, using keys to access nested properties.\n   * - `ref.subref('a', 'b')` means a sub-ref to `this.value.a.b`. Change it will also change `this.value` and trigger the handlers.\n   * - `KTSubRef` is lighter than `KTRef`.\n   */\n  subref<\n    K0 extends keyof T,\n    K1 extends keyof T[K0],\n    K2 extends keyof T[K0][K1],\n    K3 extends keyof T[K0][K1][K2],\n    K4 extends keyof T[K0][K1][K2][K3],\n  >(key0: K0, key1: K1, key2: K2, key3: K3, key4: K4): KTSubRef<T[K0][K1][K2][K3][K4]>;\n  /**\n   * Derive a lighter sub-ref from this ref, using keys to access nested properties.\n   * - `ref.subref('a', 'b')` means a sub-ref to `this.value.a.b`. Change it will also change `this.value` and trigger the handlers.\n   * - `KTSubRef` is lighter than `KTRef`.\n   */\n  subref<K0 extends keyof T, K1 extends keyof T[K0], K2 extends keyof T[K0][K1], K3 extends keyof T[K0][K1][K2]>(\n    key0: K0,\n    key1: K1,\n    key2: K2,\n    key3: K3,\n  ): KTSubRef<T[K0][K1][K2][K3]>;\n  /**\n   * Derive a lighter sub-ref from this ref, using keys to access nested properties.\n   * - `ref.subref('a', 'b')` means a sub-ref to `this.value.a.b`. Change it will also change `this.value` and trigger the handlers.\n   * - `KTSubRef` is lighter than `KTRef`.\n   */\n  subref<K0 extends keyof T, K1 extends keyof T[K0], K2 extends keyof T[K0][K1]>(\n    key0: K0,\n    key1: K1,\n    key2: K2,\n  ): KTSubRef<T[K0][K1][K2]>;\n  /**\n   * Derive a lighter sub-ref from this ref, using keys to access nested properties.\n   * - `ref.subref('a', 'b')` means a sub-ref to `this.value.a.b`. Change it will also change `this.value` and trigger the handlers.\n   * - `KTSubRef` is lighter than `KTRef`.\n   */\n  subref<K0 extends keyof T, K1 extends keyof T[K0]>(key0: K0, key1: K1): KTSubRef<T[K0][K1]>;\n  /**\n   * Derive a lighter sub-ref from this ref, using keys to access nested properties.\n   * - `ref.subref('a', 'b')` means a sub-ref to `this.value.a.b`. Change it will also change `this.value` and trigger the handlers.\n   * - `KTSubRef` is lighter than `KTRef`.\n   */\n  subref<K0 extends keyof T>(key0: K0): KTSubRef<T[K0]>;\n  /**\n   * Derive a lighter sub-ref from this ref, using keys to access nested properties.\n   * - `ref.subref('a', 'b')` means a sub-ref to `this.value.a.b`. Change it will also change `this.value` and trigger the handlers.\n   * - `KTSubRef` is lighter than `KTRef`.\n   */\n  subref(...keys: Array<string | number>): KTSubRef<any> {\n    if (keys.length === 0) {\n      $throw('At least one key is required to get a sub-ref.');\n    }\n    return new KTSubRef(this, keys.map((key) => `[${$stringify(key)}]`).join(''));\n  }\n}\n\nexport class KTSubRef<T> extends KTSubReactive<T> {\n  readonly ktype = KTReactiveType.SubRef;\n  declare readonly source: KTRef<any>;\n\n  /**\n   * @internal\n   */\n  protected readonly _setter: (s: object, newValue: T) => void;\n\n  constructor(source: KTRef<any>, paths: string) {\n    super(source, paths);\n    this._setter = $createSubSetter(paths);\n  }\n\n  get value() {\n    // @ts-expect-error _value is private\n    return this._getter(this.source._value);\n  }\n\n  set value(newValue: T) {\n    // @ts-expect-error _value is private\n    this._setter(this.source._value, newValue);\n    this.source.notify();\n  }\n\n  get draft() {\n    // Same implementation as `draft` in `KTRef`\n    markMutation(this.source);\n    // @ts-expect-error _value is private\n    return this._getter(this.source._value);\n  }\n\n  notify(): this {\n    this.source.notify();\n    return this;\n  }\n}\n\n/**\n * Create a reactive reference to a value. The returned object has a single property `value` that holds the internal value.\n * @param value listened value\n */\nexport const ref = <T>(value?: T): KTRef<T> => new KTRef(value as any);\n\n/**\n * Assert `k-model` to be a ref-like object\n */\nexport const assertModel = <T = any>(props: any, defaultValue?: T): KTRefLike<T> => {\n  // & props is an object. Won't use it in any other place\n  if ('k-model' in props) {\n    const kmodel = props['k-model'];\n    if (isRefLike(kmodel)) {\n      return kmodel;\n    } else {\n      $throw(`k-model data must be a KTRef object, please use 'ref(...)' to wrap it.`);\n    }\n  }\n  return ref(defaultValue) as KTRef<T>;\n};\n\nconst $refSetter = <T>(props: { ref?: KTRef<T> }, node: T) => (props.ref!.value = node);\ntype RefSetter<T> = (props: { ref?: KTRef<T> }, node: T) => void;\n\nexport type KTRefLike<T> = KTRef<T> | KTSubRef<T>;\n\n/**\n * Whether `props.ref` is a `KTRef` only needs to be checked in the initial render\n */\nexport const $initRef = <T extends Node>(props: { ref?: KTRefLike<T> }, node: T): RefSetter<T> => {\n  if (!('ref' in props)) {\n    return $emptyFn;\n  }\n\n  const r = props.ref;\n  if (isRefLike(r)) {\n    r.value = node;\n    return $refSetter;\n  } else {\n    $throw('Fragment: ref must be a KTRef');\n  }\n};\n","import { $is, $stringify } from '@ktjs/shared';\nimport { KTReactive, KTReactiveLike, KTReactiveType, KTSubReactive } from './reactive.js';\n\nexport class KTComputed<T> extends KTReactive<T> {\n  readonly ktype = KTReactiveType.Computed;\n\n  private readonly _calculator: () => T;\n\n  private _recalculate(forced: boolean = false): this {\n    const newValue = this._calculator();\n    const oldValue = this._value;\n    if (!$is(oldValue, newValue) || forced) {\n      this._value = newValue;\n      this._emit(newValue, oldValue);\n    }\n    return this;\n  }\n\n  constructor(calculator: () => T, dependencies: Array<KTReactiveLike<any>>) {\n    super(calculator());\n    this._calculator = calculator;\n    const recalculate = () => this._recalculate();\n    for (let i = 0; i < dependencies.length; i++) {\n      dependencies[i].addOnChange(recalculate);\n    }\n  }\n\n  notify(): this {\n    return this._recalculate(true);\n  }\n}\n\nKTReactiveLike.prototype.map = function <U>(\n  this: KTReactive<unknown>,\n  c: (value: unknown) => U,\n  dep?: Array<KTReactiveLike<any>>,\n) {\n  return new KTComputed(() => c(this.value), dep ? [this, ...dep] : [this]);\n};\n\nKTReactive.prototype.get = function <T>(this: KTReactive<T>, ...keys: Array<string | number>) {\n  if (keys.length === 0) {\n    $throw('At least one key is required to get a sub-computed.');\n  }\n  return new KTSubComputed(this, keys.map((key) => `[${$stringify(key)}]`).join(''));\n};\n\nexport class KTSubComputed<T> extends KTSubReactive<T> {\n  readonly ktype = KTReactiveType.SubComputed;\n}\n\nexport type KTComputedLike<T> = KTComputed<T> | KTSubComputed<T>;\n\n/**\n * Create a computed value that automatically updates when its dependencies change.\n * @param calculator synchronous function that calculates the value of the computed. It should not have side effects.\n * @param dependencies an array of reactive dependencies that the computed value depends on. The computed value will automatically update when any of these dependencies change.\n */\nexport const computed = <T>(calculator: () => T, dependencies: Array<KTReactiveLike<any>>): KTComputed<T> =>\n  new KTComputed(calculator, dependencies);\n","import { $emptyFn } from '@ktjs/shared';\nimport type { KTReactiveLike } from './reactive.js';\n\ninterface KTEffectOptions {\n  lazy: boolean;\n  onCleanup: () => void;\n  debugName: string;\n}\n\n/**\n * Register a reactive effect with options.\n * @param effectFn The effect function to run when dependencies change\n * @param reactives The reactive dependencies\n * @param options Effect options: lazy, onCleanup, debugName\n * @returns stop function to remove all listeners\n */\nexport function effect(\n  effectFn: () => void,\n  reactives: Array<KTReactiveLike<any>>,\n  options?: Partial<KTEffectOptions>,\n) {\n  const { lazy = false, onCleanup = $emptyFn, debugName = '' } = Object(options);\n  const listenerKeys: Array<string | number> = [];\n\n  let active = true;\n\n  const run = () => {\n    if (!active) {\n      return;\n    }\n\n    // cleanup before rerun\n    onCleanup();\n\n    try {\n      effectFn();\n    } catch (err) {\n      $debug('effect error:', debugName, err);\n    }\n  };\n\n  // subscribe to dependencies\n  for (let i = 0; i < reactives.length; i++) {\n    listenerKeys[i] = i;\n    reactives[i].addOnChange(run, effectFn);\n  }\n\n  // auto run unless lazy\n  if (!lazy) {\n    run();\n  }\n\n  // stop function\n  return () => {\n    if (!active) {\n      return;\n    }\n    active = false;\n\n    for (let i = 0; i < reactives.length; i++) {\n      reactives[i].removeOnChange(effectFn);\n    }\n\n    // final cleanup\n    onCleanup();\n  };\n}\n","import type { KTReactive, KTReactiveLike } from './reactive.js';\nimport { isKT } from './common.js';\nimport { ref } from './ref.js';\n\n/**\n * Ensure a value is reactive. If it's already `KTReactiveLike`, return it as is; otherwise, wrap it in a `ref`.\n */\nexport const toReactive = <T>(o: T | KTReactiveLike<T>): KTReactiveLike<T> =>\n  isKT(o) ? o : (ref(o as T) as KTReactive<T>);\n\n/**\n * Extracts the value from a KTReactive, or returns the value directly if it's not reactive.\n */\nexport const dereactive = <T>(value: T | KTReactiveLike<T>): T => (isKT<T>(value) ? value.value : value);\n\nexport type { KTRef, KTSubRef, KTRefLike } from './ref.js';\nexport { ref, assertModel } from './ref.js';\nexport type { KTComputed, KTSubComputed, KTComputedLike } from './computed.js';\nexport { computed } from './computed.js';\nexport { KTReactiveType } from './reactive.js';\nexport type * from './reactive.js';\n\nexport {\n  isKT,\n  isReactiveLike,\n  isRef,\n  isSubRef,\n  isRefLike,\n  isComputed,\n  isSubComputed,\n  isComputedLike,\n  isReactive,\n} from './common.js';\nexport { effect } from './effect.js';\nexport type * from './types.js';\n","import type { JSXTag } from '@ktjs/shared';\nimport type { KTAttribute } from '../types/h.js';\nimport type { JSX } from '../types/jsx.js';\nimport { h } from '../h/index';\n\nexport enum AnchorType {\n  Fragment = 1,\n}\n\nexport const jsxh = (tag: JSXTag, props: KTAttribute): JSX.Element =>\n  (typeof tag === 'function' ? tag(props) : h(tag, props, props.children)) as JSX.Element;\n\nexport const placeholder = (data: string): JSX.Element => document.createComment(data) as unknown as JSX.Element;\n","import type { KTReactiveLike } from '../reactable/reactive.js';\nimport type { KTRawContent } from '../types/h.js';\nimport type { JSX } from '../types/jsx.js';\nimport { $initRef, type KTRefLike } from '../reactable/ref.js';\n\nimport { $forEach, $isArray } from '@ktjs/shared';\nimport { isKT, toReactive } from '../reactable/index.js';\nimport { AnchorType } from './common.js';\nimport { $mountFragmentAnchors } from './anchor-mount.js';\n\nexport class FragmentAnchor extends Comment {\n  readonly isKTAnchor: true = true;\n  readonly type = AnchorType.Fragment;\n  readonly list: Node[] = [];\n  mountCallback?: () => void;\n\n  constructor() {\n    super('kt-fragment');\n  }\n\n  /**\n   * Manually mount this fragment into a parent node.\n   * - If `parent` is provided and the anchor is detached, it will be appended first.\n   */\n  mount(parent?: Node) {\n    if (parent && this.parentNode !== parent) {\n      parent.appendChild(this);\n    }\n    if (this.parentNode) {\n      this.mountCallback?.();\n    }\n  }\n\n  /**\n   * Remove elements in the list\n   */\n  removeElements() {\n    for (let i = 0; i < this.list.length; i++) {\n      (this.list[i] as ChildNode).remove();\n    }\n  }\n}\n\nexport interface FragmentProps<T extends Node = Node> {\n  /** Array of child elements, supports reactive arrays */\n  children: T[] | KTReactiveLike<T[]>;\n\n  /** element key function for optimization (future enhancement) */\n  key?: (element: T, index: number, array: T[]) => any;\n\n  /** ref to get the anchor node */\n  ref?: KTRefLike<JSX.Element>;\n}\n\n/**\n * Fragment - Container component for managing arrays of child elements\n *\n * Features:\n * 1. Returns a comment anchor node, child elements are inserted after the anchor\n * 2. Supports reactive arrays, automatically updates DOM when array changes\n * 3. Basic version uses simple replacement algorithm (remove all old elements, insert all new elements)\n * 4. Future enhancement: key-based optimization\n *\n * Usage example:\n * ```tsx\n * const children = ref([<div>A</div>, <div>B</div>]);\n * const fragment = <Fragment children={children} />;\n * fragment.mount(document.body);\n *\n * // Automatic update\n * children.value = [<div>C</div>, <div>D</div>];\n * ```\n */\nexport function Fragment<T extends Node = Node>(props: FragmentProps<T>): JSX.Element & FragmentAnchor {\n  const anchor = new FragmentAnchor();\n  const elements = anchor.list as T[];\n  const childrenRef = toReactive(props.children);\n\n  const redraw = () => {\n    const newElements = childrenRef.value;\n    const parent = anchor.parentNode;\n\n    if (!parent) {\n      elements.length = 0;\n      for (let i = 0; i < newElements.length; i++) {\n        elements.push(newElements[i]);\n      }\n      return;\n    }\n\n    anchor.removeElements();\n    elements.length = 0;\n\n    const fragment = document.createDocumentFragment();\n    for (let i = 0; i < newElements.length; i++) {\n      const element = newElements[i];\n      elements.push(element);\n      fragment.appendChild(element);\n    }\n\n    parent.insertBefore(fragment, anchor.nextSibling);\n    $mountFragmentAnchors(fragment); // ^ Explicitly deal with FragmentAnchors\n  };\n\n  childrenRef.addOnChange(redraw);\n  anchor.mountCallback = redraw;\n  redraw();\n\n  $initRef(props as { ref?: KTRefLike<Node> }, anchor);\n\n  return anchor as unknown as JSX.Element & FragmentAnchor;\n}\n\n/**\n * Convert KTRawContent to HTMLElement array\n */\nexport function convertChildrenToElements(children: KTRawContent): Element[] {\n  const elements: Element[] = [];\n\n  const processChild = (child: any): void => {\n    if (child === undefined || child === null || child === false || child === true) {\n      // Ignore null, undefined, false, true\n      return;\n    }\n\n    if ($isArray(child)) {\n      // Recursively process array\n      $forEach(child, processChild);\n      return;\n    }\n\n    if (typeof child === 'string' || typeof child === 'number') {\n      const span = document.createElement('span');\n      span.textContent = String(child);\n      elements.push(span);\n      return;\n    }\n\n    if (child instanceof Element) {\n      elements.push(child);\n      return;\n    }\n\n    if (isKT(child)) {\n      processChild(child.value);\n      return;\n    }\n\n    $warn('Fragment: unsupported child type', child);\n    if (process.env.IS_DEV) {\n      throw new Error(`Fragment: unsupported child type`);\n    }\n  };\n\n  processChild(children);\n  return elements;\n}\n","import type { JSXTag, MathMLTag, SVGTag } from '@ktjs/shared';\nimport type { KTAttribute, KTRawContent } from '../types/h.js';\nimport type { JSX } from '../types/jsx.js';\n\nimport { h, mathml as _mathml, svg as _svg } from '../h/index.js';\nimport { $initRef } from '../reactable/ref.js';\nimport { isComputedLike } from '../reactable/common.js';\n\nimport { convertChildrenToElements, Fragment as FragmentArray } from './fragment.js';\nimport { jsxh, placeholder } from './common.js';\n\nfunction create(\n  creator: (tag: any, props: KTAttribute, content?: KTRawContent) => JSX.Element,\n  tag: any,\n  props: KTAttribute,\n) {\n  if (props.ref && isComputedLike(props.ref)) {\n    $throw('Cannot assign a computed value to an element.');\n  }\n  const el = creator(tag, props, props.children);\n  $initRef(props, el);\n  return el;\n}\n\nexport const jsx = (tag: JSXTag, props: KTAttribute): JSX.Element => create(jsxh, tag, props);\nexport const svg = (tag: SVGTag, props: KTAttribute): JSX.Element => create(_svg, tag, props);\nexport const mathml = (tag: MathMLTag, props: KTAttribute): JSX.Element => create(_mathml, tag, props);\nexport { svg as svgRuntime, mathml as mathmlRuntime };\n\n/**\n * Fragment support - returns an array of children\n * Enhanced Fragment component that manages arrays of elements\n */\nexport function Fragment(props: { children?: KTRawContent }): JSX.Element {\n  const { children } = props ?? {};\n\n  if (!children) {\n    return placeholder('kt-fragment-empty');\n  }\n\n  const elements = convertChildrenToElements(children);\n\n  return FragmentArray({ children: elements });\n}\n\n/**\n * JSX Development runtime - same as jsx but with additional dev checks\n */\nexport const jsxDEV: typeof jsx = (...args) => {\n  // console.log('JSX DEV called:', ...args);\n  // console.log('children', (args[1] as any)?.children);\n  return jsx(...args);\n};\n\n/**\n * JSX runtime for React 17+ automatic runtime\n * This is called when using jsx: \"react-jsx\" or \"react-jsxdev\"\n */\nexport const jsxs = jsx;\n\n// Export h as the classic JSX factory for backward compatibility\nexport { h, h as createElement };\n","import { $isThenable } from '@ktjs/shared';\nimport type { KTComponent, KTRawContent } from '../types/h.js';\nimport type { JSX } from '../types/jsx.js';\nimport type { KTRef } from '../reactable/ref.js';\nimport { $mountFragmentAnchors } from './anchor-mount.js';\n\n/**\n * Extract component props type (excluding ref and children)\n */\ntype ExtractComponentProps<T> = T extends (props: infer P) => any ? Omit<P, 'ref' | 'children'> : {};\n\nexport function KTAsync<T extends KTComponent>(\n  props: {\n    ref?: KTRef<JSX.Element>;\n    skeleton?: JSX.Element;\n    component: T;\n    children?: KTRawContent;\n  } & ExtractComponentProps<T>,\n): JSX.Element {\n  const raw = props.component(props);\n  let comp: JSX.Element =\n    props.skeleton ?? (document.createComment('ktjs-suspense-placeholder') as unknown as JSX.Element);\n\n  if ($isThenable(raw)) {\n    raw.then((resolved) => {\n      comp.replaceWith(resolved);\n      $mountFragmentAnchors(resolved); // ^ Explicitly deal with FragmentAnchors\n    });\n  } else {\n    comp = raw as JSX.Element;\n  }\n\n  return comp;\n}\n","import type { JSX } from '../types/jsx.js';\nimport type { KTRefLike } from '../reactable/ref.js';\nimport type { KTReactiveLike } from '../reactable/reactive.js';\n\nimport { $identity } from '@ktjs/shared';\nimport { toReactive } from '../reactable/index.js';\nimport { $initRef } from '../reactable/ref.js';\nimport { $mountFragmentAnchors } from './anchor-mount.js';\n\nexport type KTForElement = JSX.Element;\n\nexport interface KTForProps<T> {\n  ref?: KTRefLike<KTForElement>;\n  list: T[] | KTReactiveLike<T[]>;\n  key?: (item: T, index: number, array: T[]) => any;\n  map?: (item: T, index: number, array: T[]) => JSX.Element;\n}\n\n// TASK 对于template标签的for和if，会编译为fragment，可特殊处理，让它们保持原样\n/**\n * KTFor - List rendering component with key-based optimization\n * Returns a Comment anchor node with rendered elements in __kt_for_list__\n */\nexport function KTFor<T>(props: KTForProps<T>): KTForElement {\n  const redraw = () => {\n    const newList = listRef.value;\n\n    const parent = anchor.parentNode;\n    if (!parent) {\n      // If not in DOM yet, just rebuild the list\n      const newElements: KTForElement[] = [];\n      nodeMap.clear();\n      for (let index = 0; index < newList.length; index++) {\n        const item = newList[index];\n        const itemKey = currentKey(item, index, newList);\n        const node = currentMap(item, index, newList);\n        nodeMap.set(itemKey, node);\n        newElements.push(node);\n      }\n      (anchor as any).__kt_for_list__ = newElements;\n      return anchor;\n    }\n\n    const oldLength = (anchor as any).__kt_for_list__.length;\n    const newLength = newList.length;\n\n    // Fast path: empty list\n    if (newLength === 0) {\n      nodeMap.forEach((node) => node.remove());\n      nodeMap.clear();\n      (anchor as any).__kt_for_list__ = [];\n      return anchor;\n    }\n\n    // Fast path: all new items\n    if (oldLength === 0) {\n      const newElements: KTForElement[] = [];\n      const fragment = document.createDocumentFragment();\n      for (let i = 0; i < newLength; i++) {\n        const item = newList[i];\n        const itemKey = currentKey(item, i, newList);\n        const node = currentMap(item, i, newList);\n        nodeMap.set(itemKey, node);\n        newElements.push(node);\n        fragment.appendChild(node);\n      }\n      parent.insertBefore(fragment, anchor.nextSibling);\n      $mountFragmentAnchors(fragment); // ^ Explicitly deal with FragmentAnchors\n      (anchor as any).__kt_for_list__ = newElements;\n      return anchor;\n    }\n\n    // Build key index map and new elements array in one pass\n    const newKeyToNewIndex = new Map<any, number>();\n    const newElements: KTForElement[] = new Array(newLength);\n    for (let i = 0; i < newLength; i++) {\n      const item = newList[i];\n      const itemKey = currentKey(item, i, newList);\n      newKeyToNewIndex.set(itemKey, i);\n\n      if (nodeMap.has(itemKey)) {\n        // Reuse existing node\n        newElements[i] = nodeMap.get(itemKey)!;\n      } else {\n        // Create new node\n        newElements[i] = currentMap(item, i, newList);\n      }\n    }\n\n    // Remove nodes not in new list\n    const toRemove: KTForElement[] = [];\n    nodeMap.forEach((node, key) => {\n      if (!newKeyToNewIndex.has(key)) {\n        toRemove.push(node);\n      }\n    });\n    for (let i = 0; i < toRemove.length; i++) {\n      toRemove[i].remove();\n    }\n\n    // Reorder existing nodes and insert new nodes in a single pass.\n    let currentNode = anchor.nextSibling;\n    for (let i = 0; i < newLength; i++) {\n      const node = newElements[i];\n      if (currentNode !== node) {\n        parent.insertBefore(node, currentNode);\n        $mountFragmentAnchors(node); // ^ Explicitly deal with FragmentAnchors\n      } else {\n        currentNode = currentNode.nextSibling;\n      }\n    }\n\n    // Update maps\n    nodeMap.clear();\n    for (let i = 0; i < newLength; i++) {\n      const itemKey = currentKey(newList[i], i, newList);\n      nodeMap.set(itemKey, newElements[i]);\n    }\n    (anchor as any).__kt_for_list__ = newElements;\n    return anchor;\n  };\n\n  const currentKey: NonNullable<KTForProps<T>['key']> = props.key ?? ((item: T) => item);\n  const currentMap: NonNullable<KTForProps<T>['map']> =\n    props.map ?? ((item: T) => $identity(item) as unknown as KTForElement);\n  const listRef = toReactive(props.list).addOnChange(redraw);\n  const anchor = document.createComment('kt-for') as unknown as KTForElement;\n\n  // Map to track rendered nodes by key\n  const nodeMap = new Map<any, KTForElement>();\n\n  // Render initial list\n  const elements: KTForElement[] = [];\n  for (let index = 0; index < listRef.value.length; index++) {\n    const item = listRef.value[index];\n    const itemKey = currentKey(item, index, listRef.value);\n    const node = currentMap(item, index, listRef.value);\n    nodeMap.set(itemKey, node);\n    elements.push(node);\n  }\n\n  (anchor as any).__kt_for_list__ = elements;\n\n  $initRef(props, anchor);\n\n  return anchor;\n}\n","import type { JSXTag } from '@ktjs/shared';\nimport type { KTAttribute } from '../types/h.js';\nimport type { KTReactiveLike } from '../reactable/reactive.js';\n\nimport { isKT } from '../reactable/index.js';\nimport { $mountFragmentAnchors } from './anchor-mount.js';\nimport { jsxh, placeholder } from './common.js';\n\nexport function KTConditional(\n  condition: any | KTReactiveLike<any>,\n  tagIf: JSXTag,\n  propsIf: KTAttribute,\n  tagElse?: JSXTag,\n  propsElse?: KTAttribute,\n) {\n  if (!isKT(condition)) {\n    return condition ? jsxh(tagIf, propsIf) : tagElse ? jsxh(tagElse, propsElse!) : placeholder('kt-conditional');\n  }\n\n  if (tagElse) {\n    let current = condition.value ? jsxh(tagIf, propsIf) : jsxh(tagElse!, propsElse!);\n    condition.addOnChange((newValue) => {\n      const old = current;\n      current = newValue ? jsxh(tagIf, propsIf) : jsxh(tagElse!, propsElse!);\n      old.replaceWith(current);\n      $mountFragmentAnchors(current); // ^ Explicitly deal with FragmentAnchors\n    });\n    return current;\n  } else {\n    const dummy = placeholder('kt-conditional') as HTMLElement;\n    let current = condition.value ? jsxh(tagIf, propsIf) : dummy;\n    condition.addOnChange((newValue) => {\n      const old = current;\n      current = newValue ? jsxh(tagIf, propsIf) : dummy;\n      old.replaceWith(current);\n      $mountFragmentAnchors(current); // ^ Explicitly deal with FragmentAnchors\n    });\n    return current;\n  }\n}\n"],"names":["isKT","obj","kid","isReactiveLike","ktype","isRef","isSubRef","isRefLike","isComputed","isSubComputed","isComputedLike","isReactive","_getters","Map","_setters","booleanHandler","element","key","value","setAttribute","valueHandler","handlers","checked","selected","valueAsDate","valueAsNumber","defaultValue","defaultChecked","defaultSelected","disabled","readOnly","multiple","required","autofocus","open","controls","autoplay","loop","muted","defer","async","hidden","_key","defaultHandler","setElementStyle","style","cssText","applyAttr","attr","Error","classValue","class","className","undefined","addOnChange","v","html","innerHTML","o","startsWith","addEventListener","slice","handler","attrIsObject","CANNOT_MOUNT","document","Node","COMMENT_FILTER","NodeFilter","SHOW_COMMENT","$mountIfFragmentAnchor","node","anchor","isKTAnchor","mount","$mountFragmentAnchors","nodeType","ELEMENT_NODE","DOCUMENT_FRAGMENT_NODE","walker","createTreeWalker","current","nextNode","assureNode","$isNode","createTextNode","apdSingle","c","appendChild","newValue","_oldValue","oldNode","replaceWith","list","__kt_for_list__","$isArray","apd","$isThenable","then","r","i","length","ci","comment","createComment","awaited","applyContent","content","applyKModel","valueRef","tagName","console","type","Boolean","h","tag","createElement","svg","createElementNS","mathml","handlerId","KTReactiveLike","map","calculator","dependencies","KTReactive","_value","_changeHandlers","constructor","super","this","_newValue","warn","_emit","oldValue","forEach","has","$stringify","set","removeOnChange","delete","clearOnChange","clear","notify","get","_keys","KTSubReactive","source","_getter","paths","path","exist","cache","Function","$createSubGetter","newSourceValue","oldSourceValue","reactiveToOldValue","scheduled","markMutation","reactive","Promise","resolve","error","KTRef","$is","draft","subref","keys","KTSubRef","join","_setter","$createSubSetter","ref","assertModel","props","kmodel","$refSetter","$initRef","$emptyFn","KTComputed","_calculator","_recalculate","forced","recalculate","prototype","dep","KTSubComputed","computed","effect","effectFn","reactives","options","lazy","onCleanup","debugName","Object","active","run","err","debug","toReactive","dereactive","AnchorType","jsxh","children","placeholder","data","FragmentAnchor","Comment","Fragment","mountCallback","parent","parentNode","removeElements","remove","create","creator","el","jsx","_svg","_mathml","elements","processChild","child","$forEach","span","textContent","String","push","Element","convertChildrenToElements","childrenRef","redraw","newElements","fragment","createDocumentFragment","insertBefore","nextSibling","FragmentArray","jsxDEV","args","jsxs","KTAsync","raw","component","comp","skeleton","resolved","KTFor","currentKey","item","currentMap","$identity","listRef","newList","nodeMap","index","itemKey","oldLength","newLength","newKeyToNewIndex","Array","toRemove","currentNode","KTConditional","condition","tagIf","propsIf","tagElse","propsElse","old","dummy"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../src/reactable/common.ts","../src/jsx/anchor.ts","../src/h/attr-helpers.ts","../src/h/attr.ts","../src/h/content.ts","../src/h/model.ts","../src/h/index.ts","../src/reactable/reactive.ts","../src/reactable/scheduler.ts","../src/reactable/ref.ts","../src/reactable/computed.ts","../src/reactable/effect.ts","../src/reactable/index.ts","../src/jsx/fragment.ts","../src/jsx/common.ts","../src/jsx/jsx-runtime.ts","../src/jsx/async.ts","../src/jsx/for.ts","../src/jsx/if.ts"],"sourcesContent":["import { KTReactiveLike, KTReactiveType, type KTReactive } from './reactive.js';\nimport type { KTRef, KTRefLike, KTSubRef } from './ref.js';\nimport type { KTComputed, KTComputedLike, KTSubComputed } from './computed.js';\n\n// # type guards\nexport function isKT<T = any>(obj: any): obj is KTReactiveLike<T> {\n  return typeof obj?.kid === 'number';\n}\nexport function isReactiveLike<T = any>(obj: any): obj is KTReactiveLike<T> {\n  if (typeof obj?.ktype === 'number') {\n    return (obj.ktype & KTReactiveType.ReactiveLike) !== 0;\n  } else {\n    return false;\n  }\n}\n\nexport function isRef<T = any>(obj: any): obj is KTRef<T> {\n  if (typeof obj?.ktype === 'number') {\n    return obj.ktype === KTReactiveType.Ref;\n  } else {\n    return false;\n  }\n}\n\nexport function isSubRef<T = any>(obj: any): obj is KTSubRef<T> {\n  if (typeof obj?.ktype === 'number') {\n    return obj.ktype === KTReactiveType.SubRef;\n  } else {\n    return false;\n  }\n}\n\nexport function isRefLike<T = any>(obj: any): obj is KTRefLike<T> {\n  if (typeof obj?.ktype === 'number') {\n    return (obj.ktype & KTReactiveType.RefLike) !== 0;\n  } else {\n    return false;\n  }\n}\n\nexport function isComputed<T = any>(obj: any): obj is KTComputed<T> {\n  if (typeof obj?.ktype === 'number') {\n    return obj.ktype === KTReactiveType.Computed;\n  } else {\n    return false;\n  }\n}\n\nexport function isSubComputed<T = any>(obj: any): obj is KTSubComputed<T> {\n  if (typeof obj?.ktype === 'number') {\n    return obj.ktype === KTReactiveType.SubComputed;\n  } else {\n    return false;\n  }\n}\n\nexport function isComputedLike<T = any>(obj: any): obj is KTComputedLike<T> {\n  if (typeof obj?.ktype === 'number') {\n    return (obj.ktype & KTReactiveType.ComputedLike) !== 0;\n  } else {\n    return false;\n  }\n}\n\nexport function isReactive<T = any>(obj: any): obj is KTReactive<T> {\n  if (typeof obj?.ktype === 'number') {\n    return (obj.ktype & KTReactiveType.Reactive) !== 0;\n  } else {\n    return false;\n  }\n}\n\n// # sub getter/setter factory\n\ntype SubGetter = (s: any) => any;\ntype SubSetter = (s: any, newValue: any) => void;\nconst _getters = new Map<string, SubGetter>();\nconst _setters = new Map<string, SubSetter>();\n\nexport const $createSubGetter = (path: string): SubGetter => {\n  const exist = _getters.get(path);\n  if (exist) {\n    return exist;\n  } else {\n    const cache = new Function('s', `return s${path}`) as SubGetter;\n    _getters.set(path, cache);\n    return cache;\n  }\n};\n\nexport const $createSubSetter = (path: string): SubSetter => {\n  const exist = _setters.get(path);\n  if (exist) {\n    return exist;\n  } else {\n    const cache = new Function('s', 'v', `s${path}=v`) as SubSetter;\n    _setters.set(path, cache);\n    return cache;\n  }\n};\n","export const enum AnchorType {\n  Fragment = 'kt-fragment',\n  For = 'kt-for',\n}\n\nexport abstract class KTAnchor<T extends Node = Node> extends Comment {\n  readonly isKTAnchor: true = true;\n  readonly list: T[] = [];\n  abstract readonly type: AnchorType;\n  mountCallback?: () => void;\n\n  constructor(data: AnchorType) {\n    super(data);\n    $ensureAnchorObserver();\n  }\n\n  mount(parent?: Node) {\n    if (parent && this.parentNode !== parent) {\n      parent.appendChild(this);\n    }\n    if (this.parentNode) {\n      this.mountCallback?.();\n    }\n  }\n}\n\ntype MountableKTAnchor = Node & {\n  isKTAnchor?: true;\n  mount?: (parent?: Node) => void;\n};\ntype NodeCleanup = () => void;\n\nconst CANNOT_MOUNT = typeof document === 'undefined' || typeof Node === 'undefined';\nconst CANNOT_OBSERVE = CANNOT_MOUNT || typeof MutationObserver === 'undefined';\nconst COMMENT_FILTER = typeof NodeFilter === 'undefined' ? 0x80 : NodeFilter.SHOW_COMMENT;\nconst ELEMENT_NODE = 1;\nconst DOCUMENT_FRAGMENT_NODE = 11;\nconst nodeToCleanups = new WeakMap<Node, NodeCleanup[]>();\nlet anchorObserver: MutationObserver | undefined;\n\nconst $cleanupRemovedNode = (node: Node) => {\n  if (node.nodeType === ELEMENT_NODE || node.nodeType === DOCUMENT_FRAGMENT_NODE) {\n    const children = Array.from(node.childNodes);\n    for (let i = 0; i < children.length; i++) {\n      $cleanupRemovedNode(children[i]);\n    }\n  }\n\n  const anchor = node as KTAnchor<Node>;\n  if (anchor.isKTAnchor === true) {\n    const list = anchor.list.slice();\n    anchor.list.length = 0;\n    for (let i = 0; i < list.length; i++) {\n      const listNode = list[i] as ChildNode;\n      if (listNode.parentNode) {\n        listNode.remove();\n      }\n      $cleanupRemovedNode(listNode);\n    }\n  }\n\n  $runNodeCleanups(node);\n};\n\nconst $ensureAnchorObserver = () => {\n  if (CANNOT_OBSERVE || anchorObserver || !document.body) {\n    return;\n  }\n\n  anchorObserver = new MutationObserver((records) => {\n    if (typeof document === 'undefined') {\n      anchorObserver?.disconnect();\n      anchorObserver = undefined;\n      return;\n    }\n\n    for (let i = 0; i < records.length; i++) {\n      const addedNodes = records[i].addedNodes;\n      for (let j = 0; j < addedNodes.length; j++) {\n        $mountFragmentAnchors(addedNodes[j]);\n      }\n\n      const removedNodes = records[i].removedNodes;\n      for (let j = 0; j < removedNodes.length; j++) {\n        $cleanupRemovedNode(removedNodes[j]);\n      }\n    }\n  });\n  anchorObserver.observe(document.body, { childList: true, subtree: true });\n};\n\nconst $mountIfFragmentAnchor = (node: Node) => {\n  const anchor = node as MountableKTAnchor;\n  if (anchor.isKTAnchor === true && typeof anchor.mount === 'function') {\n    anchor.mount();\n  }\n};\n\nconst $runNodeCleanups = (node: Node) => {\n  const cleanups = nodeToCleanups.get(node);\n  if (!cleanups) {\n    return;\n  }\n\n  nodeToCleanups.delete(node);\n  for (let i = cleanups.length - 1; i >= 0; i--) {\n    try {\n      cleanups[i]();\n    } catch (error) {\n      $error('KTNodeCleanup:', error);\n    }\n  }\n};\n\nexport const $addNodeCleanup = (node: Node, cleanup: NodeCleanup) => {\n  $ensureAnchorObserver();\n  const cleanups = nodeToCleanups.get(node);\n  if (cleanups) {\n    cleanups.push(cleanup);\n  } else {\n    nodeToCleanups.set(node, [cleanup]);\n  }\n  return cleanup;\n};\n\nexport const $removeNodeCleanup = (node: Node, cleanup: NodeCleanup) => {\n  const cleanups = nodeToCleanups.get(node);\n  if (!cleanups) {\n    return;\n  }\n\n  const index = cleanups.indexOf(cleanup);\n  if (index === -1) {\n    return;\n  }\n\n  cleanups.splice(index, 1);\n  if (cleanups.length === 0) {\n    nodeToCleanups.delete(node);\n  }\n};\n\nexport const $mountFragmentAnchors = (node: unknown) => {\n  if (CANNOT_MOUNT || typeof document === 'undefined' || !node || typeof (node as any).nodeType !== 'number') {\n    return;\n  }\n\n  const nodeObj = node as Node;\n  $mountIfFragmentAnchor(nodeObj);\n\n  if (nodeObj.nodeType !== ELEMENT_NODE && nodeObj.nodeType !== DOCUMENT_FRAGMENT_NODE) {\n    return;\n  }\n\n  const walker = document.createTreeWalker(nodeObj, COMMENT_FILTER);\n  let current = walker.nextNode();\n  while (current) {\n    $mountIfFragmentAnchor(current);\n    current = walker.nextNode();\n  }\n};\n","const booleanHandler = (element: HTMLElement | SVGElement | MathMLElement, key: string, value: any) => {\n  if (key in element) {\n    (element as any)[key] = !!value;\n  } else {\n    element.setAttribute(key, value);\n  }\n};\n\nconst valueHandler = (element: HTMLElement | SVGElement | MathMLElement, key: string, value: any) => {\n  if (key in element) {\n    (element as any)[key] = value;\n  } else {\n    element.setAttribute(key, value);\n  }\n};\n\n// Attribute handlers map for optimized lookup\nexport const handlers: Record<\n  string,\n  (element: HTMLElement | SVGElement | MathMLElement, key: string, value: any) => void\n> = {\n  checked: booleanHandler,\n  selected: booleanHandler,\n  value: valueHandler,\n  valueAsDate: valueHandler,\n  valueAsNumber: valueHandler,\n  defaultValue: valueHandler,\n  defaultChecked: booleanHandler,\n  defaultSelected: booleanHandler,\n  disabled: booleanHandler,\n  readOnly: booleanHandler,\n  multiple: booleanHandler,\n  required: booleanHandler,\n  autofocus: booleanHandler,\n  open: booleanHandler,\n  controls: booleanHandler,\n  autoplay: booleanHandler,\n  loop: booleanHandler,\n  muted: booleanHandler,\n  defer: booleanHandler,\n  async: booleanHandler,\n  hidden: (element, _key, value) => ((element as HTMLElement).hidden = !!value),\n};\n","import type { KTReactifyProps } from '../reactable/types.js';\nimport type { KTRawAttr, KTAttribute } from '../types/h.js';\nimport { isKT } from '../reactable/common.js';\nimport { $addNodeCleanup } from '../jsx/anchor.js';\nimport { handlers } from './attr-helpers.js';\n\nconst defaultHandler = (element: HTMLElement | SVGElement | MathMLElement, key: string, value: any) =>\n  element.setAttribute(key, value);\n\nconst setElementStyle = (\n  element: HTMLElement | SVGElement | MathMLElement,\n  style: Partial<CSSStyleDeclaration> | string,\n) => {\n  if (typeof style === 'string') {\n    (element as HTMLElement).style.cssText = style;\n    return;\n  }\n\n  for (const key in style) {\n    (element as any).style[key as any] = style[key];\n  }\n};\n\nconst addReactiveCleanup = (\n  element: HTMLElement | SVGElement | MathMLElement,\n  reactive: {\n    addOnChange: (handler: (value: any) => void, key?: any) => unknown;\n    removeOnChange: (key: any) => unknown;\n  },\n  handler: (value: any) => void,\n) => {\n  reactive.addOnChange(handler, handler);\n  $addNodeCleanup(element, () => reactive.removeOnChange(handler));\n};\n\nfunction attrIsObject(element: HTMLElement | SVGElement | MathMLElement, attr: KTReactifyProps<KTAttribute>) {\n  const classValue = attr.class || attr.className;\n  if (classValue !== undefined) {\n    if (isKT<string>(classValue)) {\n      element.setAttribute('class', classValue.value);\n      addReactiveCleanup(element, classValue, (v) => element.setAttribute('class', v));\n    } else {\n      element.setAttribute('class', classValue);\n    }\n  }\n\n  const style = attr.style;\n  if (style) {\n    if (typeof style === 'string') {\n      element.setAttribute('style', style);\n    } else if (typeof style === 'object') {\n      if (isKT(style)) {\n        setElementStyle(element, style.value);\n        addReactiveCleanup(element, style, (v: Partial<CSSStyleDeclaration> | string) => setElementStyle(element, v));\n      } else {\n        setElementStyle(element, style as Partial<CSSStyleDeclaration>);\n      }\n    }\n  }\n\n  // ! Security: `k-html` is an explicit raw HTML escape hatch. kt.js intentionally does not sanitize here; callers must pass only trusted HTML.\n  if ('k-html' in attr) {\n    const html = attr['k-html'];\n    // ?? 这是要干嘛啊\n    const setHTML = (value: any) => {\n      while (element.firstChild) {\n        element.firstChild.remove();\n      }\n      element.innerHTML = value;\n    };\n    if (isKT(html)) {\n      setHTML(html.value);\n      addReactiveCleanup(element, html, (v) => setHTML(v));\n    } else {\n      setHTML(html);\n    }\n  }\n\n  for (const key in attr) {\n    // & Arranged in order of usage frequency\n    if (\n      // key === 'k-if' ||\n      // key === 'k-else' ||\n      key === 'k-model' ||\n      key === 'k-for' ||\n      key === 'k-key' ||\n      key === 'ref' ||\n      key === 'class' ||\n      key === 'className' ||\n      key === 'style' ||\n      key === 'children' ||\n      key === 'k-html'\n    ) {\n      continue;\n    }\n\n    const o = attr[key];\n\n    // normal event handler\n    if (key.startsWith('on:')) {\n      if (o) {\n        const eventName = key.slice(3);\n        element.addEventListener(eventName, o); // chop off the `on:`\n        $addNodeCleanup(element, () => element.removeEventListener(eventName, o));\n      }\n      continue;\n    }\n\n    // normal attributes\n    // Security: all non-`on:` attributes are forwarded as-is.\n    // Dangerous values such as raw `on*`, `href`, `src`, `srcdoc`, SVG href, etc.\n    // remain the caller's responsibility.\n    const handler = handlers[key] || defaultHandler;\n    if (isKT(o)) {\n      handler(element, key, o.value);\n      addReactiveCleanup(element, o, (v) => handler(element, key, v));\n    } else {\n      handler(element, key, o);\n    }\n  }\n}\n\nexport function applyAttr(element: HTMLElement | SVGElement | MathMLElement, attr: KTRawAttr) {\n  if (!attr) {\n    return;\n  }\n  if (typeof attr === 'object' && attr !== null) {\n    attrIsObject(element, attr as KTAttribute);\n  } else {\n    $throw('attr must be an object.');\n  }\n}\n","import { $isArray, $isNode, $isThenable } from '@ktjs/shared';\nimport type { KTAvailableContent, KTRawContent } from '../types/h.js';\nimport { isKT } from '../reactable/common.js';\nimport { AnchorType } from '../jsx/anchor.js';\nimport { $addNodeCleanup, $mountFragmentAnchors } from '../jsx/anchor.js';\n\nconst assureNode = (o: any) => ($isNode(o) ? o : document.createTextNode(o));\n\nfunction apdSingle(element: HTMLElement | DocumentFragment | SVGElement | MathMLElement, c: KTAvailableContent) {\n  // & Ignores falsy values, consistent with React's behavior\n  if (c === undefined || c === null || c === false) {\n    return;\n  }\n\n  if (isKT(c)) {\n    let node = assureNode(c.value);\n    element.appendChild(node);\n    const onChange = (newValue: KTAvailableContent) => {\n      const newNode = assureNode(newValue);\n      const oldNode = node;\n      node = newNode;\n      oldNode.replaceWith(newNode);\n      $mountFragmentAnchors(newNode);\n    };\n    c.addOnChange(onChange, onChange);\n    $addNodeCleanup(element, () => c.removeOnChange(onChange));\n  } else {\n    const node = assureNode(c);\n    element.appendChild(node);\n    const anchor = node as { type?: AnchorType; list?: any[] };\n    if (anchor.type === AnchorType.For) {\n      apd(element, anchor.list);\n    }\n  }\n}\n\nfunction apd(element: HTMLElement | DocumentFragment | SVGElement | MathMLElement, c: KTAvailableContent) {\n  if ($isThenable(c)) {\n    c.then((r) => apd(element, r));\n  } else if ($isArray(c)) {\n    for (let i = 0; i < c.length; i++) {\n      // & might be thenable here too\n      const ci = c[i];\n      if ($isThenable(ci)) {\n        const comment = document.createComment('ktjs-promise-placeholder');\n        element.appendChild(comment);\n        ci.then((awaited) => {\n          if ($isNode(awaited)) {\n            // ?? 难道不能都在observer回调里做吗\n            comment.replaceWith(awaited);\n            $mountFragmentAnchors(awaited);\n          } else {\n            const awaitedNode = assureNode(awaited);\n            comment.replaceWith(awaitedNode);\n            $mountFragmentAnchors(awaitedNode);\n          }\n        });\n      } else {\n        apdSingle(element, ci);\n      }\n    }\n  } else {\n    // & here is thened, so must be a simple elementj\n    apdSingle(element, c);\n  }\n}\n\nexport function applyContent(element: HTMLElement | SVGElement | MathMLElement, content: KTRawContent): void {\n  if ($isArray(content)) {\n    for (let i = 0; i < content.length; i++) {\n      apd(element, content[i]);\n    }\n  } else {\n    apd(element, content as KTAvailableContent);\n  }\n}\n","import type { InputElementTag } from '@ktjs/shared';\nimport type { KTRefLike } from '../reactable/ref.js';\n\nimport { static_cast } from 'type-narrow';\nimport { isRefLike } from '../reactable/common.js';\nimport { $addNodeCleanup } from '../jsx/anchor.js';\n\nexport function applyKModel(element: HTMLElementTagNameMap[InputElementTag], valueRef: KTRefLike<any>) {\n  if (!isRefLike(valueRef)) {\n    $throw('k-model value must be a KTRefLike.');\n  }\n\n  if (element.tagName === 'INPUT') {\n    static_cast<HTMLInputElement>(element);\n    if (element.type === 'radio' || element.type === 'checkbox') {\n      element.checked = Boolean(valueRef.value);\n      const onChange = () => (valueRef.value = element.checked);\n      const onValueChange = (newValue: boolean) => (element.checked = newValue);\n      element.addEventListener('change', onChange);\n      valueRef.addOnChange(onValueChange, onValueChange);\n      $addNodeCleanup(element, () => element.removeEventListener('change', onChange));\n      $addNodeCleanup(element, () => valueRef.removeOnChange(onValueChange));\n    } else {\n      element.value = valueRef.value ?? '';\n      const onInput = () => (valueRef.value = element.value);\n      const onValueChange = (newValue: string) => (element.value = newValue);\n      element.addEventListener('input', onInput);\n      valueRef.addOnChange(onValueChange, onValueChange);\n      $addNodeCleanup(element, () => element.removeEventListener('input', onInput));\n      $addNodeCleanup(element, () => valueRef.removeOnChange(onValueChange));\n    }\n    return;\n  }\n\n  if (element.tagName === 'SELECT' || element.tagName === 'TEXTAREA') {\n    element.value = valueRef.value ?? '';\n    const onChange = () => (valueRef.value = element.value);\n    const onValueChange = (newValue: string) => (element.value = newValue);\n    element.addEventListener('change', onChange);\n    valueRef.addOnChange(onValueChange, onValueChange);\n    $addNodeCleanup(element, () => element.removeEventListener('change', onChange));\n    $addNodeCleanup(element, () => valueRef.removeOnChange(onValueChange));\n    return;\n  }\n\n  $warn('not supported element for k-model:');\n}\n","import type { HTMLTag, MathMLTag, SVGTag } from '@ktjs/shared';\nimport type { KTRawAttr, KTRawContent, HTML } from '../types/h.js';\n\nimport { applyAttr } from './attr.js';\nimport { applyContent } from './content.js';\nimport { applyKModel } from './model.js';\n\n/**\n * Create an enhanced HTMLElement.\n * - Only supports HTMLElements, **NOT** SVGElements or other Elements.\n * @param tag tag of an `HTMLElement`\n * @param attr attribute object or className\n * @param content a string or an array of HTMLEnhancedElement as child nodes\n *\n * __PKG_INFO__\n */\nexport const h = <T extends HTMLTag | SVGTag | MathMLTag>(\n  tag: T,\n  attr?: KTRawAttr,\n  content?: KTRawContent,\n): HTML<T> => {\n  if (typeof tag !== 'string') {\n    $throw('tagName must be a string.');\n  }\n\n  // * start creating the element\n  const element = document.createElement(tag) as HTML<T>;\n  if (typeof attr === 'object' && attr !== null && 'k-model' in attr) {\n    applyKModel(element as any, attr['k-model'] as any);\n  }\n\n  // * Handle content\n  applyAttr(element, attr);\n  applyContent(element, content);\n\n  return element;\n};\n\nexport const svg = <T extends SVGTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent): HTML<T> => {\n  if (typeof tag !== 'string') {\n    $throw('tagName must be a string.');\n  }\n\n  // * start creating the element\n  const element = document.createElementNS('http://www.w3.org/2000/svg', tag) as HTML<T>;\n\n  // * Handle content\n  applyAttr(element, attr);\n  applyContent(element, content);\n\n  if (typeof attr === 'object' && attr !== null && 'k-model' in attr) {\n    applyKModel(element as any, attr['k-model'] as any);\n  }\n\n  return element;\n};\n\nexport const mathml = <T extends MathMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent): HTML<T> => {\n  if (typeof tag !== 'string') {\n    $throw('tagName must be a string.');\n  }\n\n  // * start creating the element\n  const element = document.createElementNS('http://www.w3.org/1998/Math/MathML', tag) as HTML<T>;\n\n  // * Handle content\n  applyAttr(element, attr);\n  applyContent(element, content);\n\n  if (typeof attr === 'object' && attr !== null && 'k-model' in attr) {\n    applyKModel(element as any, attr['k-model'] as any);\n  }\n\n  return element;\n};\n","import type { KTComputed, KTSubComputed } from './computed.js';\n\nimport { $stringify } from '@ktjs/shared';\nimport { $createSubGetter } from './common.js';\n\nexport type ChangeHandler<T> = (newValue: T, oldValue: T) => void;\n\nexport const enum KTReactiveType {\n  ReactiveLike = 0b11111,\n  Ref = 0b00010,\n  SubRef = 0b00100,\n  RefLike = Ref | SubRef,\n  Computed = 0b01000,\n  SubComputed = 0b10000,\n  ComputedLike = Computed | SubComputed,\n  Reactive = Ref | Computed,\n}\n\nlet kid = 1;\nlet handlerId = 1;\n\nexport abstract class KTReactiveLike<T> {\n  readonly kid = kid++;\n\n  abstract readonly ktype: KTReactiveType;\n\n  abstract get value(): T;\n\n  abstract addOnChange(handler: ChangeHandler<T>, key?: any): this;\n\n  abstract removeOnChange(key: any): this;\n\n  /**\n   * Create a computed value via current reactive value.\n   * - No matter `this` is added to `dependencies` or not, it is always listened.\n   * @param calculator A function that generates a new value based on current value.\n   * @param dependencies optional other dependencies that the computed value depends on.\n   */\n  map<U>(calculator: (value: T) => U, dependencies?: Array<KTReactiveLike<any>>): KTComputed<U> {\n    return null as any;\n  }\n}\n\nexport abstract class KTReactive<T> extends KTReactiveLike<T> {\n  /**\n   * @internal\n   */\n  protected _value: T;\n\n  /**\n   * @internal\n   */\n  protected readonly _changeHandlers = new Map<any, ChangeHandler<any>>();\n\n  constructor(value: T) {\n    super();\n    this._value = value;\n  }\n\n  get value() {\n    return this._value;\n  }\n\n  set value(_newValue: T) {\n    $warn('Setting value to a non-ref instance takes no effect.');\n  }\n\n  /**\n   * @internal\n   */\n  protected _emit(newValue: T, oldValue: T): this {\n    this._changeHandlers.forEach((handler) => handler(newValue, oldValue));\n    return this;\n  }\n\n  addOnChange(handler: ChangeHandler<T>, key?: any): this {\n    key ??= handlerId++;\n    if (this._changeHandlers.has(key)) {\n      $throw(`Overriding existing change handler with key ${$stringify(key)}.`);\n    }\n    this._changeHandlers.set(key, handler);\n    return this;\n  }\n\n  removeOnChange(key: any): this {\n    this._changeHandlers.delete(key);\n    return this;\n  }\n\n  clearOnChange(): this {\n    this._changeHandlers.clear();\n    return this;\n  }\n\n  notify(): this {\n    return this._emit(this._value, this._value);\n  }\n\n  /**\n   * Generate a sub-computed value based on this reactive, using keys to access nested properties.\n   * - `reactive.get('a', 'b')` means a sub-computed value to `this.value.a.b`.\n   * - `KTSubComputed` is lighter than `KTComputed` because it only listens to changes on the source reactive, while `KTComputed` listens to all its dependencies. So it's better to use `get` when you only need to access nested properties without doing any calculation.\n   */\n  get<\n    K0 extends keyof T,\n    K1 extends keyof T[K0],\n    K2 extends keyof T[K0][K1],\n    K3 extends keyof T[K0][K1][K2],\n    K4 extends keyof T[K0][K1][K2][K3],\n  >(key0: K0, key1: K1, key2: K2, key3: K3, key4: K4): KTSubComputed<T[K0][K1][K2][K3][K4]>;\n  /**\n   * Generate a sub-computed value based on this reactive, using keys to access nested properties.\n   * - `reactive.get('a', 'b')` means a sub-computed value to `this.value.a.b`.\n   * - `KTSubComputed` is lighter than `KTComputed` because it only listens to changes on the source reactive, while `KTComputed` listens to all its dependencies. So it's better to use `get` when you only need to access nested properties without doing any calculation.\n   */\n  get<K0 extends keyof T, K1 extends keyof T[K0], K2 extends keyof T[K0][K1], K3 extends keyof T[K0][K1][K2]>(\n    key0: K0,\n    key1: K1,\n    key2: K2,\n    key3: K3,\n  ): KTSubComputed<T[K0][K1][K2][K3]>;\n  /**\n   * Generate a sub-computed value based on this reactive, using keys to access nested properties.\n   * - `reactive.get('a', 'b')` means a sub-computed value to `this.value.a.b`.\n   * - `KTSubComputed` is lighter than `KTComputed` because it only listens to changes on the source reactive, while `KTComputed` listens to all its dependencies. So it's better to use `get` when you only need to access nested properties without doing any calculation.\n   */\n  get<K0 extends keyof T, K1 extends keyof T[K0], K2 extends keyof T[K0][K1]>(\n    key0: K0,\n    key1: K1,\n    key2: K2,\n  ): KTSubComputed<T[K0][K1][K2]>;\n  /**\n   * Generate a sub-computed value based on this reactive, using keys to access nested properties.\n   * - `reactive.get('a', 'b')` means a sub-computed value to `this.value.a.b`.\n   * - `KTSubComputed` is lighter than `KTComputed` because it only listens to changes on the source reactive, while `KTComputed` listens to all its dependencies. So it's better to use `get` when you only need to access nested properties without doing any calculation.\n   */\n  get<K0 extends keyof T, K1 extends keyof T[K0]>(key0: K0, key1: K1): KTSubComputed<T[K0][K1]>;\n  /**\n   * Generate a sub-computed value based on this reactive, using keys to access nested properties.\n   * - `reactive.get('a', 'b')` means a sub-computed value to `this.value.a.b`.\n   * - `KTSubComputed` is lighter than `KTComputed` because it only listens to changes on the source reactive, while `KTComputed` listens to all its dependencies. So it's better to use `get` when you only need to access nested properties without doing any calculation.\n   */\n  get<K0 extends keyof T>(key0: K0): KTSubComputed<T[K0]>;\n  /**\n   * Generate a sub-computed value based on this reactive, using keys to access nested properties.\n   * - `reactive.get('a', 'b')` means a sub-computed value to `this.value.a.b`.\n   * - `KTSubComputed` is lighter than `KTComputed` because it only listens to changes on the source reactive, while `KTComputed` listens to all its dependencies. So it's better to use `get` when you only need to access nested properties without doing any calculation.\n   */\n  get(..._keys: Array<string | number>): KTSubComputed<any> {\n    // & Will be implemented in computed.ts to avoid circular dependency\n    return null as any;\n  }\n}\n\nexport abstract class KTSubReactive<T> extends KTReactiveLike<T> {\n  readonly source: KTReactive<any>;\n\n  /**\n   * @internal\n   */\n  protected readonly _getter: (sv: KTReactive<any>['value']) => T;\n\n  constructor(source: KTReactive<any>, paths: string) {\n    super();\n    this.source = source;\n    this._getter = $createSubGetter(paths);\n  }\n\n  get value() {\n    // @ts-expect-error _value is private\n    return this._getter(this.source._value);\n  }\n\n  addOnChange(handler: ChangeHandler<T>, key?: any): this {\n    this.source.addOnChange((newSourceValue, oldSourceValue) => {\n      const oldValue = this._getter(oldSourceValue);\n      const newValue = this._getter(newSourceValue);\n      handler(newValue, oldValue);\n    }, key);\n    return this;\n  }\n\n  removeOnChange(key: any): this {\n    this.source.removeOnChange(key);\n    return this;\n  }\n\n  notify(): this {\n    this.source.notify();\n    return this;\n  }\n}\n","// Use microqueue to schedule the flush of pending reactions\n\nimport type { KTRef } from './ref.js';\n\nconst reactiveToOldValue = new Map<KTRef<any>, any>();\n\nlet scheduled = false;\n\nexport const markMutation = (reactive: KTRef<any>) => {\n  if (!reactiveToOldValue.has(reactive)) {\n    // @ts-expect-error accessing protected property\n    reactiveToOldValue.set(reactive, reactive._value);\n\n    // # schedule by microqueue\n    if (scheduled) {\n      return;\n    }\n\n    scheduled = true;\n    Promise.resolve().then(() => {\n      scheduled = false;\n      reactiveToOldValue.forEach((oldValue, reactive) => {\n        try {\n          // @ts-expect-error accessing protected property\n          reactive._changeHandlers.forEach((handler) => handler(reactive.value, oldValue));\n        } catch (error) {\n          $error('KTScheduler:', error);\n        }\n      });\n      reactiveToOldValue.clear();\n    });\n  }\n};\n","import { $emptyFn, $is, $stringify } from '@ktjs/shared';\nimport { KTReactive, KTReactiveType, KTSubReactive } from './reactive.js';\nimport { markMutation } from './scheduler.js';\nimport { $createSubSetter, isRefLike } from './common.js';\n\nexport class KTRef<T> extends KTReactive<T> {\n  readonly ktype = KTReactiveType.Ref;\n\n  constructor(_value: T) {\n    super(_value);\n  }\n\n  // ! Cannot be omitted, otherwise this will override `KTReactive` with only setter. And getter will return undefined.\n  get value() {\n    return this._value;\n  }\n\n  set value(newValue: T) {\n    if ($is(newValue, this._value)) {\n      return;\n    }\n    const oldValue = this._value;\n    this._value = newValue;\n    this._emit(newValue, oldValue);\n  }\n\n  /**\n   * Used to mutate the value in-place.\n   * - internal value is changed instantly, but the change handlers will be called in the next microtask.\n   */\n  get draft() {\n    markMutation(this);\n    return this._value;\n  }\n\n  notify(): this {\n    return this._emit(this._value, this._value);\n  }\n\n  /**\n   * Derive a lighter sub-ref from this ref, using keys to access nested properties.\n   * - `ref.subref('a', 'b')` means a sub-ref to `this.value.a.b`. Change it will also change `this.value` and trigger the handlers.\n   * - `KTSubRef` is lighter than `KTRef`.\n   */\n  subref<\n    K0 extends keyof T,\n    K1 extends keyof T[K0],\n    K2 extends keyof T[K0][K1],\n    K3 extends keyof T[K0][K1][K2],\n    K4 extends keyof T[K0][K1][K2][K3],\n  >(key0: K0, key1: K1, key2: K2, key3: K3, key4: K4): KTSubRef<T[K0][K1][K2][K3][K4]>;\n  /**\n   * Derive a lighter sub-ref from this ref, using keys to access nested properties.\n   * - `ref.subref('a', 'b')` means a sub-ref to `this.value.a.b`. Change it will also change `this.value` and trigger the handlers.\n   * - `KTSubRef` is lighter than `KTRef`.\n   */\n  subref<K0 extends keyof T, K1 extends keyof T[K0], K2 extends keyof T[K0][K1], K3 extends keyof T[K0][K1][K2]>(\n    key0: K0,\n    key1: K1,\n    key2: K2,\n    key3: K3,\n  ): KTSubRef<T[K0][K1][K2][K3]>;\n  /**\n   * Derive a lighter sub-ref from this ref, using keys to access nested properties.\n   * - `ref.subref('a', 'b')` means a sub-ref to `this.value.a.b`. Change it will also change `this.value` and trigger the handlers.\n   * - `KTSubRef` is lighter than `KTRef`.\n   */\n  subref<K0 extends keyof T, K1 extends keyof T[K0], K2 extends keyof T[K0][K1]>(\n    key0: K0,\n    key1: K1,\n    key2: K2,\n  ): KTSubRef<T[K0][K1][K2]>;\n  /**\n   * Derive a lighter sub-ref from this ref, using keys to access nested properties.\n   * - `ref.subref('a', 'b')` means a sub-ref to `this.value.a.b`. Change it will also change `this.value` and trigger the handlers.\n   * - `KTSubRef` is lighter than `KTRef`.\n   */\n  subref<K0 extends keyof T, K1 extends keyof T[K0]>(key0: K0, key1: K1): KTSubRef<T[K0][K1]>;\n  /**\n   * Derive a lighter sub-ref from this ref, using keys to access nested properties.\n   * - `ref.subref('a', 'b')` means a sub-ref to `this.value.a.b`. Change it will also change `this.value` and trigger the handlers.\n   * - `KTSubRef` is lighter than `KTRef`.\n   */\n  subref<K0 extends keyof T>(key0: K0): KTSubRef<T[K0]>;\n  /**\n   * Derive a lighter sub-ref from this ref, using keys to access nested properties.\n   * - `ref.subref('a', 'b')` means a sub-ref to `this.value.a.b`. Change it will also change `this.value` and trigger the handlers.\n   * - `KTSubRef` is lighter than `KTRef`.\n   */\n  subref(...keys: Array<string | number>): KTSubRef<any> {\n    if (keys.length === 0) {\n      $throw('At least one key is required to get a sub-ref.');\n    }\n    return new KTSubRef(this, keys.map((key) => `[${$stringify(key)}]`).join(''));\n  }\n}\n\nexport class KTSubRef<T> extends KTSubReactive<T> {\n  readonly ktype = KTReactiveType.SubRef;\n  declare readonly source: KTRef<any>;\n\n  /**\n   * @internal\n   */\n  protected readonly _setter: (s: object, newValue: T) => void;\n\n  constructor(source: KTRef<any>, paths: string) {\n    super(source, paths);\n    this._setter = $createSubSetter(paths);\n  }\n\n  get value() {\n    // @ts-expect-error _value is private\n    return this._getter(this.source._value);\n  }\n\n  set value(newValue: T) {\n    // @ts-expect-error _value is private\n    this._setter(this.source._value, newValue);\n    this.source.notify();\n  }\n\n  get draft() {\n    // Same implementation as `draft` in `KTRef`\n    markMutation(this.source);\n    // @ts-expect-error _value is private\n    return this._getter(this.source._value);\n  }\n\n  notify(): this {\n    this.source.notify();\n    return this;\n  }\n}\n\n/**\n * Create a reactive reference to a value. The returned object has a single property `value` that holds the internal value.\n * @param value listened value\n */\nexport const ref = <T>(value?: T): KTRef<T> => new KTRef(value as any);\n\n/**\n * Assert `k-model` to be a ref-like object\n */\nexport const assertModel = <T = any>(props: any, defaultValue?: T): KTRefLike<T> => {\n  // & props is an object. Won't use it in any other place\n  if ('k-model' in props) {\n    const kmodel = props['k-model'];\n    if (isRefLike(kmodel)) {\n      return kmodel;\n    } else {\n      $throw(`k-model data must be a KTRef object, please use 'ref(...)' to wrap it.`);\n    }\n  }\n  return ref(defaultValue) as KTRef<T>;\n};\n\nconst $refSetter = <T>(props: { ref?: KTRef<T> }, node: T) => (props.ref!.value = node);\ntype RefSetter<T> = (props: { ref?: KTRef<T> }, node: T) => void;\n\nexport type KTRefLike<T> = KTRef<T> | KTSubRef<T>;\n\n/**\n * Whether `props.ref` is a `KTRef` only needs to be checked in the initial render\n */\nexport const $initRef = <T extends Node>(props: { ref?: KTRefLike<T> }, node: T): RefSetter<T> => {\n  if (!('ref' in props)) {\n    return $emptyFn;\n  }\n\n  const r = props.ref;\n  if (isRefLike(r)) {\n    r.value = node;\n    return $refSetter;\n  } else {\n    $throw('Fragment: ref must be a KTRef');\n  }\n};\n","import { $is, $stringify } from '@ktjs/shared';\nimport { KTReactive, KTReactiveLike, KTReactiveType, KTSubReactive } from './reactive.js';\n\nexport class KTComputed<T> extends KTReactive<T> {\n  readonly ktype = KTReactiveType.Computed;\n\n  private readonly _calculator: () => T;\n  private readonly _dependencies: Array<KTReactiveLike<any>>;\n  private readonly _recalculateListener: () => void;\n  private _disposed = false;\n\n  private _recalculate(forced: boolean = false): this {\n    const newValue = this._calculator();\n    const oldValue = this._value;\n    if (!$is(oldValue, newValue) || forced) {\n      this._value = newValue;\n      this._emit(newValue, oldValue);\n    }\n    return this;\n  }\n\n  constructor(calculator: () => T, dependencies: Array<KTReactiveLike<any>>) {\n    super(calculator());\n    this._calculator = calculator;\n    this._dependencies = dependencies;\n    this._recalculateListener = () => this._recalculate();\n    for (let i = 0; i < dependencies.length; i++) {\n      dependencies[i].addOnChange(this._recalculateListener, this._recalculateListener);\n    }\n  }\n\n  notify(): this {\n    return this._recalculate(true);\n  }\n\n  dispose(): this {\n    if (this._disposed) {\n      return this;\n    }\n\n    this._disposed = true;\n    for (let i = 0; i < this._dependencies.length; i++) {\n      this._dependencies[i].removeOnChange(this._recalculateListener);\n    }\n    return this;\n  }\n}\n\nKTReactiveLike.prototype.map = function <U>(\n  this: KTReactive<unknown>,\n  c: (value: unknown) => U,\n  dep?: Array<KTReactiveLike<any>>,\n) {\n  return new KTComputed(() => c(this.value), dep ? [this, ...dep] : [this]);\n};\n\nKTReactive.prototype.get = function <T>(this: KTReactive<T>, ...keys: Array<string | number>) {\n  if (keys.length === 0) {\n    $throw('At least one key is required to get a sub-computed.');\n  }\n  return new KTSubComputed(this, keys.map((key) => `[${$stringify(key)}]`).join(''));\n};\n\nexport class KTSubComputed<T> extends KTSubReactive<T> {\n  readonly ktype = KTReactiveType.SubComputed;\n}\n\nexport type KTComputedLike<T> = KTComputed<T> | KTSubComputed<T>;\n\n/**\n * Create a computed value that automatically updates when its dependencies change.\n * @param calculator synchronous function that calculates the value of the computed. It should not have side effects.\n * @param dependencies an array of reactive dependencies that the computed value depends on. The computed value will automatically update when any of these dependencies change.\n */\nexport const computed = <T>(calculator: () => T, dependencies: Array<KTReactiveLike<any>>): KTComputed<T> =>\n  new KTComputed(calculator, dependencies);\n","import { $emptyFn } from '@ktjs/shared';\nimport type { KTReactiveLike } from './reactive.js';\n\ninterface KTEffectOptions {\n  lazy: boolean;\n  onCleanup: () => void;\n  debugName: string;\n}\n\n/**\n * Register a reactive effect with options.\n * @param effectFn The effect function to run when dependencies change\n * @param reactives The reactive dependencies\n * @param options Effect options: lazy, onCleanup, debugName\n * @returns stop function to remove all listeners\n */\nexport function effect(\n  effectFn: () => void,\n  reactives: Array<KTReactiveLike<any>>,\n  options?: Partial<KTEffectOptions>,\n) {\n  const { lazy = false, onCleanup = $emptyFn, debugName = '' } = Object(options);\n  const listenerKeys: Array<string | number> = [];\n\n  let active = true;\n\n  const run = () => {\n    if (!active) {\n      return;\n    }\n\n    // cleanup before rerun\n    onCleanup();\n\n    try {\n      effectFn();\n    } catch (err) {\n      $debug('effect error:', debugName, err);\n    }\n  };\n\n  // subscribe to dependencies\n  for (let i = 0; i < reactives.length; i++) {\n    listenerKeys[i] = i;\n    reactives[i].addOnChange(run, effectFn);\n  }\n\n  // auto run unless lazy\n  if (!lazy) {\n    run();\n  }\n\n  // stop function\n  return () => {\n    if (!active) {\n      return;\n    }\n    active = false;\n\n    for (let i = 0; i < reactives.length; i++) {\n      reactives[i].removeOnChange(effectFn);\n    }\n\n    // final cleanup\n    onCleanup();\n  };\n}\n","import type { KTReactive, KTReactiveLike } from './reactive.js';\nimport { isKT } from './common.js';\nimport { ref } from './ref.js';\n\n/**\n * Ensure a value is reactive. If it's already `KTReactiveLike`, return it as is; otherwise, wrap it in a `ref`.\n */\nexport const toReactive = <T>(o: T | KTReactiveLike<T>): KTReactiveLike<T> =>\n  isKT(o) ? o : (ref(o as T) as KTReactive<T>);\n\n/**\n * Extracts the value from a KTReactive, or returns the value directly if it's not reactive.\n */\nexport const dereactive = <T>(value: T | KTReactiveLike<T>): T => (isKT<T>(value) ? value.value : value);\n\nexport type { KTRef, KTSubRef, KTRefLike } from './ref.js';\nexport { ref, assertModel } from './ref.js';\nexport type { KTComputed, KTSubComputed, KTComputedLike } from './computed.js';\nexport { computed } from './computed.js';\nexport { KTReactiveType } from './reactive.js';\nexport type * from './reactive.js';\n\nexport {\n  isKT,\n  isReactiveLike,\n  isRef,\n  isSubRef,\n  isRefLike,\n  isComputed,\n  isSubComputed,\n  isComputedLike,\n  isReactive,\n} from './common.js';\nexport { effect } from './effect.js';\nexport type * from './types.js';\n","import type { KTReactiveLike } from '../reactable/reactive.js';\nimport type { KTRawContent } from '../types/h.js';\nimport type { JSX } from '../types/jsx.js';\nimport { $initRef, type KTRefLike } from '../reactable/ref.js';\n\nimport { $forEach, $isArray } from '@ktjs/shared';\nimport { isKT, toReactive } from '../reactable/index.js';\nimport { $addNodeCleanup, AnchorType, KTAnchor } from './anchor.js';\n\nexport class FragmentAnchor extends KTAnchor<Node> {\n  readonly type = AnchorType.Fragment;\n\n  constructor() {\n    super(AnchorType.Fragment);\n  }\n\n  /**\n   * Remove elements in the list\n   */\n  removeElements() {\n    const list = this.list.slice();\n    this.list.length = 0;\n    for (let i = 0; i < list.length; i++) {\n      const node = list[i] as ChildNode;\n      if (node.parentNode) {\n        node.remove();\n      }\n    }\n  }\n}\n\nexport interface FragmentProps<T extends Node = Node> {\n  /** Array of child elements, supports reactive arrays */\n  children: T[] | KTReactiveLike<T[]>;\n\n  /** element key function for optimization (future enhancement) */\n  key?: (element: T, index: number, array: T[]) => any;\n\n  /** ref to get the anchor node */\n  ref?: KTRefLike<JSX.Element>;\n}\n\n/**\n * Fragment - Container component for managing arrays of child elements\n *\n * Features:\n * 1. Returns a comment anchor node, child elements are inserted after the anchor\n * 2. Supports reactive arrays, automatically updates DOM when array changes\n * 3. Basic version uses simple replacement algorithm (remove all old elements, insert all new elements)\n * 4. Future enhancement: key-based optimization\n *\n * Usage example:\n * ```tsx\n * const children = ref([<div>A</div>, <div>B</div>]);\n * const fragment = <Fragment children={children} />;\n * document.body.appendChild(fragment);\n *\n * // Automatic update\n * children.value = [<div>C</div>, <div>D</div>];\n * ```\n */\nexport function Fragment<T extends Node = Node>(props: FragmentProps<T>): JSX.Element & FragmentAnchor {\n  const anchor = new FragmentAnchor();\n  const elements = anchor.list as T[];\n  const childrenRef = toReactive(props.children);\n\n  const redraw = () => {\n    const newElements = childrenRef.value;\n    const parent = anchor.parentNode;\n\n    if (!parent) {\n      elements.length = 0;\n      for (let i = 0; i < newElements.length; i++) {\n        elements.push(newElements[i]);\n      }\n      return;\n    }\n\n    anchor.removeElements();\n    elements.length = 0;\n\n    const fragment = document.createDocumentFragment();\n    for (let i = 0; i < newElements.length; i++) {\n      const element = newElements[i];\n      elements.push(element);\n      fragment.appendChild(element);\n    }\n\n    parent.insertBefore(fragment, anchor.nextSibling);\n  };\n\n  childrenRef.addOnChange(redraw, redraw);\n  $addNodeCleanup(anchor, () => childrenRef.removeOnChange(redraw));\n  anchor.mountCallback = redraw;\n  redraw();\n\n  $initRef(props as { ref?: KTRefLike<Node> }, anchor);\n\n  return anchor as unknown as JSX.Element & FragmentAnchor;\n}\n\n/**\n * Convert KTRawContent to HTMLElement array\n */\nexport function convertChildrenToElements(children: KTRawContent): Element[] {\n  const elements: Element[] = [];\n\n  const processChild = (child: any): void => {\n    if (child === undefined || child === null || child === false || child === true) {\n      // Ignore null, undefined, false, true\n      return;\n    }\n\n    if ($isArray(child)) {\n      // Recursively process array\n      $forEach(child, processChild);\n      return;\n    }\n\n    if (typeof child === 'string' || typeof child === 'number') {\n      const span = document.createElement('span');\n      span.textContent = String(child);\n      elements.push(span);\n      return;\n    }\n\n    if (child instanceof Element) {\n      elements.push(child);\n      return;\n    }\n\n    if (isKT(child)) {\n      processChild(child.value);\n      return;\n    }\n\n    $warn('Fragment: unsupported child type', child);\n    if (process.env.IS_DEV) {\n      throw new Error(`Fragment: unsupported child type`);\n    }\n  };\n\n  processChild(children);\n  return elements;\n}\n","import type { JSXTag } from '@ktjs/shared';\nimport type { KTAttribute } from '../types/h.js';\nimport type { JSX } from '../types/jsx.js';\nimport { h } from '../h/index';\n\nexport const jsxh = (tag: JSXTag, props: KTAttribute): JSX.Element =>\n  (typeof tag === 'function' ? tag(props) : h(tag, props, props.children)) as JSX.Element;\n\nexport const placeholder = (data: string): JSX.Element => document.createComment(data) as unknown as JSX.Element;\n","import type { JSXTag, MathMLTag, SVGTag } from '@ktjs/shared';\nimport type { KTAttribute, KTRawContent } from '../types/h.js';\nimport type { JSX } from '../types/jsx.js';\n\nimport { h, mathml as _mathml, svg as _svg } from '../h/index.js';\nimport { $initRef } from '../reactable/ref.js';\nimport { isComputedLike } from '../reactable/common.js';\n\nimport { convertChildrenToElements, Fragment as FragmentArray } from './fragment.js';\nimport { jsxh, placeholder } from './common.js';\n\nfunction create(\n  creator: (tag: any, props: KTAttribute, content?: KTRawContent) => JSX.Element,\n  tag: any,\n  props: KTAttribute,\n) {\n  if (props.ref && isComputedLike(props.ref)) {\n    $throw('Cannot assign a computed value to an element.');\n  }\n  const el = creator(tag, props, props.children);\n  $initRef(props, el);\n  return el;\n}\n\nexport const jsx = (tag: JSXTag, props: KTAttribute): JSX.Element => create(jsxh, tag, props);\nexport const svg = (tag: SVGTag, props: KTAttribute): JSX.Element => create(_svg, tag, props);\nexport const mathml = (tag: MathMLTag, props: KTAttribute): JSX.Element => create(_mathml, tag, props);\nexport { svg as svgRuntime, mathml as mathmlRuntime };\n\n/**\n * Fragment support - returns an array of children\n * Enhanced Fragment component that manages arrays of elements\n */\nexport function Fragment(props: { children?: KTRawContent }): JSX.Element {\n  const { children } = props ?? {};\n\n  if (!children) {\n    return placeholder('kt-fragment-empty');\n  }\n\n  const elements = convertChildrenToElements(children);\n\n  return FragmentArray({ children: elements });\n}\n\n/**\n * JSX Development runtime - same as jsx but with additional dev checks\n */\nexport const jsxDEV: typeof jsx = (...args) => {\n  // console.log('JSX DEV called:', ...args);\n  // console.log('children', (args[1] as any)?.children);\n  return jsx(...args);\n};\n\n/**\n * JSX runtime for React 17+ automatic runtime\n * This is called when using jsx: \"react-jsx\" or \"react-jsxdev\"\n */\nexport const jsxs = jsx;\n\n// Export h as the classic JSX factory for backward compatibility\nexport { h, h as createElement };\n","import { $isThenable } from '@ktjs/shared';\nimport type { KTComponent, KTRawContent } from '../types/h.js';\nimport type { JSX } from '../types/jsx.js';\nimport type { KTRef } from '../reactable/ref.js';\nimport { $mountFragmentAnchors } from './anchor.js';\n\n/**\n * Extract component props type (excluding ref and children)\n */\ntype ExtractComponentProps<T> = T extends (props: infer P) => any ? Omit<P, 'ref' | 'children'> : {};\n\nexport function KTAsync<T extends KTComponent>(\n  props: {\n    ref?: KTRef<JSX.Element>;\n    skeleton?: JSX.Element;\n    component: T;\n    children?: KTRawContent;\n  } & ExtractComponentProps<T>,\n): JSX.Element {\n  const raw = props.component(props);\n  let comp: JSX.Element =\n    props.skeleton ?? (document.createComment('ktjs-suspense-placeholder') as unknown as JSX.Element);\n\n  if ($isThenable(raw)) {\n    raw.then((resolved) => {\n      comp.replaceWith(resolved);\n      $mountFragmentAnchors(resolved);\n    });\n  } else {\n    comp = raw as JSX.Element;\n  }\n\n  return comp;\n}\n","import type { JSX } from '../types/jsx.js';\nimport type { KTRefLike } from '../reactable/ref.js';\nimport type { KTReactiveLike } from '../reactable/reactive.js';\n\nimport { $identity } from '@ktjs/shared';\nimport { toReactive } from '../reactable/index.js';\nimport { $initRef } from '../reactable/ref.js';\nimport { $addNodeCleanup } from './anchor.js';\nimport { AnchorType, KTAnchor } from './anchor.js';\n\nexport class KTForAnchor extends KTAnchor<JSX.Element> {\n  readonly type = AnchorType.For;\n\n  constructor() {\n    super(AnchorType.For);\n  }\n}\n\nexport type KTForElement = JSX.Element & KTForAnchor;\n\nexport interface KTForProps<T> {\n  ref?: KTRefLike<KTForElement>;\n  list: T[] | KTReactiveLike<T[]>;\n  key?: (item: T, index: number, array: T[]) => any;\n  map?: (item: T, index: number, array: T[]) => JSX.Element;\n}\n\n// TASK 对于template标签的for和if，会编译为fragment，可特殊处理，让它们保持原样\n/**\n * KTFor - List rendering component with key-based optimization\n * Returns a Comment anchor node with rendered elements in anchor.list\n */\nexport function KTFor<T>(props: KTForProps<T>): KTForElement {\n  const redraw = () => {\n    const newList = listRef.value;\n    const parent = anchor.parentNode;\n\n    if (!parent) {\n      anchor.list.length = 0;\n      nodeMap.clear();\n      for (let index = 0; index < newList.length; index++) {\n        const item = newList[index];\n        const itemKey = currentKey(item, index, newList);\n        const node = currentMap(item, index, newList);\n        nodeMap.set(itemKey, node);\n        anchor.list.push(node);\n      }\n      return anchor;\n    }\n\n    const oldLength = anchor.list.length;\n    const newLength = newList.length;\n\n    if (newLength === 0) {\n      nodeMap.forEach((node) => node.remove());\n      nodeMap.clear();\n      anchor.list.length = 0;\n      return anchor;\n    }\n\n    if (oldLength === 0) {\n      anchor.list.length = 0;\n      const fragment = document.createDocumentFragment();\n      for (let i = 0; i < newLength; i++) {\n        const item = newList[i];\n        const itemKey = currentKey(item, i, newList);\n        const node = currentMap(item, i, newList);\n        nodeMap.set(itemKey, node);\n        anchor.list.push(node);\n        fragment.appendChild(node);\n      }\n      parent.insertBefore(fragment, anchor.nextSibling);\n      return anchor;\n    }\n\n    const newKeyToNewIndex = new Map<any, number>();\n    const newElements: JSX.Element[] = new Array(newLength);\n    for (let i = 0; i < newLength; i++) {\n      const item = newList[i];\n      const itemKey = currentKey(item, i, newList);\n      newKeyToNewIndex.set(itemKey, i);\n      newElements[i] = nodeMap.has(itemKey) ? nodeMap.get(itemKey)! : currentMap(item, i, newList);\n    }\n\n    const toRemove: JSX.Element[] = [];\n    nodeMap.forEach((node, key) => {\n      if (!newKeyToNewIndex.has(key)) {\n        toRemove.push(node);\n      }\n    });\n    for (let i = 0; i < toRemove.length; i++) {\n      toRemove[i].remove();\n    }\n\n    let currentNode = anchor.nextSibling;\n    for (let i = 0; i < newLength; i++) {\n      const node = newElements[i];\n      if (currentNode !== node) {\n        parent.insertBefore(node, currentNode);\n      } else {\n        currentNode = currentNode.nextSibling;\n      }\n    }\n\n    nodeMap.clear();\n    anchor.list.length = 0;\n    for (let i = 0; i < newLength; i++) {\n      const itemKey = currentKey(newList[i], i, newList);\n      const node = newElements[i];\n      nodeMap.set(itemKey, node);\n      anchor.list.push(node);\n    }\n    return anchor;\n  };\n\n  const currentKey: NonNullable<KTForProps<T>['key']> = props.key ?? ((item: T) => item);\n  const currentMap: NonNullable<KTForProps<T>['map']> =\n    props.map ?? ((item: T) => $identity(item) as unknown as JSX.Element);\n  const listRef = toReactive(props.list);\n  const anchor = new KTForAnchor() as KTForElement;\n  const nodeMap = new Map<any, JSX.Element>();\n\n  for (let index = 0; index < listRef.value.length; index++) {\n    const item = listRef.value[index];\n    const itemKey = currentKey(item, index, listRef.value);\n    const node = currentMap(item, index, listRef.value);\n    nodeMap.set(itemKey, node);\n    anchor.list.push(node);\n  }\n\n  listRef.addOnChange(redraw, redraw);\n  $addNodeCleanup(anchor, () => listRef.removeOnChange(redraw));\n  anchor.mountCallback = redraw;\n  $initRef(props, anchor);\n\n  return anchor;\n}\n","import type { JSXTag } from '@ktjs/shared';\nimport type { KTAttribute } from '../types/h.js';\nimport type { KTReactiveLike } from '../reactable/reactive.js';\n\nimport { isKT } from '../reactable/index.js';\nimport { $addNodeCleanup, $mountFragmentAnchors, $removeNodeCleanup } from './anchor.js';\nimport { jsxh, placeholder } from './common.js';\n\nexport function KTConditional(\n  condition: any | KTReactiveLike<any>,\n  tagIf: JSXTag,\n  propsIf: KTAttribute,\n  tagElse?: JSXTag,\n  propsElse?: KTAttribute,\n) {\n  if (!isKT(condition)) {\n    return condition ? jsxh(tagIf, propsIf) : tagElse ? jsxh(tagElse, propsElse!) : placeholder('kt-conditional');\n  }\n\n  if (tagElse) {\n    let current = condition.value ? jsxh(tagIf, propsIf) : jsxh(tagElse!, propsElse!);\n    const cleanup = () => condition.removeOnChange(onChange);\n    const onChange = (newValue: any) => {\n      const old = current;\n      current = newValue ? jsxh(tagIf, propsIf) : jsxh(tagElse!, propsElse!);\n      $removeNodeCleanup(old, cleanup);\n      $addNodeCleanup(current, cleanup);\n      old.replaceWith(current);\n      $mountFragmentAnchors(current);\n    };\n    condition.addOnChange(onChange, onChange);\n    $addNodeCleanup(current, cleanup);\n    return current;\n  } else {\n    const dummy = placeholder('kt-conditional') as HTMLElement;\n    let current = condition.value ? jsxh(tagIf, propsIf) : dummy;\n    const cleanup = () => condition.removeOnChange(onChange);\n    const onChange = (newValue: any) => {\n      const old = current;\n      current = newValue ? jsxh(tagIf, propsIf) : dummy;\n      $removeNodeCleanup(old, cleanup);\n      $addNodeCleanup(current, cleanup);\n      old.replaceWith(current);\n      $mountFragmentAnchors(current);\n    };\n    condition.addOnChange(onChange, onChange);\n    $addNodeCleanup(current, cleanup);\n    return current;\n  }\n}\n"],"names":["isKT","obj","kid","isReactiveLike","ktype","isRef","isSubRef","isRefLike","isComputed","isSubComputed","isComputedLike","isReactive","_getters","Map","_setters","KTAnchor","Comment","isKTAnchor","list","mountCallback","constructor","data","super","$ensureAnchorObserver","mount","parent","this","parentNode","appendChild","CANNOT_MOUNT","document","Node","CANNOT_OBSERVE","MutationObserver","COMMENT_FILTER","NodeFilter","SHOW_COMMENT","nodeToCleanups","WeakMap","anchorObserver","$cleanupRemovedNode","node","nodeType","children","Array","from","childNodes","i","length","anchor","slice","listNode","remove","$runNodeCleanups","body","records","disconnect","undefined","addedNodes","j","$mountFragmentAnchors","removedNodes","observe","childList","subtree","$mountIfFragmentAnchor","cleanups","get","delete","error","console","$addNodeCleanup","cleanup","push","set","$removeNodeCleanup","index","indexOf","splice","nodeObj","walker","createTreeWalker","current","nextNode","booleanHandler","element","key","value","setAttribute","valueHandler","handlers","checked","selected","valueAsDate","valueAsNumber","defaultValue","defaultChecked","defaultSelected","disabled","readOnly","multiple","required","autofocus","open","controls","autoplay","loop","muted","defer","async","hidden","_key","defaultHandler","setElementStyle","style","cssText","addReactiveCleanup","reactive","handler","addOnChange","removeOnChange","applyAttr","attr","Error","classValue","class","className","v","html","setHTML","firstChild","innerHTML","o","startsWith","eventName","addEventListener","removeEventListener","attrIsObject","assureNode","$isNode","createTextNode","apdSingle","c","onChange","newValue","newNode","oldNode","replaceWith","type","apd","$isThenable","then","r","$isArray","ci","comment","createComment","awaited","awaitedNode","applyContent","content","applyKModel","valueRef","tagName","onValueChange","Boolean","onInput","h","tag","createElement","svg","createElementNS","mathml","handlerId","KTReactiveLike","map","calculator","dependencies","KTReactive","_value","_changeHandlers","_newValue","warn","_emit","oldValue","forEach","has","$stringify","clearOnChange","clear","notify","_keys","KTSubReactive","source","_getter","paths","path","exist","cache","Function","$createSubGetter","newSourceValue","oldSourceValue","reactiveToOldValue","scheduled","markMutation","Promise","resolve","KTRef","$is","draft","subref","keys","KTSubRef","join","_setter","$createSubSetter","ref","assertModel","props","kmodel","$refSetter","$initRef","$emptyFn","KTComputed","_calculator","_dependencies","_recalculateListener","_disposed","_recalculate","forced","dispose","prototype","dep","KTSubComputed","computed","effect","effectFn","reactives","options","lazy","onCleanup","debugName","Object","active","run","err","debug","toReactive","dereactive","FragmentAnchor","removeElements","jsxh","placeholder","create","creator","el","jsx","_svg","_mathml","Fragment","elements","processChild","child","$forEach","span","textContent","String","Element","convertChildrenToElements","childrenRef","redraw","newElements","fragment","createDocumentFragment","insertBefore","nextSibling","FragmentArray","jsxDEV","args","jsxs","KTAsync","raw","component","comp","skeleton","resolved","KTForAnchor","KTFor","newList","listRef","nodeMap","item","itemKey","currentKey","currentMap","oldLength","newLength","newKeyToNewIndex","toRemove","currentNode","$identity","KTConditional","condition","tagIf","propsIf","tagElse","propsElse","old","dummy"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktjs/core",
-  "version": "0.37.3",
+  "version": "0.37.6",
   "description": "Core functionality for kt.js - DOM manipulation utilities with JSX/TSX support",
   "description_zh": "kt.js 的核心功能，提供支持 JSX/TSX 的 DOM 操作工具。",
   "type": "module",