@ktjs/core 0.8.3 → 0.8.5

package/dist/index.d.ts

@@ -24,8 +24,7 @@ type HTMLTag = keyof HTMLElementTagNameMap & otherstring;
 
 interface KTRef<T> {
     value: T;
-    update: () => T;
-    isRef: true;
+    isKT: true;
 }
 declare function ref<T>(value?: T): KTRef<T>;
 
@@ -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.3 (Last Update: 2025.12.25 11:27:17.924)
+ * @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

package/dist/index.iife.js

@@ -175,25 +175,22 @@ var __ktjs_core__ = (function (exports) {
         }
     }
 
+    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 && c.isRef) {
-                    $append.call(element, c.value);
-                }
-                else {
-                    $append.call(element, c);
-                }
+                apd(element, content[i]);
             }
         }
         else {
-            if (content && content.isRef) {
-                $append.call(element, content.value);
-            }
-            else {
-                $append.call(element, content);
-            }
+            apd(element, content);
         }
     }
 
@@ -207,14 +204,14 @@ var __ktjs_core__ = (function (exports) {
      * ## About
      * @package @ktjs/core
      * @author Kasukabe Tsumugi <futami16237@gmail.com>
-     * @version 0.8.3 (Last Update: 2025.12.25 11:27:17.924)
+     * @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.');
         }
@@ -224,7 +221,7 @@ var __ktjs_core__ = (function (exports) {
         applyAttr(element, attr);
         applyContent(element, content);
         return element;
-    };
+    });
     $mark(h, 'h');
 
     /**
@@ -247,12 +244,6 @@ var __ktjs_core__ = (function (exports) {
         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;
     }
@@ -300,9 +291,8 @@ var __ktjs_core__ = (function (exports) {
      */
     const jsxs = jsx;
 
-    const noop = () => ({});
     function ref(value) {
-        return { value: value, update: noop, isRef: true };
+        return { value: value, isKT: true };
     }
 
     exports.Fragment = Fragment;

package/dist/index.legacy.js

@@ -186,25 +186,22 @@ var __ktjs_core__ = (function (exports) {
         }
     }
 
+    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 (var i = 0; i < content.length; i++) {
-                var c = content[i];
-                if (c && c.isRef) {
-                    $append.call(element, c.value);
-                }
-                else {
-                    $append.call(element, c);
-                }
+                apd(element, content[i]);
             }
         }
         else {
-            if (content && content.isRef) {
-                $append.call(element, content.value);
-            }
-            else {
-                $append.call(element, content);
-            }
+            apd(element, content);
         }
     }
 
@@ -218,14 +215,14 @@ var __ktjs_core__ = (function (exports) {
      * ## About
      * @package @ktjs/core
      * @author Kasukabe Tsumugi <futami16237@gmail.com>
-     * @version 0.8.3 (Last Update: 2025.12.25 11:27:17.924)
+     * @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') {
@@ -237,7 +234,7 @@ var __ktjs_core__ = (function (exports) {
         applyAttr(element, attr);
         applyContent(element, content);
         return element;
-    };
+    });
     $mark(h, 'h');
 
     /******************************************************************************
@@ -293,12 +290,6 @@ var __ktjs_core__ = (function (exports) {
         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;
     }
@@ -351,9 +342,8 @@ var __ktjs_core__ = (function (exports) {
      */
     var jsxs = jsx;
 
-    var noop = function () { return ({}); };
     function ref(value) {
-        return { value: value, update: noop, isRef: true };
+        return { value: value, isKT: true };
     }
 
     exports.Fragment = Fragment;

package/dist/index.mjs

@@ -172,25 +172,22 @@ function applyAttr(element, attr) {
     }
 }
 
+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 && c.isRef) {
-                $append.call(element, c.value);
-            }
-            else {
-                $append.call(element, c);
-            }
+            apd(element, content[i]);
         }
     }
     else {
-        if (content && content.isRef) {
-            $append.call(element, content.value);
-        }
-        else {
-            $append.call(element, content);
-        }
+        apd(element, content);
     }
 }
 
@@ -204,14 +201,14 @@ function applyContent(element, content) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.8.3 (Last Update: 2025.12.25 11:27:17.924)
+ * @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.');
     }
