@getforma/core 1.0.6 → 1.0.8

package/dist/formajs.global.js

@@ -1349,9 +1349,9 @@ var FormaJS = (() => {
   }
 
   // src/dom/show.ts
-  function createShow(when, thenFn, elseFn) {
+  function createShow(when, thenFn, elseFn = () => null) {
     if (hydrating) {
-      const branch = when() ? thenFn() : elseFn?.() ?? null;
+      const branch = when() ? thenFn() : elseFn();
       return {
         type: "show",
         condition: when,
@@ -2286,7 +2286,11 @@ var FormaJS = (() => {
   function applyStaticProp(el, key, value2) {
     if (value2 == null || value2 === false) return;
     if (key === "class" || key === "className") {
-      el.className = value2;
+      if (el instanceof HTMLElement) {
+        el.className = value2;
+      } else {
+        el.setAttribute("class", value2);
+      }
       return;
     }
     if (key === "style") {
@@ -2347,17 +2351,58 @@ var FormaJS = (() => {
         parent2[DYNAMIC_CHILD_SYM2] = true;
       }
       let currentNode = null;
+      let currentFragChildren = null;
+      let warnedArray = false;
+      const DEBUG = typeof globalThis.__FORMA_DEBUG__ !== "undefined";
+      const clearCurrent = () => {
+        if (currentFragChildren) {
+          for (const c of currentFragChildren) {
+            if (c.parentNode === parent2) parent2.removeChild(c);
+          }
+          currentFragChildren = null;
+        }
+        if (currentNode && currentNode.parentNode === parent2) {
+          parent2.removeChild(currentNode);
+        }
+        currentNode = null;
+      };
       internalEffect(() => {
         const v = child();
-        if (v instanceof Node) {
-          if (currentNode) {
-            parent2.replaceChild(v, currentNode);
-          } else {
-            parent2.appendChild(v);
+        let resolved = v;
+        if (Array.isArray(v)) {
+          const frag = document.createDocumentFragment();
+          for (const item of v) {
+            if (item instanceof Node) frag.appendChild(item);
+            else if (Array.isArray(item)) {
+              if (DEBUG) console.warn("[forma] Nested arrays in function children are not supported. Flatten the array or use createList().");
+            } else if (item != null && item !== false && item !== true) {
+              frag.appendChild(new Text(String(item)));
+            }
+          }
+          resolved = frag.childNodes.length > 0 ? frag : null;
+          if (DEBUG && !warnedArray) {
+            warnedArray = true;
+            console.warn("[forma] Function child returned an array \u2014 auto-wrapped in DocumentFragment. Consider using createList() or wrapping in a container element for better performance.");
           }
-          currentNode = v;
+        }
+        if (resolved instanceof Node) {
+          clearCurrent();
+          const isNewFrag = resolved instanceof DocumentFragment;
+          if (isNewFrag) {
+            currentFragChildren = Array.from(resolved.childNodes);
+          }
+          parent2.appendChild(resolved);
+          currentNode = isNewFrag ? null : resolved;
+        } else if (resolved == null || resolved === false || resolved === true) {
+          clearCurrent();
         } else {
-          const text = typeof v === "symbol" ? String(v) : String(v ?? "");
+          if (currentFragChildren) {
+            for (const c of currentFragChildren) {
+              if (c.parentNode === parent2) parent2.removeChild(c);
+            }
+            currentFragChildren = null;
+          }
+          const text = typeof resolved === "symbol" ? String(resolved) : String(resolved ?? "");
           if (!currentNode) {
             currentNode = new Text(text);
             parent2.appendChild(currentNode);