@ktjs/jsx 0.6.3 → 0.6.5

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var t=require("@ktjs/core");function e(e,r,...n){const o="string"==typeof r?{class:r}:r;return t.h(e,o,n)}const r=e,n=e;Object.defineProperty(exports,"createElement",{enumerable:!0,get:function(){return t.h}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return t.h}}),exports.Fragment=function(e){const{children:r}=e||{};if(!r)return t.ktnull;if(!Array.isArray(r))return r;const n=document.createElement("div");return n.setAttribute("data-kt-fragment","true"),r.forEach(e=>{e&&e!==t.ktnull&&("string"==typeof e?n.appendChild(document.createTextNode(e)):e instanceof HTMLElement&&n.appendChild(e))}),n},exports.jsx=e,exports.jsxDEV=r,exports.jsxs=n;
+"use strict";var e=require("@ktjs/core");function t(t,n,...r){const o="string"==typeof n?{class:n}:n;if(null==o)return e.h(t);const s=o.children;return delete o.children,e.h(t,o,s)}const n=t,r=t;Object.defineProperty(exports,"createElement",{enumerable:!0,get:function(){return e.h}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return e.h}}),exports.Fragment=function(e){window.__ktjs__.throws("kt.js doesn't have a Fragment concept")},exports.jsx=t,exports.jsxDEV=n,exports.jsxs=r;

package/dist/index.d.ts

@@ -1,7 +1,12 @@
-import { HTMLTag, KTRawAttr, KTRawContents, KTRawContent, ktnull, KTAttribute } from '@ktjs/core';
+import { HTMLTag, KTRawAttr, KTRawContent, ktnull, KTAttribute } from '@ktjs/core';
 export { h as createElement, h } from '@ktjs/core';
 
-declare function jsx<T extends HTMLTag>(tag: T, props: KTRawAttr, ...children: KTRawContents): HTMLElementTagNameMap[T];
+/**
+ * @param tag html tag
+ * @param props properties/attributes
+ * @param _metadata metadata is ignored
+ */
+declare function jsx<T extends HTMLTag>(tag: T, props: KTRawAttr, ..._metadata: any[]): HTMLElementTagNameMap[T];
 /**
  * Fragment support - returns an array of children
  * Note: kt.js doesn't have a real Fragment concept,

package/dist/index.mjs

@@ -1 +1 @@
-import{h as t,ktnull as r}from"@ktjs/core";export{h as createElement,h}from"@ktjs/core";function e(r,e,...n){return t(r,"string"==typeof e?{class:e}:e,n)}function n(t){const{children:e}=t||{};if(!e)return r;if(!Array.isArray(e))return e;const n=document.createElement("div");return n.setAttribute("data-kt-fragment","true"),e.forEach(t=>{t&&t!==r&&("string"==typeof t?n.appendChild(document.createTextNode(t)):t instanceof HTMLElement&&n.appendChild(t))}),n}const o=e,c=e;export{n as Fragment,e as jsx,o as jsxDEV,c as jsxs};
+import{h as t}from"@ktjs/core";export{h as createElement,h}from"@ktjs/core";function e(e,n,...o){const r="string"==typeof n?{class:n}:n;if(null==r)return t(e);const c=r.children;return delete r.children,t(e,r,c)}function n(t){window.__ktjs__.throws("kt.js doesn't have a Fragment concept")}const o=e,r=e;export{n as Fragment,e as jsx,o as jsxDEV,r as jsxs};

package/dist/jsx-runtime.cjs

@@ -2,9 +2,18 @@
 
 var core = require('@ktjs/core');
 
-function jsx(tag, props, ...children) {
+/**
+ * @param tag html tag
+ * @param props properties/attributes
+ * @param _metadata metadata is ignored
+ */
+function jsx(tag, props, ..._metadata) {
     const propObj = typeof props === 'string' ? { class: props } : props;
-    console.log('jsx tag', tag, 'props', props, 'rest children', children);
+    if (propObj === undefined || propObj === null) {
+        return core.h(tag);
+    }
+    const children = propObj.children;
+    delete propObj.children;
     return core.h(tag, propObj, children);
 }
 /**
@@ -12,31 +21,30 @@ function jsx(tag, props, ...children) {
  * Note: kt.js doesn't have a real Fragment concept,
  * so we return ktnull for empty fragments or flatten children
  */
