mini-jsx-test-pb 0.0.3 → 0.0.5

package/dist/{chunk-NTNB5Y37.js → chunk-FLLMW3OM.js}

@@ -31,47 +31,60 @@ function effect(fn) {
   runner();
 }
 
+// src/mount.ts
+function mountChild(parent, child) {
+  if (child == null || child === false || child === true) {
+    return;
+  }
+  if (Array.isArray(child)) {
+    for (const c of child) {
+      mountChild(parent, c);
+    }
+    return;
+  }
+  if (typeof child === "function") {
+    const text = document.createTextNode("");
+    parent.appendChild(text);
+    effect(() => {
+      const value = child();
+      text.nodeValue = value == null ? "" : String(value);
+    });
+    return;
+  }
+  if (typeof child === "object" && child && "val" in child) {
+    mountChild(parent, () => child.val);
+    return;
+  }
+  if (child instanceof Node) {
+    parent.appendChild(child);
+    return;
+  }
+  parent.appendChild(document.createTextNode(String(child)));
+}
+
 // src/jsx.ts
-function h(type, props, ...children) {
+function h(type, props, ...restChildren) {
   if (typeof type === "function") {
-    return type({ ...props ?? {}, children });
+    return type({ ...props ?? {} });
   }
   const el = document.createElement(type);
   if (props) {
     for (const key in props) {
+      if (key === "children") continue;
       const value = props[key];
       if (key.startsWith("on")) {
         el.addEventListener(key.slice(2).toLowerCase(), value);
       } else {
-        el.setAttribute(key, value);
+        el.setAttribute(key, String(value));
       }
     }
   }
+  const children = restChildren.length > 0 ? restChildren : props?.children != null ? Array.isArray(props.children) ? props.children : [props.children] : [];
   for (const child of children.flat()) {
     mountChild(el, child);
   }
   return el;
 }
-function mountChild(parent, child) {
-  if (child == null || child === false) return;
-  if (typeof child === "function") {
-    const text = document.createTextNode("");
-    parent.appendChild(text);
-    effect(() => {
-      text.nodeValue = String(child());
-    });
-    return;
-  }
-  if (typeof child === "object" && "val" in child) {
-    mountChild(parent, () => child.val);
-    return;
-  }
-  if (child instanceof Node) {
-    parent.appendChild(child);
-  } else {
-    parent.appendChild(document.createTextNode(String(child)));
-  }
-}
 
 export {
   State,

package/dist/index.d.ts

@@ -7,6 +7,4 @@ declare function State<T>(initial: T): {
 
 declare function effect(fn: Effect): void;
 
-declare const version = "0.0.1";
-
-export { State, effect, version };
+export { State, effect };

package/dist/index.js

@@ -2,13 +2,9 @@ import {
   State,
   effect,
   h
-} from "./chunk-NTNB5Y37.js";
-
-// src/index.ts
-var version = "0.0.1";
+} from "./chunk-FLLMW3OM.js";
 export {
   State,
   effect,
-  h,
-  version
+  h
 };

package/dist/jsx-dev-runtime.d.ts

@@ -1,3 +1,3 @@
-declare function h(type: any, props: any, ...children: any[]): any;
+declare function h(type: any, props: any, ...restChildren: any[]): any;
 
 export { h as jsxDEV };

package/dist/jsx-dev-runtime.js

@@ -1,6 +1,6 @@
 import {
   h
-} from "./chunk-NTNB5Y37.js";
+} from "./chunk-FLLMW3OM.js";
 export {
   h as jsxDEV
 };

package/dist/jsx-runtime.js

@@ -1,6 +1,6 @@
 import {
   h
-} from "./chunk-NTNB5Y37.js";
+} from "./chunk-FLLMW3OM.js";
 export {
   h as jsx,
   h as jsxDEV,

package/package.json

@@ -1,18 +1,22 @@
 {
   "name": "mini-jsx-test-pb",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     },
     "./jsx-runtime": {
-      "import": "./dist/jsx-runtime.js",
-      "types": "./dist/jsx-runtime.d.ts"
+      "types": "./dist/jsx-runtime.d.ts",
+      "import": "./dist/jsx-runtime.js"
+    },
+    "./jsx-dev-runtime": {
+      "types": "./dist/jsx-dev-runtime.d.ts",
+      "import": "./dist/jsx-dev-runtime.js"
     }
   },
   "files": [