mini-jsx-test-pb 0.1.4 → 0.1.6

package/dist/{chunk-VFKTCWRG.js → chunk-46TBOZKD.js}

@@ -2,23 +2,39 @@ import {
   effect
 } from "./chunk-DIUGWQ3J.js";
 
+// src/jsx/anchor.ts
+function createAnchor(parent) {
+  const anchor = document.createComment("jsx");
+  parent.appendChild(anchor);
+  return anchor;
+}
+
 // src/jsx/mount.ts
-function mountChild(parent, child) {
-  if (child == null || child === true || child === false) return;
-  if (Array.isArray(child)) {
-    for (const c of child) mountChild(parent, c);
-    return;
+function normalize(value) {
+  if (value == null || value === true || value === false) return [];
+  if (Array.isArray(value)) {
+    return value.flatMap(normalize);
   }
-  if (child instanceof Node) {
-    parent.appendChild(child);
-    return;
+  if (value instanceof Node) return [value];
+  return [document.createTextNode(String(value))];
+}
+function removeNodes(nodes) {
+  for (const n of nodes) {
+    n.parentNode?.removeChild(n);
   }
+}
+function mountChild(parent, child) {
   if (typeof child === "function") {
-    const text = document.createTextNode("");
-    parent.appendChild(text);
+    const anchor = createAnchor(parent);
+    let mounted = [];
     effect(() => {
-      const v = child();
-      text.nodeValue = v == null ? "" : String(v);
+      const value = child();
+      const next = normalize(value);
+      removeNodes(mounted);
+      for (const n of next) {
+        parent.insertBefore(n, anchor);
+      }
+      mounted = next;
     });
     return;
   }
@@ -26,7 +42,9 @@ function mountChild(parent, child) {
     mountChild(parent, () => child.val);
     return;
   }
-  parent.appendChild(document.createTextNode(String(child)));
+  for (const node of normalize(child)) {
+    parent.appendChild(node);
+  }
 }
 
 // src/jsx/jsx.ts

package/dist/{jsx/jsx-dev-runtime.js → jsx-dev-runtime.js}

@@ -1,7 +1,7 @@
 import {
   h
-} from "../chunk-VFKTCWRG.js";
-import "../chunk-DIUGWQ3J.js";
+} from "./chunk-46TBOZKD.js";
+import "./chunk-DIUGWQ3J.js";
 
 // src/jsx/jsx-dev-runtime.ts
 function jsxDEV(type, props) {

package/dist/{jsx/jsx-runtime.js → jsx-runtime.js}

@@ -1,7 +1,7 @@
 import {
   h
-} from "../chunk-VFKTCWRG.js";
-import "../chunk-DIUGWQ3J.js";
+} from "./chunk-46TBOZKD.js";
+import "./chunk-DIUGWQ3J.js";
 
 // src/jsx/jsx-runtime.ts
 function jsx(type, props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mini-jsx-test-pb",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -23,7 +23,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsup src/index.ts src/jsx/jsx-runtime.ts src/jsx/jsx-dev-runtime.ts --format esm --dts",
+    "build": "tsup src/index.ts src/jsx-runtime.ts src/jsx-dev-runtime.ts --format esm --dts",
     "dev": "tsup src/index.ts --format esm --dts --watch"
   },
   "devDependencies": {