@ktjs/core 0.18.8 → 0.19.0

package/dist/jsx/jsx-runtime.mjs

@@ -1,7 +1,53 @@
+// Cached native methods for performance optimization
+const $isArray = Array.isArray;
+const $isThenable = (o) => typeof o === 'object' && o !== null && typeof o.then === 'function';
+
+// Error handling utilities
 const $throw = (message) => {
-    throw new Error('kt.js: ' + message);
+    throw new Error('@ktjs/shared: ' + message);
 };
 
+// DOM manipulation utilities
+/**
+ * & Remove `bind` because it is shockingly slower than wrapper
+ * & `window.document` is safe because it is not configurable and its setter is undefined
+ */
+const $appendChild = HTMLElement.prototype.appendChild;
+const originAppend = HTMLElement.prototype.append;
+const $append = // for ie 9/10/11
+ typeof originAppend === 'function'
+    ? originAppend
+    : function (...nodes) {
+        if (nodes.length < 50) {
+            for (let i = 0; i < nodes.length; i++) {
+                const node = nodes[i];
+                if (typeof node === 'string') {
+                    $appendChild.call(this, document.createTextNode(node));
+                }
+                else {
+                    $appendChild.call(this, node);
+                }
+            }
+        }
+        else {
+            const fragment = document.createDocumentFragment();
+            for (let i = 0; i < nodes.length; i++) {
+                const node = nodes[i];
+                if (typeof node === 'string') {
+                    $appendChild.call(fragment, document.createTextNode(node));
+                }
+                else {
+                    $appendChild.call(fragment, node);
+                }
+            }
+            $appendChild.call(this, fragment);
+        }
+    };
+
+// Shared utilities and cached native methods for kt.js framework
+// Re-export all utilities
+Object.defineProperty(window, '@ktjs/shared', { value: '0.19.0' });
+
 const booleanHandler = (element, key, value) => {
     if (key in element) {
         element[key] = !!value;
@@ -72,7 +118,7 @@ function attrIsObject(element, attr) {
         const o = attr[key];
         // normal event handler
         if (key.startsWith('on:')) {
-            element.addEventListener(key.slice(3), o); // chop off the `@`
+            element.addEventListener(key.slice(3), o); // chop off the `on:`
         }
         // normal attributes
         else {
@@ -92,51 +138,6 @@ function applyAttr(element, attr) {
     }
 }
 
-/**
- * & Remove `bind` because it is shockingly slower than wrapper
- * & `window.document` is safe because it is not configurable and its setter is undefined
- */
-const $appendChild = HTMLElement.prototype.appendChild;
-const originAppend = HTMLElement.prototype.append;
-const $append = // for ie 9/10/11
- typeof originAppend === 'function'
-    ? function (...args) {
-        return originAppend.apply(this, args);
-    }
-    : function (...nodes) {
-        if (nodes.length < 50) {
-            for (let i = 0; i < nodes.length; i++) {
-                const node = nodes[i];
-                if (typeof node === 'string') {
-                    $appendChild.call(this, document.createTextNode(node));
-                }
-                else {
-                    $appendChild.call(this, node);
-                }
-            }
-        }
-        else {
-            const fragment = document.createDocumentFragment();
-            for (let i = 0; i < nodes.length; i++) {
-                const node = nodes[i];
-                if (typeof node === 'string') {
-                    $appendChild.call(fragment, document.createTextNode(node));
-                }
-                else {
-                    $appendChild.call(fragment, node);
-                }
-            }
-            $appendChild.call(this, fragment);
-        }
-    };
-
-const $isArray = Array.isArray;
-const emptyPromiseHandler = () => ({});
-if (typeof Promise === 'undefined') {
-    window.Promise = { resolve: emptyPromiseHandler, reject: emptyPromiseHandler };
-}
-const $isThenable = (o) => typeof o === 'object' && o !== null && typeof o.then === 'function';
-
 function apdSingle(element, c) {
     // & JSX should ignore false, undefined, and null
     if (c === false || c === undefined || c === null) {
@@ -199,7 +200,7 @@ const svgTempWrapper = document.createElement('div');
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.18.8 (Last Update: 2026.01.31 14:28:10.930)
+ * @version 0.19.0 (Last Update: 2026.01.31 22:50:55.987)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -222,47 +223,60 @@ const h = (tag, attr, content) => {
     return element;
 };
 
+class KTRef {
+    /**
+     * Indicates that this is a KTRef instance
+     */
+    isKT = true;
+    _value;
+    _onChanges;
+    constructor(_value, _onChanges) {
+        this._value = _value;
+        this._onChanges = _onChanges;
+    }
+    /**
+     * If new value and old value are both nodes, the old one will be replaced in the DOM
+     */
+    get value() {
+        return this._value;
+    }
+    set value(newValue) {
+        if (newValue === this._value) {
+            return;
+        }
+        // replace the old node with the new one in the DOM if both are nodes
+        if (this._value instanceof Node && newValue instanceof Node) {
+            if (newValue.contains(this._value)) {
+                this._value.remove();
+            }
+            this._value.replaceWith(newValue);
+        }
+        const oldValue = this._value;
+        this._value = newValue;
+        for (let i = 0; i < this._onChanges.length; i++) {
+            this._onChanges[i](newValue, oldValue);
+        }
+    }
+    addOnChange(callback) {
+        this._onChanges.push(callback);
+    }
+    removeOnChange(callback) {
+        for (let i = this._onChanges.length - 1; i >= 0; i--) {
+            if (this._onChanges[i] === callback) {
+                this._onChanges.splice(i, 1);
+                return true;
+            }
+        }
+        return false;
+    }
+}
 /**
  * Reference to the created HTML element.
  * - can alse be used to store normal values, but it is not reactive.
  * @param value mostly an HTMLElement
  */
 function ref(value, onChange) {
-    let _value = value;
-    let _onChanges = [];
-    return {
-        isKT: true,
-        get value() {
-            return _value;
-        },
-        set value(newValue) {
-            if (newValue === _value) {
-                return;
-            }
-            // replace the old node with the new one in the DOM if both are nodes
-            if (_value instanceof Node && newValue instanceof Node) {
-                if (newValue.contains(_value)) {
-                    _value.remove();
-                }
-                _value.replaceWith(newValue);
-            }
-            const oldValue = _value;
-            _value = newValue;
-            for (let i = 0; i < _onChanges.length; i++) {
-                _onChanges[i](newValue, oldValue);
-            }
-        },
-        addOnChange: (callback) => _onChanges.push(callback),
-        removeOnChange: (callback) => {
-            for (let i = _onChanges.length - 1; i >= 0; i--) {
-                if (_onChanges[i] === callback) {
-                    _onChanges.splice(i, 1);
-                    return true;
-                }
-            }
-            return false;
-        },
-    };
+    return new KTRef(value, []);
 }
 
 const dummyRef = { value: null };
@@ -277,13 +291,13 @@ function jsx(tag, props = {}) {
         props = newProps ? { ...props, ...newProps } : props;
         el = jsx(tag, props);
         if (ref !== dummyRef) {
-            ref.value = el; // ref setter automatically replaces old element in DOM
+            ref.value = el; // & ref setter automatically replaces old element in DOM
         }
         return el;
     };
     if ('k-if' in props && !props['k-if']) {
         el = document.createComment('k-if');
-        ref.value = el;
+        ref.value = el; // & ref setter automatically replaces old element in DOM
         el.redraw = redraw;
         return el;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktjs/core",
-  "version": "0.18.8",
+  "version": "0.19.0",
   "description": "Core functionality for kt.js - DOM manipulation utilities with JSX/TSX support",
   "type": "module",
   "module": "./dist/index.mjs",
@@ -43,6 +43,9 @@
     "url": "https://github.com/baendlorel/kt.js",
     "directory": "packages/core"
   },
+  "dependencies": {
+    "@ktjs/shared": "0.19.0"
+  },
   "scripts": {
     "build": "rollup -c rollup.config.mjs",
     "dev": "rollup -c rollup.config.mjs -w"