@ktjs/jsx 0.6.2 → 0.6.4

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 t=require("@ktjs/core");function e(e,r,...n){const o="string"==typeof r?{class:r}:r,c=o?.children;return t.h(e,o,c)}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;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-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];
+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,ktnull as r}from"@ktjs/core";export{h as createElement,h}from"@ktjs/core";function e(r,e,...n){const o="string"==typeof e?{class:e}:e,c=o?.children;return t(r,o,c)}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};

package/dist/jsx-runtime.cjs

@@ -1 +1,63 @@
-"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 core = require('@ktjs/core');
+
+function jsx(tag, props, ...metadata) {
+    const propObj = typeof props === 'string' ? { class: props } : props;
+    // console.log('jsx tag', tag, 'props', props, 'rest children', children);
+    const children = propObj?.children;
+    return core.h(tag, propObj, children);
+}
+/**
+ * Fragment support - returns an array of 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;
+}
+/**
+ * JSX Development runtime - same as jsx but with additional dev checks
+ */
+const jsxDEV = jsx;
+/**
+ * JSX runtime for React 17+ automatic runtime
+ * This is called when using jsx: "react-jsx" or "react-jsxdev"
+ */
+const jsxs = jsx;
+
+Object.defineProperty(exports, "createElement", {
+    enumerable: true,
+    get: function () { return core.h; }
+});
+Object.defineProperty(exports, "h", {
+    enumerable: true,
+    get: function () { return core.h; }
+});
+exports.Fragment = Fragment;
+exports.jsx = jsx;
+exports.jsxDEV = jsxDEV;
+exports.jsxs = jsxs;

package/dist/jsx-runtime.d.ts

@@ -1,7 +1,7 @@
-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];
+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 +1,51 @@
-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, ktnull } from '@ktjs/core';
+export { h as createElement, h } from '@ktjs/core';
+
+function jsx(tag, props, ...metadata) {
+    const propObj = typeof props === 'string' ? { class: props } : props;
+    // console.log('jsx tag', tag, 'props', props, 'rest children', children);
+    const children = propObj?.children;
+    return h(tag, propObj, children);
+}
+/**
+ * Fragment support - returns an array of 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;
+}
+/**
+ * JSX Development runtime - same as jsx but with additional dev checks
+ */
+const jsxDEV = jsx;
+/**
+ * JSX runtime for React 17+ automatic runtime
+ * This is called when using jsx: "react-jsx" or "react-jsxdev"
+ */
+const jsxs = jsx;
+
+export { Fragment, jsx, jsxDEV, jsxs };

package/package.json

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