kt.js 0.7.3 → 0.8.0

package/dist/index.d.ts

@@ -1,3 +1,2 @@
 export * from '@ktjs/core';
-export * from '@ktjs/jsx';
 export * from '@ktjs/shortcuts';

package/dist/index.iife.js

@@ -1,4 +1,4 @@
-var kt = (function (exports, core, jsx, shortcuts) {
+var kt = (function (exports, core, shortcuts) {
 	'use strict';
 
 
@@ -9,12 +9,6 @@ var kt = (function (exports, core, jsx, shortcuts) {
 			get: function () { return core[k]; }
 		});
 	});
-	Object.keys(jsx).forEach(function (k) {
-		if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-			enumerable: true,
-			get: function () { return jsx[k]; }
-		});
-	});
 	Object.keys(shortcuts).forEach(function (k) {
 		if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 			enumerable: true,
@@ -24,4 +18,4 @@ var kt = (function (exports, core, jsx, shortcuts) {
 
 	return exports;
 
-})({}, __ktjs_core__, jsx, __ktjs_shortcuts__);
+})({}, __ktjs_core__, __ktjs_shortcuts__);

package/dist/index.legacy.js

@@ -1,4 +1,4 @@
-var kt = (function (exports, core, jsx, shortcuts) {
+var kt = (function (exports, core, shortcuts) {
 	'use strict';
 
 
@@ -9,12 +9,6 @@ var kt = (function (exports, core, jsx, shortcuts) {
 			get: function () { return core[k]; }
 		});
 	});
-	Object.keys(jsx).forEach(function (k) {
-		if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-			enumerable: true,
-			get: function () { return jsx[k]; }
-		});
-	});
 	Object.keys(shortcuts).forEach(function (k) {
 		if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 			enumerable: true,
@@ -24,4 +18,4 @@ var kt = (function (exports, core, jsx, shortcuts) {
 
 	return exports;
 
-})({}, __ktjs_core__, jsx, __ktjs_shortcuts__);
+})({}, __ktjs_core__, __ktjs_shortcuts__);

package/dist/index.mjs

@@ -1,3 +1,2 @@
 export * from '@ktjs/core';
-export * from '@ktjs/jsx';
 export * from '@ktjs/shortcuts';

package/dist/jsx-runtime.d.ts

@@ -1 +1 @@
-export * from '@ktjs/jsx/jsx-runtime';
+export * from '@ktjs/core/jsx-runtime';

package/dist/jsx-runtime.mjs

