sibujs 4.4.0 → 4.5.0

package/dist/data.cjs

@@ -295,6 +295,15 @@ 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 sub = subscriber;
   const epoch = ++subscriberEpochCounter;
@@ -309,6 +318,11 @@ function retrack(effectFn, subscriber) {
     effectFn();
   } finally {
     currentSubscriber = prev;
+    if (savedDepth !== 0) {
+      suspendDepth = savedDepth;
+      suspendSavedSub = savedSuspendSub;
+      trackingSuspended = true;
+    }
     let node = sub.depsHead ?? null;
     while (node !== null) {
       const next = node.subNext;
@@ -328,11 +342,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 sub2 = subscriber;
     for (let n = sub2.depsHead ?? null; n !== null; n = n.subNext) {
       const sig = n.sig;
@@ -503,8 +531,9 @@ function propagateDirty(sub) {
         if (s._c) {
           const nSig = s._sig;
           if (nSig) {
-            if (!nSig._d) {
+            if (!nSig._d || nSig._f === true) {
               nSig._d = true;
+              nSig._f = false;
               stack.push(nSig);
             }
           } else {
@@ -604,7 +633,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.4.0" : "dev";
+var _runtimeVersion = true ? "4.5.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;
@@ -668,10 +697,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;
@@ -694,33 +727,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;
   }
@@ -729,6 +782,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;
 }
@@ -1402,6 +1468,8 @@ function query(key, fetcher, options = {}) {
     if (disposed) return;
     disposed = true;
     effectCleanup();
+    loading.dispose();
+    isStale.dispose();
     if (intervalTimer) clearInterval(intervalTimer);
     detachFromEntry();
     if (focusHandler && typeof globalThis.removeEventListener === "function") {
@@ -1691,6 +1759,10 @@ function infiniteQuery(key, fetcher, options) {
     disposed = true;
     abortController?.abort();
     effectCleanup();
+    data.dispose();
+    loading.dispose();
+    hasNextPage.dispose();
+    hasPreviousPage.dispose();
   }
   return {
     data,

package/dist/data.js

@@ -20,15 +20,15 @@ import {
   syncAdapter,
   throttle,
   withRetry
-} from "./chunk-6GSIXTWX.js";
-import "./chunk-7NBDXVHS.js";
-import "./chunk-W2EQ7X2L.js";
+} from "./chunk-3JZ4L5TJ.js";
+import "./chunk-VUF4ALSW.js";
+import "./chunk-RBTPLM32.js";
 import "./chunk-IXKSNWV5.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-7GIHSAWB.js";
+import "./chunk-RIXRAYIU.js";
 import "./chunk-5DXA2J44.js";
-import "./chunk-NVNJH22U.js";
-import "./chunk-3BTTCZ5J.js";
+import "./chunk-XZZOBQAY.js";
+import "./chunk-UGRX3S57.js";
 import "./chunk-2WLZ6757.js";
 export {
   __resetQueryCache,

package/dist/devtools.cjs

@@ -427,6 +427,15 @@ 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 sub = subscriber;
   const epoch = ++subscriberEpochCounter;
@@ -441,6 +450,11 @@ function retrack(effectFn, subscriber) {
     effectFn();
   } finally {
     currentSubscriber = prev;
+    if (savedDepth !== 0) {
+      suspendDepth = savedDepth;
+      suspendSavedSub = savedSuspendSub;
+      trackingSuspended = true;
+    }
     let node = sub.depsHead ?? null;
     while (node !== null) {
       const next = node.subNext;
@@ -460,11 +474,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 sub2 = subscriber;
     for (let n = sub2.depsHead ?? null; n !== null; n = n.subNext) {
       const sig = n.sig;
@@ -635,8 +663,9 @@ function propagateDirty(sub) {
         if (s._c) {
           const nSig = s._sig;
           if (nSig) {
-            if (!nSig._d) {
+            if (!nSig._d || nSig._f === true) {
               nSig._d = true;
+              nSig._f = false;
               stack.push(nSig);
             }
           } else {
@@ -736,7 +765,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.4.0" : "dev";
+var _runtimeVersion = true ? "4.5.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;
@@ -1102,6 +1131,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/devtools.js

@@ -35,14 +35,14 @@ import {
   trackCleanup,
   walkDependencyGraph,
   withErrorTracking
-} from "./chunk-4Z3SPQ67.js";
+} from "./chunk-FTIR4QW2.js";
 import "./chunk-IXKSNWV5.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-7GIHSAWB.js";
+import "./chunk-RIXRAYIU.js";
 import "./chunk-5DXA2J44.js";
 import "./chunk-QKRPLZ2V.js";
-import "./chunk-NVNJH22U.js";
-import "./chunk-3BTTCZ5J.js";
+import "./chunk-XZZOBQAY.js";
+import "./chunk-UGRX3S57.js";
 import {
   isDev
 } from "./chunk-2WLZ6757.js";

package/dist/ecosystem.cjs

@@ -288,6 +288,15 @@ 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 sub = subscriber;
   const epoch = ++subscriberEpochCounter;
@@ -302,6 +311,11 @@ function retrack(effectFn, subscriber) {
     effectFn();
   } finally {
     currentSubscriber = prev;
+    if (savedDepth !== 0) {
+      suspendDepth = savedDepth;
+      suspendSavedSub = savedSuspendSub;
+      trackingSuspended = true;
+    }
     let node = sub.depsHead ?? null;
     while (node !== null) {
       const next = node.subNext;
@@ -321,11 +335,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 sub2 = subscriber;
     for (let n = sub2.depsHead ?? null; n !== null; n = n.subNext) {
       const sig = n.sig;
@@ -496,8 +524,9 @@ function propagateDirty(sub) {
         if (s._c) {
           const nSig = s._sig;
           if (nSig) {
-            if (!nSig._d) {
+            if (!nSig._d || nSig._f === true) {
               nSig._d = true;
+              nSig._f = false;
               stack.push(nSig);
             }
           } else {
@@ -597,7 +626,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.4.0" : "dev";
+var _runtimeVersion = true ? "4.5.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;
@@ -1084,10 +1113,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;
@@ -1110,33 +1143,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;
   }
@@ -1145,6 +1198,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;
 }
@@ -1462,6 +1528,14 @@ function setSafeAttribute(el, name, value, options = {}) {
   const html = isHtmlElement(el);
   const idlName = html ? 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 (html && BOOLEAN_IDL_ATTRS.has(idlName) && idlName in el) {
       setProp(el, idlName, value);
     } else if (value) {

package/dist/ecosystem.d.cts

@@ -1,5 +1,5 @@
 import { S as SibuPlugin } from './plugin-D30wlGW5.cjs';
-import { T as TagProps } from './tagFactory-Bzupt4Pj.cjs';
+import { D as DerivedAccessor, T as TagProps } from './tagFactory-DVoDpHye.cjs';
 
 /** MobX autorun disposer function type. */
 type MobXReactionDisposer = () => void;
@@ -67,8 +67,12 @@ interface ReduxAdapterOptions<S = unknown> {
 interface ReduxAdapterAPI<S = unknown> {
     /** Full store state as a SibuJS reactive getter */
     getState: () => S;
-    /** Create a SibuJS reactive getter from a Redux selector */
-    select: <R>(selector: (state: S) => R) => () => R;
+    /**
+     * Create a SibuJS reactive getter from a Redux selector. The getter is a
+     * `derived()` subscribed to the store state; call its `dispose()` when a
+     * selector is discarded before the adapter.
+     */
+    select: <R>(selector: (state: S) => R) => DerivedAccessor<R>;
     /** Dispatch an action to the Redux store */
     dispatch: ReduxStore<S>["dispatch"];
     /** Unsubscribe from the Redux store */
@@ -110,8 +114,12 @@ interface ZustandAdapterOptions<S> {
 interface ZustandAdapterAPI<S> {
     /** Full Zustand state as a SibuJS reactive getter */
     getState: () => S;
-    /** Create a SibuJS reactive getter from a Zustand selector */
-    select: <R>(selector: (state: S) => R) => () => R;
+    /**
+     * Create a SibuJS reactive getter from a Zustand selector. The getter is a
+     * `derived()` subscribed to the store state; call its `dispose()` when a
+     * selector is discarded before the adapter.
+     */
+    select: <R>(selector: (state: S) => R) => DerivedAccessor<R>;
     /** Set state on the Zustand store */
     setState: ZustandStore<S>["setState"];
     /** Destroy the subscription and the Zustand store */

package/dist/ecosystem.d.ts

@@ -1,5 +1,5 @@
 import { S as SibuPlugin } from './plugin-D30wlGW5.js';
-import { T as TagProps } from './tagFactory-Bzupt4Pj.js';
+import { D as DerivedAccessor, T as TagProps } from './tagFactory-DVoDpHye.js';
 
 /** MobX autorun disposer function type. */
 type MobXReactionDisposer = () => void;
@@ -67,8 +67,12 @@ interface ReduxAdapterOptions<S = unknown> {
 interface ReduxAdapterAPI<S = unknown> {
     /** Full store state as a SibuJS reactive getter */
     getState: () => S;
-    /** Create a SibuJS reactive getter from a Redux selector */
-    select: <R>(selector: (state: S) => R) => () => R;
+    /**
+     * Create a SibuJS reactive getter from a Redux selector. The getter is a
+     * `derived()` subscribed to the store state; call its `dispose()` when a
+     * selector is discarded before the adapter.
+     */
+    select: <R>(selector: (state: S) => R) => DerivedAccessor<R>;
     /** Dispatch an action to the Redux store */
     dispatch: ReduxStore<S>["dispatch"];
     /** Unsubscribe from the Redux store */
@@ -110,8 +114,12 @@ interface ZustandAdapterOptions<S> {
 interface ZustandAdapterAPI<S> {
     /** Full Zustand state as a SibuJS reactive getter */
     getState: () => S;
-    /** Create a SibuJS reactive getter from a Zustand selector */
-    select: <R>(selector: (state: S) => R) => () => R;
+    /**
+     * Create a SibuJS reactive getter from a Zustand selector. The getter is a
+     * `derived()` subscribed to the store state; call its `dispose()` when a
+     * selector is discarded before the adapter.
+     */
+    select: <R>(selector: (state: S) => R) => DerivedAccessor<R>;
     /** Set state on the Zustand store */
     setState: ZustandStore<S>["setState"];
     /** Destroy the subscription and the Zustand store */

package/dist/ecosystem.js

@@ -7,18 +7,18 @@ import {
   mobXAdapter,
   reduxAdapter,
   zustandAdapter
-} from "./chunk-UCALUKB5.js";
+} from "./chunk-4PMLNECI.js";
 import "./chunk-WWV3SJ3L.js";
-import "./chunk-PNIRUQ4C.js";
-import "./chunk-VCTAEPSB.js";
-import "./chunk-W2EQ7X2L.js";
+import "./chunk-KEISJXBU.js";
+import "./chunk-ONOHFDLG.js";
+import "./chunk-RBTPLM32.js";
 import "./chunk-IXKSNWV5.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-7GIHSAWB.js";
+import "./chunk-RIXRAYIU.js";
 import "./chunk-5DXA2J44.js";
 import "./chunk-QKRPLZ2V.js";
-import "./chunk-NVNJH22U.js";
-import "./chunk-3BTTCZ5J.js";
+import "./chunk-XZZOBQAY.js";
+import "./chunk-UGRX3S57.js";
 import "./chunk-2WLZ6757.js";
 export {
   antdAdapter,