sibujs 4.4.0 → 4.6.0

package/dist/{chunk-ADM46X22.js → chunk-7GQCWFOE.js}

@@ -135,42 +135,40 @@ import {
   use,
   var_,
   video
-} from "./chunk-36S2YPP4.js";
+} from "./chunk-JSXPZCET.js";
 import {
   trustHTML
-} from "./chunk-NIOYEGBQ.js";
+} from "./chunk-HURREPU2.js";
 import {
   watch
-} from "./chunk-RR7M3FHM.js";
+} from "./chunk-UZQ6ALFS.js";
 import {
   __resetIdCounter,
-  createId
-} from "./chunk-CCSJMTRN.js";
-import {
-  context
-} from "./chunk-7NBDXVHS.js";
+  createId,
+  domBinding
+} from "./chunk-3ISI6ACU.js";
 import {
   SVG_NS,
   bindChildNode,
   captureFocusWithin,
   restoreFocusWithin,
   tagFactory
-} from "./chunk-PNIRUQ4C.js";
+} from "./chunk-VVWPJ543.js";
 import {
   bindAttribute,
   bindDynamic,
   setSafeAttribute
-} from "./chunk-VCTAEPSB.js";
+} from "./chunk-47M47FOM.js";
 import {
   derived
-} from "./chunk-W2EQ7X2L.js";
+} from "./chunk-QE4TTDU3.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect,
   on
-} from "./chunk-7GIHSAWB.js";
+} from "./chunk-XC4MEKGA.js";
 import {
   disableSSR,
   enableSSR,
@@ -179,23 +177,17 @@ import {
   isSSR,
   runInSSRContext,
   withSSR
-} from "./chunk-5DXA2J44.js";
+} from "./chunk-7XHATCIH.js";
 import {
-  MAX_DRAIN_TEARDOWNS,
-  checkLeaks,
-  dispose,
-  registerDisposer,
-  replaceChildrenSafely,
-  reportDrainRunaway,
-  unregisterDisposer
-} from "./chunk-QKRPLZ2V.js";
+  adoptThenable
+} from "./chunk-5HZXGZ6T.js";
 import {
   batch,
   enqueueBatchedSignal,
   external,
   isBatching,
   signal
-} from "./chunk-NVNJH22U.js";
+} from "./chunk-D33YTSX5.js";
 import {
   notifySubscribers,
   reactiveBinding,
@@ -206,19 +198,26 @@ import {
   suspendTracking,
   track,
   untracked
-} from "./chunk-3BTTCZ5J.js";
+} from "./chunk-5Q4R7HCL.js";
 import {
   DEV,
+  MAX_DRAIN_TEARDOWNS,
   __export,
+  checkLeaks,
   devAssert,
   devWarn,
   devWarnLazy,
+  dispose,
   getRuntimeErrorHandler,
   isDev,
   normalizeError,
+  registerDisposer,
+  replaceChildrenSafely,
+  reportDrainRunaway,
   reportError,
-  setRuntimeErrorHandler
-} from "./chunk-2WLZ6757.js";
+  setRuntimeErrorHandler,
+  unregisterDisposer
+} from "./chunk-NYNYSPK7.js";
 
 // index.ts
 var index_exports = {};
@@ -1663,9 +1662,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);
@@ -1751,13 +1755,59 @@ function setGlobalErrorHandler(handler) {
   globalErrorHandler = handler;
 }
 
+// src/core/rendering/context.ts
+function context(defaultValue) {
+  const [getValue, setValue] = signal(defaultValue);
+  const warnIfSSR = (method) => {
+    if (!DEV || !isSSR()) return;
+    devWarn(
+      `context.${method}() called during SSR. SibuJS context() is application-global \u2014 it is NOT isolated per request, so a concurrent request can observe this value. Do not use context() for request-specific SSR data; pass it explicitly or use request-scoped storage instead.`
+    );
+  };
+  const ctx = {
+    provide(value) {
+      warnIfSSR("provide");
+      const previous = getValue();
+      setValue(value);
+      return () => setValue(previous);
+    },
+    use() {
+      return getValue;
+    },
+    get() {
+      return getValue();
+    },
+    set(value) {
+      warnIfSSR("set");
+      setValue(value);
+    },
+    withContext(value, fn) {
+      warnIfSSR("withContext");
+      const previous = getValue();
+      setValue(value);
+      try {
+        const result = fn();
+        if (DEV && result !== null && typeof result?.then === "function") {
+          devWarn(
+            "context.withContext() received an async callback. Scoping is synchronous only \u2014 the previous value is restored as soon as the callback returns its promise, so anything after an `await` runs outside the scope."
+          );
+        }
+        return result;
+      } finally {
+        setValue(previous);
+      }
+    }
+  };
+  return ctx;
+}
+
 // src/core/rendering/directives.ts
 function show(condition, element) {
   const resolved = typeof element === "function" ? element() : element;
   const update = () => {
     resolved.style.display = condition() ? "" : "none";
   };
-  registerDisposer(resolved, track(update));
+  registerDisposer(resolved, reactiveBinding(update, resolved));
   return resolved;
 }
 function attachBranch(parent, anchor, branch, attachedOnce, where) {
@@ -1781,9 +1831,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;
@@ -1802,10 +1854,14 @@ function when(condition, thenBranch, elseBranch) {
     restoreFocusWithin(focused, currentNode ? [currentNode] : [], "when");
     initialized = true;
   };
-  registerDisposer(anchor, track(update));
+  const stopBinding = reactiveBinding(update, anchor);
+  registerDisposer(anchor, () => {
+    disposed = true;
+    stopBinding();
+  });
   if (!initialized) {
     queueMicrotask(() => {
-      if (!initialized && anchor.parentNode) update();
+      if (!disposed && !initialized && anchor.parentNode) update();
     });
   }
   return anchor;
@@ -1815,9 +1871,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;
@@ -1836,17 +1894,24 @@ function match(value, cases, fallback) {
     restoreFocusWithin(focused, currentNode ? [currentNode] : [], "match");
     initialized = true;
   };
-  registerDisposer(anchor, track(update));
+  const stopBinding = reactiveBinding(update, anchor);
+  registerDisposer(anchor, () => {
+    disposed = true;
+    stopBinding();
+  });
   if (!initialized) {
     queueMicrotask(() => {
-      if (!initialized && anchor.parentNode) update();
+      if (!disposed && !initialized && anchor.parentNode) update();
     });
   }
   return anchor;
 }
 
 // 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);
 }