@@ -1,5 +1,221 @@
-import { h } from '@ktjs/core';
-export { h as createElement, h } from '@ktjs/core';
+const $throw = (message) => {
+    throw new Error('kt.js: ' + message);
+};
+
+const $isArray = Array.isArray;
+const $keys = Object.keys;
+const $defines = Object.defineProperties;
+const $mark = (func, tag) => $defines(func, { __ktjs_h__: { value: tag, configurable: true } });
+const emptyPromiseHandler = () => ({});
+if (typeof Promise === 'undefined') {
+    window.Promise = { resolve: emptyPromiseHandler, reject: emptyPromiseHandler };
+}
+
+/**
+ * This is a `falsy` value used to indicate "no node" in `h` function.
+ * - It's an object, so it's guaranteed to be unique and no need for polyfill of `symbol`.
+ */
+const ktnull = Object.create(null);
+
+/**
+ * & 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) {
+        const nodes = args.filter((a) => a !== ktnull);
+        return originAppend.apply(this, nodes);
+    }
+    : 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 if (node !== ktnull) {
+                    $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 if (node !== ktnull) {
+                    $appendChild.call(fragment, node);
+                }
+            }
+            $appendChild.call(this, fragment);
+        }
+    };
+
+function booleanHandler(element, key, value) {
+    if (key in element) {
+        element[key] = !!value;
+    }
+    else {
+        element.setAttribute(key, value);
+    }
+}
+function valueHandler(element, key, value) {
+    if (key in element) {
+        element[key] = value;
+    }
+    else {
+        element.setAttribute(key, value);
+    }
+}
+// Attribute handlers map for optimized lookup
+const handlers = {
+    checked: booleanHandler,
+    selected: booleanHandler,
+    value: valueHandler,
+    valueAsDate: valueHandler,
+    valueAsNumber: valueHandler,
+    defaultValue: valueHandler,
+    defaultChecked: booleanHandler,
+    defaultSelected: booleanHandler,
+    disabled: booleanHandler,
+    readOnly: booleanHandler,
+    multiple: booleanHandler,
+    required: booleanHandler,
+    autofocus: booleanHandler,
+    open: booleanHandler,
+    controls: booleanHandler,
+    autoplay: booleanHandler,
+    loop: booleanHandler,
+    muted: booleanHandler,
+    defer: booleanHandler,
+    async: booleanHandler,
+    hidden: function (element, _key, value) {
+        element.hidden = !!value;
+    },
+};
+const defaultHandler = function (element, key, value) {
+    return element.setAttribute(key, value);
+};
+function attrIsObject(element, attr) {
+    const classValue = attr.class;
+    const style = attr.style;
+    if (classValue !== undefined) {
+        element.className = classValue;
+        delete attr.class;
+    }
+    if (style) {
+        if (typeof style === 'string') {
+            element.setAttribute('style', style);
+        }
+        else if (typeof style === 'object') {
+            for (const key in style) {
+                element.style[key] = style[key];
+            }
+        }
+        delete attr.style;
+    }
+    const keys = $keys(attr);
+    for (let i = keys.length - 1; i >= 0; i--) {
+        const key = keys[i];
+        const o = attr[key];
+        // force register on:xxx as an event handler
+        // !if o is not valid, the throwing job will be done by `on`, not kt.js
+        if (key.startsWith('on:')) {
+            element.addEventListener(key.slice(3), o); // chop off the `@`
+            continue;
+        }
+        if (typeof o === 'function') {
+            (handlers[key] || defaultHandler)(element, key, o());
+        }
+        else {
+            (handlers[key] || defaultHandler)(element, key, o);
+        }
+    }
+    if (classValue !== undefined) {
+        attr.class = classValue;
+    }
+    if (style !== undefined) {
+        attr.style = style;
+    }
+}
+function applyAttr(element, attr) {
+    if (typeof attr === 'string') {
+        element.className = attr;
+    }
+    else if (typeof attr === 'object' && attr !== null) {
+        attrIsObject(element, attr);
+    }
+    else {
+        $throw('attr must be an object/string.');
+    }
+}
+
+const noop = () => ({});
+class Ref {
+    value;
+    update;
+    constructor(value) {
+        this.value = value;
+        this.update = noop;
+    }
+}
+
+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);
+            }
+        }
+    }
+    else {
+        if (content instanceof Ref) {
+            $append.call(element, content.value);
+        }
+        else {
+            $append.call(element, content);
+        }
+    }
+}
+
+/**
+ * Create an enhanced HTMLElement.
+ * - Only supports HTMLElements, **NOT** SVGElements or other Elements.
+ * @param tag tag of an `HTMLElement`
+ * @param attr attribute object or className
+ * @param content a string or an array of HTMLEnhancedElement as child nodes
+ *
+ * ## About
+ * @package @ktjs/core
+ * @author Kasukabe Tsumugi <futami16237@gmail.com>
+ * @version 0.8.0 (Last Update: 2025.12.25 11:01:24.676)
+ * @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 = '') => {
+    if (typeof tag !== 'string') {
+        $throw('__func__ tagName must be a string.');
+    }
+    // * start creating the element
+    const element = document.createElement(tag);
+    // * Handle content
+    applyAttr(element, attr);
+    applyContent(element, content);
+    return element;
+};
+$mark(h, 'h');
 
 /**
  * @param tag html tag
@@ -14,13 +230,12 @@ function jsx(tag, props, ..._metadata) {
     const children = propObj.children;
     delete propObj.children;
     // deal with ref attribute
-    const hasRef = 'ref' in propObj && typeof propObj.ref === 'object' && propObj.ref !== null;
-    const ref = hasRef ? propObj.ref : null;
-    if (hasRef) {
+    const ref = 'ref' in propObj && propObj.ref instanceof Ref ? propObj.ref : null;
+    if (ref) {
         delete propObj.ref;
     }
     const el = h(tag, propObj, children);
-    if (hasRef) {
+    if (ref) {
         ref.value = el;
         ref.update = () => {
             const old = ref.value;
@@ -75,4 +290,4 @@ const jsxDEV = (...args) => {
  */
 const jsxs = jsx;
 
-export { Fragment, jsx, jsxDEV, jsxs };
+export { Fragment, h as createElement, h, jsx, jsxDEV, jsxs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kt.js",
-  "version": "0.7.3",
+  "version": "0.8.0",
   "author": {
     "name": "Kasukabe Tsumugi",
     "email": "futami16237@gmail.com"
@@ -41,8 +41,7 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@ktjs/core": "0.7.3",
-    "@ktjs/jsx": "0.7.3",
+    "@ktjs/core": "0.8.0",
     "@ktjs/shortcuts": "0.7.3"
   },
   "scripts": {