sibujs 4.9.0 → 4.10.1

package/dist/{chunk-SBTZEYNI.js → chunk-6DYRY2NF.js}

@@ -4,9 +4,11 @@ import {
 import {
   cleanup,
   emitDevtools,
+  getOwnerScope,
   retrack,
+  runWithOwnerScope,
   untracked
-} from "./chunk-G2WHYEL7.js";
+} from "./chunk-NROLUUCO.js";
 import {
   devAssert,
   reportError
@@ -35,6 +37,11 @@ function flushUserCleanups(ctx) {
   const list = ctx.userCleanups;
   if (list.length === 0) return;
   ctx.userCleanups = [];
+  const scope = ctx.subscriber._scope ?? null;
+  if (scope === getOwnerScope()) runCleanups(list);
+  else runWithOwnerScope(scope, () => runCleanups(list));
+}
+function runCleanups(list) {
   for (let i = list.length - 1; i >= 0; i--) {
     try {
       list[i]();

package/dist/{chunk-562UVHMM.js → chunk-ADJEMTRC.js}

@@ -1,12 +1,12 @@
 import {
   derived
-} from "./chunk-X7NRHFZR.js";
+} from "./chunk-LK3VK47W.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-SBTZEYNI.js";
+} from "./chunk-6DYRY2NF.js";
 import {
   sanitizeUrl
 } from "./chunk-EXXSN3BW.js";
@@ -16,10 +16,10 @@ import {
 import {
   batch,
   signal
-} from "./chunk-SYHGGDNW.js";
+} from "./chunk-BNZDDNBR.js";
 import {
   untracked
-} from "./chunk-G2WHYEL7.js";
+} from "./chunk-NROLUUCO.js";
 import {
   reportError
 } from "./chunk-NYNYSPK7.js";
@@ -269,7 +269,7 @@ function query(key, fetcher, options = {}) {
   } = options;
   const resolveKey = typeof key === "function" ? key : () => key;
   const enabledGate = typeof enabled === "function" ? derived(() => Boolean(enabled())) : null;
-  const isEnabled = enabledGate ?? (() => enabled);
+  const isEnabled = enabledGate ?? (() => Boolean(enabled));
   const cache = getActiveQueryCache();
   const [data, setData] = signal(initialData);
   const [isFetching, setIsFetching] = signal(false);
@@ -288,6 +288,7 @@ function query(key, fetcher, options = {}) {
   let currentKey = null;
   let attachedEntry = null;
   let attachedKey = null;
+  let lastEnabled = null;
   let intervalTimer = null;
   const loading = derived(() => isFetching() && data() === void 0);
   const isStale = derived(() => {
@@ -488,13 +489,16 @@ function query(key, fetcher, options = {}) {
     const key2 = resolveKey();
     const on = isEnabled();
     const keyChanged = currentKey !== key2;
+    const enabledRose = on && lastEnabled === false;
     currentKey = key2;
+    lastEnabled = on;
     if (key2 === "") {
       detachFromEntry();
       setIsFetching(false);
       return;
     }
     const entry = getOrCreateEntry(cache, key2, initialData);
+    const reattached = attachedEntry !== entry;
     attachToEntry(entry, key2);
     if (keyChanged) setIsFetching(entry.promise !== null);
     if (entry.data !== void 0) {
@@ -505,7 +509,8 @@ function query(key, fetcher, options = {}) {
         setUpdatedAt(entry.dataUpdatedAt);
       });
     }
-    if (!keyChanged && currentKey === key2 && entry.data !== void 0) {
+    if (!keyChanged && !reattached && !enabledRose) return;
+    if (!keyChanged && entry.data !== void 0) {
       const isDataStale2 = entry.dataUpdatedAt === 0 || Date.now() - entry.dataUpdatedAt >= staleTime;
       if (on && isDataStale2 && !entry.promise) doFetch();
       return;

package/dist/{chunk-SYHGGDNW.js → chunk-BNZDDNBR.js}

@@ -4,7 +4,7 @@ import {
   notifySubscribers,
   queueSignalNotification,
   recordDependency
-} from "./chunk-G2WHYEL7.js";
+} from "./chunk-NROLUUCO.js";
 import {
   DEV
 } from "./chunk-NYNYSPK7.js";

package/dist/{chunk-K6K5ACO6.js → chunk-CID4BYBF.js}

@@ -3,18 +3,18 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-SBTZEYNI.js";
+} from "./chunk-6DYRY2NF.js";
 import {
   stripHtml
 } from "./chunk-EXXSN3BW.js";
 import {
   signal
-} from "./chunk-SYHGGDNW.js";
+} from "./chunk-BNZDDNBR.js";
 import {
   forEachSubscriber,
   getSubscriberCount,
   getSubscriberDeps
-} from "./chunk-G2WHYEL7.js";
+} from "./chunk-NROLUUCO.js";
 import {
   dispose,
   isDev

package/dist/{chunk-TV464N2M.js → chunk-CYUU3XXG.js}

@@ -4,14 +4,14 @@ import {
 } from "./chunk-62BDYGAG.js";
 import {
   derived
-} from "./chunk-X7NRHFZR.js";
+} from "./chunk-LK3VK47W.js";
 import {
   effect
-} from "./chunk-SBTZEYNI.js";
+} from "./chunk-6DYRY2NF.js";
 import {
   batch,
   signal
-} from "./chunk-SYHGGDNW.js";
+} from "./chunk-BNZDDNBR.js";
 import {
   DEV,
   devWarn,

package/dist/{chunk-FNOK662L.js → chunk-CZINTERN.js}

@@ -135,44 +135,44 @@ import {
   use,
   var_,
   video
-} from "./chunk-QBKCK6MJ.js";
+} from "./chunk-YNE4FSVX.js";
 import {
   trustHTML
 } from "./chunk-FC6KCJSA.js";
 import {
   watch
-} from "./chunk-CDBKFGXN.js";
+} from "./chunk-DA2LJXK3.js";
 import {
   __resetIdCounter,
   createId,
   domBinding
-} from "./chunk-FHCZMHHE.js";
+} from "./chunk-GVVZPMA5.js";
 import {
   SVG_NS,
   bindChildNode,
   captureFocusWithin,
   restoreFocusWithin,
   tagFactory
-} from "./chunk-5MLWTIQE.js";
+} from "./chunk-2T73SWKF.js";
 import {
   bindAttribute,
   bindDynamic,
   setSafeAttribute,
   setTrustedAttribute
-} from "./chunk-MPWDSTYK.js";
+} from "./chunk-DS6PFIZK.js";
 import {
   isCodeTextElement
 } from "./chunk-3ACAAQIN.js";
 import {
   derived
-} from "./chunk-X7NRHFZR.js";
+} from "./chunk-LK3VK47W.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect,
   on