@@ -1858,7 +1923,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" });
@@ -1991,7 +2056,12 @@ function each(getArray, render, options) {
         const [indexGetter, setIndex] = signal(i2);
         let node;
         try {
-          node = resolveNodeChild(render(itemGetter, indexGetter));
+          suspendTracking();
+          try {
+            node = resolveNodeChild(render(itemGetter, indexGetter));
+          } finally {
+            resumeTracking();
+          }
         } catch (err) {
           const key2 = newKeys[i2];
           node = document.createComment(`each:error:${i2}`);
@@ -2672,10 +2742,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 = {
@@ -2703,12 +2778,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;
     },
@@ -2791,9 +2866,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;
@@ -3015,6 +3090,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;
@@ -3040,15 +3130,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) {
@@ -3067,7 +3160,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;
   };
@@ -3208,9 +3301,7 @@ function resolveTarget(root, target) {
   }
 }
 function bindNode(el, commit) {
-  if (isSSR()) return () => {
-  };
-  return reactiveBinding(commit, el);
+  return domBinding(commit, el);
 }
 function readControlValue(el) {
   if (el instanceof HTMLInputElement) {
@@ -3667,23 +3758,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);
       }
     });
   }
@@ -3724,6 +3819,7 @@ export {
   catchError,
   catchErrorAsync,
   setGlobalErrorHandler,
+  context,
   show,
   when,
   match,

package/dist/{chunk-4Z3SPQ67.js → chunk-7NCARGJW.js}

@@ -1,26 +1,24 @@
 import {
   stripHtml
-} from "./chunk-IXKSNWV5.js";
+} from "./chunk-2INLLLMZ.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-7GIHSAWB.js";
-import {
-  dispose
-} from "./chunk-QKRPLZ2V.js";
+} from "./chunk-XC4MEKGA.js";
 import {
   signal
-} from "./chunk-NVNJH22U.js";
+} from "./chunk-D33YTSX5.js";
 import {
   forEachSubscriber,
   getSubscriberCount,
   getSubscriberDeps
-} from "./chunk-3BTTCZ5J.js";
+} from "./chunk-5Q4R7HCL.js";
 import {
+  dispose,
   isDev
-} from "./chunk-2WLZ6757.js";
+} from "./chunk-NYNYSPK7.js";
 
 // src/devtools/debug.ts
 var debugEnabled = false;
@@ -296,6 +294,16 @@ function initDevTools(config) {
     });
     emit();
   });
+  hook.on("computed:destroy", (payload) => {
+    const p = payload;
+    for (const [id, node] of hook.nodes) {
+      if (node.ref === p.signal) {
+        hook.nodes.delete(id);
+        break;
+      }
+    }
+    emit();
+  });
   hook.on("effect:create", (payload) => {
     _dt.nextNodeId++;
     const name = inferName();

package/dist/{chunk-5DXA2J44.js → chunk-7XHATCIH.js}

@@ -1,7 +1,7 @@
 import {
   __require,
   devWarn
-} from "./chunk-2WLZ6757.js";
+} from "./chunk-NYNYSPK7.js";
 
 // src/core/ssr-context.ts
 var SSR_KEY = /* @__PURE__ */ Symbol.for("sibujs.ssr.v1");
@@ -74,16 +74,18 @@ function disableSSR() {
   getSSRStore().ssr = false;
 }
 function runInSSRContext(fn) {
-  const store = { ssr: true, suspenseIdCounter: 0, locale: void 0 };
+  const store = { ssr: true, suspenseIdCounter: 0, idCounter: 0, locale: void 0 };
   if (als) {
     return als.run(store, 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 {
@@ -92,6 +94,7 @@ function runInSSRContext(fn) {
     _shared.fallbackDepth--;
     fallbackStore.ssr = prevSSR;
     fallbackStore.suspenseIdCounter = prevCounter;
+    fallbackStore.idCounter = prevIdCounter;
     fallbackStore.locale = prevLocale;
   }
 }