@ktjs/core 0.8.2 → 0.8.5

package/dist/index.d.ts

@@ -22,14 +22,13 @@ type otherstring = string & {};
  */
 type HTMLTag = keyof HTMLElementTagNameMap & otherstring;
 
-declare class Ref<T> {
+interface KTRef<T> {
     value: T;
-    update: () => T;
-    constructor(value: T);
+    isKT: true;
 }
-declare function ref<T>(value?: T): Ref<T>;
+declare function ref<T>(value?: T): KTRef<T>;
 
-type Ctt = Ref<any> | HTMLElement | string | number | undefined;
+type Ctt = KTRef<any> | HTMLElement | string | number | undefined;
 type KTRawContent = Ctt[] | Ctt;
 type KTRawAttr = KTAttribute | string;
 type KTRawContents = (HTMLElement | string | undefined)[];
@@ -100,6 +99,10 @@ type KTPrefixedEventHandlers = {
 type KTAttribute = KTBaseAttribute & KTPrefixedEventHandlers;
 
 type HTML<T extends HTMLTag & otherstring> = T extends HTMLTag ? HTMLElementTagNameMap[T] : HTMLElement;
+type H = (<T extends HTMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent) => HTML<T>) & {
+    kDepth: number;
+    kUpdater: (() => void)[];
+};
 /**
  * Create an enhanced HTMLElement.
  * - Only supports HTMLElements, **NOT** SVGElements or other Elements.
@@ -110,14 +113,14 @@ type HTML<T extends HTMLTag & otherstring> = T extends HTMLTag ? HTMLElementTagN
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.8.2 (Last Update: 2025.12.25 11:17:07.762)
+ * @version 0.8.5 (Last Update: 2025.12.29 10:16:21.619)
  * @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) 2025 Kasukabe Tsumugi. All rights reserved.
  */
-declare const h: <T extends HTMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent) => HTML<T>;
+declare const h: H;
 
 /**
  * @param tag html tag
@@ -161,5 +164,5 @@ declare global {
   }
 }
 
-export { Fragment, Ref, h as createElement, h, jsx, jsxDEV, jsxs, ktnull, ref };
-export type { EventHandler, HTMLTag, KTAttribute, KTRawAttr, KTRawContent, KTRawContents, KTRuntime };
+export { Fragment, h as createElement, h, jsx, jsxDEV, jsxs, ktnull, ref };
+export type { EventHandler, HTMLTag, KTAttribute, KTRawAttr, KTRawContent, KTRawContents, KTRef, KTRuntime };

package/dist/index.iife.js

@@ -175,38 +175,22 @@ var __ktjs_core__ = (function (exports) {
         }
     }
 
-    const noop = () => ({});
-    class Ref {
-        value;
-        update;
-        constructor(value) {
-            this.value = value;
-            this.update = noop;
+    function apd(element, content) {
+        if (content && content.isKT) {
+            $append.call(element, content.value);
+        }
+        else {
+            $append.call(element, content);
         }
     }
-    function ref(value) {
-        return new Ref(value);
-    }
-
     function applyContent(element, content) {
         if ($isArray(content)) {
             for (let i = 0; i < content.length; i++) {
-                let c = content[i];
-                if (c instanceof Ref) {
-                    $append.call(element, c.value);
-                }
-                else {
-                    $append.call(element, c);
-                }
+                apd(element, content[i]);
             }
         }
         else {
-            if (content instanceof Ref) {
-                $append.call(element, content.value);
-            }
-            else {
-                $append.call(element, content);
-            }
+            apd(element, content);
         }
     }
 
@@ -220,14 +204,14 @@ var __ktjs_core__ = (function (exports) {
      * ## About
      * @package @ktjs/core
      * @author Kasukabe Tsumugi <futami16237@gmail.com>
-     * @version 0.8.2 (Last Update: 2025.12.25 11:17:07.762)
+     * @version 0.8.5 (Last Update: 2025.12.29 10:16:21.619)
      * @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) 2025 Kasukabe Tsumugi. All rights reserved.
      */
