sibujs 4.5.0 → 4.6.0

package/dist/build.cjs

@@ -1419,6 +1419,23 @@ function reportDrainRunaway(label2, executed, remaining) {
   );
 }
 var activeBindingCount = 0;
+function resolveCapture(capture) {
+  let frame = capture;
+  while (frame?.closed) frame = frame.forwardTo;
+  return frame ?? null;
+}
+var registrationCaptures = [];
+function currentDisposerCapture() {
+  return resolveCapture(registrationCaptures[registrationCaptures.length - 1]);
+}
+function beginDisposerCapture(capture) {
+  if (capture === null && registrationCaptures.length === 0) return false;
+  registrationCaptures.push(resolveCapture(capture));
+  return true;
+}
+function endDisposerCapture() {
+  registrationCaptures.pop();
+}
 function registerDisposer(node, teardown) {
   let disposers = elementDisposers.get(node);
   if (!disposers) {
@@ -1427,15 +1444,18 @@ function registerDisposer(node, teardown) {
   }
   disposers.push(teardown);
   if (DEV) activeBindingCount++;
+  const capture = resolveCapture(registrationCaptures[registrationCaptures.length - 1]);
+  if (capture) capture.entries.push([node, teardown]);
 }
 function unregisterDisposer(node, teardown) {
   const disposers = elementDisposers.get(node);
-  if (!disposers) return;
+  if (!disposers) return false;
   const index = disposers.indexOf(teardown);
-  if (index === -1) return;
+  if (index === -1) return false;
   disposers.splice(index, 1);
   if (DEV) activeBindingCount--;
   if (disposers.length === 0) elementDisposers.delete(node);
+  return true;
 }
 function dispose(node) {
   const stack = [node];
@@ -1449,33 +1469,34 @@ function dispose(node) {
     }
   }
   for (let i2 = order.length - 1; i2 >= 0; i2--) {
-    const current = order[i2];
-    if (elementDisposers.has(current)) {
-      let executed = 0;
-      let runaway = false;
-      while (!runaway) {
-        const pending = elementDisposers.get(current);
-        if (!pending || pending.length === 0) break;
-        const snapshot = pending.slice();
-        elementDisposers.delete(current);
-        if (DEV) activeBindingCount -= snapshot.length;
-        for (let i3 = 0; i3 < snapshot.length; i3++) {
-          if (executed >= MAX_DRAIN_TEARDOWNS) {
-            const rest = snapshot.slice(i3);
-            const added = elementDisposers.get(current);
-            elementDisposers.set(current, added ? rest.concat(added) : rest);
-            if (DEV) activeBindingCount += rest.length;
-            reportDrainRunaway("dispose", executed, rest.length + (added?.length ?? 0));
-            runaway = true;
-            break;
-          }
-          executed++;
-          try {
-            snapshot[i3]();
-          } catch (err) {
-            reportError(err, { phase: "cleanup", name: "disposer" });
-          }
-        }
+    disposeNodeOwn(order[i2]);
+  }
+}
+function disposeNodeOwn(node) {
+  if (!elementDisposers.has(node)) return;
+  let executed = 0;
+  let runaway = false;
+  while (!runaway) {
+    const pending = elementDisposers.get(node);
+    if (!pending || pending.length === 0) break;
+    const snapshot = pending.slice();
+    elementDisposers.delete(node);
+    if (DEV) activeBindingCount -= snapshot.length;
+    for (let i2 = 0; i2 < snapshot.length; i2++) {
+      if (executed >= MAX_DRAIN_TEARDOWNS) {
+        const rest = snapshot.slice(i2);
+        const added = elementDisposers.get(node);
+        elementDisposers.set(node, added ? rest.concat(added) : rest);
+        if (DEV) activeBindingCount += rest.length;
+        reportDrainRunaway("dispose", executed, rest.length + (added?.length ?? 0));
+        runaway = true;
+        break;
+      }
+      executed++;
+      try {
+        snapshot[i2]();
+      } catch (err) {
+        reportError(err, { phase: "cleanup", name: "disposer" });
       }
     }
   }
@@ -1956,6 +1977,7 @@ function retrack(effectFn, subscriber) {
   }
   currentSubscriber = subscriber;
   const sub2 = subscriber;
+  if (sub2._cap === void 0) sub2._cap = currentDisposerCapture();
   const epoch = ++subscriberEpochCounter;
   sub2._epoch = epoch;
   sub2._structDirty = false;
@@ -2147,7 +2169,12 @@ function drainQueue() {
       quarantined.add(sub2);
       continue;
     }
-    safeInvoke(sub2);
+    const pushed = beginDisposerCapture(sub2._cap ?? null);
+    try {
+      safeInvoke(sub2);
+    } finally {
+      if (pushed) endDisposerCapture();
+    }
   }
 }
 function drainNotificationQueue() {
@@ -2283,7 +2310,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.5.0" : "dev";
+var _runtimeVersion = true ? "4.6.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g2 = globalThis;
@@ -3324,6 +3351,10 @@ function getSSRStore() {
   }
   return fallbackStore;
 }
+function getRequestStore() {
+  if (als) return als.getStore() ?? null;
+  return _shared.fallbackDepth > 0 ? fallbackStore : null;
+}
 function isSSR() {
   return getSSRStore().ssr;
 }
@@ -3345,16 +3376,18 @@ function disableSSR() {
   getSSRStore().ssr = false;
 }
 function runInSSRContext(fn) {
-  const store2 = { ssr: true, suspenseIdCounter: 0, locale: void 0 };
+  const store2 = { ssr: true, suspenseIdCounter: 0, idCounter: 0, locale: void 0 };
   if (als) {
     return als.run(store2, fn);
   }
   warnMissingAsyncLocalStorage();
   const prevSSR = fallbackStore.ssr;
   const prevCounter = fallbackStore.suspenseIdCounter;
+  const prevIdCounter = fallbackStore.idCounter;
   const prevLocale = fallbackStore.locale;
   fallbackStore.ssr = true;
   fallbackStore.suspenseIdCounter = 0;
+  fallbackStore.idCounter = 0;
   fallbackStore.locale = void 0;
   _shared.fallbackDepth++;
   try {
@@ -3363,6 +3396,7 @@ function runInSSRContext(fn) {
     _shared.fallbackDepth--;
     fallbackStore.ssr = prevSSR;
     fallbackStore.suspenseIdCounter = prevCounter;
+    fallbackStore.idCounter = prevIdCounter;
     fallbackStore.locale = prevLocale;
   }
 }
@@ -4534,9 +4568,14 @@ var longPress = (element, options) => {
   };
 };
 var copyOnClick = (element, getText) => {
+  const report = (error) => reportError(error, { phase: "async", name: "copyOnClick", node: element });
   const handler = () => {
-    const text2 = typeof getText === "function" ? getText() : element.textContent ?? "";
-    navigator.clipboard.writeText(text2);
+    try {
+      const text2 = typeof getText === "function" ? getText() : element.textContent ?? "";
+      Promise.resolve(navigator.clipboard.writeText(text2)).catch(report);
+    } catch (error) {
+      report(error);
+    }
   };
   element.addEventListener("click", handler);
   return () => element.removeEventListener("click", handler);
@@ -4672,6 +4711,11 @@ function context(defaultValue) {
 var COUNTER_KEY = /* @__PURE__ */ Symbol.for("sibujs.createId.v1");
 var _counter = globalThis[COUNTER_KEY] ?? (globalThis[COUNTER_KEY] = { n: 0 });
 function createId(prefix = "sibu") {
+  const request = getRequestStore();
+  if (request) {
+    request.idCounter = (request.idCounter ?? 0) + 1;
+    return `${prefix}-${request.idCounter}`;
+  }
   _counter.n++;
   return `${prefix}-${_counter.n}`;
 }
@@ -4709,9 +4753,11 @@ function when(condition, thenBranch, elseBranch) {
   let currentNode = null;
   let lastCondition;
   let initialized = false;
+  let disposed = false;
   const attachedOnce = /* @__PURE__ */ new WeakSet();
   let currentNodeOwned = false;
   const update = () => {
+    if (disposed) return;
     const show2 = condition();
     const parent = anchor.parentNode;
     if (!parent) return;
@@ -4730,10 +4776,14 @@ function when(condition, thenBranch, elseBranch) {
     restoreFocusWithin(focused, currentNode ? [currentNode] : [], "when");
     initialized = true;
   };
-  registerDisposer(anchor, reactiveBinding2(update, anchor));
+  const stopBinding = reactiveBinding2(update, anchor);
+  registerDisposer(anchor, () => {
+    disposed = true;
+    stopBinding();
+  });
   if (!initialized) {
     queueMicrotask(() => {
-      if (!initialized && anchor.parentNode) update();
+      if (!disposed && !initialized && anchor.parentNode) update();
     });
   }
   return anchor;
@@ -4743,9 +4793,11 @@ function match(value, cases, fallback) {
   let currentNode = null;
   let lastKey;
   let initialized = false;
+  let disposed = false;
   const attachedOnce = /* @__PURE__ */ new WeakSet();
   let currentNodeOwned = false;
   const update = () => {
+    if (disposed) return;
     const key = String(value());
     const parent = anchor.parentNode;
     if (!parent) return;
@@ -4764,17 +4816,30 @@ function match(value, cases, fallback) {
     restoreFocusWithin(focused, currentNode ? [currentNode] : [], "match");
     initialized = true;
   };
-  registerDisposer(anchor, reactiveBinding2(update, anchor));
+  const stopBinding = reactiveBinding2(update, anchor);
+  registerDisposer(anchor, () => {
+    disposed = true;
+    stopBinding();
+  });
   if (!initialized) {
     queueMicrotask(() => {
-      if (!initialized && anchor.parentNode) update();
+      if (!disposed && !initialized && anchor.parentNode) update();
     });
   }
   return anchor;
 }
 
+// src/utils/globalSingleton.ts
+function globalSingleton(key, create) {
+  const g2 = globalThis;
+  return g2[key] ?? (g2[key] = create());
+}
+
 // src/core/rendering/dynamic.ts
-var componentRegistry = /* @__PURE__ */ new Map();
+var componentRegistry = globalSingleton(
+  /* @__PURE__ */ Symbol.for("sibujs.components.registry.v1"),
+  () => /* @__PURE__ */ new Map()
+);
 function registerComponent(name, component) {
   componentRegistry.set(name, component);
 }
@@ -4786,7 +4851,7 @@ function resolveComponent(name) {
   if (component) {
     return component();
   }
-  return div({ nodes: `[Component "${name}" not found]` });
+  return div(`[Component "${name}" not found]`);
 }
 function DynamicComponent(is) {
   const container = div({ class: "sibu-dynamic" });
@@ -5605,10 +5670,15 @@ function Portal(nodes, target) {
 
 // src/core/rendering/slots.ts
 function getSlot(slots, name = "default") {
-  return slots?.[name];
+  if (slots == null || !Object.hasOwn(slots, name)) return void 0;
+  const slot2 = slots[name];
+  return typeof slot2 === "function" ? slot2 : void 0;
 }
 
 // src/core/signals/array.ts
+function nativeSplice(target, start, rest) {
+  return rest.length === 0 ? target.splice(start) : target.splice(start, ...rest);
+}
 function array(initial = []) {
   const [arr, setArr] = signal([...initial]);
   const actions = {
@@ -5636,12 +5706,12 @@ function array(initial = []) {
     unshift(...items) {
       setArr((prev) => [...items, ...prev]);
     },
-    splice(start, deleteCount = 0, ...items) {
+    splice(start, ...rest) {
       let removed = [];
       setArr((prev) => {
         const copy = [...prev];
-        removed = copy.splice(start, deleteCount, ...items);
-        return copy;
+        removed = nativeSplice(copy, start, rest);
+        return removed.length === 0 && rest.length <= 1 ? prev : copy;
       });
       return removed;
     },
@@ -5724,9 +5794,9 @@ function reactiveArray(initial = []) {
       data2.unshift(...items);
       notify();
     },
-    splice(start, deleteCount = 0, ...items) {
-      const removed = data2.splice(start, deleteCount, ...items);
-      if (removed.length > 0 || items.length > 0) {
+    splice(start, ...rest) {
+      const removed = nativeSplice(data2, start, rest);
+      if (removed.length > 0 || rest.length > 1) {
         notify();
       }
       return removed;
@@ -5948,6 +6018,21 @@ function deepEqual(a2, b2, seen) {
     if (a2.length !== b2.length) return false;
     return a2.every((val, i2) => deepEqual(val, b2[i2], seen));
   }
+  if (a2 instanceof Number || a2 instanceof String || a2 instanceof Boolean) {
+    return Object.is(a2.valueOf(), b2.valueOf());
+  }
+  if (typeof URL !== "undefined" && a2 instanceof URL) {
+    return a2.href === b2.href;
+  }
+  if (a2 instanceof Error) {
+    const eb = b2;
+    return a2.name === eb.name && a2.message === eb.message && deepEqual(a2.cause, eb.cause, seen) && plainKeysEqual(objA, objB, seen);
+  }
+  const proto = Object.getPrototypeOf(objA);
+  if (proto !== Object.prototype && proto !== null) return false;
+  return plainKeysEqual(objA, objB, seen);
+}
+function plainKeysEqual(objA, objB, seen) {
   const keysA = Object.keys(objA);
   const keysB = Object.keys(objB);
   if (keysA.length !== keysB.length) return false;
@@ -6083,15 +6168,18 @@ function ref(initial) {
 }
 
 // src/core/signals/store.ts
+function defineOwn(obj, key, value) {
+  Object.defineProperty(obj, key, { value, writable: true, enumerable: true, configurable: true });
+}
 function store(initialState) {
   devAssert(
     initialState !== null && typeof initialState === "object" && !Array.isArray(initialState),
     "store: argument must be a plain object. For arrays, use array() instead."
   );
-  const signals = {};
+  const signals = /* @__PURE__ */ Object.create(null);
   Object.keys(initialState).forEach((key) => {
     const [getter, setter] = signal(initialState[key]);
-    signals[key] = [getter, setter];
+    defineOwn(signals, key, [getter, setter]);
   });
   const store2 = new Proxy({}, {
     get(target, prop) {
@@ -6110,7 +6198,7 @@ function store(initialState) {
   const getSnapshot = () => {
     const snapshot = {};
     Object.keys(signals).forEach((key) => {
-      snapshot[key] = signals[key][0]();
+      defineOwn(snapshot, key, signals[key][0]());
     });
     return snapshot;
   };
@@ -6246,6 +6334,13 @@ function strictEffect(fn) {
   };
 }
 
+// src/reactivity/domBinding.ts
+function domBinding(commit, ownerNode) {
+  if (isSSR()) return () => {
+  };
+  return reactiveBinding2(commit, ownerNode);
+}
+
 // src/platform/enhance.ts
 var ENHANCED_ATTR = "data-sibu-enhanced";
 var enhancementOwner = /* @__PURE__ */ new WeakMap();
@@ -6281,9 +6376,7 @@ function resolveTarget(root, target) {
   }
 }
 function bindNode(el, commit) {
-  if (isSSR()) return () => {
-  };
-  return reactiveBinding2(commit, el);
+  return domBinding(commit, el);
 }
 function readControlValue(el) {
   if (el instanceof HTMLInputElement) {
@@ -6541,12 +6634,6 @@ function enhanceAll(selector, setup) {
   };
 }
 
-// src/utils/globalSingleton.ts
-function globalSingleton(key, create) {
-  const g2 = globalThis;
-  return g2[key] ?? (g2[key] = create());
-}
-
 // src/platform/islands.ts
 var SAFE_NAME = /^[A-Za-z0-9_-]+$/;
 var LAZY = /* @__PURE__ */ Symbol.for("sibujs.islands.lazy");
@@ -6703,6 +6790,27 @@ function trustHTML(html3) {
 }
 var DEFAULT_MAX_SSR_BYTES = 1024 * 1024;
 
+// src/utils/adoptThenable.ts
+function adoptThenable(value) {
+  if (value === null || typeof value !== "object" && typeof value !== "function") return null;
+  let then;
+  try {
+    then = value.then;
+  } catch (error) {
+    return Promise.reject(error);
+  }
+  if (typeof then !== "function") return null;
+  return new Promise((resolve, reject) => {
+    queueMicrotask(() => {
+      try {
+        Reflect.apply(then, value, [resolve, reject]);
+      } catch (error) {
+        reject(error);
+      }
+    });
+  });
+}
+
 // src/reactivity/concurrent.ts
 function defer(getter) {
   const [value, setValue] = signal(getter());
@@ -6752,23 +6860,27 @@ function scheduleIdle(fn) {
 }
 function transition() {
   const [pending, setPending] = signal(false);
+  let outstanding = 0;
   function start(fn) {
+    outstanding++;
     setPending(true);
+    let settled = false;
+    const finish = () => {
+      if (settled) return;
+      settled = true;
+      outstanding--;
+      if (outstanding === 0) setPending(false);
+    };
+    const fail = (error) => {
+      finish();
+      reportError(error, { phase: "async", name: "transition" });
+    };
     scheduleIdle(() => {
-      let result;
       try {
-        result = fn();
-      } catch {
-        setPending(false);
-        return;
-      }
-      if (result && typeof result.then === "function") {
-        result.then(
-          () => setPending(false),
-          () => setPending(false)
-        );
-      } else {
-        setPending(false);
+        const adopted = adoptThenable(fn());
+        adopted ? adopted.then(finish, fail) : finish();
+      } catch (error) {
+        fail(error);
       }
     });
   }

package/dist/build.js

@@ -1,22 +1,21 @@
 import {
   index_exports
-} from "./chunk-S373NSMK.js";
-import "./chunk-PCT43HW3.js";
-import "./chunk-NIOYEGBQ.js";
-import "./chunk-7LN645I6.js";
-import "./chunk-CCSJMTRN.js";
-import "./chunk-VUF4ALSW.js";
-import "./chunk-KEISJXBU.js";
-import "./chunk-ONOHFDLG.js";
-import "./chunk-RBTPLM32.js";
-import "./chunk-IXKSNWV5.js";
+} from "./chunk-7GQCWFOE.js";
+import "./chunk-JSXPZCET.js";
+import "./chunk-HURREPU2.js";
+import "./chunk-UZQ6ALFS.js";
+import "./chunk-3ISI6ACU.js";
+import "./chunk-VVWPJ543.js";
+import "./chunk-47M47FOM.js";
+import "./chunk-QE4TTDU3.js";
+import "./chunk-2INLLLMZ.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-RIXRAYIU.js";
-import "./chunk-5DXA2J44.js";
-import "./chunk-QKRPLZ2V.js";
-import "./chunk-XZZOBQAY.js";
-import "./chunk-UGRX3S57.js";
-import "./chunk-2WLZ6757.js";
+import "./chunk-XC4MEKGA.js";
+import "./chunk-7XHATCIH.js";
+import "./chunk-5HZXGZ6T.js";
+import "./chunk-D33YTSX5.js";
+import "./chunk-5Q4R7HCL.js";
+import "./chunk-NYNYSPK7.js";
 
 // src/build/compileTemplates.ts
 var VOID_ELEMENTS = /* @__PURE__ */ new Set([