-// todo 实在不需要也可以在此函数内直接报错说自己不支持
 function Fragment(props) {
-    const { children } = props || {};
-    if (!children) {
-        return core.ktnull;
-    }
-    // If single child, return it directly
-    if (!Array.isArray(children)) {
-        return children;
-    }
-    // For multiple children, create a document fragment wrapper
-    // This is a limitation - JSX fragments must be wrapped in kt.js
-    const wrapper = document.createElement('div');
-    wrapper.setAttribute('data-kt-fragment', 'true');
-    children.forEach((child) => {
-        if (child && child !== core.ktnull) {
-            if (typeof child === 'string') {
-                wrapper.appendChild(document.createTextNode(child));
-            }
-            else if (child instanceof HTMLElement) {
-                wrapper.appendChild(child);
-            }
-        }
-    });
-    return wrapper;
+    window.__ktjs__.throws("kt.js doesn't have a Fragment concept");
+    // const { children } = props || {};
+    // if (!children) {
+    //   return ktnull;
+    // }
+    // // If single child, return it directly
+    // if (!Array.isArray(children)) {
+    //   return children as HTMLElement;
+    // }
+    // // For multiple children, create a document fragment wrapper
+    // // This is a limitation - JSX fragments must be wrapped in kt.js
+    // const wrapper = document.createElement('div');
+    // wrapper.setAttribute('data-kt-fragment', 'true');
+    // children.forEach((child) => {
+    //   if (child && child !== ktnull) {
+    //     if (typeof child === 'string') {
+    //       wrapper.appendChild(document.createTextNode(child));
+    //     } else if (child instanceof HTMLElement) {
+    //       wrapper.appendChild(child);
+    //     }
+    //   }
+    // });
+    // return wrapper;
 }
 /**
  * JSX Development runtime - same as jsx but with additional dev checks

package/dist/jsx-runtime.d.ts

@@ -1,7 +1,12 @@
-import { HTMLTag, KTRawAttr, KTRawContents, KTRawContent, ktnull } from '@ktjs/core';
+import { HTMLTag, KTRawAttr, KTRawContent, ktnull } from '@ktjs/core';
 export { h as createElement, h } from '@ktjs/core';
 
-declare function jsx<T extends HTMLTag>(tag: T, props: KTRawAttr, ...children: KTRawContents): HTMLElementTagNameMap[T];
+/**
+ * @param tag html tag
+ * @param props properties/attributes
+ * @param _metadata metadata is ignored
+ */
+declare function jsx<T extends HTMLTag>(tag: T, props: KTRawAttr, ..._metadata: any[]): HTMLElementTagNameMap[T];
 /**
  * Fragment support - returns an array of children
  * Note: kt.js doesn't have a real Fragment concept,

package/dist/jsx-runtime.mjs

@@ -1,9 +1,18 @@
-import { h, ktnull } from '@ktjs/core';
+import { h } from '@ktjs/core';
 export { h as createElement, h } from '@ktjs/core';
 
-function jsx(tag, props, ...children) {
+/**
+ * @param tag html tag
+ * @param props properties/attributes
+ * @param _metadata metadata is ignored
+ */
+function jsx(tag, props, ..._metadata) {
     const propObj = typeof props === 'string' ? { class: props } : props;
-    console.log('jsx tag', tag, 'props', props, 'rest children', children);
+    if (propObj === undefined || propObj === null) {
+        return h(tag);
+    }
+    const children = propObj.children;
+    delete propObj.children;
     return h(tag, propObj, children);
 }
 /**
@@ -11,31 +20,30 @@ function jsx(tag, props, ...children) {
  * Note: kt.js doesn't have a real Fragment concept,
  * so we return ktnull for empty fragments or flatten children
  */
-// todo 实在不需要也可以在此函数内直接报错说自己不支持
 function Fragment(props) {
-    const { children } = props || {};
-    if (!children) {
-        return ktnull;
-    }
-    // If single child, return it directly
-    if (!Array.isArray(children)) {
-        return children;
-    }
-    // For multiple children, create a document fragment wrapper
-    // This is a limitation - JSX fragments must be wrapped in kt.js
-    const wrapper = document.createElement('div');
-    wrapper.setAttribute('data-kt-fragment', 'true');
-    children.forEach((child) => {
-        if (child && child !== ktnull) {
-            if (typeof child === 'string') {
-                wrapper.appendChild(document.createTextNode(child));
-            }
-            else if (child instanceof HTMLElement) {
-                wrapper.appendChild(child);
-            }
-        }
-    });
-    return wrapper;
+    window.__ktjs__.throws("kt.js doesn't have a Fragment concept");
+    // const { children } = props || {};
+    // if (!children) {
+    //   return ktnull;
+    // }
+    // // If single child, return it directly
+    // if (!Array.isArray(children)) {
+    //   return children as HTMLElement;
+    // }
+    // // For multiple children, create a document fragment wrapper
+    // // This is a limitation - JSX fragments must be wrapped in kt.js
+    // const wrapper = document.createElement('div');
+    // wrapper.setAttribute('data-kt-fragment', 'true');
+    // children.forEach((child) => {
+    //   if (child && child !== ktnull) {
+    //     if (typeof child === 'string') {
+    //       wrapper.appendChild(document.createTextNode(child));
+    //     } else if (child instanceof HTMLElement) {
+    //       wrapper.appendChild(child);
+    //     }
+    //   }
+    // });
+    // return wrapper;
 }
 /**
  * JSX Development runtime - same as jsx but with additional dev checks

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktjs/jsx",
-  "version": "0.6.3",
+  "version": "0.6.5",
   "description": "JSX/TSX support for KT.js - Build UIs with JSX syntax while keeping direct DOM control",
   "author": {
     "name": "Kasukabe Tsumugi",