-    const h = (tag, attr = '', content = '') => {
+    const h = ((tag, attr = '', content = '') => {
         if (typeof tag !== 'string') {
             $throw('__func__ tagName must be a string.');
         }
@@ -237,7 +221,7 @@ var __ktjs_core__ = (function (exports) {
         applyAttr(element, attr);
         applyContent(element, content);
         return element;
-    };
+    });
     $mark(h, 'h');
 
     /**
@@ -253,19 +237,13 @@ var __ktjs_core__ = (function (exports) {
         const children = propObj.children;
         delete propObj.children;
         // deal with ref attribute
-        const ref = 'ref' in propObj && propObj.ref instanceof Ref ? propObj.ref : null;
+        const ref = propObj.ref?.isRef ? propObj.ref : null;
         if (ref) {
             delete propObj.ref;
         }
         const el = h(tag, propObj, children);
         if (ref) {
             ref.value = el;
-            ref.update = () => {
-                const old = ref.value;
-                ref.value = h(tag, propObj, children);
-                old.replaceWith(ref.value);
-                return ref.value;
-            };
         }
         return el;
     }
@@ -313,8 +291,11 @@ var __ktjs_core__ = (function (exports) {
      */
     const jsxs = jsx;
 
+    function ref(value) {
+        return { value: value, isKT: true };
+    }
+
     exports.Fragment = Fragment;
-    exports.Ref = Ref;
     exports.createElement = h;
     exports.h = h;
     exports.jsx = jsx;

package/dist/index.legacy.js

@@ -186,37 +186,22 @@ var __ktjs_core__ = (function (exports) {
         }
     }
 
-    var noop = function () { return ({}); };
-    var Ref = /** @class */ (function () {
-        function Ref(value) {
-            this.value = value;
-            this.update = noop;
+    function apd(element, content) {
+        if (content && content.isKT) {
+            $append.call(element, content.value);
+        }
+        else {
+            $append.call(element, content);
         }
-        return Ref;
-    }());
-    function ref(value) {
-        return new Ref(value);
     }
-
     function applyContent(element, content) {
         if ($isArray(content)) {
             for (var i = 0; i < content.length; i++) {
-                var c = content[i];
-                if (c instanceof Ref) {
-                    $append.call(element, c.value);
-                }
-                else {
-                    $append.call(element, c);
-                }
+                apd(element, content[i]);
             }
         }
         else {
-            if (content instanceof Ref) {
-                $append.call(element, content.value);
-            }
-            else {
-                $append.call(element, content);
-            }
+            apd(element, content);
         }
     }
 
@@ -230,14 +215,14 @@ var __ktjs_core__ = (function (exports) {
      * ## About
      * @package @ktjs/core
      * @author Kasukabe Tsumugi <futami16237@gmail.com>
-     * @version 0.8.2 (Last Update: 2025.12.25 11:17:07.762)
+     * @version 0.8.5 (Last Update: 2025.12.29 10:16:21.619)
      * @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) 2025 Kasukabe Tsumugi. All rights reserved.
      */
-    var h = function (tag, attr, content) {
+    var h = (function (tag, attr, content) {
         if (attr === void 0) { attr = ''; }
         if (content === void 0) { content = ''; }
         if (typeof tag !== 'string') {
@@ -249,7 +234,7 @@ var __ktjs_core__ = (function (exports) {
         applyAttr(element, attr);
         applyContent(element, content);
         return element;
-    };
+    });
     $mark(h, 'h');
 
     /******************************************************************************
@@ -290,6 +275,7 @@ var __ktjs_core__ = (function (exports) {
      * @param _metadata metadata is ignored
      */
     function jsx(tag, props) {
+        var _a;
         var propObj = typeof props === 'string' ? { class: props } : props;
         if (propObj === undefined || propObj === null) {
             return h(tag);
@@ -297,19 +283,13 @@ var __ktjs_core__ = (function (exports) {
         var children = propObj.children;
         delete propObj.children;
         // deal with ref attribute
-        var ref = 'ref' in propObj && propObj.ref instanceof Ref ? propObj.ref : null;
+        var ref = ((_a = propObj.ref) === null || _a === void 0 ? void 0 : _a.isRef) ? propObj.ref : null;
         if (ref) {
             delete propObj.ref;
         }
         var el = h(tag, propObj, children);
         if (ref) {
             ref.value = el;
-            ref.update = function () {
-                var old = ref.value;
-                ref.value = h(tag, propObj, children);
-                old.replaceWith(ref.value);
-                return ref.value;
-            };
         }
         return el;
     }
@@ -362,8 +342,11 @@ var __ktjs_core__ = (function (exports) {
      */
     var jsxs = jsx;
 
+    function ref(value) {
+        return { value: value, isKT: true };
+    }
+
     exports.Fragment = Fragment;
-    exports.Ref = Ref;
     exports.createElement = h;
     exports.h = h;
     exports.jsx = jsx;

package/dist/index.mjs

@@ -172,38 +172,22 @@ function applyAttr(element, attr) {
     }
 }
 
-const noop = () => ({});
-class Ref {
-    value;
-    update;
-    constructor(value) {
-        this.value = value;
-        this.update = noop;
+function apd(element, content) {
+    if (content && content.isKT) {
+        $append.call(element, content.value);
+    }
+    else {
+        $append.call(element, content);
     }
 }
-function ref(value) {
-    return new Ref(value);
-}
-
 function applyContent(element, content) {
     if ($isArray(content)) {
         for (let i = 0; i < content.length; i++) {
-            let c = content[i];
-            if (c instanceof Ref) {
-                $append.call(element, c.value);
-            }
-            else {
-                $append.call(element, c);
-            }
+            apd(element, content[i]);
         }
     }
     else {
-        if (content instanceof Ref) {
-            $append.call(element, content.value);
-        }
-        else {
-            $append.call(element, content);
-        }
+        apd(element, content);
     }
 }
 
@@ -217,14 +201,14 @@ function applyContent(element, content) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.8.2 (Last Update: 2025.12.25 11:17:07.762)
+ * @version 0.8.5 (Last Update: 2025.12.29 10:16:21.619)
  * @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) 2025 Kasukabe Tsumugi. All rights reserved.
  */
-const h = (tag, attr = '', content = '') => {
+const h = ((tag, attr = '', content = '') => {
     if (typeof tag !== 'string') {
         $throw('__func__ tagName must be a string.');
     }
@@ -234,7 +218,7 @@ const h = (tag, attr = '', content = '') => {
     applyAttr(element, attr);
     applyContent(element, content);
     return element;
-};
+});
 $mark(h, 'h');
 
 /**
@@ -250,19 +234,13 @@ function jsx(tag, props, ..._metadata) {
     const children = propObj.children;
     delete propObj.children;
     // deal with ref attribute
-    const ref = 'ref' in propObj && propObj.ref instanceof Ref ? propObj.ref : null;
+    const ref = propObj.ref?.isRef ? propObj.ref : null;
     if (ref) {
         delete propObj.ref;
     }
     const el = h(tag, propObj, children);
     if (ref) {
         ref.value = el;
-        ref.update = () => {
-            const old = ref.value;
-            ref.value = h(tag, propObj, children);
-            old.replaceWith(ref.value);
-            return ref.value;
-        };
     }
     return el;
 }
@@ -310,4 +288,8 @@ const jsxDEV = (...args) => {
  */
 const jsxs = jsx;
 
-export { Fragment, Ref, h as createElement, h, jsx, jsxDEV, jsxs, ktnull, ref };
+function ref(value) {
+    return { value: value, isKT: true };
+}
+
+export { Fragment, h as createElement, h, jsx, jsxDEV, jsxs, ktnull, ref };

package/dist/jsx/index.d.ts

@@ -5,14 +5,13 @@ type otherstring = string & {};
  */
 type HTMLTag = keyof HTMLElementTagNameMap & otherstring;
 
-declare class Ref<T> {
+interface KTRef<T> {
     value: T;
-    update: () => T;
-    constructor(value: T);
+    isKT: true;
 }
-declare function ref<T>(value?: T): Ref<T>;
+declare function ref<T>(value?: T): KTRef<T>;
 
-type Ctt = Ref<any> | HTMLElement | string | number | undefined;
+type Ctt = KTRef<any> | HTMLElement | string | number | undefined;
 type KTRawContent = Ctt[] | Ctt;
 type KTRawAttr = KTAttribute | string;
 
@@ -77,6 +76,10 @@ type KTPrefixedEventHandlers = {
 type KTAttribute = KTBaseAttribute & KTPrefixedEventHandlers;
 
 type HTML<T extends HTMLTag & otherstring> = T extends HTMLTag ? HTMLElementTagNameMap[T] : HTMLElement;
+type H = (<T extends HTMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent) => HTML<T>) & {
+    kDepth: number;
+    kUpdater: (() => void)[];
+};
 /**
  * Create an enhanced HTMLElement.
  * - Only supports HTMLElements, **NOT** SVGElements or other Elements.
@@ -87,14 +90,14 @@ type HTML<T extends HTMLTag & otherstring> = T extends HTMLTag ? HTMLElementTagN
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.8.2 (Last Update: 2025.12.25 11:17:07.762)
+ * @version 0.8.5 (Last Update: 2025.12.29 10:16:21.619)
  * @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) 2025 Kasukabe Tsumugi. All rights reserved.
  */
-declare const h: <T extends HTMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent) => HTML<T>;
+declare const h: H;
 
 /**
  * This is a `falsy` value used to indicate "no node" in `h` function.
@@ -126,4 +129,23 @@ declare const jsxDEV: typeof jsx;
  */
 declare const jsxs: typeof jsx;
 
-export { Fragment, Ref, h as createElement, jsx, jsxDEV, jsxs, ref };
+declare global {
+  namespace JSX {
+    type Element = HTMLElementTagNameMap[keyof HTMLElementTagNameMap];
+
+    interface IntrinsicElements {
+      [tag: string]: KTAttribute & { children?: KTRawContent };
+    }
+
+    interface IntrinsicAttributes {
+      key?: string | number;
+    }
+
+    interface ElementChildrenAttribute {
+      children: {};
+    }
+  }
+}
+
+export { Fragment, h as createElement, jsx, jsxDEV, jsxs, ref };
+export type { KTRef };

package/dist/jsx/index.mjs

@@ -155,38 +155,22 @@ function applyAttr(element, attr) {
     }
 }
 
-const noop = () => ({});
-class Ref {
-    value;
-    update;
-    constructor(value) {
-        this.value = value;
-        this.update = noop;
+function apd(element, content) {
+    if (content && content.isKT) {
+        $append.call(element, content.value);
+    }
+    else {
+        $append.call(element, content);
     }
 }
-function ref(value) {
-    return new Ref(value);
-}
-
 function applyContent(element, content) {
     if ($isArray(content)) {
         for (let i = 0; i < content.length; i++) {
-            let c = content[i];
-            if (c instanceof Ref) {
-                $append.call(element, c.value);
-            }
-            else {
-                $append.call(element, c);
-            }
+            apd(element, content[i]);
         }
     }
     else {
-        if (content instanceof Ref) {
-            $append.call(element, content.value);
-        }
-        else {
-            $append.call(element, content);
-        }
+        apd(element, content);
     }
 }
 
@@ -200,14 +184,14 @@ function applyContent(element, content) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.8.2 (Last Update: 2025.12.25 11:17:07.762)
+ * @version 0.8.5 (Last Update: 2025.12.29 10:16:21.619)
  * @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) 2025 Kasukabe Tsumugi. All rights reserved.
  */
-const h = (tag, attr = '', content = '') => {
+const h = ((tag, attr = '', content = '') => {
     if (typeof tag !== 'string') {
         $throw('__func__ tagName must be a string.');
     }
@@ -217,7 +201,7 @@ const h = (tag, attr = '', content = '') => {
     applyAttr(element, attr);
     applyContent(element, content);
     return element;
-};
+});
 $mark(h, 'h');
 
 /**
@@ -233,19 +217,13 @@ function jsx(tag, props, ..._metadata) {
     const children = propObj.children;
     delete propObj.children;
     // deal with ref attribute
-    const ref = 'ref' in propObj && propObj.ref instanceof Ref ? propObj.ref : null;
+    const ref = propObj.ref?.isRef ? propObj.ref : null;
     if (ref) {
         delete propObj.ref;
     }
     const el = h(tag, propObj, children);
     if (ref) {
         ref.value = el;
-        ref.update = () => {
-            const old = ref.value;
-            ref.value = h(tag, propObj, children);
-            old.replaceWith(ref.value);
-            return ref.value;
-        };
     }
     return el;
 }
@@ -293,4 +271,8 @@ const jsxDEV = (...args) => {
  */
 const jsxs = jsx;
 
-export { Fragment, Ref, h as createElement, jsx, jsxDEV, jsxs, ref };
+function ref(value) {
+    return { value: value, isKT: true };
+}
+
+export { Fragment, h as createElement, jsx, jsxDEV, jsxs, ref };

package/dist/jsx/jsx-runtime.d.ts

@@ -5,13 +5,12 @@ type otherstring = string & {};
  */
 type HTMLTag = keyof HTMLElementTagNameMap & otherstring;
 
-declare class Ref<T> {
+interface KTRef<T> {
     value: T;
-    update: () => T;
-    constructor(value: T);
+    isKT: true;
 }
 
-type Ctt = Ref<any> | HTMLElement | string | number | undefined;
+type Ctt = KTRef<any> | HTMLElement | string | number | undefined;
 type KTRawContent = Ctt[] | Ctt;
 type KTRawAttr = KTAttribute | string;
 
@@ -76,6 +75,10 @@ type KTPrefixedEventHandlers = {
 type KTAttribute = KTBaseAttribute & KTPrefixedEventHandlers;
 
 type HTML<T extends HTMLTag & otherstring> = T extends HTMLTag ? HTMLElementTagNameMap[T] : HTMLElement;
+type H = (<T extends HTMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent) => HTML<T>) & {
+    kDepth: number;
+    kUpdater: (() => void)[];
+};
 /**
  * Create an enhanced HTMLElement.
  * - Only supports HTMLElements, **NOT** SVGElements or other Elements.
@@ -86,14 +89,14 @@ type HTML<T extends HTMLTag & otherstring> = T extends HTMLTag ? HTMLElementTagN
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.8.2 (Last Update: 2025.12.25 11:17:07.762)
+ * @version 0.8.5 (Last Update: 2025.12.29 10:16:21.619)
  * @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) 2025 Kasukabe Tsumugi. All rights reserved.
  */
-declare const h: <T extends HTMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent) => HTML<T>;
+declare const h: H;
 
 /**
  * This is a `falsy` value used to indicate "no node" in `h` function.

package/dist/jsx/jsx-runtime.mjs

@@ -155,35 +155,22 @@ function applyAttr(element, attr) {
     }
 }
 
-const noop = () => ({});
-class Ref {
-    value;
-    update;
-    constructor(value) {
-        this.value = value;
-        this.update = noop;
+function apd(element, content) {
+    if (content && content.isKT) {
+        $append.call(element, content.value);
+    }
+    else {
+        $append.call(element, content);
     }
 }
-
 function applyContent(element, content) {
     if ($isArray(content)) {
         for (let i = 0; i < content.length; i++) {
-            let c = content[i];
-            if (c instanceof Ref) {
-                $append.call(element, c.value);
-            }
-            else {
-                $append.call(element, c);
-            }
+            apd(element, content[i]);
         }
     }
     else {
-        if (content instanceof Ref) {
-            $append.call(element, content.value);
-        }
-        else {
-            $append.call(element, content);
-        }
+        apd(element, content);
     }
 }
 
@@ -197,14 +184,14 @@ function applyContent(element, content) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.8.2 (Last Update: 2025.12.25 11:17:07.762)
+ * @version 0.8.5 (Last Update: 2025.12.29 10:16:21.619)
  * @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) 2025 Kasukabe Tsumugi. All rights reserved.
  */
-const h = (tag, attr = '', content = '') => {
+const h = ((tag, attr = '', content = '') => {
     if (typeof tag !== 'string') {
         $throw('__func__ tagName must be a string.');
     }
@@ -214,7 +201,7 @@ const h = (tag, attr = '', content = '') => {
     applyAttr(element, attr);
     applyContent(element, content);
     return element;
-};
+});
 $mark(h, 'h');
 
 /**
@@ -230,19 +217,13 @@ function jsx(tag, props, ..._metadata) {
     const children = propObj.children;
     delete propObj.children;
     // deal with ref attribute
-    const ref = 'ref' in propObj && propObj.ref instanceof Ref ? propObj.ref : null;
+    const ref = propObj.ref?.isRef ? propObj.ref : null;
     if (ref) {
         delete propObj.ref;
     }
     const el = h(tag, propObj, children);
     if (ref) {
         ref.value = el;
-        ref.update = () => {
-            const old = ref.value;
-            ref.value = h(tag, propObj, children);
-            old.replaceWith(ref.value);
-            return ref.value;
-        };
     }
     return el;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktjs/core",
-  "version": "0.8.2",
+  "version": "0.8.5",
   "description": "Core functionality for kt.js - DOM manipulation utilities with JSX/TSX support",
   "type": "module",
   "module": "./dist/index.mjs",