sibujs 4.8.0 → 4.10.0

package/dist/{chunk-DSID757X.js → chunk-FYUEL5IW.js}

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

package/dist/{chunk-UCNP3HVM.js → chunk-GMMDHJJT.js}

@@ -1,12 +1,12 @@
 import {
   derived
-} from "./chunk-KJ3UKABJ.js";
+} from "./chunk-5PC7OTQW.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-V3LHZSU5.js";
+} from "./chunk-7WIHYHWD.js";
 import {
   sanitizeUrl
 } from "./chunk-EXXSN3BW.js";
@@ -16,10 +16,10 @@ import {
 import {
   batch,
   signal
-} from "./chunk-DSID757X.js";
+} from "./chunk-FYUEL5IW.js";
 import {
   untracked
-} from "./chunk-TQQUN4WR.js";
+} from "./chunk-D6HYFOWR.js";
 import {
   reportError
 } from "./chunk-NYNYSPK7.js";
@@ -268,6 +268,8 @@ function query(key, fetcher, options = {}) {
     structuralSharing = true
   } = options;
   const resolveKey = typeof key === "function" ? key : () => key;
+  const enabledGate = typeof enabled === "function" ? derived(() => Boolean(enabled())) : null;
+  const isEnabled = enabledGate ?? (() => Boolean(enabled));
   const cache = getActiveQueryCache();
   const [data, setData] = signal(initialData);
   const [isFetching, setIsFetching] = signal(false);
