@getforma/core 1.1.0 → 1.3.0

package/dist/{chunk-JRQNDXX7.cjs → chunk-FBM7V4NE.cjs}

@@ -1,12 +1,23 @@
 'use strict';
 
-var chunk2Y5US35K_cjs = require('./chunk-2Y5US35K.cjs');
-var chunkW7OUWVRA_cjs = require('./chunk-W7OUWVRA.cjs');
+var chunkKUXNZ5MG_cjs = require('./chunk-KUXNZ5MG.cjs');
+var chunkH7MDUHS5_cjs = require('./chunk-H7MDUHS5.cjs');
 
 // src/dom/element.ts
 var Fragment = /* @__PURE__ */ Symbol.for("forma.fragment");
 var SVG_NS = "http://www.w3.org/2000/svg";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
+var DUAL_USE_SVG_TAGS = /* @__PURE__ */ new Set(["a", "title", "script", "style", "font"]);
+var currentNamespace = null;
+function svg(build) {
+  const prev = currentNamespace;
+  currentNamespace = SVG_NS;
+  try {
+    return build();
+  } finally {
+    currentNamespace = prev;
+  }
+}
 var SVG_TAGS = /* @__PURE__ */ new Set([
   "svg",
   "path",
@@ -156,7 +167,7 @@ function getCache(el) {
 }
 function handleClass(el, _key, value) {
   if (typeof value === "function") {
-    chunk2Y5US35K_cjs.internalEffect(() => {
+    chunkKUXNZ5MG_cjs.internalEffect(() => {
       const v = value();
       const cache = getCache(el);
       if (cache["class"] === v) return;
@@ -206,7 +217,7 @@ function applyStyleObj(el, obj, prevKeys) {
 function handleStyle(el, _key, value) {
   if (typeof value === "function") {
     let prevKeys = [];
-    chunk2Y5US35K_cjs.internalEffect(() => {
+    chunkKUXNZ5MG_cjs.internalEffect(() => {
       const v = value();
       if (typeof v === "string") {
         const cache = getCache(el);
@@ -236,7 +247,7 @@ function handleEvent(el, key, value) {
 }
 function handleInnerHTML(el, _key, value) {
   if (typeof value === "function") {
-    chunk2Y5US35K_cjs.internalEffect(() => {
+    chunkKUXNZ5MG_cjs.internalEffect(() => {
       const resolved = value();
       if (resolved == null) {
         el.innerHTML = "";
@@ -280,7 +291,7 @@ function handleInnerHTML(el, _key, value) {
 function handleXLink(el, key, value) {
   const localName = key.slice(6);
   if (typeof value === "function") {
-    chunk2Y5US35K_cjs.internalEffect(() => {
+    chunkKUXNZ5MG_cjs.internalEffect(() => {
       const v = value();
       if (v == null || v === false) {
         el.removeAttributeNS(XLINK_NS, localName);
@@ -298,7 +309,7 @@ function handleXLink(el, key, value) {
 }
 function handleBooleanAttr(el, key, value) {
   if (typeof value === "function") {
-    chunk2Y5US35K_cjs.internalEffect(() => {
+    chunkKUXNZ5MG_cjs.internalEffect(() => {
       const v = value();
       const cache = getCache(el);
       if (cache[key] === v) return;
@@ -322,7 +333,7 @@ function handleBooleanAttr(el, key, value) {
 }
 function handleGenericAttr(el, key, value) {
   if (typeof value === "function") {
-    chunk2Y5US35K_cjs.internalEffect(() => {
+    chunkKUXNZ5MG_cjs.internalEffect(() => {
       const v = value();
       if (v == null || v === false) {
         const cache = getCache(el);
@@ -465,7 +476,7 @@ function appendChild(parent, child) {
       }
       currentNode = null;
     };
-    chunk2Y5US35K_cjs.internalEffect(() => {
+    chunkKUXNZ5MG_cjs.internalEffect(() => {
       const v = child();
       let resolved = v;
       if (Array.isArray(v)) {
@@ -540,7 +551,12 @@ function h(tag, props, ...children) {
     return { type: "element", tag: tagName, props: props ?? null, children };
   }
   let el;
-  if (ELEMENT_PROTOS && ELEMENT_PROTOS[tagName]) {
+  const svgCtx = currentNamespace === SVG_NS;
+  if (svgCtx && (SVG_TAGS.has(tagName) || DUAL_USE_SVG_TAGS.has(tagName))) {
+    el = document.createElementNS(SVG_NS, tagName);
+  } else if (!svgCtx && DUAL_USE_SVG_TAGS.has(tagName)) {
+    el = getProto(tagName).cloneNode(false);
+  } else if (ELEMENT_PROTOS && ELEMENT_PROTOS[tagName]) {
     el = ELEMENT_PROTOS[tagName].cloneNode(false);
   } else if (SVG_TAGS.has(tagName)) {
     el = document.createElementNS(SVG_NS, tagName);
@@ -615,7 +631,7 @@ function createShow(when, thenFn, elseFn = () => null) {
   let currentNode = null;
   let lastTruthy = null;
   let currentDispose = null;
-  const showDispose = chunk2Y5US35K_cjs.internalEffect(() => {
+  const showDispose = chunkKUXNZ5MG_cjs.internalEffect(() => {
     const truthy = !!when();
     const DEBUG = typeof globalThis.__FORMA_DEBUG__ !== "undefined";
     const DEBUG_LABEL = DEBUG ? thenFn.toString().slice(0, 60) : "";
@@ -647,9 +663,9 @@ function createShow(when, thenFn, elseFn = () => null) {
     const branchFn = truthy ? thenFn : elseFn;
     if (branchFn) {
       let branchDispose;
-      currentNode = chunk2Y5US35K_cjs.createRoot((dispose) => {
+      currentNode = chunkKUXNZ5MG_cjs.createRoot((dispose) => {
         branchDispose = dispose;
-        return chunk2Y5US35K_cjs.untrack(() => branchFn());
+        return chunkKUXNZ5MG_cjs.untrack(() => branchFn());
       });
       currentDispose = branchDispose;
     } else {
@@ -659,7 +675,7 @@ function createShow(when, thenFn, elseFn = () => null) {
       parent.insertBefore(currentNode, endMarker);
     }
   });
-  chunk2Y5US35K_cjs.registerDisposer(() => {
+  chunkKUXNZ5MG_cjs.registerDisposer(() => {
     if (currentDispose) {
       currentDispose();
       currentDispose = null;
@@ -707,7 +723,7 @@ function applyDynamicProps(el, props) {
     }
     const fn = value;
     const attrKey = key;
-    chunk2Y5US35K_cjs.internalEffect(() => {
+    chunkKUXNZ5MG_cjs.internalEffect(() => {
       const v = fn();
       if (v === false || v == null) {
         el.removeAttribute(attrKey);
@@ -819,13 +835,13 @@ function setupShowEffect(desc, marker) {
   let elseFragment = null;
   const hasSSRContent = marker.start.nextSibling !== marker.end;
   if (!hasSSRContent && currentCondition) {
-    if (chunkW7OUWVRA_cjs.__DEV__) console.warn("[forma] Hydration: show condition mismatch \u2014 SSR empty but client condition is true");
+    if (chunkH7MDUHS5_cjs.__DEV__) console.warn("[forma] Hydration: show condition mismatch \u2014 SSR empty but client condition is true");
     const trueBranch = desc.whenTrue();
     if (trueBranch instanceof Node) {
       marker.start.parentNode.insertBefore(trueBranch, marker.end);
     }
   }
-  chunk2Y5US35K_cjs.internalEffect(() => {
+  chunkKUXNZ5MG_cjs.internalEffect(() => {
     const next = !!desc.condition();
     if (next === currentCondition) return;
     currentCondition = next;
@@ -872,7 +888,7 @@ function adoptBranchContent(desc, regionStart, regionEnd) {
 }
 function adoptNode(desc, ssrEl) {
   if (!ssrEl || ssrEl.tagName !== desc.tag.toUpperCase()) {
-    if (chunkW7OUWVRA_cjs.__DEV__) console.warn(`Hydration mismatch: expected <${desc.tag}>, got <${ssrEl?.tagName?.toLowerCase() ?? "nothing"}>`);
+    if (chunkH7MDUHS5_cjs.__DEV__) console.warn(`Hydration mismatch: expected <${desc.tag}>, got <${ssrEl?.tagName?.toLowerCase() ?? "nothing"}>`);
     const fresh = descriptorToElement(desc);
     if (ssrEl) ssrEl.replaceWith(fresh);
     return;
@@ -946,7 +962,7 @@ function adoptNode(desc, ssrEl) {
             }
             node = node.nextSibling;
           }
-          const currentItems = chunk2Y5US35K_cjs.untrack(() => child.items());
+          const currentItems = chunkKUXNZ5MG_cjs.untrack(() => child.items());
           const listKeyFn = child.keyFn;
           const listRenderFn = child.renderFn;
           const useIndexFallback = ssrKeyMap.size === 0 && ssrElements.length > 0;
@@ -970,11 +986,11 @@ function adoptNode(desc, ssrEl) {
               adoptedNodes.push(ssrNode);
               adoptedItems.push(item);
             } else {
-              if (chunkW7OUWVRA_cjs.__DEV__) console.warn(`[FormaJS] Hydration: list item key "${key}" not found in SSR \u2014 rendering fresh`);
+              if (chunkH7MDUHS5_cjs.__DEV__) console.warn(`[FormaJS] Hydration: list item key "${key}" not found in SSR \u2014 rendering fresh`);
               const prevHydrating = hydrating;
               hydrating = false;
               try {
-                const [getIndex] = chunkW7OUWVRA_cjs.createSignal(i);
+                const [getIndex] = chunkH7MDUHS5_cjs.createSignal(i);
                 const fresh = listRenderFn(item, getIndex);
                 end.parentNode.insertBefore(fresh, end);
                 adoptedNodes.push(fresh);
@@ -992,7 +1008,7 @@ function adoptNode(desc, ssrEl) {
             }
           } else {
             for (const [unusedKey, unusedNode] of ssrKeyMap) {
-              if (chunkW7OUWVRA_cjs.__DEV__) console.warn(`[FormaJS] Hydration: removing extra SSR list item with key "${unusedKey}"`);
+              if (chunkH7MDUHS5_cjs.__DEV__) console.warn(`[FormaJS] Hydration: removing extra SSR list item with key "${unusedKey}"`);
               if (unusedNode.parentNode) {
                 unusedNode.parentNode.removeChild(unusedNode);
               }
@@ -1006,7 +1022,7 @@ function adoptNode(desc, ssrEl) {
           for (let i = 0; i < adoptedItems.length; i++) {
             const item = adoptedItems[i];
             const key = listKeyFn(item);
-            const [getIndex, setIndex] = chunkW7OUWVRA_cjs.createSignal(i);
+            const [getIndex, setIndex] = chunkH7MDUHS5_cjs.createSignal(i);
             cache.set(key, {
               element: adoptedNodes[i],
               item,
@@ -1016,7 +1032,7 @@ function adoptNode(desc, ssrEl) {
           }
           let reconcileNodes = adoptedNodes.slice();
           let reconcileItems = adoptedItems.slice();
-          chunk2Y5US35K_cjs.internalEffect(() => {
+          chunkKUXNZ5MG_cjs.internalEffect(() => {
             const newItems = child.items();
             const parent2 = start.parentNode;
             if (!parent2) return;
@@ -1031,8 +1047,8 @@ function adoptNode(desc, ssrEl) {
                 hydrating = false;
                 try {
                   const key = listKeyFn(item);
-                  const [getIndex, setIndex] = chunkW7OUWVRA_cjs.createSignal(0);
-                  const element = chunk2Y5US35K_cjs.untrack(() => listRenderFn(item, getIndex));
+                  const [getIndex, setIndex] = chunkH7MDUHS5_cjs.createSignal(0);
+                  const element = chunkKUXNZ5MG_cjs.untrack(() => listRenderFn(item, getIndex));
                   cache.set(key, { element, item, getIndex, setIndex });
                   return element;
                 } finally {
@@ -1081,12 +1097,12 @@ function adoptNode(desc, ssrEl) {
           const endMarker = findClosingMarker(cursor);
           let textNode = cursor.nextSibling;
           if (!textNode || textNode.nodeType !== 3) {
-            if (chunkW7OUWVRA_cjs.__DEV__) console.warn(`[FormaJS] Hydration: created text node for marker ${data} \u2014 SSR walker should emit content between markers`);
+            if (chunkH7MDUHS5_cjs.__DEV__) console.warn(`[FormaJS] Hydration: created text node for marker ${data} \u2014 SSR walker should emit content between markers`);
             const created = document.createTextNode("");
             cursor.parentNode.insertBefore(created, endMarker || cursor.nextSibling);
             textNode = created;
           }
-          chunk2Y5US35K_cjs.internalEffect(() => {
+          chunkKUXNZ5MG_cjs.internalEffect(() => {
             textNode.data = String(child());
           });
           cursor = endMarker ? endMarker.nextSibling : textNode.nextSibling;
@@ -1096,11 +1112,11 @@ function adoptNode(desc, ssrEl) {
           if (end) {
             let textNode = findTextBetween(start, end);
             if (!textNode) {
-              if (chunkW7OUWVRA_cjs.__DEV__) console.warn(`[FormaJS] Hydration: created text node for show marker ${start.data} \u2014 SSR walker should emit content between markers`);
+              if (chunkH7MDUHS5_cjs.__DEV__) console.warn(`[FormaJS] Hydration: created text node for show marker ${start.data} \u2014 SSR walker should emit content between markers`);
               textNode = document.createTextNode("");
               start.parentNode.insertBefore(textNode, end);
             }
-            chunk2Y5US35K_cjs.internalEffect(() => {
+            chunkKUXNZ5MG_cjs.internalEffect(() => {
               textNode.data = String(child());
             });
             cursor = end.nextSibling;
@@ -1113,14 +1129,14 @@ function adoptNode(desc, ssrEl) {
       } else if (cursor && cursor.nodeType === 3) {
         const textNode = cursor;
         cursor = cursor.nextSibling;
-        chunk2Y5US35K_cjs.internalEffect(() => {
+        chunkKUXNZ5MG_cjs.internalEffect(() => {
           textNode.data = String(child());
         });
       } else {
-        if (chunkW7OUWVRA_cjs.__DEV__) console.warn(`[FormaJS] Hydration: created text node in empty <${ssrEl.tagName.toLowerCase()}> \u2014 IR may not cover this component`);
+        if (chunkH7MDUHS5_cjs.__DEV__) console.warn(`[FormaJS] Hydration: created text node in empty <${ssrEl.tagName.toLowerCase()}> \u2014 IR may not cover this component`);
         const textNode = document.createTextNode("");
         ssrEl.appendChild(textNode);
-        chunk2Y5US35K_cjs.internalEffect(() => {
+        chunkKUXNZ5MG_cjs.internalEffect(() => {
           textNode.data = String(child());
         });
       }
@@ -1134,7 +1150,7 @@ function adoptNode(desc, ssrEl) {
 function hydrateIsland(component, target) {
   const hasSSRContent = target.childElementCount > 0 || target.childNodes.length > 0 && Array.from(target.childNodes).some((n) => n.nodeType === 1 || n.nodeType === 3 && n.data.trim());
   if (!hasSSRContent) {
-    if (chunkW7OUWVRA_cjs.__DEV__) {
+    if (chunkH7MDUHS5_cjs.__DEV__) {
       const name = target.getAttribute("data-forma-component") || "unknown";
       console.warn(
         `[forma] Island "${name}" has no SSR content \u2014 falling back to CSR. This means the IR walker did not render content between ISLAND_START and ISLAND_END.`
@@ -1352,14 +1368,18 @@ function reconcileList(parent, oldItems, newItems, oldNodes, keyFn, createFn, up
   }
   const oldKeyMap = /* @__PURE__ */ new Map();
   for (let i = 0; i < oldLen; i++) {
-    oldKeyMap.set(keyFn(oldItems[i]), i);
+    const k = keyFn(oldItems[i]);
+    const bucket = oldKeyMap.get(k);
+    if (bucket) bucket.push(i);
+    else oldKeyMap.set(k, [i]);
   }
   const oldIndices = new Array(newLen);
   const oldUsed = new Uint8Array(oldLen);
   for (let i = 0; i < newLen; i++) {
     const key = keyFn(newItems[i]);
-    const oldIdx = oldKeyMap.get(key);
-    if (oldIdx !== void 0) {
+    const bucket = oldKeyMap.get(key);
+    if (bucket && bucket.length > 0) {
+      const oldIdx = bucket.shift();
       oldIndices[i] = oldIdx;
       oldUsed[oldIdx] = 1;
     } else {
@@ -1450,14 +1470,14 @@ function createList(items, keyFn, renderFn, options) {
   let currentNodes = [];
   let currentItems = [];
   const updateOnItemChange = options?.updateOnItemChange ?? "none";
-  chunk2Y5US35K_cjs.internalEffect(() => {
+  chunkKUXNZ5MG_cjs.internalEffect(() => {
     const newItems = items();
     const parent = startMarker.parentNode;
     if (!parent) {
       return;
     }
     if (!Array.isArray(newItems)) {
-      if (chunkW7OUWVRA_cjs.__DEV__) {
+      if (chunkH7MDUHS5_cjs.__DEV__) {
         console.warn("[forma] createList: value is not an array, treating as empty");
       }
       for (const node of currentNodes) {
@@ -1475,7 +1495,7 @@ function createList(items, keyFn, renderFn, options) {
         break;
       }
     }
-    if (chunkW7OUWVRA_cjs.__DEV__) {
+    if (chunkH7MDUHS5_cjs.__DEV__) {
       const seen = /* @__PURE__ */ new Set();
       for (const item of cleanItems) {
         const key = keyFn(item);
@@ -1495,7 +1515,7 @@ function createList(items, keyFn, renderFn, options) {
       if (node[ABORT_SYM3] || node[CACHE_SYM2] || node[DYNAMIC_CHILD_SYM2]) {
         return;
       }
-      const next = chunk2Y5US35K_cjs.untrack(() => renderFn(item, cached.getIndex));
+      const next = chunkKUXNZ5MG_cjs.untrack(() => renderFn(item, cached.getIndex));
       if (canPatchStaticElement(node, next)) {
         patchStaticElement(node, next);
         cached.element = node;
@@ -1518,11 +1538,11 @@ function createList(items, keyFn, renderFn, options) {
       // disposed when the item is removed from the list.
       (item) => {
         const key = keyFn(item);
-        const [getIndex, setIndex] = chunkW7OUWVRA_cjs.createSignal(0);
+        const [getIndex, setIndex] = chunkH7MDUHS5_cjs.createSignal(0);
         let itemDispose;
-        const element = chunk2Y5US35K_cjs.createRoot((dispose) => {
+        const element = chunkKUXNZ5MG_cjs.createRoot((dispose) => {
           itemDispose = dispose;
-          return chunk2Y5US35K_cjs.untrack(() => renderFn(item, getIndex));
+          return chunkKUXNZ5MG_cjs.untrack(() => renderFn(item, getIndex));
         });
         cache.set(key, { element, item, getIndex, setIndex, dispose: itemDispose });
         return element;
@@ -1549,7 +1569,7 @@ function createList(items, keyFn, renderFn, options) {
     currentNodes = result.nodes;
     currentItems = result.items;
   });
-  chunk2Y5US35K_cjs.registerDisposer(() => {
+  chunkKUXNZ5MG_cjs.registerDisposer(() => {
     for (const cached of cache.values()) {
       cached.dispose();
     }
@@ -1568,5 +1588,6 @@ exports.fragment = fragment;
 exports.h = h;
 exports.hydrateIsland = hydrateIsland;
 exports.reconcileList = reconcileList;
-//# sourceMappingURL=chunk-JRQNDXX7.cjs.map
-//# sourceMappingURL=chunk-JRQNDXX7.cjs.map
+exports.svg = svg;
+//# sourceMappingURL=chunk-FBM7V4NE.cjs.map
+//# sourceMappingURL=chunk-FBM7V4NE.cjs.map