@ktjs/core 0.19.1 → 0.20.1

package/dist/index.legacy.js

@@ -11,6 +11,7 @@ var __ktjs_core__ = (function (exports) {
     };
 
     // DOM manipulation utilities
+    // # dom natives
     /**
      * & Remove `bind` because it is shockingly slower than wrapper
      * & `window.document` is safe because it is not configurable and its setter is undefined
@@ -46,10 +47,11 @@ var __ktjs_core__ = (function (exports) {
                 $appendChild.call(this, fragment);
             }
         };
+    const { get: $buttonDisabledGetter, set: $buttonDisabledSetter } = Object.getOwnPropertyDescriptor(HTMLButtonElement.prototype, 'disabled');
 
     // Shared utilities and cached native methods for kt.js framework
     // Re-export all utilities
-    Object.defineProperty(window, '@ktjs/shared', { value: '0.19.0' });
+    Object.defineProperty(window, '@ktjs/shared', { value: '0.20.0' });
 
     var booleanHandler = function (element, key, value) {
         if (key in element) {
@@ -92,7 +94,9 @@ var __ktjs_core__ = (function (exports) {
         hidden: function (element, _key, value) { return (element.hidden = !!value); },
     };
 
-    var defaultHandler = function (element, key, value) { return element.setAttribute(key, value); };
+    var defaultHandler = function (element, key, value) {
+        return element.setAttribute(key, value);
+    };
     function attrIsObject(element, attr) {
         var classValue = attr.class || attr.className;
         if (classValue !== undefined) {
@@ -195,7 +199,14 @@ var __ktjs_core__ = (function (exports) {
         }
     }
 
-    var svgTempWrapper = document.createElement('div');
+    document.createElement('div');
+    var htmlCreator = function (tag) { return document.createElement(tag); };
+    var svgCreator = function (tag) { return document.createElementNS('http://www.w3.org/2000/svg', tag); };
+    var mathMLCreator = function (tag) { return document.createElementNS('http://www.w3.org/1998/Math/MathML', tag); };
+    var creator = htmlCreator;
+    // # consts
+    var SVG_ATTR_FLAG = '__kt_svg__';
+    var MATHML_ATTR_FLAG = '__kt_mathml__';
     /**
      * Create an enhanced HTMLElement.
      * - Only supports HTMLElements, **NOT** SVGElements or other Elements.
@@ -206,7 +217,7 @@ var __ktjs_core__ = (function (exports) {
      * ## About
      * @package @ktjs/core
      * @author Kasukabe Tsumugi <futami16237@gmail.com>
-     * @version 0.19.1 (Last Update: 2026.01.31 23:07:55.249)
+     * @version 0.20.1 (Last Update: 2026.02.01 16:38:49.148)
      * @license MIT
      * @link https://github.com/baendlorel/kt.js
      * @link https://baendlorel.github.io/ Welcome to my site!
@@ -217,51 +228,35 @@ var __ktjs_core__ = (function (exports) {
         if (typeof tag !== 'string') {
             $throw('tagName must be a string.');
         }
+        if (attr) {
+            if (SVG_ATTR_FLAG in attr) {
+                delete attr[SVG_ATTR_FLAG];
+                creator = svgCreator;
+            }
+            else if (MATHML_ATTR_FLAG in attr) {
+                delete attr[MATHML_ATTR_FLAG];
+                creator = mathMLCreator;
+            }
+            else {
+                creator = htmlCreator;
+            }
+        }
         // * start creating the element
-        var element = document.createElement(tag);
+        var element = creator(tag);
         // * Handle content
         applyAttr(element, attr);
         applyContent(element, content);
-        if (tag === 'svg') {
-            svgTempWrapper.innerHTML = element.outerHTML;
-            return svgTempWrapper.firstChild;
-        }
+        // if (tag === 'svg') {
+        //   tempWrapper.innerHTML = element.outerHTML;
+        //   return tempWrapper.firstChild as HTML<T>;
+        // }
+        // if (tag === 'math') {
+        //   tempWrapper.innerHTML = element.outerHTML;
+        //   return tempWrapper.firstChild as HTML<T>;
+        // }
         return element;
     };
 
-    /******************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-
-    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-        var e = new Error(message);
-        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-    };
-
     var KTRef = /** @class */ (function () {
         function KTRef(_value, _onChanges) {
             /**
@@ -327,22 +322,13 @@ var __ktjs_core__ = (function (exports) {
      * @param props properties/attributes
      */
     function jsx(tag, props) {
-        var _a, _b;
-        if (props === void 0) { props = {}; }
+        var _a;
         var ref = ((_a = props.ref) === null || _a === void 0 ? void 0 : _a.isKT) ? props.ref : dummyRef;
         var el;
-        var redraw = function (newProps) {
-            props = newProps ? __assign(__assign({}, props), newProps) : props;
-            el = jsx(tag, props);
-            if (ref !== dummyRef) {
-                ref.value = el; // & ref setter automatically replaces old element in DOM
-            }
-            return el;
-        };
         if ('k-if' in props && !props['k-if']) {
+            // & make comment placeholder in case that ref might be redrawn later
             el = document.createComment('k-if');
-            ref.value = el; // & ref setter automatically replaces old element in DOM
-            el.redraw = redraw;
+            ref.value = el;
             return el;
         }
         // Handle function components
@@ -352,7 +338,6 @@ var __ktjs_core__ = (function (exports) {
         else {
             el = h(tag, props, props.children);
         }
-        (_b = el.redraw) !== null && _b !== void 0 ? _b : (el.redraw = redraw);
         ref.value = el;
         return el;
     }
@@ -400,32 +385,6 @@ var __ktjs_core__ = (function (exports) {
      * This is called when using jsx: "react-jsx" or "react-jsxdev"
      */
     var jsxs = jsx;
-    /**
-     * A helper to create redrawable elements
-     * ```tsx
-     * export function MyComponent() {
-     *    let aa = 10;
-     *    // ...
-     *    // aa might be changed
-     *    return createRedrawableNoref(() => <div>{aa}</div>);
-     * }
-     * ```
-     * Then the returned element has a `redraw` method to redraw itself with new values.
-     * @param creator a simple creator function that returns an element
-     * @returns created element
-     */
-    function createRedrawableNoref(creator) {
-        var el = creator();
-        var redraw = function () {
-            var old = el;
-            el = creator();
-            old.replaceWith(el);
-            el.redraw = redraw;
-            return el;
-        };
-        el.redraw = redraw;
-        return el;
-    }
     /**
      * A helper to create redrawable elements
      * ```tsx
@@ -442,13 +401,12 @@ var __ktjs_core__ = (function (exports) {
      */
     function createRedrawable(creator) {
         var elRef = ref();
-        elRef.value = creator();
         var redraw = function () {
             elRef.value = creator(); // ref setter automatically calls replaceWith
-            elRef.value.redraw = redraw;
+            elRef.redraw = redraw;
             return elRef.value;
         };
-        elRef.value.redraw = redraw;
+        redraw();
         return elRef;
     }
 
@@ -685,7 +643,6 @@ var __ktjs_core__ = (function (exports) {
     exports.KTRef = KTRef;
     exports.createElement = h;
     exports.createRedrawable = createRedrawable;
-    exports.createRedrawableNoref = createRedrawableNoref;
     exports.h = h;
     exports.jsx = jsx;
     exports.jsxDEV = jsxDEV;

package/dist/index.mjs

@@ -8,6 +8,7 @@ const $throw = (message) => {
 };
 
 // DOM manipulation utilities
+// # dom natives
 /**
  * & Remove `bind` because it is shockingly slower than wrapper
  * & `window.document` is safe because it is not configurable and its setter is undefined
@@ -43,10 +44,11 @@ const $append = // for ie 9/10/11
             $appendChild.call(this, fragment);
         }
     };
+const { get: $buttonDisabledGetter, set: $buttonDisabledSetter } = Object.getOwnPropertyDescriptor(HTMLButtonElement.prototype, 'disabled');
 
 // Shared utilities and cached native methods for kt.js framework
 // Re-export all utilities
-Object.defineProperty(window, '@ktjs/shared', { value: '0.19.0' });
+Object.defineProperty(window, '@ktjs/shared', { value: '0.20.0' });
 
 const booleanHandler = (element, key, value) => {
     if (key in element) {
@@ -189,7 +191,14 @@ function applyContent(element, content) {
     }
 }
 
-const svgTempWrapper = document.createElement('div');
+document.createElement('div');
+const htmlCreator = (tag) => document.createElement(tag);
+const svgCreator = (tag) => document.createElementNS('http://www.w3.org/2000/svg', tag);
+const mathMLCreator = (tag) => document.createElementNS('http://www.w3.org/1998/Math/MathML', tag);
+let creator = htmlCreator;
+// # consts
+const SVG_ATTR_FLAG = '__kt_svg__';
+const MATHML_ATTR_FLAG = '__kt_mathml__';
 /**
  * Create an enhanced HTMLElement.
  * - Only supports HTMLElements, **NOT** SVGElements or other Elements.
@@ -200,7 +209,7 @@ const svgTempWrapper = document.createElement('div');
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.19.1 (Last Update: 2026.01.31 23:07:55.249)
+ * @version 0.20.1 (Last Update: 2026.02.01 16:38:49.148)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -211,15 +220,32 @@ const h = (tag, attr, content) => {
     if (typeof tag !== 'string') {
         $throw('tagName must be a string.');
     }
+    if (attr) {
+        if (SVG_ATTR_FLAG in attr) {
+            delete attr[SVG_ATTR_FLAG];
+            creator = svgCreator;
+        }
+        else if (MATHML_ATTR_FLAG in attr) {
+            delete attr[MATHML_ATTR_FLAG];
+            creator = mathMLCreator;
+        }
+        else {
+            creator = htmlCreator;
+        }
+    }
     // * start creating the element
-    const element = document.createElement(tag);
+    const element = creator(tag);
     // * Handle content
     applyAttr(element, attr);
     applyContent(element, content);
-    if (tag === 'svg') {
-        svgTempWrapper.innerHTML = element.outerHTML;
-        return svgTempWrapper.firstChild;
-    }
+    // if (tag === 'svg') {
+    //   tempWrapper.innerHTML = element.outerHTML;
+    //   return tempWrapper.firstChild as HTML<T>;
+    // }
+    // if (tag === 'math') {
+    //   tempWrapper.innerHTML = element.outerHTML;
+    //   return tempWrapper.firstChild as HTML<T>;
+    // }
     return element;
 };
 
@@ -284,21 +310,13 @@ const dummyRef = { value: null };
  * @param tag html tag or function component
  * @param props properties/attributes
  */
-function jsx(tag, props = {}) {
+function jsx(tag, props) {
     const ref = props.ref?.isKT ? props.ref : dummyRef;
     let el;
-    const redraw = (newProps) => {
-        props = newProps ? { ...props, ...newProps } : props;
-        el = jsx(tag, props);
-        if (ref !== dummyRef) {
-            ref.value = el; // & ref setter automatically replaces old element in DOM
-        }
-        return el;
-    };
     if ('k-if' in props && !props['k-if']) {
+        // & make comment placeholder in case that ref might be redrawn later
         el = document.createComment('k-if');
-        ref.value = el; // & ref setter automatically replaces old element in DOM
-        el.redraw = redraw;
+        ref.value = el;
         return el;
     }
     // Handle function components
@@ -308,7 +326,6 @@ function jsx(tag, props = {}) {
     else {
         el = h(tag, props, props.children);
     }
-    el.redraw ??= redraw;
     ref.value = el;
     return el;
 }
@@ -352,32 +369,6 @@ const jsxDEV = (...args) => {
  * This is called when using jsx: "react-jsx" or "react-jsxdev"
  */
 const jsxs = jsx;
-/**
- * A helper to create redrawable elements
- * ```tsx
- * export function MyComponent() {
- *    let aa = 10;
- *    // ...
- *    // aa might be changed
- *    return createRedrawableNoref(() => <div>{aa}</div>);
- * }
- * ```
- * Then the returned element has a `redraw` method to redraw itself with new values.
- * @param creator a simple creator function that returns an element
- * @returns created element
- */
-function createRedrawableNoref(creator) {
-    let el = creator();
-    const redraw = () => {
-        const old = el;
-        el = creator();
-        old.replaceWith(el);
-        el.redraw = redraw;
-        return el;
-    };
-    el.redraw = redraw;
-    return el;
-}
 /**
  * A helper to create redrawable elements
  * ```tsx
@@ -394,13 +385,12 @@ function createRedrawableNoref(creator) {
  */
 function createRedrawable(creator) {
     const elRef = ref();
-    elRef.value = creator();
     const redraw = () => {
         elRef.value = creator(); // ref setter automatically calls replaceWith
-        elRef.value.redraw = redraw;
+        elRef.redraw = redraw;
         return elRef.value;
     };
-    elRef.value.redraw = redraw;
+    redraw();
     return elRef;
 }
 
@@ -628,4 +618,4 @@ function getSequence(arr) {
     return result;
 }
 
-export { Fragment, KTAsync, KTFor, KTRef, h as createElement, createRedrawable, createRedrawableNoref, h, jsx, jsxDEV, jsxs, ref };
+export { Fragment, KTAsync, KTFor, KTRef, h as createElement, createRedrawable, h, jsx, jsxDEV, jsxs, ref };