@ktjs/core 0.37.9 → 0.38.0

package/README.md

@@ -17,17 +17,20 @@
 
 ## Recent Updates
 
-1. 0.37.x - fixes and refactors
+1. 0.38.x - reactive helper additions
+   1. `reactive.is(target)`: create a boolean computed based on `Object.is` comparison.
+   2. `reactive.match(pattern)`: create a boolean computed using deep object/array pattern matching.
+2. 0.37.x - fixes and refactors
    1. fix schedulers clear issue. Which would occur when some handler throws an error.
    2. `Fragment` is refactored. Fixes memory leak issues and makes it more robust.
-2. 0.36.x - override 0.35.x. Now refs and computeds have 2 new apis:
+3. 0.36.x - override 0.35.x. Now refs and computeds have 2 new apis:
    1. `get(...keys)`: create a `KTSubComputed` object. It is a light version of computed, used to bind values
    2. `subref(...keys)`: create a `KTSubRef` object. It is a light version of ref, used to bind values and also support two-way binding with `k-model`.
-3. 0.34.x - `ref.notify()` no-longer has an optional argument.
-4. 0.33.x - `ref.value` remains the standard read API, and it can also replace the whole outer value with `ref.value = nextValue`.
-5. 0.33.x - `ref.draft` is the deep-mutation entry for literally any objects. Just use `someRef.draft.a = someValue`, and kt.js will add it to microqueue and redraw it on the next tick. Works for `Map`, `Set`, `Array`, `Date` and your custom objects.
+4. 0.34.x - `ref.notify()` no-longer has an optional argument.
+5. 0.33.x - `ref.value` remains the standard read API, and it can also replace the whole outer value with `ref.value = nextValue`.
+6. 0.33.x - `ref.draft` is the deep-mutation entry for literally any objects. Just use `someRef.draft.a = someValue`, and kt.js will add it to microqueue and redraw it on the next tick. Works for `Map`, `Set`, `Array`, `Date` and your custom objects.
    1. `ref.draft` itself is **not assignable**.
-6. `addOnChange((newValue, oldValue) => ...)` keeps `oldValue` as the previous reference, not a deep snapshot.
+7. `addOnChange((newValue, oldValue) => ...)` keeps `oldValue` as the previous reference, not a deep snapshot.
 
 ## Community
 

package/dist/index.d.ts

@@ -3,50 +3,48 @@ 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;
+    dispose(): void;
 }
-declare class KTSubComputed<T> extends KTSubReactive<T> {
-    readonly ktype = KTReactiveType.SubComputed;
-}
-type KTComputedLike<T> = KTComputed<T> | KTSubComputed<T>;
 /**
  * Create a computed value that automatically updates when its dependencies change.
  * @param calculator synchronous function that calculates the value of the computed. It should not have side effects.
  * @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.
  */
 declare const computed: <T>(calculator: () => T, dependencies: Array<KTReactiveLike<any>>) => KTComputed<T>;
+declare class KTSubComputed<T> extends KTSubReactive<T> {
+    readonly ktype = KTReactiveType.SubComputed;
+    constructor(source: KTReactive<any>, getter: (sv: KTReactive<any>['value']) => T, dependency?: KTReactive<any>);
+    get value(): T;
+    dispose(): void;
+}
+type KTComputedLike<T> = KTComputed<T> | KTSubComputed<T>;
 
 type ChangeHandler<T> = (newValue: T, oldValue: T) => void;
 declare const enum KTReactiveType {
-    ReactiveLike = 31,
+    Pseudo = 1,
     Ref = 2,
     SubRef = 4,
     RefLike = 6,
     Computed = 8,
     SubComputed = 16,
     ComputedLike = 24,
-    Reactive = 10
+    Reactive = 10,
+    SubReactive = 20,
+    ReactiveLike = 31
 }
