@getforma/core 0.3.0 → 0.6.1

package/dist/{chunk-VP5EOGM5.cjs → chunk-YSKF3VRA.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkFPSLC62A_cjs = require('./chunk-FPSLC62A.cjs');
+var chunkKH3F5NRU_cjs = require('./chunk-KH3F5NRU.cjs');
 var alienSignals = require('alien-signals');
 
 // src/reactive/root.ts
@@ -23,7 +23,7 @@ function createRoot(fn) {
     return fn(dispose);
   } finally {
     currentRoot = rootStack.pop() ?? null;
-    if (rootStack.length === 0 && rootStack.length !== rootStack.__capacity) {
+    if (rootStack.length === 0) {
       rootStack.length = 0;
     }
   }
@@ -229,7 +229,7 @@ function createEffect(fn) {
 }
 
 // src/reactive/memo.ts
-var createMemo = chunkFPSLC62A_cjs.createComputed;
+var createMemo = chunkKH3F5NRU_cjs.createComputed;
 function batch(fn) {
   alienSignals.startBatch();
   try {
@@ -271,7 +271,7 @@ function createRef(initialValue) {
 
 // src/reactive/reducer.ts
 function createReducer(reducer, initialState) {
-  const [state, setState] = chunkFPSLC62A_cjs.createSignal(initialState);
+  const [state, setState] = chunkKH3F5NRU_cjs.createSignal(initialState);
   const dispatch = (action) => {
     setState((prev) => reducer(prev, action));
   };
@@ -294,9 +294,9 @@ function getSuspenseContext() {
 
 // src/reactive/resource.ts
 function createResource(source, fetcher, options) {
-  const [data, setData] = chunkFPSLC62A_cjs.createSignal(options?.initialValue);
-  const [loading, setLoading] = chunkFPSLC62A_cjs.createValueSignal(false);
-  const [error, setError] = chunkFPSLC62A_cjs.createValueSignal(void 0);
+  const [data, setData] = chunkKH3F5NRU_cjs.createSignal(options?.initialValue);
+  const [loading, setLoading] = chunkKH3F5NRU_cjs.createSignal(false);
+  const [error, setError] = chunkKH3F5NRU_cjs.createSignal(void 0);
   const suspenseCtx = getSuspenseContext();
   let abortController = null;
   let fetchVersion = 0;
@@ -564,8 +564,47 @@ function handleEvent(el, key, value2) {
   );
 }
 function handleInnerHTML(el, _key, value2) {
-  const v = value2;
-  el.innerHTML = v.__html;
+  if (typeof value2 === "function") {
+    internalEffect(() => {
+      const resolved = value2();
+      if (resolved == null) {
+        el.innerHTML = "";
+        return;
+      }
+      if (typeof resolved !== "object" || !("__html" in resolved)) {
+        throw new TypeError(
+          "dangerouslySetInnerHTML: expected { __html: string }, got " + typeof resolved
+        );
+      }
+      const html = resolved.__html;
+      if (typeof html !== "string") {
+        throw new TypeError(
+          "dangerouslySetInnerHTML: __html must be a string, got " + typeof html
+        );
+      }
+      const cache = getCache(el);
+      if (cache["innerHTML"] === html) return;
+      cache["innerHTML"] = html;
+      el.innerHTML = html;
+    });
+  } else {
+    if (value2 == null) {
+      el.innerHTML = "";
+      return;
+    }
+    if (typeof value2 !== "object" || !("__html" in value2)) {
+      throw new TypeError(
+        "dangerouslySetInnerHTML: expected { __html: string }, got " + typeof value2
+      );
+    }
+    const html = value2.__html;
+    if (typeof html !== "string") {
+      throw new TypeError(
+        "dangerouslySetInnerHTML: __html must be a string, got " + typeof html
+      );
+    }
+    el.innerHTML = html;
+  }
 }
 function handleXLink(el, key, value2) {
   const localName = key.slice(6);
@@ -687,7 +726,18 @@ function applyStaticProp(el, key, value2) {
     return;
   }
   if (key === "dangerouslySetInnerHTML") {
-    el.innerHTML = value2.__html;
+    if (typeof value2 !== "object" || !("__html" in value2)) {
+      throw new TypeError(
+        "dangerouslySetInnerHTML: expected { __html: string }, got " + typeof value2
+      );
+    }
+    const html = value2.__html;
+    if (typeof html !== "string") {
+      throw new TypeError(
+        "dangerouslySetInnerHTML: __html must be a string, got " + typeof html
+      );
+    }
+    el.innerHTML = html;
     return;
   }
   if (key.charCodeAt(0) === 120 && key.startsWith("xlink:")) {
@@ -758,6 +808,10 @@ function appendChild(parent, child) {
   }
 }
 function h(tag, props, ...children) {
+  if (typeof tag === "function" && tag !== Fragment) {
+    const mergedProps = { ...props ?? {}, children };
+    return tag(mergedProps);
+  }
   if (tag === Fragment) {
     const frag = document.createDocumentFragment();
     for (const child of children) {
@@ -845,10 +899,10 @@ function createShow(when, thenFn, elseFn) {
   let currentNode = null;
   let lastTruthy = null;
   let currentDispose = null;
-  const DEBUG_LABEL = thenFn.toString().slice(0, 60);
   const showDispose = internalEffect(() => {
     const truthy = !!when();
     const DEBUG = typeof globalThis.__FORMA_DEBUG__ !== "undefined";
+    const DEBUG_LABEL = DEBUG ? thenFn.toString().slice(0, 60) : "";
     if (truthy === lastTruthy) {
       if (DEBUG) console.log("[forma:show] skip (same)", truthy, DEBUG_LABEL);
       return;
@@ -900,18 +954,19 @@ function createShow(when, thenFn, elseFn) {
 }
 
 // src/dom/hydrate.ts
+var ABORT_SYM2 = /* @__PURE__ */ Symbol.for("forma-abort");
 var hydrating = false;
 function setHydrating(value2) {
   hydrating = value2;
 }
 function isDescriptor(v) {
-  return v != null && typeof v === "object" && v.type === "element";
+  return v != null && typeof v === "object" && "type" in v && v.type === "element";
 }
 function isShowDescriptor(v) {
-  return v != null && typeof v === "object" && v.type === "show";
+  return v != null && typeof v === "object" && "type" in v && v.type === "show";
 }
 function isListDescriptor(v) {
-  return v != null && typeof v === "object" && v.type === "list";
+  return v != null && typeof v === "object" && "type" in v && v.type === "list";
 }
 function applyDynamicProps(el, props) {
   if (!props) return;
@@ -919,7 +974,12 @@ function applyDynamicProps(el, props) {
     const value2 = props[key];
     if (typeof value2 !== "function") continue;
     if (key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && key.length > 2) {
-      el.addEventListener(key.slice(2).toLowerCase(), value2);
+      let ac = el[ABORT_SYM2];
+      if (!ac) {
+        ac = new AbortController();
+        el[ABORT_SYM2] = ac;
+      }
+      el.addEventListener(key.slice(2).toLowerCase(), value2, { signal: ac.signal });
       continue;
     }
     const fn = value2;
@@ -1089,7 +1149,7 @@ function adoptBranchContent(desc, regionStart, regionEnd) {
 }
 function adoptNode(desc, ssrEl) {
   if (!ssrEl || ssrEl.tagName !== desc.tag.toUpperCase()) {
-    console.warn(`Hydration mismatch: expected <${desc.tag}>, got <${ssrEl?.tagName?.toLowerCase() ?? "nothing"}>`);
+    if (__DEV__) console.warn(`Hydration mismatch: expected <${desc.tag}>, got <${ssrEl?.tagName?.toLowerCase() ?? "nothing"}>`);
     const fresh = descriptorToElement(desc);
     if (ssrEl) ssrEl.replaceWith(fresh);
     return;
@@ -1191,7 +1251,7 @@ function adoptNode(desc, ssrEl) {
               const prevHydrating = hydrating;
               hydrating = false;
               try {
-                const [getIndex] = chunkFPSLC62A_cjs.createSignal(i);
+                const [getIndex] = chunkKH3F5NRU_cjs.createSignal(i);
                 const fresh = listRenderFn(item, getIndex);
                 end.parentNode.insertBefore(fresh, end);
                 adoptedNodes.push(fresh);
@@ -1223,7 +1283,7 @@ function adoptNode(desc, ssrEl) {
           for (let i = 0; i < adoptedItems.length; i++) {
             const item = adoptedItems[i];
             const key = listKeyFn(item);
-            const [getIndex, setIndex] = chunkFPSLC62A_cjs.createSignal(i);
+            const [getIndex, setIndex] = chunkKH3F5NRU_cjs.createSignal(i);
             cache.set(key, {
               element: adoptedNodes[i],
               item,
@@ -1248,7 +1308,7 @@ function adoptNode(desc, ssrEl) {
                 hydrating = false;
                 try {
                   const key = listKeyFn(item);
-                  const [getIndex, setIndex] = chunkFPSLC62A_cjs.createSignal(0);
+                  const [getIndex, setIndex] = chunkKH3F5NRU_cjs.createSignal(0);
                   const element = untrack(() => listRenderFn(item, getIndex));
                   cache.set(key, { element, item, getIndex, setIndex });
                   return element;
@@ -1421,11 +1481,11 @@ function longestIncreasingSubsequence(arr) {
   return result;
 }
 var SMALL_LIST_THRESHOLD = 32;
-var ABORT_SYM2 = /* @__PURE__ */ Symbol.for("forma-abort");
+var ABORT_SYM3 = /* @__PURE__ */ Symbol.for("forma-abort");
 var CACHE_SYM2 = /* @__PURE__ */ Symbol.for("forma-attr-cache");
 var DYNAMIC_CHILD_SYM2 = /* @__PURE__ */ Symbol.for("forma-dynamic-child");
 function canPatchStaticElement(target, source) {
-  return target instanceof HTMLElement && source instanceof HTMLElement && target.tagName === source.tagName && !target[ABORT_SYM2] && !target[CACHE_SYM2] && !target[DYNAMIC_CHILD_SYM2] && !source[ABORT_SYM2] && !source[CACHE_SYM2] && !source[DYNAMIC_CHILD_SYM2];
+  return target instanceof HTMLElement && source instanceof HTMLElement && target.tagName === source.tagName && !target[ABORT_SYM3] && !target[CACHE_SYM2] && !target[DYNAMIC_CHILD_SYM2] && !source[ABORT_SYM3] && !source[CACHE_SYM2] && !source[DYNAMIC_CHILD_SYM2];
 }
 function patchStaticElement(target, source) {
   const sourceAttrNames = /* @__PURE__ */ new Set();
@@ -1709,7 +1769,7 @@ function createList(items, keyFn, renderFn, options) {
       if (cached.item === item) return;
       cached.item = item;
       if (!(node instanceof HTMLElement)) return;
-      if (node[ABORT_SYM2] || node[CACHE_SYM2] || node[DYNAMIC_CHILD_SYM2]) {
+      if (node[ABORT_SYM3] || node[CACHE_SYM2] || node[DYNAMIC_CHILD_SYM2]) {
         return;
       }
       const next = untrack(() => renderFn(item, cached.getIndex));
@@ -1731,7 +1791,7 @@ function createList(items, keyFn, renderFn, options) {
       // createFn: create element + cache entry
       (item) => {
         const key = keyFn(item);
-        const [getIndex, setIndex] = chunkFPSLC62A_cjs.createSignal(0);
+        const [getIndex, setIndex] = chunkKH3F5NRU_cjs.createSignal(0);
         const element = untrack(() => renderFn(item, getIndex));
         cache.set(key, { element, item, getIndex, setIndex });
         return element;
@@ -1757,6 +1817,7 @@ function createList(items, keyFn, renderFn, options) {
 }
 
 exports.Fragment = Fragment;
+exports.__DEV__ = __DEV__;
 exports.batch = batch;
 exports.cleanup = cleanup;
 exports.createEffect = createEffect;
@@ -1771,13 +1832,13 @@ exports.fragment = fragment;
 exports.h = h;
 exports.hydrateIsland = hydrateIsland;
 exports.internalEffect = internalEffect;
-exports.longestIncreasingSubsequence = longestIncreasingSubsequence;
 exports.on = on;
 exports.onCleanup = onCleanup;
 exports.onError = onError;
 exports.popSuspenseContext = popSuspenseContext;
 exports.pushSuspenseContext = pushSuspenseContext;
 exports.reconcileList = reconcileList;
+exports.reportError = reportError;
 exports.untrack = untrack;
-//# sourceMappingURL=chunk-VP5EOGM5.cjs.map
-//# sourceMappingURL=chunk-VP5EOGM5.cjs.map
+//# sourceMappingURL=chunk-YSKF3VRA.cjs.map
+//# sourceMappingURL=chunk-YSKF3VRA.cjs.map