-} from "./chunk-SBTZEYNI.js";
+} from "./chunk-6DYRY2NF.js";
 import {
   disableSSR,
   enableSSR,
@@ -191,19 +191,22 @@ import {
   external,
   isBatching,
   signal
-} from "./chunk-SYHGGDNW.js";
+} from "./chunk-BNZDDNBR.js";
 import {
+  bindOwnerScope,
   emitDevtools,
+  getOwnerScope,
   notifySubscribers,
   reactiveBinding,
   recordDependency,
   resumeTracking,
   retrack,
+  runWithOwnerScope,
   setMaxDrainIterations,
   suspendTracking,
   track,
   untracked
-} from "./chunk-G2WHYEL7.js";
+} from "./chunk-NROLUUCO.js";
 import {
   DEV,
   MAX_DRAIN_TEARDOWNS,
@@ -487,12 +490,16 @@ function lazy(importFn) {
     }
     const container = div({ class: "sibu-lazy" });
     let disposed = false;
-    importFn().then((mod) => {
-      if (disposed) return;
-      cached = mod.default;
-      const rendered = cached();
-      replaceChildrenSafely(container, rendered);
-    }).catch((err) => {
+    importFn().then(
+      // The component renders after the import resolves, in the owner scope
+      // of whoever rendered the placeholder.
+      bindOwnerScope((mod) => {
+        if (disposed) return;
+        cached = mod.default;
+        const rendered = cached();
+        replaceChildrenSafely(container, rendered);
+      })
+    ).catch((err) => {
       if (disposed) return;
       const errorObj = err instanceof Error ? err : new Error(String(err));
       replaceChildrenSafely(
@@ -523,7 +530,7 @@ function Suspense({ nodes, fallback }) {
     }
     if (childEl && !container.contains(childEl)) dispose(childEl);
   });
-  queueMicrotask(() => {
+  const renderContent = bindOwnerScope(() => {
     if (suspenseDisposed) return;
     try {
       const el = nodes();
@@ -551,10 +558,14 @@ function Suspense({ nodes, fallback }) {
       dispatchPropagate(container, errorObj);
     }
   });
+  queueMicrotask(renderContent);
   return container;
 }
 
 // src/core/rendering/lifecycle.ts
+function pinScope(scope, fn) {
+  return () => getOwnerScope() === scope ? fn() : runWithOwnerScope(scope, fn);
+}
 function safeCall(cb, hookName) {
   try {
     return cb();
@@ -564,13 +575,14 @@ function safeCall(cb, hookName) {
     return void 0;
   }
 }
-function runMountCallback(callback, hookName, element, isDisposed) {
-  const cleanup = safeCall(callback, hookName);
-  if (typeof cleanup !== "function") return;
+function runMountCallback(callback, hookName, element, isDisposed, scope) {
+  const returned = safeCall(callback, hookName);
+  if (typeof returned !== "function") return;
+  const cleanup = pinScope(scope, returned);
   if (isDisposed() || !element.isConnected) {
     safeCall(cleanup, "onUnmount");
   } else {
-    onUnmount(cleanup, element);
+    watchUnmount(cleanup, element);
   }
 }
 var mountWatchers = /* @__PURE__ */ new WeakMap();
@@ -730,6 +742,8 @@ function registerUnmountWatcher(element, cb) {
 }
 function onMount(callback, element) {
   if (typeof document === "undefined") return;
+  const scope = getOwnerScope();
+  callback = pinScope(scope, callback);
   if (element) {
     let disposed = false;
     const isDisposed = () => disposed;
@@ -739,19 +753,19 @@ function onMount(callback, element) {
     if (element.isConnected) {
       queueMicrotask(() => {
         if (disposed) return;
-        runMountCallback(callback, "onMount", element, isDisposed);
+        runMountCallback(callback, "onMount", element, isDisposed, scope);
       });
       return;
     }
     queueMicrotask(() => {
       if (disposed) return;
       if (element.isConnected) {
-        runMountCallback(callback, "onMount", element, isDisposed);
+        runMountCallback(callback, "onMount", element, isDisposed, scope);
         return;
       }
       const unregister = registerMountWatcher(element, () => {
         if (disposed) return;
-        runMountCallback(callback, "onMount", element, isDisposed);
+        runMountCallback(callback, "onMount", element, isDisposed, scope);
       });
       registerDisposer(element, unregister);
     });
@@ -763,6 +777,9 @@ function onMount(callback, element) {
 }
 function onUnmount(callback, element) {
   if (typeof document === "undefined") return;
+  watchUnmount(pinScope(getOwnerScope(), callback), element);
+}
+function watchUnmount(callback, element) {
   let fired = false;
   const fireOnce = () => {
     if (fired) return;
@@ -1463,11 +1480,15 @@ function ErrorBoundary(optionsOrChildren, maybeChildren) {
               return;
             }
             replaceChildrenSafely(asyncContainer, el);
-          }).catch((e) => {
-            if (asyncDisposed) return;
-            const err = handleError(e);
-            replaceChildrenSafely(asyncContainer, tryRenderFallback(err));
-          });
+          }).catch(
+            // The fallback is rendered later, in the owner scope of the
+            // render that produced the async child.
+            bindOwnerScope((e) => {
+              if (asyncDisposed) return;
+              const err = handleError(e);
+              replaceChildrenSafely(asyncContainer, tryRenderFallback(err));
+            })
+          );
           return asyncContainer;
         }
         return result;
@@ -1883,9 +1904,11 @@ function when(condition, thenBranch, elseBranch) {
     currentNode = null;
   });
   if (!initialized) {
-    queueMicrotask(() => {
-      if (!disposed && !initialized && anchor.parentNode) update();
-    });
+    queueMicrotask(
+      bindOwnerScope(() => {
+        if (!disposed && !initialized && anchor.parentNode) update();
+      })
+    );
   }
   return anchor;
 }
@@ -1924,9 +1947,11 @@ function match(value, cases, fallback) {
     currentNode = null;
   });
   if (!initialized) {
-    queueMicrotask(() => {
-      if (!disposed && !initialized && anchor.parentNode) update();
-    });
+    queueMicrotask(
+      bindOwnerScope(() => {
+        if (!disposed && !initialized && anchor.parentNode) update();
+      })
+    );
   }
   return anchor;
 }
@@ -2218,11 +2243,13 @@ function each(getArray, render, options) {
   };
   registerDisposer(anchor, disposeRange);
   if (!initialized) {
-    queueMicrotask(() => {
-      if (!initialized && !rangeDisposed && anchor.parentNode) {
-        update();
-      }
-    });
+    queueMicrotask(
+      bindOwnerScope(() => {
+        if (!initialized && !rangeDisposed && anchor.parentNode) {
+          update();
+        }
+      })
+    );
   }
   return anchor;
 }
@@ -2700,9 +2727,11 @@ function KeepAlive(activeKey, cases, options) {
   };
   const untrack = track(update);
   if (!initialized) {
-    queueMicrotask(() => {
-      if (!initialized && anchor.parentNode) update();
-    });
+    queueMicrotask(
+      bindOwnerScope(() => {
+        if (!initialized && anchor.parentNode) update();
+      })
+    );
   }
   registerDisposer(anchor, () => {
     disposed = true;
@@ -2807,7 +2836,7 @@ function Portal(nodes, target) {
   const container = target || document.body;
   let portalContent = null;
   let disposed = false;
-  queueMicrotask(() => {
+  const renderContent = bindOwnerScope(() => {
     if (disposed) return;
     try {
       portalContent = nodes();
@@ -2822,6 +2851,7 @@ function Portal(nodes, target) {
       });
     }
   });
+  queueMicrotask(renderContent);
   registerDisposer(anchor, () => {
     disposed = true;
     if (portalContent) {

package/dist/{chunk-CDBKFGXN.js → chunk-DA2LJXK3.js}

@@ -5,7 +5,7 @@ import {
   resumeTracking,
   suspendTracking,
   track
-} from "./chunk-G2WHYEL7.js";
+} from "./chunk-NROLUUCO.js";
 import {
   devAssert
 } from "./chunk-NYNYSPK7.js";

package/dist/{chunk-MPWDSTYK.js → chunk-DS6PFIZK.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-EXXSN3BW.js";
 import {
   reactiveBinding
-} from "./chunk-G2WHYEL7.js";
+} from "./chunk-NROLUUCO.js";
 import {
   DEV,
   devWarn,

package/dist/{chunk-XJVTQUIV.js → chunk-GEQNWNYS.js}

@@ -1,16 +1,16 @@
 import {
   domBinding
-} from "./chunk-FHCZMHHE.js";
+} from "./chunk-GVVZPMA5.js";
 import {
   bindAttribute,
   setSafeAttribute
-} from "./chunk-MPWDSTYK.js";
+} from "./chunk-DS6PFIZK.js";
 import {
   isBlockedElement
 } from "./chunk-3ACAAQIN.js";
 import {
   derived
-} from "./chunk-X7NRHFZR.js";
+} from "./chunk-LK3VK47W.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
@@ -23,11 +23,11 @@ import {
 } from "./chunk-5HZXGZ6T.js";
 import {
   signal
-} from "./chunk-SYHGGDNW.js";
+} from "./chunk-BNZDDNBR.js";
 import {
   reactiveBinding,
   track
-} from "./chunk-G2WHYEL7.js";
+} from "./chunk-NROLUUCO.js";
 import {
   dispose,
   disposeNodeOwn,

package/dist/{chunk-FHCZMHHE.js → chunk-GVVZPMA5.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-7XHATCIH.js";
 import {
   reactiveBinding
-} from "./chunk-G2WHYEL7.js";
+} from "./chunk-NROLUUCO.js";
 
 // src/core/rendering/createId.ts
 var COUNTER_KEY = /* @__PURE__ */ Symbol.for("sibujs.createId.v1");

package/dist/{chunk-NQMKWBKU.js → chunk-HZQEL575.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5HZXGZ6T.js";
 import {
   signal
-} from "./chunk-SYHGGDNW.js";
+} from "./chunk-BNZDDNBR.js";
 import {
   registerDisposer,
   reportError

package/dist/{chunk-CF2KCWRE.js → chunk-JZMLRF2G.js}

@@ -170,7 +170,7 @@ var CDN_ENTRY_POINTS = {
 };
 var packageInfo = {
   name: "sibujs",
-  version: true ? "4.9.0" : "dev",
+  version: true ? "4.10.1" : "dev",
   entryPoints: MODULE_ENTRY_POINTS,
   /**
    * Generate the package.json `exports` map. Module entries resolve to the
@@ -315,7 +315,7 @@ var env = {
 };
 
 // src/plugins/versioning.ts
-var VERSION = true ? "4.9.0" : "dev";
+var VERSION = true ? "4.10.1" : "dev";
 var NUM = "(?:0|[1-9]\\d*)";
 var PRE_ID = `(?:${NUM}|\\d*[a-zA-Z-][0-9a-zA-Z-]*)`;
 var BUILD_ID = "[0-9a-zA-Z-]+";

package/dist/{chunk-X7NRHFZR.js → chunk-LK3VK47W.js}

@@ -5,7 +5,7 @@ import {
   recordDependency,
   retrack,
   track
-} from "./chunk-G2WHYEL7.js";
+} from "./chunk-NROLUUCO.js";
 import {
   devAssert
 } from "./chunk-NYNYSPK7.js";

package/dist/{chunk-2K3Z3XO4.js → chunk-LYM6TT2R.js}

@@ -1,21 +1,21 @@
 import {
   watch
-} from "./chunk-CDBKFGXN.js";
+} from "./chunk-DA2LJXK3.js";
 import {
   createId,
   domBinding,
   idSegment
-} from "./chunk-FHCZMHHE.js";
+} from "./chunk-GVVZPMA5.js";
 import {
   derived
-} from "./chunk-X7NRHFZR.js";
+} from "./chunk-LK3VK47W.js";
 import {
   stripHtml
 } from "./chunk-EXXSN3BW.js";
 import {
   batch,
   signal
-} from "./chunk-SYHGGDNW.js";
+} from "./chunk-BNZDDNBR.js";
 
 // src/widgets/Combobox.ts
 var boundComboboxes = /* @__PURE__ */ new WeakMap();

package/dist/{chunk-KG25XMGP.js → chunk-MJZUXQHR.js}

@@ -6,7 +6,7 @@ import {
 import {
   div,
   span
-} from "./chunk-QBKCK6MJ.js";
+} from "./chunk-YNE4FSVX.js";
 import {
   STATIC_VALUE_RESOLVER,
   planHeadElementEntry,
@@ -17,14 +17,17 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-SBTZEYNI.js";
+} from "./chunk-6DYRY2NF.js";
 import {
   sanitizeUrl
 } from "./chunk-EXXSN3BW.js";
 import {
   batch,
   signal
-} from "./chunk-SYHGGDNW.js";
+} from "./chunk-BNZDDNBR.js";
+import {
+  bindOwnerScope
+} from "./chunk-NROLUUCO.js";
 import {
   registerDisposer,
   replaceChildrenSafely,
@@ -686,11 +689,15 @@ function defineRemoteComponent(name, loader) {
     registerDisposer(container, () => {
       disposed = true;
     });
-    loader().then((mod) => {
-      cached = mod.default;
-      if (disposed) return;
-      replaceChildrenSafely(container, cached());
-    }).catch((err) => {
+    loader().then(
+      // Instantiated after the module resolves, in the owner scope of the
+      // render that asked for it — as `lazy()` does.
+      bindOwnerScope((mod) => {
+        cached = mod.default;
+        if (disposed) return;
+        replaceChildrenSafely(container, cached());
+      })
+    ).catch((err) => {
       if (disposed) return;
       const message = err instanceof Error ? err.message : String(err);
       replaceChildrenSafely(