+declare const nextKid: () => number;
+declare const nextHandlerId: (kid: number) => string;
 declare abstract class KTReactiveLike<T> {
     readonly kid: number;
     abstract readonly ktype: KTReactiveType;
     abstract get value(): T;
     abstract addOnChange(handler: ChangeHandler<T>, key?: any): this;
     abstract removeOnChange(key: any): this;
-    /**
-     * Create a computed value via current reactive value.
-     * - No matter `this` is added to `dependencies` or not, it is always listened.
-     * @param calculator A function that generates a new value based on current value.
-     * @param dependencies optional other dependencies that the computed value depends on.
-     */
-    map<U>(calculator: (value: T) => U, dependencies?: Array<KTReactiveLike<any>>): KTComputed<U>;
+    abstract dispose(): void;
 }
 declare abstract class KTReactive<T> extends KTReactiveLike<T> {
     constructor(value: T);
@@ -56,6 +54,25 @@ declare abstract class KTReactive<T> extends KTReactiveLike<T> {
     removeOnChange(key: any): this;
     clearOnChange(): this;
     notify(): this;
+    /**
+     * Create a computed value via current reactive value.
+     * - No matter `this` is added to `dependencies` or not, it is always listened.
+     * @param calculator A function that generates a new value based on current value.
+     * @param dependencies optional other dependencies that the computed value depends on.
+     */
+    map<U>(calculator: (value: T) => U, dependencies?: Array<KTReactiveLike<any>>): KTComputed<U>;
+    /**
+     * Make a computed value that checks if the reactive value is strictly equal to a specific value.
+     * - Use `Object.is` for comparison.
+     * - if `o` is reactive-like, it will be added to dependencies
+     */
+    is(o: T | KTReactiveLike<T>): KTSubComputed<boolean>;
+    /**
+     * Make a computed value that checks if the reactive value matches a specific object structure.
+     * - Deeply match.
+     * - if `o` is reactive-like, it will be added to dependencies
+     */
+    match(o: object | KTReactiveLike<object>): KTSubComputed<boolean>;
     /**
      * Generate a sub-computed value based on this reactive, using keys to access nested properties.
      * - `reactive.get('a', 'b')` means a sub-computed value to `this.value.a.b`.
@@ -89,11 +106,10 @@ declare abstract class KTReactive<T> extends KTReactiveLike<T> {
 }
 declare abstract class KTSubReactive<T> extends KTReactiveLike<T> {
     readonly source: KTReactive<any>;
-    constructor(source: KTReactive<any>, paths: Array<string | number>);
-    get value(): T;
+    constructor(source: KTReactive<any>, getter: (sv: KTReactive<any>['value']) => T);
     addOnChange(handler: ChangeHandler<T>, key?: any): this;
     removeOnChange(key: any): this;
-    notify(): this;
+    dispose(): void;
 }
 
 declare class KTRef<T> extends KTReactive<T> {
@@ -137,15 +153,7 @@ declare class KTRef<T> extends KTReactive<T> {
      * - `KTSubRef` is lighter than `KTRef`.
      */
     subref<K0 extends keyof T>(key0: K0): KTSubRef<T[K0]>;
-}
-declare class KTSubRef<T> extends KTSubReactive<T> {
-    readonly ktype = KTReactiveType.SubRef;
-    readonly source: KTRef<any>;
-    constructor(source: KTRef<any>, paths: Array<string | number>);
-    get value(): T;
-    set value(newValue: T);
-    get draft(): T;
-    notify(): this;
+    dispose(): void;
 }
 /**
  * Create a reactive reference to a value. The returned object has a single property `value` that holds the internal value.
@@ -157,6 +165,17 @@ declare const ref: <T>(value?: T) => KTRef<T>;
  */
 declare const assertModel: <T = any>(props: any, defaultValue?: T) => KTRefLike<T>;
 type KTRefLike<T> = KTRef<T> | KTSubRef<T>;
+declare class KTSubRef<T> extends KTSubReactive<T> {
+    readonly ktype = KTReactiveType.SubRef;
+    readonly source: KTRef<any>;
+    constructor(source: KTRef<any>, getter: (sv: KTReactive<any>['value']) => T, setter: (s: object, newValue: T) => void);
+    get value(): T;
+    set value(newValue: T);
+    /**
+     * Only use it for object's nested properties.
+     */
+    get draft(): T;
+}
 
 /**
  * Makes `KTReactify<'a' | 'b'> to be KTReactiveLike<'a'> | KTReactiveLike<'b'>`
@@ -1555,5 +1574,5 @@ declare function KTFor<T>(props: KTForProps<T>): KTForElement;
 
 declare function KTConditional(condition: any | KTReactiveLike<any>, tagIf: JSXTag, propsIf: KTAttribute, tagElse?: JSXTag, propsElse?: KTAttribute): Element;
 
-export { Fragment, JSX, KTAsync, KTComputed, KTConditional, KTFor, KTReactive, KTReactiveLike, KTReactiveType, KTRef, KTSubComputed, KTSubReactive, KTSubRef, applyAttr, assertModel, computed, h as createElement, mathml$1 as createMathMLElement, svg$1 as createSVGElement, dereactive, effect, h, isComputed, isComputedLike, isKT, isReactive, isReactiveLike, isRef, isRefLike, isSubComputed, isSubRef, jsx, jsxDEV, jsxs, mathml, mathml as mathmlRuntime, ref, svg, svg as svgRuntime, toReactive };
+export { Fragment, JSX, KTAsync, KTComputed, KTConditional, KTFor, KTReactive, KTReactiveLike, KTReactiveType, KTRef, KTSubComputed, KTSubReactive, KTSubRef, applyAttr, assertModel, computed, h as createElement, mathml$1 as createMathMLElement, svg$1 as createSVGElement, dereactive, effect, h, isComputed, isComputedLike, isKT, isReactive, isReactiveLike, isRef, isRefLike, isSubComputed, isSubRef, jsx, jsxDEV, jsxs, mathml, mathml as mathmlRuntime, nextHandlerId, nextKid, ref, svg, svg as svgRuntime, toReactive };
 export type { AliasElement, ChangeHandler, EventHandler, HTML, KTAttribute, KTComputedLike, KTForElement, KTForProps, KTMaybeReactive, KTMaybeReactiveProps, KTPrefixedEventAttribute, KTRawAttr, KTRawContent, KTRawContents, KTReactify, KTReactifyObject, KTReactifyProps, KTReactifySplit, KTRefLike };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { $isArray, $isThenable, $isNode, $stringify, $is, $emptyFn, $forEach, $identity } from "@ktjs/shared";
+import { $isArray, $isThenable, $isNode, $stringify, $is, $emptyFn, $deepMatch, $forEach, $identity } from "@ktjs/shared";
 
 function isKT(obj) {
     return "number" == typeof obj?.kid;
@@ -36,6 +36,36 @@ function isReactive(obj) {
     return "number" == typeof obj?.ktype && !!(10 & obj.ktype);
 }
 
+function isSubReactive(obj) {
+    return "number" == typeof obj?.ktype && !!(20 & obj.ktype);
+}
+
+const $createSubGetter = path => {
+    switch (path.length) {
+      case 1:
+        return s => s[path[0]];
+
+      case 2:
+        return s => s[path[0]][path[1]];
+
+      case 3:
+        return s => s[path[0]][path[1]][path[2]];
+
+      case 4:
+        return s => s[path[0]][path[1]][path[2]][path[3]];
+
+      case 5:
+        return s => s[path[0]][path[1]][path[2]][path[3]][path[4]];
+
+      default:
+        return s => {
+            let r = s[path[0]][path[1]][path[2]][path[3]][path[4]];
+            for (let i = 5; i < path.length; i++) r = r[path[i]];
+            return r;
+        };
+    }
+};
+
 class KTAnchor extends Comment {
     isKTAnchor=!0;
     list=[];
@@ -90,7 +120,7 @@ const $cleanupRemovedNode = node => {
         for (let i = cleanups.length - 1; i >= 0; i--) try {
             cleanups[i]();
         } catch (error) {
-            console.error("[@ktjs/core error]", "KTNodeCleanup:", error);
+            console.error("[kt.js error]", "KTNodeCleanup:", error);
         }
     }
 }, $addNodeCleanup = (node, cleanup) => {
@@ -144,7 +174,7 @@ const $cleanupRemovedNode = node => {
 
 function applyAttr(element, attr) {
     if (attr) {
-        if ("object" != typeof attr || null === attr) throw new Error("[@ktjs/core error] attr must be an object.");
+        if ("object" != typeof attr || null === attr) throw new Error("[kt.js error] attr must be an object.");
         !function(element, attr) {
             const classValue = attr.class || attr.className;
             void 0 !== classValue && (isKT(classValue) ? (element.setAttribute("class", classValue.value), 
@@ -215,7 +245,7 @@ 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 (!isRefLike(valueRef)) throw new Error("[kt.js error] k-model value must be a KTRefLike.");
     if ("INPUT" !== element.tagName) {
         if ("SELECT" === element.tagName || "TEXTAREA" === element.tagName) {
             element.value = valueRef.value ?? "";
@@ -224,7 +254,7 @@ function applyKModel(element, valueRef) {
             $addNodeCleanup(element, () => element.removeEventListener("change", onChange)), 
             void $addNodeCleanup(element, () => valueRef.removeOnChange(onValueChange));
         }
-        console.warn("[@ktjs/core warn]", "not supported element for k-model:");
+        console.warn("[kt.js 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;
@@ -249,24 +279,24 @@ function applyKModel(element, valueRef) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.37.9 (Last Update: 2026.04.04 21:42:50.510)
+ * @version 0.38.0 (Last Update: 2026.04.07 15:29:51.995)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
  * @description Core functionality for kt.js - DOM manipulation utilities with JSX/TSX support
  * @copyright Copyright (c) 2026 Kasukabe Tsumugi. All rights reserved.
  */ const h = (tag, attr, content) => {
-    if ("string" != typeof tag) throw new Error("[@ktjs/core error] tagName must be a string.");
+    if ("string" != typeof tag) throw new Error("[kt.js error] tagName must be a string.");
     const element = document.createElement(tag);
     return "object" == typeof attr && null !== attr && "k-model" in attr && applyKModel(element, attr["k-model"]), 
     applyAttr(element, attr), applyContent(element, content), element;
 }, svg$1 = (tag, attr, content) => {
-    if ("string" != typeof tag) throw new Error("[@ktjs/core error] tagName must be a string.");
+    if ("string" != typeof tag) throw new Error("[kt.js error] tagName must be a string.");
     const element = document.createElementNS("http://www.w3.org/2000/svg", tag);
     return applyAttr(element, attr), applyContent(element, content), "object" == typeof attr && null !== attr && "k-model" in attr && applyKModel(element, attr["k-model"]), 
     element;
 }, mathml$1 = (tag, attr, content) => {
-    if ("string" != typeof tag) throw new Error("[@ktjs/core error] tagName must be a string.");
+    if ("string" != typeof tag) throw new Error("[kt.js error] tagName must be a string.");
     const element = document.createElementNS("http://www.w3.org/1998/Math/MathML", tag);
     return applyAttr(element, attr), applyContent(element, content), "object" == typeof attr && null !== attr && "k-model" in attr && applyKModel(element, attr["k-model"]), 
     element;
@@ -274,11 +304,10 @@ function applyKModel(element, valueRef) {
 
 let kid = 1, handlerId = 1;
 
+const nextHandlerId = kid => `@@k-handler-${kid}-${handlerId++}`;
+
 class KTReactiveLike {
-    kid=kid++;
-    map(calculator, dependencies) {
-        return null;
-    }
+    kid=(() => kid++)();
 }
 
 class KTReactive extends KTReactiveLike {
@@ -291,13 +320,13 @@ class KTReactive extends KTReactiveLike {
         return this._value;
     }
     set value(_newValue) {
-        console.warn("[@ktjs/core warn]", "Setting value to a non-ref instance takes no effect.");
+        console.warn("[kt.js warn]", "Setting value to a non-ref instance takes no effect.");
     }
     _emit(newValue, oldValue) {
         return this._changeHandlers.forEach(handler => handler(newValue, oldValue)), this;
     }
-    addOnChange(handler, key) {
-        if (key ??= handlerId++, this._changeHandlers.has(key)) throw new Error(`[@ktjs/core error] Overriding existing change handler with key ${$stringify(key)}.`);
+    addOnChange(handler, key = nextHandlerId(this.kid)) {
+        if (this._changeHandlers.has(key)) throw new Error(`[kt.js error] Overriding existing change handler with key ${$stringify(key)}.`);
         return this._changeHandlers.set(key, handler), this;
     }
     removeOnChange(key) {
@@ -309,6 +338,15 @@ class KTReactive extends KTReactiveLike {
     notify() {
         return this._emit(this._value, this._value);
     }
+    map(calculator, dependencies) {
+        return null;
+    }
+    is(o) {
+        return null;
+    }
+    match(o) {
+        return null;
+    }
     get(..._keys) {
         return null;
     }
@@ -316,48 +354,24 @@ class KTReactive extends KTReactiveLike {
 
 class KTSubReactive extends KTReactiveLike {
     source;
+    _value;
     _getter;
-    constructor(source, paths) {
-        super(), this.source = source, this._getter = (path => {
-            switch (path.length) {
-              case 1:
-                return s => s[path[0]];
-
-              case 2:
-                return s => s[path[0]][path[1]];
-
-              case 3:
-                return s => s[path[0]][path[1]][path[2]];
-
-              case 4:
-                return s => s[path[0]][path[1]][path[2]][path[3]];
-
-              case 5:
-                return s => s[path[0]][path[1]][path[2]][path[3]][path[4]];
-
-              default:
-                return s => {
-                    let r = s[path[0]][path[1]][path[2]][path[3]][path[4]];
-                    for (let i = 5; i < path.length; i++) r = r[path[i]];
-                    return r;
-                };
-            }
-        })(paths);
-    }
-    get value() {
-        return this._getter(this.source._value);
-    }
-    addOnChange(handler, key) {
-        return this.source.addOnChange((newSourceValue, oldSourceValue) => {
-            const oldValue = this._getter(oldSourceValue), newValue = this._getter(newSourceValue);
-            handler(newValue, oldValue);
-        }, key), this;
+    _handler;
+    _handlerKeys;
+    constructor(source, getter) {
+        super(), this.source = source, this._getter = getter, this._handlerKeys = [], this._value = this._getter(source._value), 
+        this._handler = () => this._value = getter(source._value), this._handlerKeys.push(nextHandlerId(this.kid)), 
+        source.addOnChange(this._handler, this._handlerKeys[0]);
+    }
+    addOnChange(handler, key = nextHandlerId(this.kid)) {
+        return this._handlerKeys.push(key), this.source.addOnChange((newValue, oldValue) => handler(this._getter(newValue), this._getter(oldValue)), key), 
+        this;
     }
     removeOnChange(key) {
         return this.source.removeOnChange(key), this;
     }
-    notify() {
-        return this.source.notify(), this;
+    dispose() {
+        this._handlerKeys.forEach(key => this.source.removeOnChange(key));
     }
 }
 
@@ -365,7 +379,7 @@ const reactiveToOldValue = new Map;
 
 let scheduled = !1;
 
-const markMutation = reactive => {
+const $markMutation = reactive => {
     if (!reactiveToOldValue.has(reactive)) {
         if (reactiveToOldValue.set(reactive, reactive._value), scheduled) return;
         scheduled = !0, Promise.resolve().then(() => {
@@ -373,7 +387,7 @@ const markMutation = reactive => {
                 try {
                     reactive._changeHandlers.forEach(handler => handler(reactive.value, oldValue));
                 } catch (error) {
-                    console.error("[@ktjs/core error]", "KTScheduler:", error);
+                    console.error("[kt.js error]", "KTScheduler:", error);
                 }
             }), reactiveToOldValue.clear();
         });
@@ -394,22 +408,14 @@ class KTRef extends KTReactive {
         this._value = newValue, this._emit(newValue, oldValue);
     }
     get draft() {
-        return markMutation(this), this._value;
+        return $markMutation(this), this._value;
     }
     notify() {
         return this._emit(this._value, this._value);
     }
     subref(...keys) {
-        if (0 === keys.length) throw new Error("[@ktjs/core error] At least one key is required to get a sub-ref.");
-        return new KTSubRef(this, keys);
-    }
-}
-
-class KTSubRef extends KTSubReactive {
-    ktype=4;
-    _setter;
-    constructor(source, paths) {
-        super(source, paths), this._setter = (path => {
+        if (0 === keys.length) throw new Error("[kt.js error] At least one key is required to get a sub-ref.");
+        return new KTSubRef(this, $createSubGetter(keys), (path => {
             switch (path.length) {
               case 1:
                 return (s, newValue) => s[path[0]] = newValue;
@@ -433,19 +439,10 @@ class KTSubRef extends KTSubReactive {
                     r[path[path.length - 1]] = newValue;
                 };
             }
-        })(paths);
-    }
-    get value() {
-        return this._getter(this.source._value);
-    }
-    set value(newValue) {
-        this._setter(this.source._value, newValue), this.source.notify();
+        })(keys));
     }
-    get draft() {
-        return markMutation(this.source), this._getter(this.source._value);
-    }
-    notify() {
-        return this.source.notify(), this;
+    dispose() {
+        this._changeHandlers.clear();
     }
 }
 
@@ -453,21 +450,39 @@ const ref = value => new KTRef(value), assertModel = (props, defaultValue) => {
     if ("k-model" in props) {
         const kmodel = props["k-model"];
         if (isRefLike(kmodel)) return kmodel;
-        throw new Error("[@ktjs/core error] k-model data must be a KTRef object, please use 'ref(...)' to wrap it.");
+        throw new Error("[kt.js error] k-model data must be a KTRef object, please use 'ref(...)' to wrap it.");
     }
     return ref(defaultValue);
 }, $refSetter = (props, node) => props.ref.value = node, $initRef = (props, node) => {
     if (!("ref" in props)) return $emptyFn;
     const r = props.ref;
     if (isRefLike(r)) return r.value = node, $refSetter;
-    throw new Error("[@ktjs/core error] Fragment: ref must be a KTRef");
+    throw new Error("[kt.js error] Fragment: ref must be a KTRef");
 };
 
+class KTSubRef extends KTSubReactive {
+    ktype=4;
+    _setter;
+    constructor(source, getter, setter) {
+        super(source, getter), this._setter = setter;
+    }
+    get value() {
+        return this._value;
+    }
+    set value(newValue) {
+        this._value = newValue, this._setter(this.source._value, newValue), this.source.notify();
+    }
+    get draft() {
+        return $markMutation(this.source), this._value;
+    }
+}
+
 class KTComputed extends KTReactive {
     ktype=8;
     _calculator;
     _dependencies;
-    _recalculateListener;
+    _handler;
+    _handlerKeys;
     _disposed=!1;
     _recalculate(forced = !1) {
         const newValue = this._calculator(), oldValue = this._value;
@@ -476,35 +491,60 @@ class KTComputed extends KTReactive {
     }
     constructor(calculator, dependencies) {
         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);
+        this._handler = () => this._recalculate(), this._handlerKeys = dependencies.map(() => nextHandlerId(this.kid));
+        const uniqueSources = new Set;
+        for (let i = 0; i < dependencies.length; i++) {
+            const dep = dependencies[i];
+            if (isSubReactive(dep)) {
+                if (uniqueSources.has(dep.source)) continue;
+                uniqueSources.add(dep.source);
+            }
+            dep.addOnChange(this._handler, this._handlerKeys[i]);
+        }
+        uniqueSources.clear();
     }
     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;
+        if (!this._disposed) {
+            this._disposed = !0;
+            for (let i = 0; i < this._dependencies.length; i++) this._dependencies[i].removeOnChange(this._handlerKeys[i]);
+            this._dependencies.length = 0, this._changeHandlers.clear();
+        }
     }
 }
 
-KTReactiveLike.prototype.map = function(c, dep) {
+KTReactive.prototype.map = function(c, dep) {
     return new KTComputed(() => c(this.value), dep ? [ this, ...dep ] : [ this ]);
+}, KTReactive.prototype.is = function(o) {
+    return isReactive(o) ? new KTSubComputed(this, v => $is(v, o.value), o) : new KTSubComputed(this, v => $is(v, o));
+}, KTReactive.prototype.match = function(o) {
+    return isReactive(o) ? new KTSubComputed(this, v => $deepMatch(v, o.value), o) : new KTSubComputed(this, v => $deepMatch(v, o));
 }, KTReactive.prototype.get = function(...keys) {
-    if (0 === keys.length) throw new Error("[@ktjs/core error] At least one key is required to get a sub-computed.");
-    return new KTSubComputed(this, keys);
+    if (0 === keys.length) throw new Error("[kt.js error] At least one key is required to get a sub-computed.");
+    return new KTSubComputed(this, $createSubGetter(keys));
 };
 
+const computed = (calculator, dependencies) => new KTComputed(calculator, dependencies);
+
 class KTSubComputed extends KTSubReactive {
     ktype=16;
+    _dependency;
+    constructor(source, getter, dependency) {
+        super(source, getter), this._dependency = dependency, dependency && (this._handlerKeys.push(nextHandlerId(this.kid)), 
+        dependency.addOnChange(this._handler, this._handlerKeys[1]));
+    }
+    get value() {
+        return this._value;
+    }
+    dispose() {
+        this._handlerKeys.forEach(key => this.source.removeOnChange(key)), this._dependency?.removeOnChange(this._handlerKeys[1]);
+    }
 }
 
-const computed = (calculator, dependencies) => new KTComputed(calculator, dependencies);
-
 function effect(effectFn, reactives, options) {
-    const {lazy: lazy = !1, onCleanup: onCleanup = $emptyFn, debugName: debugName = ""} = Object(options);
+    const {lazy: lazy = !1, onCleanup: onCleanup = $emptyFn, debugName: debugName = ""} = Object(options), listenerKeys = [];
     let active = !0;
     const run = () => {
         if (active) {
@@ -512,11 +552,15 @@ function effect(effectFn, reactives, options) {
             try {
                 effectFn();
             } catch (err) {
-                console.debug("[@ktjs/core debug]", "effect error:", debugName, err);
+                console.debug("[kt.js debug]", "effect error:", debugName, err);
             }
         }
     };
-    for (let i = 0; i < reactives.length; i++) reactives[i].addOnChange(run, effectFn);
+    for (let i = 0; i < reactives.length; i++) {
+        listenerKeys[i] = i;
+        const r = reactives[i];
+        isSubReactive(r) ? r.source._changeHandlers.set(listenerKeys[i], run) : r.addOnChange(run, effectFn);
+    }
     return lazy || run(), () => {
         if (active) {
             active = !1;
@@ -546,7 +590,7 @@ class FragmentAnchor extends KTAnchor {
 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.");
+    if (props.ref && isComputedLike(props.ref)) throw new Error("[kt.js error] Cannot assign a computed value to an element.");
     const el = creator(tag, props, props.children);
     return $initRef(props, el), el;
 }
@@ -564,7 +608,7 @@ function Fragment(props) {
                     return span.textContent = String(child), void elements.push(span);
                 }
                 if (child instanceof Element) elements.push(child); else {
-                    if (!isKT(child)) throw console.warn("[@ktjs/core warn]", "Fragment: unsupported child type", child), 
+                    if (!isKT(child)) throw console.warn("[kt.js warn]", "Fragment: unsupported child type", child), 
                     new Error("Fragment: unsupported child type");
                     processChild(child.value);
                 }
@@ -613,7 +657,7 @@ class KTForAnchor extends KTAnchor {
 }
 
 const setForNodeMap = (nodeMap, key, node, index) => {
-    nodeMap.has(key) && console.error("[@ktjs/core error]", `[KTFor] Duplicate key detected at index ${index}. Later items override earlier ones. key=${String(key)}`), 
+    nodeMap.has(key) && console.error("[kt.js error]", `[KTFor] Duplicate key detected at index ${index}. Later items override earlier ones. key=${String(key)}`), 
     nodeMap.set(key, node);
 };
 

package/dist/index.mjs.map

@@ -1 +1 @@
-{"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;\n\n/**\n * Create a value getter which params is `reactive.value`(or `ref.draft`)\n */\nexport const $createSubGetter = (path: Array<string | number>): SubGetter => {\n  // & path.length is guaranteed to be greater than 0 in `KTReactive.get` and `KTRef.get`\n  switch (path.length) {\n    // ? Does it use less memory if we write this:\n    // const [k2_0, k2_1] = path;\n    // return (s) => s[k2_0][k2_1];\n    case 1:\n      return (s) => s[path[0]];\n    case 2:\n      return (s) => s[path[0]][path[1]];\n    case 3:\n      return (s) => s[path[0]][path[1]][path[2]];\n    case 4:\n      return (s) => s[path[0]][path[1]][path[2]][path[3]];\n    case 5:\n      return (s) => s[path[0]][path[1]][path[2]][path[3]][path[4]];\n    default:\n      return (s) => {\n        let r = s[path[0]][path[1]][path[2]][path[3]][path[4]];\n        for (let i = 5; i < path.length; i++) {\n          r = r[path[i]];\n        }\n        return r;\n      };\n  }\n};\n\n/**\n * Create a value setter which params is `reactive.value`(or `ref.draft`)\n */\nexport const $createSubSetter = (path: Array<string | number>): SubSetter => {\n  switch (path.length) {\n    case 1:\n      return (s, newValue) => (s[path[0]] = newValue);\n    case 2:\n      return (s, newValue) => (s[path[0]][path[1]] = newValue);\n    case 3:\n      return (s, newValue) => (s[path[0]][path[1]][path[2]] = newValue);\n    case 4:\n      return (s, newValue) => (s[path[0]][path[1]][path[2]][path[3]] = newValue);\n    case 5:\n      return (s, newValue) => (s[path[0]][path[1]][path[2]][path[3]][path[4]] = newValue);\n    default:\n      return (s, newValue) => {\n        let r = s[path[0]][path[1]][path[2]][path[3]][path[4]];\n        for (let i = 5; i < path.length - 1; i++) {\n          r = r[path[i]];\n        }\n        r[path[path.length - 1]] = newValue;\n      };\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: Array<string | number>) {\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);\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: Array<string | number>) {\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);\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\nconst setForNodeMap = (nodeMap: Map<any, JSX.Element>, key: any, node: JSX.Element, index: number) => {\n  if (nodeMap.has(key)) {\n    $error(`[KTFor] Duplicate key detected at index ${index}. Later items override earlier ones. key=${String(key)}`);\n  }\n  nodeMap.set(key, node);\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        setForNodeMap(nodeMap, itemKey, node, index);\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        setForNodeMap(nodeMap, itemKey, node, i);\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      setForNodeMap(nodeMap, itemKey, node, i);\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    setForNodeMap(nodeMap, itemKey, node, index);\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","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","Map","_newValue","warn","_emit","oldValue","forEach","has","$stringify","clearOnChange","clear","notify","_keys","KTSubReactive","source","_getter","paths","path","s","$createSubGetter","newSourceValue","oldSourceValue","reactiveToOldValue","scheduled","markMutation","Promise","resolve","KTRef","$is","draft","subref","keys","KTSubRef","_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","setForNodeMap","nodeMap","KTFor","newList","listRef","item","itemKey","currentKey","currentMap","oldLength","newLength","newKeyToNewIndex","toRemove","currentNode","$identity","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\nexport function isSubReactive<T = any>(obj: any): obj is KTSubComputed<T> {\n  if (typeof obj?.ktype === 'number') {\n    return (obj.ktype & KTReactiveType.SubReactive) !== 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;\n\n/**\n * Create a value getter which params is `reactive.value`(or `ref.draft`)\n */\nexport const $createSubGetter = (path: Array<string | number>): SubGetter => {\n  // & path.length is guaranteed to be greater than 0 in `KTReactive.get` and `KTRef.get`\n  switch (path.length) {\n    // ? Does it use less memory if we write this:\n    // const [k2_0, k2_1] = path;\n    // return (s) => s[k2_0][k2_1];\n    case 1:\n      return (s) => s[path[0]];\n    case 2:\n      return (s) => s[path[0]][path[1]];\n    case 3:\n      return (s) => s[path[0]][path[1]][path[2]];\n    case 4:\n      return (s) => s[path[0]][path[1]][path[2]][path[3]];\n    case 5:\n      return (s) => s[path[0]][path[1]][path[2]][path[3]][path[4]];\n    default:\n      return (s) => {\n        let r = s[path[0]][path[1]][path[2]][path[3]][path[4]];\n        for (let i = 5; i < path.length; i++) {\n          r = r[path[i]];\n        }\n        return r;\n      };\n  }\n};\n\n/**\n * Create a value setter which params is `reactive.value`(or `ref.draft`)\n */\nexport const $createSubSetter = (path: Array<string | number>): SubSetter => {\n  switch (path.length) {\n    case 1:\n      return (s, newValue) => (s[path[0]] = newValue);\n    case 2:\n      return (s, newValue) => (s[path[0]][path[1]] = newValue);\n    case 3:\n      return (s, newValue) => (s[path[0]][path[1]][path[2]] = newValue);\n    case 4:\n      return (s, newValue) => (s[path[0]][path[1]][path[2]][path[3]] = newValue);\n    case 5:\n      return (s, newValue) => (s[path[0]][path[1]][path[2]][path[3]][path[4]] = newValue);\n    default:\n      return (s, newValue) => {\n        let r = s[path[0]][path[1]][path[2]][path[3]][path[4]];\n        for (let i = 5; i < path.length - 1; i++) {\n          r = r[path[i]];\n        }\n        r[path[path.length - 1]] = newValue;\n      };\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';\n\nexport type ChangeHandler<T> = (newValue: T, oldValue: T) => void;\n\nexport const enum KTReactiveType {\n  Pseudo = 0b000001,\n  Ref = 0b000010,\n  SubRef = 0b000100,\n  RefLike = Ref | SubRef,\n  Computed = 0b001000,\n  SubComputed = 0b010000,\n  ComputedLike = Computed | SubComputed,\n  Reactive = Ref | Computed,\n  SubReactive = SubRef | SubComputed,\n  ReactiveLike = RefLike | ComputedLike | Pseudo,\n}\n\nlet kid = 1;\nlet handlerId = 1;\n\nexport const nextKid = () => kid++;\nexport const nextHandlerId = (kid: number) => `@@k-handler-${kid}-${handlerId++}`;\n\nexport abstract class KTReactiveLike<T> {\n  readonly kid = nextKid();\n\n  abstract readonly ktype: KTReactiveType;\n\n  abstract get value(): T;\n\n  abstract addOnChange(handler: ChangeHandler<T>, key?: any): this;\n  abstract removeOnChange(key: any): this;\n\n  abstract dispose(): void;\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 = nextHandlerId(this.kid)): this {\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   * 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; // & implemented in computed.ts to avoid circular dependency\n  }\n\n  /**\n   * Make a computed value that checks if the reactive value is strictly equal to a specific value.\n   * - Use `Object.is` for comparison.\n   * - if `o` is reactive-like, it will be added to dependencies\n   */\n  is(o: T | KTReactiveLike<T>): KTSubComputed<boolean> {\n    return null as any; // & implemented in computed.ts to avoid circular dependency\n  }\n\n  /**\n   * Make a computed value that checks if the reactive value matches a specific object structure.\n   * - Deeply match.\n   * - if `o` is reactive-like, it will be added to dependencies\n   */\n  match(o: object | KTReactiveLike<object>): KTSubComputed<boolean> {\n    return null as any; // & implemented in computed.ts to avoid circular dependency\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 _value: T;\n\n  /**\n   * @internal\n   */\n  protected readonly _getter: (sv: KTReactive<any>['value']) => T;\n\n  /**\n   * @internal\n   */\n  protected readonly _handler: ChangeHandler<any>;\n\n  /**\n   * @internal\n   */\n  protected readonly _handlerKeys: string[];\n\n  constructor(source: KTReactive<any>, getter: (sv: KTReactive<any>['value']) => T) {\n    super();\n    this.source = source;\n    this._getter = getter;\n    this._handlerKeys = [];\n\n    // @ts-expect-error _value is protected\n    this._value = this._getter(source._value);\n    // @ts-expect-error _value is protected\n    this._handler = () => (this._value = getter(source._value));\n\n    this._handlerKeys.push(nextHandlerId(this.kid));\n    source.addOnChange(this._handler, this._handlerKeys[0]);\n  }\n\n  addOnChange(handler: ChangeHandler<T>, key: any = nextHandlerId(this.kid)): this {\n    this._handlerKeys.push(key);\n    this.source.addOnChange((newValue, oldValue) => handler(this._getter(newValue), this._getter(oldValue)), key);\n    return this;\n  }\n\n  removeOnChange(key: any): this {\n    this.source.removeOnChange(key);\n    return this;\n  }\n\n  dispose(): void {\n    this._handlerKeys.forEach((key) => this.source.removeOnChange(key));\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 } from '@ktjs/shared';\nimport { $createSubGetter, $createSubSetter, isRefLike } from './common.js';\nimport { KTReactive, KTReactiveType, KTSubReactive } from './reactive.js';\nimport { $markMutation } from './scheduler.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, $createSubGetter(keys), $createSubSetter(keys));\n  }\n\n  dispose(): void {\n    this._changeHandlers.clear();\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\n// # SubRef\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(\n    source: KTRef<any>,\n    getter: (sv: KTReactive<any>['value']) => T,\n    setter: (s: object, newValue: T) => void,\n  ) {\n    super(source, getter);\n    this._setter = setter;\n  }\n\n  get value() {\n    return this._value;\n  }\n\n  set value(newValue: T) {\n    this._value = newValue;\n    // @ts-expect-error _value is private\n    this._setter(this.source._value, newValue);\n    this.source.notify();\n  }\n\n  /**\n   * Only use it for object's nested properties.\n   */\n  get draft() {\n    // Same implementation as `draft` in `KTRef`\n    $markMutation(this.source);\n    return this._value;\n  }\n}\n","import { $deepMatch, $is } from '@ktjs/shared';\nimport { KTReactive, KTReactiveLike, KTReactiveType, KTSubReactive, nextHandlerId } from './reactive.js';\nimport { $createSubGetter, isReactive, isSubReactive } from './common.js';\n\nexport class KTComputed<T> extends KTReactive<T> {\n  readonly ktype = KTReactiveType.Computed;\n\n  /**\n   * @internal\n   */\n  private readonly _calculator: () => T;\n  /**\n   * @internal\n   */\n  private readonly _dependencies: Array<KTReactiveLike<any>>;\n  /**\n   * @internal\n   */\n  private readonly _handler: () => void;\n  /**\n   * @internal\n   */\n  protected readonly _handlerKeys: string[];\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  // todo 依赖再次允许支持所有reactivelike\n  constructor(calculator: () => T, dependencies: Array<KTReactiveLike<any>>) {\n    super(calculator());\n    this._calculator = calculator;\n    this._dependencies = dependencies;\n    this._handler = () => this._recalculate();\n    this._handlerKeys = dependencies.map(() => nextHandlerId(this.kid));\n\n    const uniqueSources = new Set<KTReactive<any>>();\n    for (let i = 0; i < dependencies.length; i++) {\n      const dep = dependencies[i];\n      if (isSubReactive(dep)) {\n        if (uniqueSources.has(dep.source)) {\n          continue;\n        } else {\n          uniqueSources.add(dep.source);\n        }\n      }\n      dep.addOnChange(this._handler, this._handlerKeys[i]);\n    }\n    uniqueSources.clear();\n  }\n\n  notify(): this {\n    return this._recalculate(true);\n  }\n\n  dispose(): void {\n    if (this._disposed) {\n      return;\n    }\n\n    this._disposed = true;\n    for (let i = 0; i < this._dependencies.length; i++) {\n      this._dependencies[i].removeOnChange(this._handlerKeys[i]);\n    }\n\n    this._dependencies.length = 0;\n    this._changeHandlers.clear();\n  }\n}\n\nKTReactive.prototype.map = function <U>(\n  this: KTReactive<unknown>,\n  c: (value: unknown) => U,\n  dep?: Array<KTReactive<any>>,\n) {\n  return new KTComputed(() => c(this.value), dep ? [this, ...dep] : [this]);\n};\n\nKTReactive.prototype.is = function (this: KTReactive<unknown>, o: unknown) {\n  if (isReactive(o)) {\n    return new KTSubComputed(this, (v) => $is(v, o.value), o);\n  } else {\n    return new KTSubComputed(this, (v) => $is(v, o));\n  }\n};\n\nKTReactive.prototype.match = function (this: KTReactive<object>, o: object) {\n  if (isReactive(o)) {\n    return new KTSubComputed(this, (v) => $deepMatch(v, o.value), o);\n  } else {\n    return new KTSubComputed(this, (v) => $deepMatch(v, o));\n  }\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, $createSubGetter(keys));\n};\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\n// # SubComputed\n\nexport class KTSubComputed<T> extends KTSubReactive<T> {\n  readonly ktype = KTReactiveType.SubComputed;\n\n  /**\n   * Used for `reactive.is` and `reactive.match` to track the single dependency.\n   * @internal\n   */\n  private readonly _dependency?: KTReactive<any>;\n\n  constructor(source: KTReactive<any>, getter: (sv: KTReactive<any>['value']) => T, dependency?: KTReactive<any>) {\n    super(source, getter);\n    this._dependency = dependency;\n\n    if (dependency) {\n      this._handlerKeys.push(nextHandlerId(this.kid));\n      dependency.addOnChange(this._handler, this._handlerKeys[1]);\n    }\n  }\n\n  get value() {\n    return this._value;\n  }\n\n  dispose(): void {\n    this._handlerKeys.forEach((key) => this.source.removeOnChange(key));\n    this._dependency?.removeOnChange(this._handlerKeys[1]);\n  }\n}\n\nexport type KTComputedLike<T> = KTComputed<T> | KTSubComputed<T>;\n","import { $emptyFn } from '@ktjs/shared';\nimport type { KTReactiveLike } from './reactive.js';\nimport { isSubReactive } from './common.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    const r = reactives[i];\n    if (isSubReactive(r)) {\n      // @ts-expect-error _changeHandlers is protected\n      r.source._changeHandlers.set(listenerKeys[i], run);\n    } else {\n      r.addOnChange(run, effectFn);\n    }\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\nconst setForNodeMap = (nodeMap: Map<any, JSX.Element>, key: any, node: JSX.Element, index: number) => {\n  if (nodeMap.has(key)) {\n    $error(`[KTFor] Duplicate key detected at index ${index}. Later items override earlier ones. key=${String(key)}`);\n  }\n  nodeMap.set(key, node);\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        setForNodeMap(nodeMap, itemKey, node, index);\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        setForNodeMap(nodeMap, itemKey, node, i);\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      setForNodeMap(nodeMap, itemKey, node, i);\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    setForNodeMap(nodeMap, itemKey, node, index);\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","isSubReactive","$createSubGetter","path","length","s","r","i","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","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","$isArray","ci","comment","createComment","awaited","awaitedNode","applyContent","content","applyKModel","valueRef","tagName","onValueChange","Boolean","onInput","h","tag","createElement","svg","createElementNS","mathml","handlerId","nextHandlerId","KTReactiveLike","nextKid","KTReactive","_value","_changeHandlers","Map","_newValue","warn","_emit","oldValue","forEach","has","$stringify","clearOnChange","clear","notify","map","calculator","dependencies","is","match","_keys","KTSubReactive","source","_getter","_handler","_handlerKeys","getter","dispose","reactiveToOldValue","scheduled","$markMutation","Promise","resolve","KTRef","$is","draft","subref","keys","KTSubRef","$createSubSetter","ref","assertModel","props","kmodel","$refSetter","$initRef","$emptyFn","_setter","setter","KTComputed","_calculator","_dependencies","_disposed","_recalculate","forced","uniqueSources","Set","dep","add","prototype","KTSubComputed","$deepMatch","computed","_dependency","dependency","effect","effectFn","reactives","options","lazy","onCleanup","debugName","Object","listenerKeys","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","setForNodeMap","nodeMap","KTFor","newList","listRef","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.9",
+  "version": "0.38.0",
   "description": "Core functionality for kt.js - DOM manipulation utilities with JSX/TSX support",
   "description_zh": "kt.js 的核心功能，提供支持 JSX/TSX 的 DOM 操作工具。",
   "type": "module",