@@ -221,7 +218,7 @@ const h = (tag, attr = '', content = '') => {
     applyAttr(element, attr);
     applyContent(element, content);
     return element;
-};
+});
 $mark(h, 'h');
 
 /**
@@ -244,12 +241,6 @@ function jsx(tag, props, ..._metadata) {
     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;
 }
@@ -297,9 +288,8 @@ const jsxDEV = (...args) => {
  */
 const jsxs = jsx;
 
-const noop = () => ({});
 function ref(value) {
-    return { value: value, update: noop, isRef: true };
+    return { value: value, isKT: true };
 }
 
 export { Fragment, h as createElement, h, jsx, jsxDEV, jsxs, ktnull, ref };

package/dist/jsx/index.d.ts

@@ -7,8 +7,7 @@ type HTMLTag = keyof HTMLElementTagNameMap & otherstring;
 
 interface KTRef<T> {
     value: T;
-    update: () => T;
-    isRef: true;
+    isKT: true;
 }
 declare function ref<T>(value?: T): KTRef<T>;
 
@@ -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.3 (Last Update: 2025.12.25 11:27:17.924)
+ * @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,5 +129,23 @@ declare const jsxDEV: typeof jsx;
  */
 declare const jsxs: typeof jsx;
 
+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,25 +155,22 @@ function applyAttr(element, attr) {
     }
 }
 
+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 && c.isRef) {
-                $append.call(element, c.value);
-            }
-            else {
-                $append.call(element, c);
-            }
+            apd(element, content[i]);
         }
     }
     else {
-        if (content && content.isRef) {
-            $append.call(element, content.value);
-        }
-        else {
-            $append.call(element, content);
-        }
+        apd(element, content);
     }
 }
 
@@ -187,14 +184,14 @@ function applyContent(element, content) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.8.3 (Last Update: 2025.12.25 11:27:17.924)
+ * @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.');
     }
@@ -204,7 +201,7 @@ const h = (tag, attr = '', content = '') => {
     applyAttr(element, attr);
     applyContent(element, content);
     return element;
-};
+});
 $mark(h, 'h');
 
 /**
@@ -227,12 +224,6 @@ function jsx(tag, props, ..._metadata) {
     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;
 }
@@ -280,9 +271,8 @@ const jsxDEV = (...args) => {
  */
 const jsxs = jsx;
 
-const noop = () => ({});
 function ref(value) {
-    return { value: value, update: noop, isRef: true };
+    return { value: value, isKT: true };
 }
 
 export { Fragment, h as createElement, jsx, jsxDEV, jsxs, ref };

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

@@ -7,8 +7,7 @@ type HTMLTag = keyof HTMLElementTagNameMap & otherstring;
 
 interface KTRef<T> {
     value: T;
-    update: () => T;
-    isRef: true;
+    isKT: true;
 }
 
 type Ctt = KTRef<any> | HTMLElement | string | number | undefined;
@@ -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.3 (Last Update: 2025.12.25 11:27:17.924)
+ * @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,25 +155,22 @@ function applyAttr(element, attr) {
     }
 }
 
+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 && c.isRef) {
-                $append.call(element, c.value);
-            }
-            else {
-                $append.call(element, c);
-            }
+            apd(element, content[i]);
         }
     }
     else {
-        if (content && content.isRef) {
-            $append.call(element, content.value);
-        }
-        else {
-            $append.call(element, content);
-        }
+        apd(element, content);
     }
 }
 
@@ -187,14 +184,14 @@ function applyContent(element, content) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.8.3 (Last Update: 2025.12.25 11:27:17.924)
+ * @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.');
     }
@@ -204,7 +201,7 @@ const h = (tag, attr = '', content = '') => {
     applyAttr(element, attr);
     applyContent(element, content);
     return element;
-};
+});
 $mark(h, 'h');
 
 /**
@@ -227,12 +224,6 @@ function jsx(tag, props, ..._metadata) {
     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.3",
+  "version": "0.8.5",
   "description": "Core functionality for kt.js - DOM manipulation utilities with JSX/TSX support",
   "type": "module",
   "module": "./dist/index.mjs",