@@ -286,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(() => {
@@ -382,7 +385,7 @@ function query(key, fetcher, options = {}) {
     }
   }
   async function doFetch() {
-    if (disposed || !currentKey || !enabled) return;
+    if (disposed || !currentKey || !untracked(isEnabled)) return;
     const key2 = currentKey;
     const entry = getOrCreateEntry(cache, key2);
     attachToEntry(entry, key2);
@@ -484,10 +487,20 @@ function query(key, fetcher, options = {}) {
   }
   const effectCleanup = effect(() => {
     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) {
       const view = viewOf(entry);
       batch(() => {
@@ -496,19 +509,20 @@ 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 (enabled && isDataStale2 && !entry.promise) doFetch();
+      if (on && isDataStale2 && !entry.promise) doFetch();
       return;
     }
     const isDataStale = entry.dataUpdatedAt === 0 || Date.now() - entry.dataUpdatedAt >= staleTime;
-    if (enabled && (entry.data === void 0 || isDataStale)) {
+    if (on && (entry.data === void 0 || isDataStale)) {
       doFetch();
     }
   });
   if (refetchInterval && refetchInterval > 0) {
     intervalTimer = setInterval(() => {
-      if (!disposed && currentKey && enabled) doFetch();
+      if (!disposed && currentKey) doFetch();
     }, refetchInterval);
   }
   let focusHandler = null;
@@ -516,13 +530,13 @@ function query(key, fetcher, options = {}) {
   if (typeof globalThis !== "undefined" && typeof globalThis.addEventListener === "function") {
     if (refetchOnWindowFocus) {
       focusHandler = () => {
-        if (!disposed && currentKey && enabled) doFetch();
+        if (!disposed && currentKey) doFetch();
       };
       globalThis.addEventListener("focus", focusHandler);
     }
     if (refetchOnReconnect) {
       onlineHandler = () => {
-        if (!disposed && currentKey && enabled) doFetch();
+        if (!disposed && currentKey) doFetch();
       };
       globalThis.addEventListener("online", onlineHandler);
     }
@@ -534,6 +548,7 @@ function query(key, fetcher, options = {}) {
     stopSelect?.();
     loading.dispose();
     isStale.dispose();
+    enabledGate?.dispose();
     if (intervalTimer) clearInterval(intervalTimer);
     detachFromEntry();
     if (focusHandler && typeof globalThis.removeEventListener === "function") {
@@ -713,6 +728,8 @@ function infiniteQuery(key, fetcher, options) {
     onError
   } = options;
   const resolveKey = typeof key === "function" ? key : () => key;
+  const enabledGate = typeof enabled === "function" ? derived(() => Boolean(enabled())) : null;
+  const isEnabled = enabledGate ?? (() => enabled);
   const [pages, setPages] = signal([]);
   const [isFetching, setIsFetching] = signal(false);
   const [isFetchingNext, setIsFetchingNext] = signal(false);
@@ -791,7 +808,7 @@ function infiniteQuery(key, fetcher, options) {
   }
   const effectCleanup = effect(() => {
     resolveKey();
-    if (enabled) {
+    if (isEnabled()) {
       abortController?.abort();
       batch(() => {
         setPages([]);
@@ -832,6 +849,7 @@ function infiniteQuery(key, fetcher, options) {
     loading.dispose();
     hasNextPage.dispose();
     hasPreviousPage.dispose();
+    enabledGate?.dispose();
   }
   return {
     data,

package/dist/{chunk-C7AA2CZX.js → chunk-GOL3FU5Q.js}

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

package/dist/{chunk-EGUQLBHE.js → chunk-GTS35FLA.js}

@@ -9,14 +9,14 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-V3LHZSU5.js";
+} from "./chunk-7WIHYHWD.js";
 import {
   sanitizeUrl
 } from "./chunk-EXXSN3BW.js";
 import {
   batch,
   signal
-} from "./chunk-DSID757X.js";
+} from "./chunk-FYUEL5IW.js";
 import {
   reportError
 } from "./chunk-NYNYSPK7.js";
@@ -1142,6 +1142,7 @@ function keyboard(options = {}) {
     };
   }
   const target = options.target ?? window;
+  const view = options.target?.ownerDocument?.defaultView ?? window;
   const filter = options.keys ? new Set(options.keys) : null;
   const onDown = (e) => {
     if (filter && !filter.has(e.key)) return;
@@ -1164,14 +1165,14 @@ function keyboard(options = {}) {
   const onBlur = () => setPressed(/* @__PURE__ */ new Set());
   target.addEventListener("keydown", onDown);
   target.addEventListener("keyup", onUp);
-  window.addEventListener("blur", onBlur);
+  view.addEventListener("blur", onBlur);
   function isPressed(key) {
     return pressed().has(key);
   }
   function dispose() {
     target.removeEventListener("keydown", onDown);
     target.removeEventListener("keyup", onUp);
-    window.removeEventListener("blur", onBlur);
+    view.removeEventListener("blur", onBlur);
   }
   return { pressed, isPressed, dispose };
 }

package/dist/{chunk-GSGNX35Q.js → chunk-IFRIBZ4O.js}

@@ -1,21 +1,21 @@
 import {
   watch
-} from "./chunk-CZPRSWSS.js";
+} from "./chunk-EVOK663Z.js";
 import {
   createId,
   domBinding,
   idSegment
-} from "./chunk-C7AA2CZX.js";
+} from "./chunk-GOL3FU5Q.js";
 import {
   derived
-} from "./chunk-KJ3UKABJ.js";
+} from "./chunk-5PC7OTQW.js";
 import {
   stripHtml
 } from "./chunk-EXXSN3BW.js";
 import {
   batch,
   signal
-} from "./chunk-DSID757X.js";
+} from "./chunk-FYUEL5IW.js";
 
 // src/widgets/Combobox.ts
 var boundComboboxes = /* @__PURE__ */ new WeakMap();

package/dist/{chunk-C5PEWEGH.js → chunk-IL5MMSCL.js}

@@ -6,13 +6,16 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-V3LHZSU5.js";
+} from "./chunk-7WIHYHWD.js";
 import {
   sanitizeUrl
 } from "./chunk-EXXSN3BW.js";
 import {
   signal
-} from "./chunk-DSID757X.js";
+} from "./chunk-FYUEL5IW.js";
+import {
+  bindOwnerScope
+} from "./chunk-D6HYFOWR.js";
 import {
   DEV,
   devWarn,
@@ -785,16 +788,20 @@ function lazyChunk(id, loader, registry, fallback) {
     registry.load(id, async () => {
       const mod = await loader();
       return typeof mod === "function" ? mod : mod.default;
-    }).then((component) => {
-      if (disposed) return;
-      const node = component();
-      if (disposed) {
-        dispose(node);
-        return;
-      }
-      clearChildren(container);
-      container.appendChild(node);
-    }).catch((err) => {
+    }).then(
+      // Instantiated after the chunk resolves, in the owner scope of the
+      // render that asked for it — as `lazy()` does.
+      bindOwnerScope((component) => {
+        if (disposed) return;
+        const node = component();
+        if (disposed) {
+          dispose(node);
+          return;
+        }
+        clearChildren(container);
+        container.appendChild(node);
+      })
+    ).catch((err) => {
       if (disposed) return;
       clearChildren(container);
       const errorEl = document.createElement("div");

package/dist/{chunk-ZVLHNEEL.js → chunk-ITEL5KPL.js}

@@ -1,16 +1,16 @@
 import {
   domBinding
-} from "./chunk-C7AA2CZX.js";
+} from "./chunk-GOL3FU5Q.js";
 import {
   bindAttribute,
   setSafeAttribute
-} from "./chunk-O6TRVMJI.js";
+} from "./chunk-XUQUQJYE.js";
 import {
   isBlockedElement
 } from "./chunk-3ACAAQIN.js";
 import {
   derived
-} from "./chunk-KJ3UKABJ.js";
+} from "./chunk-5PC7OTQW.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
@@ -23,11 +23,11 @@ import {
 } from "./chunk-5HZXGZ6T.js";
 import {
   signal
-} from "./chunk-DSID757X.js";
+} from "./chunk-FYUEL5IW.js";
 import {
   reactiveBinding,
   track
-} from "./chunk-TQQUN4WR.js";
+} from "./chunk-D6HYFOWR.js";
 import {
   dispose,
   disposeNodeOwn,
@@ -1466,7 +1466,7 @@ function svgElement(tag, props = {}, ...nodes) {
   for (const child of nodes) {
     if (typeof child === "string") {
       el.appendChild(document.createTextNode(child));
-    } else if (child instanceof Node) {
+    } else if (typeof child?.nodeType === "number") {
       el.appendChild(child);
     }
   }

package/dist/{chunk-RGLPEBDE.js → chunk-JCKUWWHU.js}

@@ -4,14 +4,14 @@ import {
 } from "./chunk-62BDYGAG.js";
 import {
   derived
-} from "./chunk-KJ3UKABJ.js";
+} from "./chunk-5PC7OTQW.js";
 import {
   effect
-} from "./chunk-V3LHZSU5.js";
+} from "./chunk-7WIHYHWD.js";
 import {
   batch,
   signal
-} from "./chunk-DSID757X.js";
+} from "./chunk-FYUEL5IW.js";
 import {
   DEV,
   devWarn,

package/dist/{chunk-Q5J2LVKH.js → chunk-N6U4GOIU.js}

@@ -1,7 +1,7 @@
 import {
   SVG_NS,
   tagFactory
-} from "./chunk-VWT3VXPL.js";
+} from "./chunk-EVI4ZQO3.js";
 
 // src/core/rendering/html.ts
 var html = tagFactory("html");

package/dist/{chunk-LI4W3U6C.js → chunk-TOPRMXFY.js}

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

package/dist/{chunk-4WMSTZ7J.js → chunk-VWPMWV7O.js}

@@ -3,23 +3,23 @@ import {
 } from "./chunk-J6FW5TV6.js";
 import {
   tagFactory
-} from "./chunk-VWT3VXPL.js";
+} from "./chunk-EVI4ZQO3.js";
 import {
   derived
-} from "./chunk-KJ3UKABJ.js";
+} from "./chunk-5PC7OTQW.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-V3LHZSU5.js";
+} from "./chunk-7WIHYHWD.js";
 import {
   sanitizeCSSDeclaration
 } from "./chunk-EXXSN3BW.js";
 import {
   batch,
   signal
-} from "./chunk-DSID757X.js";
+} from "./chunk-FYUEL5IW.js";
 
 // src/ecosystem/adapters/mobx.ts
 function mobXAdapter(options) {

package/dist/{chunk-O6TRVMJI.js → chunk-XUQUQJYE.js}

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

package/dist/data.cjs

@@ -313,6 +313,24 @@ function untracked(fn) {
     resumeTracking();
   }
 }
+var currentOwnerScope = null;
+function getOwnerScope() {
+  return currentOwnerScope;
+}
+function runWithOwnerScope(scope, fn) {
+  const prev = currentOwnerScope;
+  currentOwnerScope = scope;
+  try {
+    return fn();
+  } finally {
+    currentOwnerScope = prev;
+  }
+}
+function bindOwnerScope(fn) {
+  const scope = currentOwnerScope;
+  if (scope === null) return fn;
+  return (...args) => runWithOwnerScope(scope, () => fn(...args));
+}
 var subscriberEpochCounter = 0;
 function retrack(effectFn, subscriber) {
   const prev = currentSubscriber;
@@ -328,6 +346,10 @@ function retrack(effectFn, subscriber) {
   currentSubscriber = subscriber;
   const sub = subscriber;
   if (sub._cap === void 0) sub._cap = currentDisposerCapture();
+  const prevScope = currentOwnerScope;
+  if (prevScope !== null && !sub._epoch && sub._scope === void 0) sub._scope = prevScope;
+  const scope = sub._scope === void 0 ? null : sub._scope;
+  if (scope !== prevScope) currentOwnerScope = scope;
   const epoch = ++subscriberEpochCounter;
   sub._epoch = epoch;
   sub._structDirty = false;
@@ -340,6 +362,7 @@ function retrack(effectFn, subscriber) {
     effectFn();
   } finally {
     currentSubscriber = prev;
+    currentOwnerScope = prevScope;
     if (savedDepth !== 0) {
       suspendDepth = savedDepth;
       suspendSavedSub = savedSuspendSub;
@@ -374,23 +397,26 @@ function track(effectFn, subscriber) {
     trackingSuspended = false;
   }
   currentSubscriber = subscriber;
+  const sub = subscriber;
+  if (sub._scope === void 0) sub._scope = currentOwnerScope;
+  const prevScope = currentOwnerScope;
+  currentOwnerScope = sub._scope;
   try {
     effectFn();
   } finally {
     currentSubscriber = prev;
+    currentOwnerScope = prevScope;
     if (savedDepth !== 0) {
       suspendDepth = savedDepth;
       suspendSavedSub = savedSuspendSub;
       trackingSuspended = true;
     }
-    const sub2 = subscriber;
-    for (let n = sub2.depsHead ?? null; n !== null; n = n.subNext) {
+    for (let n = sub.depsHead ?? null; n !== null; n = n.subNext) {
       const sig = n.sig;
       sig.__activeNode = n.prevActive;
       n.prevActive = null;
     }
   }
-  const sub = subscriber;
   return sub._dispose ?? (sub._dispose = () => cleanup(subscriber));
 }
 function reactiveBinding(commit, ownerNode) {
@@ -660,7 +686,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.8.0" : "dev";
+var _runtimeVersion = true ? "4.10.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;
@@ -692,6 +718,9 @@ function resolveReactiveApi() {
     getSubscriberCount,
     getSubscriberDeps,
     forEachSubscriber,
+    getOwnerScope,
+    runWithOwnerScope,
+    bindOwnerScope,
     version: _runtimeVersion
   };
   g[REGISTRY_KEY] = local;
@@ -715,6 +744,9 @@ var notifySubscribers2 = API.notifySubscribers;
 var getSubscriberCount2 = API.getSubscriberCount;
 var getSubscriberDeps2 = API.getSubscriberDeps;
 var forEachSubscriber2 = API.forEachSubscriber;
+var getOwnerScope2 = API.getOwnerScope ?? getOwnerScope;
+var runWithOwnerScope2 = API.runWithOwnerScope ?? runWithOwnerScope;
+var bindOwnerScope2 = API.bindOwnerScope ?? bindOwnerScope;
 
 // src/core/devtoolsHook.ts
 function emitDevtools(hook, event, payload) {
@@ -891,6 +923,11 @@ function flushUserCleanups(ctx) {
   const list = ctx.userCleanups;
   if (list.length === 0) return;
   ctx.userCleanups = [];
+  const scope = ctx.subscriber._scope ?? null;
+  if (scope === getOwnerScope2()) runCleanups(list);
+  else runWithOwnerScope2(scope, () => runCleanups(list));
+}
+function runCleanups(list) {
   for (let i = list.length - 1; i >= 0; i--) {
     try {
       list[i]();
@@ -1384,6 +1421,8 @@ function query(key, fetcher, options = {}) {
     structuralSharing = true
   } = options;
   const resolveKey = typeof key === "function" ? key : () => key;
+  const enabledGate = typeof enabled === "function" ? derived(() => Boolean(enabled())) : null;
+  const isEnabled = enabledGate ?? (() => Boolean(enabled));
   const cache = getActiveQueryCache();
   const [data, setData] = signal(initialData);
   const [isFetching, setIsFetching] = signal(false);
@@ -1402,6 +1441,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(() => {
@@ -1498,7 +1538,7 @@ function query(key, fetcher, options = {}) {
     }
   }
   async function doFetch() {
-    if (disposed || !currentKey || !enabled) return;
+    if (disposed || !currentKey || !untracked2(isEnabled)) return;
     const key2 = currentKey;
     const entry = getOrCreateEntry(cache, key2);
     attachToEntry(entry, key2);
@@ -1600,10 +1640,20 @@ function query(key, fetcher, options = {}) {
   }
   const effectCleanup = effect(() => {
     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) {
       const view = viewOf(entry);
       batch(() => {
@@ -1612,19 +1662,20 @@ 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 (enabled && isDataStale2 && !entry.promise) doFetch();
+      if (on && isDataStale2 && !entry.promise) doFetch();
       return;
     }
     const isDataStale = entry.dataUpdatedAt === 0 || Date.now() - entry.dataUpdatedAt >= staleTime;
-    if (enabled && (entry.data === void 0 || isDataStale)) {
+    if (on && (entry.data === void 0 || isDataStale)) {
       doFetch();
     }
   });
   if (refetchInterval && refetchInterval > 0) {
     intervalTimer = setInterval(() => {
-      if (!disposed && currentKey && enabled) doFetch();
+      if (!disposed && currentKey) doFetch();
     }, refetchInterval);
   }
   let focusHandler = null;
@@ -1632,13 +1683,13 @@ function query(key, fetcher, options = {}) {
   if (typeof globalThis !== "undefined" && typeof globalThis.addEventListener === "function") {
     if (refetchOnWindowFocus) {
       focusHandler = () => {
-        if (!disposed && currentKey && enabled) doFetch();
+        if (!disposed && currentKey) doFetch();
       };
       globalThis.addEventListener("focus", focusHandler);
     }
     if (refetchOnReconnect) {
       onlineHandler = () => {
-        if (!disposed && currentKey && enabled) doFetch();
+        if (!disposed && currentKey) doFetch();
       };
       globalThis.addEventListener("online", onlineHandler);
     }
@@ -1650,6 +1701,7 @@ function query(key, fetcher, options = {}) {
     stopSelect?.();
     loading.dispose();
     isStale.dispose();
+    enabledGate?.dispose();
     if (intervalTimer) clearInterval(intervalTimer);
     detachFromEntry();
     if (focusHandler && typeof globalThis.removeEventListener === "function") {
@@ -1829,6 +1881,8 @@ function infiniteQuery(key, fetcher, options) {
     onError
   } = options;
   const resolveKey = typeof key === "function" ? key : () => key;
+  const enabledGate = typeof enabled === "function" ? derived(() => Boolean(enabled())) : null;
+  const isEnabled = enabledGate ?? (() => enabled);
   const [pages, setPages] = signal([]);
   const [isFetching, setIsFetching] = signal(false);
   const [isFetchingNext, setIsFetchingNext] = signal(false);
@@ -1907,7 +1961,7 @@ function infiniteQuery(key, fetcher, options) {
   }
   const effectCleanup = effect(() => {
     resolveKey();
-    if (enabled) {
+    if (isEnabled()) {
       abortController?.abort();
       batch(() => {
         setPages([]);
@@ -1948,6 +2002,7 @@ function infiniteQuery(key, fetcher, options) {
     loading.dispose();
     hasNextPage.dispose();
     hasPreviousPage.dispose();
+    enabledGate?.dispose();
   }
   return {
     data,