sibujs 4.4.0 → 4.6.0

package/dist/index.cjs

@@ -383,6 +383,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) {
@@ -391,15 +408,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];
@@ -413,33 +433,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" });
       }
     }
   }
@@ -729,6 +750,14 @@ function setSafeAttribute(el, name, value, options = {}) {
   const html3 = isHtmlElement(el);
   const idlName = html3 ? name.toLowerCase() : name;
   if (typeof value === "boolean") {
+    if (name.length > 5 && name.slice(0, 5).toLowerCase() === "aria-") {
+      const token = value ? "true" : "false";
+      if ((ns ? el.getAttributeNS(ns, localName) : el.getAttribute(name)) !== token) {
+        if (ns) el.setAttributeNS(ns, name, token);
+        else el.setAttribute(name, token);
+      }
+      return true;
+    }
     if (html3 && BOOLEAN_IDL_ATTRS.has(idlName) && idlName in el) {
       setProp(el, idlName, value);
     } else if (value) {
@@ -901,8 +930,18 @@ function untracked(fn) {
 var subscriberEpochCounter = 0;
 function retrack(effectFn, subscriber) {
   const prev = currentSubscriber;
+  let savedDepth = 0;
+  let savedSuspendSub = null;
+  if (trackingSuspended) {
+    savedDepth = suspendDepth;
+    savedSuspendSub = suspendSavedSub;
+    suspendDepth = 0;
+    suspendSavedSub = null;
+    trackingSuspended = false;
+  }
   currentSubscriber = subscriber;
   const sub2 = subscriber;
+  if (sub2._cap === void 0) sub2._cap = currentDisposerCapture();
   const epoch = ++subscriberEpochCounter;
   sub2._epoch = epoch;
   sub2._structDirty = false;
@@ -915,6 +954,11 @@ function retrack(effectFn, subscriber) {
     effectFn();
   } finally {
     currentSubscriber = prev;
+    if (savedDepth !== 0) {
+      suspendDepth = savedDepth;
+      suspendSavedSub = savedSuspendSub;
+      trackingSuspended = true;
+    }
     let node = sub2.depsHead ?? null;
     while (node !== null) {
       const next = node.subNext;
@@ -934,11 +978,25 @@ function track(effectFn, subscriber) {
   if (!subscriber) return reactiveBinding(effectFn);
   cleanup(subscriber);
   const prev = currentSubscriber;
+  let savedDepth = 0;
+  let savedSuspendSub = null;
+  if (trackingSuspended) {
+    savedDepth = suspendDepth;
+    savedSuspendSub = suspendSavedSub;
+    suspendDepth = 0;
+    suspendSavedSub = null;
+    trackingSuspended = false;
+  }
   currentSubscriber = subscriber;
   try {
     effectFn();
   } finally {
     currentSubscriber = prev;
+    if (savedDepth !== 0) {
+      suspendDepth = savedDepth;
+      suspendSavedSub = savedSuspendSub;
+      trackingSuspended = true;
+    }
     const sub3 = subscriber;
     for (let n = sub3.depsHead ?? null; n !== null; n = n.subNext) {
       const sig = n.sig;
@@ -1075,7 +1133,12 @@ function drainQueue() {
       quarantined.add(sub2);
       continue;
     }
-    safeInvoke(sub2);
+    const pushed = beginDisposerCapture(sub2._cap ?? null);
+    try {
+      safeInvoke(sub2);
+    } finally {
+      if (pushed) endDisposerCapture();
+    }
   }
 }
 function drainNotificationQueue() {
@@ -1109,8 +1172,9 @@ function propagateDirty(sub2) {
         if (s2._c) {
           const nSig = s2._sig;
           if (nSig) {
-            if (!nSig._d) {
+            if (!nSig._d || nSig._f === true) {
               nSig._d = true;
+              nSig._f = false;
               stack.push(nSig);
             }
           } else {
@@ -1210,7 +1274,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.4.0" : "dev";
+var _runtimeVersion = true ? "4.6.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g2 = globalThis;
@@ -2251,6 +2315,10 @@ function getSSRStore() {
   }
   return fallbackStore;
 }
+function getRequestStore() {
+  if (als) return als.getStore() ?? null;
+  return _shared.fallbackDepth > 0 ? fallbackStore : null;
+}
 function isSSR() {
   return getSSRStore().ssr;
 }
@@ -2272,16 +2340,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 {
@@ -2290,6 +2360,7 @@ function runInSSRContext(fn) {
     _shared.fallbackDepth--;
     fallbackStore.ssr = prevSSR;
     fallbackStore.suspenseIdCounter = prevCounter;
+    fallbackStore.idCounter = prevIdCounter;
     fallbackStore.locale = prevLocale;
   }
 }
@@ -3461,9 +3532,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);
@@ -3599,6 +3675,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}`;
 }
@@ -3612,7 +3693,7 @@ function show(condition, element) {
   const update = () => {
     resolved.style.display = condition() ? "" : "none";
   };
-  registerDisposer(resolved, track2(update));
+  registerDisposer(resolved, reactiveBinding2(update, resolved));
   return resolved;
 }
 function attachBranch(parent, anchor, branch, attachedOnce, where) {
@@ -3636,9 +3717,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;
@@ -3657,10 +3740,14 @@ function when(condition, thenBranch, elseBranch) {
     restoreFocusWithin(focused, currentNode ? [currentNode] : [], "when");
     initialized = true;
   };
-  registerDisposer(anchor, track2(update));
+  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;
@@ -3670,9 +3757,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;
@@ -3691,17 +3780,30 @@ function match(value, cases, fallback) {
     restoreFocusWithin(focused, currentNode ? [currentNode] : [], "match");
     initialized = true;
   };
-  registerDisposer(anchor, track2(update));
+  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);
 }
@@ -3713,7 +3815,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" });
@@ -3846,7 +3948,12 @@ function each(getArray, render, options) {
         const [indexGetter, setIndex] = signal(i2);
         let node;
         try {
-          node = resolveNodeChild(render(itemGetter, indexGetter));
+          suspendTracking2();
+          try {
+            node = resolveNodeChild(render(itemGetter, indexGetter));
+          } finally {
+            resumeTracking2();
+          }
         } catch (err) {
           const key2 = newKeys[i2];
           node = document.createComment(`each:error:${i2}`);
@@ -4527,10 +4634,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 = {
@@ -4558,12 +4670,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;
     },
@@ -4646,9 +4758,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;
@@ -4870,6 +4982,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;
@@ -4889,10 +5016,14 @@ function derived(getter, options) {
   const cs = {};
   cs._d = false;
   cs._init = false;
+  cs._f = false;
   cs._g = getter;
   cs.__v = 0;
+  let evaluating = false;
+  let disposed = false;
+  let pendingError;
   const markDirty = () => {
-    if (cs._d) return;
+    if (cs._d || disposed) return;
     cs._d = true;
   };
   markDirty._c = 1;
@@ -4915,33 +5046,53 @@ function derived(getter, options) {
     }
   }, markDirty);
   const hook = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-  let evaluating = false;
   const validate = () => {
-    if (!cs._d) return;
+    if (!cs._d || disposed || pendingError !== void 0) return;
     const oldValue = cs._v;
     evaluating = true;
     try {
       retrack2(recompute, markDirty);
       if (!Object.is(oldValue, cs._v)) cs.__v++;
+    } catch (err) {
+      pendingError = { error: err };
+      cs.__v++;
+      if (disposed) cs._d = true;
+      else cs._f = true;
     } finally {
       evaluating = false;
+      if (disposed) cleanup2(markDirty);
     }
-    if (hook && !Object.is(oldValue, cs._v)) {
+    if (hook && !disposed && !Object.is(oldValue, cs._v)) {
       hook.emit("computed:update", { signal: cs, oldValue, newValue: cs._v });
     }
   };
   cs._validate = validate;
+  const throwPending = () => {
+    const { error } = pendingError;
+    pendingError = void 0;
+    if (disposed) cs._d = false;
+    throw error;
+  };
   function computedGetter() {
     if (evaluating) {
       throw new Error(
         `[SibuJS] Circular dependency detected in derived${debugName ? ` "${debugName}"` : ""}. A derived signal cannot read itself (directly or through a chain).`
       );
     }
-    if (isTrackingSuspended2()) {
-      if (cs._d) validate();
+    if (isTrackingSuspended2() || disposed) {
+      if (cs._d) {
+        validate();
+        if (pendingError !== void 0) throwPending();
+      }
       return cs._v;
     }
-    if (cs._d) validate();
+    if (cs._d) {
+      validate();
+      if (pendingError !== void 0) {
+        recordDependency2(cs);
+        throwPending();
+      }
+    }
     recordDependency2(cs);
     return cs._v;
   }
@@ -4950,6 +5101,19 @@ function derived(getter, options) {
     cs.__name = debugName;
   }
   computedGetter.__signal = cs;
+  computedGetter.dispose = () => {
+    if (disposed) return;
+    disposed = true;
+    cs._d = pendingError !== void 0;
+    cleanup2(markDirty);
+    const h = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
+    if (h) {
+      try {
+        h.emit("computed:destroy", { signal: cs, getter: computedGetter });
+      } catch {
+      }
+    }
+  };
   if (hook) hook.emit("computed:create", { signal: cs, name: debugName, getter: computedGetter });
   return computedGetter;
 }
@@ -4968,15 +5132,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) {
@@ -4995,7 +5162,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;
   };
@@ -5131,6 +5298,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();
@@ -5166,9 +5340,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) {
@@ -5426,12 +5598,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");
@@ -5588,6 +5754,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());
@@ -5637,23 +5824,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);
       }
     });
   }