sibujs 3.1.0 → 3.2.0

package/dist/data.d.ts

@@ -133,7 +133,7 @@ interface MutationResult<TData, TVariables> {
     /** Reset state to idle */
     reset: () => void;
 }
-declare function mutation<TData, TVariables = void, TContext = unknown>(mutationFn: (variables: TVariables) => Promise<TData>, options?: MutationOptions<TData, TVariables, TContext>): MutationResult<TData, TVariables>;
+declare function mutation<TData, TVariables = void, TContext = unknown>(mutationFn: (variables: TVariables, signal?: AbortSignal) => Promise<TData>, options?: MutationOptions<TData, TVariables, TContext>): MutationResult<TData, TVariables>;
 
 interface InfiniteQueryOptions<TData, TPageParam = number> {
     /** Get the param for the next page. Return undefined to signal end. */
@@ -142,6 +142,12 @@ interface InfiniteQueryOptions<TData, TPageParam = number> {
     getPreviousPageParam?: (firstPage: TData, allPages: TData[]) => TPageParam | undefined;
     /** Initial page param. Default: 0 (for number) */
     initialPageParam?: TPageParam;
+    /**
+     * Maximum number of pages to retain. When exceeded, the oldest page is
+     * dropped from the opposite end (sliding window) to bound memory. Unset =
+     * unbounded.
+     */
+    maxPages?: number;
     /** Whether to fetch on creation. Default: true */
     enabled?: boolean;
     /** Retry options */

package/dist/data.js

@@ -20,14 +20,14 @@ import {
   syncAdapter,
   throttle,
   withRetry
-} from "./chunk-PMSDFTK3.js";
-import "./chunk-EFOAE5NC.js";
-import "./chunk-SC437AMI.js";
-import "./chunk-UCS6AMJ7.js";
-import "./chunk-ZIBE2SAT.js";
-import "./chunk-2RA7SHDA.js";
-import "./chunk-RK4BQG25.js";
-import "./chunk-3U4ZVXVD.js";
+} from "./chunk-VOCE4NNK.js";
+import "./chunk-YFDGQWDA.js";
+import "./chunk-JYXOEYI4.js";
+import "./chunk-HMJFCBRR.js";
+import "./chunk-FDY42FIU.js";
+import "./chunk-GOJMFRBL.js";
+import "./chunk-C427DVQF.js";
+import "./chunk-Z2FWAE4B.js";
 import "./chunk-LMLD24FC.js";
 export {
   __resetQueryCache,

package/dist/devtools.cjs

@@ -65,6 +65,7 @@ module.exports = __toCommonJS(devtools_exports);
 // src/devtools/debug.ts
 var debugEnabled = false;
 var perfMarks = /* @__PURE__ */ new Map();
+var MAX_PERF_SAMPLES = 1e3;
 function enableDebug() {
   debugEnabled = true;
   console.log("[SibuJS] Debug mode enabled");
@@ -89,7 +90,11 @@ function perfTracker(label) {
   }
   function endMeasure() {
     const elapsed = globalThis.performance.now() - startTime;
-    perfMarks.get(label)?.push(elapsed);
+    const marks = perfMarks.get(label);
+    if (marks) {
+      marks.push(elapsed);
+      if (marks.length > MAX_PERF_SAMPLES) marks.shift();
+    }
     if (debugEnabled) {
       debugLog("Perf", `${label}: ${elapsed.toFixed(2)}ms`);
     }
@@ -562,7 +567,20 @@ function signal(initial, options) {
 
 // src/utils/sanitize.ts
 function stripHtml(html) {
-  return String(html).replace(/<[^>]*>/g, "");
+  const input = String(html);
+  if (typeof DOMParser !== "undefined") {
+    try {
+      return new DOMParser().parseFromString(input, "text/html").body.textContent ?? "";
+    } catch {
+    }
+  }
+  let prev;
+  let out = input;
+  do {
+    prev = out;
+    out = out.replace(/<[^>]*>/g, "");
+  } while (out !== prev);
+  return out.replace(/<[^>]*$/, "");
 }
 
 // src/devtools/devtools.ts
@@ -1494,7 +1512,7 @@ function withErrorTracking(name, component, reporter) {
     }
   };
 }
-function formatError(error, context) {
+function formatError(error, context, seen = /* @__PURE__ */ new Set([error])) {
   const lines = [];
   const componentLabel = context?.component ?? (error instanceof SibuError ? error.component : void 0);
   if (componentLabel) {
@@ -1519,10 +1537,11 @@ function formatError(error, context) {
     lines.push(stackBody);
   }
   const cause = error.cause;
-  if (cause instanceof Error) {
+  if (cause instanceof Error && !seen.has(cause)) {
+    seen.add(cause);
     lines.push("");
     lines.push("Caused by:");
-    lines.push(formatError(cause));
+    lines.push(formatError(cause, context, seen));
   }
   return lines.join("\n");
 }
@@ -1531,11 +1550,15 @@ function formatError(error, context) {
 var als = null;
 try {
   if (typeof process !== "undefined" && process.versions && process.versions.node) {
-    const req = Function("return typeof require==='function'?require:null")();
-    if (req) {
-      const mod = req("node:async_hooks");
-      als = new mod.AsyncLocalStorage();
+    let mod = null;
+    const getBuiltin = process.getBuiltinModule;
+    if (typeof getBuiltin === "function") {
+      mod = getBuiltin("node:async_hooks");
+    } else {
+      const req = Function("return typeof require==='function'?require:null")();
+      if (req) mod = req("node:async_hooks");
     }
+    if (mod) als = new mod.AsyncLocalStorage();
   }
 } catch {
   als = null;
@@ -1637,6 +1660,7 @@ function effect(effectFn, options) {
     ctx.fn(ctx.onCleanup);
   };
   const sub = (() => {
+    if (ctx.disposed) return;
     if (ctx.running) {
       ctx.rerunPending = true;
       return;
@@ -1681,7 +1705,11 @@ function debugValue(value, formatter) {
   const dispose2 = effect(() => {
     const resolved = value();
     entry.value = resolved;
-    entry.label = format(resolved);
+    try {
+      entry.label = format(resolved);
+    } catch (err) {
+      entry.label = `<format error: ${err instanceof Error ? err.message : String(err)}>`;
+    }
   });
   return () => {
     dispose2();

package/dist/devtools.d.cts

@@ -1,4 +1,4 @@
-export { D as DevToolsEvent, a as DevtoolsOverlayOptions, P as ProfilerResult, R as ReactiveNodeInfo, S as SibuError, c as checkLeaks, b as clearDebugValues, d as clearHMRModule, e as clearHMRState, f as clearPerformanceData, g as createDevtoolsOverlay, h as createErrorReporter, i as createHMRBoundary, j as createProfiler, k as debugLog, l as debugValue, m as devState, n as disableDebug, o as enableDebug, p as exposeHMR, q as formatError, r as getActiveDevTools, s as getDebugValues, t as getDependencies, u as getPerformanceReport, v as getSignalName, w as getSubscriberCount, x as hmrState, y as initDevTools, z as inspectSignal, A as isDebugEnabled, B as isHMRAvailable, C as measureRender, E as perfTracker, F as registerHMR, G as runCleanups, H as startMeasure, I as trackCleanup, J as walkDependencyGraph, K as withErrorTracking } from './introspect-DsJlDD2T.cjs';
+export { D as DevToolsEvent, a as DevtoolsOverlayOptions, P as ProfilerResult, R as ReactiveNodeInfo, S as SibuError, c as checkLeaks, b as clearDebugValues, d as clearHMRModule, e as clearHMRState, f as clearPerformanceData, g as createDevtoolsOverlay, h as createErrorReporter, i as createHMRBoundary, j as createProfiler, k as debugLog, l as debugValue, m as devState, n as disableDebug, o as enableDebug, p as exposeHMR, q as formatError, r as getActiveDevTools, s as getDebugValues, t as getDependencies, u as getPerformanceReport, v as getSignalName, w as getSubscriberCount, x as hmrState, y as initDevTools, z as inspectSignal, A as isDebugEnabled, B as isHMRAvailable, C as measureRender, E as perfTracker, F as registerHMR, G as runCleanups, H as startMeasure, I as trackCleanup, J as walkDependencyGraph, K as withErrorTracking } from './introspect-RjLfIFpL.cjs';
 import './signal-BnWpq6WB.cjs';
 
 interface SignalNodeSnapshot {

package/dist/devtools.d.ts

@@ -1,4 +1,4 @@
-export { D as DevToolsEvent, a as DevtoolsOverlayOptions, P as ProfilerResult, R as ReactiveNodeInfo, S as SibuError, c as checkLeaks, b as clearDebugValues, d as clearHMRModule, e as clearHMRState, f as clearPerformanceData, g as createDevtoolsOverlay, h as createErrorReporter, i as createHMRBoundary, j as createProfiler, k as debugLog, l as debugValue, m as devState, n as disableDebug, o as enableDebug, p as exposeHMR, q as formatError, r as getActiveDevTools, s as getDebugValues, t as getDependencies, u as getPerformanceReport, v as getSignalName, w as getSubscriberCount, x as hmrState, y as initDevTools, z as inspectSignal, A as isDebugEnabled, B as isHMRAvailable, C as measureRender, E as perfTracker, F as registerHMR, G as runCleanups, H as startMeasure, I as trackCleanup, J as walkDependencyGraph, K as withErrorTracking } from './introspect-BZWKvQUZ.js';
+export { D as DevToolsEvent, a as DevtoolsOverlayOptions, P as ProfilerResult, R as ReactiveNodeInfo, S as SibuError, c as checkLeaks, b as clearDebugValues, d as clearHMRModule, e as clearHMRState, f as clearPerformanceData, g as createDevtoolsOverlay, h as createErrorReporter, i as createHMRBoundary, j as createProfiler, k as debugLog, l as debugValue, m as devState, n as disableDebug, o as enableDebug, p as exposeHMR, q as formatError, r as getActiveDevTools, s as getDebugValues, t as getDependencies, u as getPerformanceReport, v as getSignalName, w as getSubscriberCount, x as hmrState, y as initDevTools, z as inspectSignal, A as isDebugEnabled, B as isHMRAvailable, C as measureRender, E as perfTracker, F as registerHMR, G as runCleanups, H as startMeasure, I as trackCleanup, J as walkDependencyGraph, K as withErrorTracking } from './introspect-DOZfmC-4.js';
 import './signal-BnWpq6WB.js';
 
 interface SignalNodeSnapshot {

package/dist/devtools.js

@@ -35,13 +35,13 @@ import {
   trackCleanup,
   walkDependencyGraph,
   withErrorTracking
-} from "./chunk-SVVAUX7J.js";
+} from "./chunk-7XDYVJLE.js";
 import "./chunk-2UPRY23K.js";
-import "./chunk-UCS6AMJ7.js";
-import "./chunk-ZIBE2SAT.js";
-import "./chunk-2RA7SHDA.js";
-import "./chunk-RK4BQG25.js";
-import "./chunk-3U4ZVXVD.js";
+import "./chunk-HMJFCBRR.js";
+import "./chunk-FDY42FIU.js";
+import "./chunk-GOJMFRBL.js";
+import "./chunk-C427DVQF.js";
+import "./chunk-Z2FWAE4B.js";
 import {
   isDev
 } from "./chunk-LMLD24FC.js";

package/dist/ecosystem.cjs

@@ -197,7 +197,7 @@ function track(effectFn, subscriber) {
 function reactiveBinding(commit) {
   const run = () => {
     const s = subscriber;
-    if (s._reentrant) return;
+    if (s._disposed || s._reentrant) return;
     s._reentrant = true;
     try {
       retrack(commit, subscriber);
@@ -213,8 +213,12 @@ function reactiveBinding(commit) {
   subscriber._runEpoch = 0;
   subscriber._runs = 0;
   subscriber._reentrant = false;
+  subscriber._disposed = false;
   run();
-  return subscriber._dispose ?? (subscriber._dispose = () => cleanup(subscriber));
+  return subscriber._dispose ?? (subscriber._dispose = () => {
+    subscriber._disposed = true;
+    cleanup(subscriber);
+  });
 }
 function recordDependency(signal2) {
   if (!currentSubscriber) return;
@@ -401,11 +405,15 @@ function notifySubscribers(signal2) {
 var als = null;
 try {
   if (typeof process !== "undefined" && process.versions && process.versions.node) {
-    const req = Function("return typeof require==='function'?require:null")();
-    if (req) {
-      const mod = req("node:async_hooks");
-      als = new mod.AsyncLocalStorage();
+    let mod = null;
+    const getBuiltin = process.getBuiltinModule;
+    if (typeof getBuiltin === "function") {
+      mod = getBuiltin("node:async_hooks");
+    } else {
+      const req = Function("return typeof require==='function'?require:null")();
+      if (req) mod = req("node:async_hooks");
     }
+    if (mod) als = new mod.AsyncLocalStorage();
   }
 } catch {
   als = null;
@@ -507,6 +515,7 @@ function effect(effectFn, options) {
     ctx.fn(ctx.onCleanup);
   };
   const sub = (() => {
+    if (ctx.disposed) return;
     if (ctx.running) {
       ctx.rerunPending = true;
       return;
@@ -731,6 +740,18 @@ function mobXAdapter(options) {
   return createPlugin("sibu-mobx", (ctx) => {
     const { autorun } = options;
     const disposers = [];
+    function trackDisposer(rawDispose) {
+      let done = false;
+      const wrapped = () => {
+        if (done) return;
+        done = true;
+        const i = disposers.indexOf(wrapped);
+        if (i >= 0) disposers.splice(i, 1);
+        rawDispose();
+      };
+      disposers.push(wrapped);
+      return wrapped;
+    }
     function fromMobX(expression) {
       const [getValue, setValue] = signal(void 0);
       const disposer = autorun(() => {
@@ -739,22 +760,18 @@ function mobXAdapter(options) {
           setValue(newValue);
         });
       });
-      disposers.push(disposer);
       const getter = (() => getValue());
-      getter.dispose = () => {
-        const i = disposers.indexOf(disposer);
-        if (i >= 0) disposers.splice(i, 1);
-        disposer();
-      };
+      getter.dispose = trackDisposer(disposer);
       return getter;
     }
     function toMobX(sibuGetter, callback) {
-      return effect(() => {
+      const stop = effect(() => {
         callback(sibuGetter());
       });
+      return trackDisposer(stop);
     }
     function destroy() {
-      for (const disposer of disposers) {
+      for (const disposer of [...disposers]) {
         disposer();
       }
       disposers.length = 0;
@@ -771,6 +788,7 @@ function derived(getter, options) {
   const equals = options?.equals;
   const cs = {};
   cs._d = false;
+  cs._init = false;
   cs._g = getter;
   cs.__v = 0;
   const markDirty = () => {
@@ -779,11 +797,18 @@ function derived(getter, options) {
   };
   markDirty._c = 1;
   markDirty._sig = cs;
+  const recompute = () => {
+    const next = getter();
+    cs._v = equals && cs._init ? equals(cs._v, next) ? cs._v : next : next;
+    cs._d = false;
+    cs._init = true;
+  };
   track(() => {
     let threw = true;
     try {
       cs._v = getter();
       cs._d = false;
+      cs._init = true;
       threw = false;
     } finally {
       if (threw) cs._d = true;
@@ -799,20 +824,13 @@ function derived(getter, options) {
     }
     if (trackingSuspended) {
       if (cs._d) {
+        const prev = cs._v;
         evaluating = true;
-        let threw = true;
         try {
-          const prev = cs._v;
-          retrack(() => {
-            const next = getter();
-            cs._v = equals && cs._v !== void 0 ? equals(cs._v, next) ? cs._v : next : next;
-            cs._d = false;
-            threw = false;
-          }, markDirty);
+          retrack(recompute, markDirty);
           if (!Object.is(prev, cs._v)) cs.__v++;
         } finally {
           evaluating = false;
-          if (threw) cs._d = true;
         }
       }
       return cs._v;
@@ -821,18 +839,11 @@ function derived(getter, options) {
     if (cs._d) {
       const oldValue = cs._v;
       evaluating = true;
-      let threw = true;
       try {
-        retrack(() => {
-          const next = getter();
-          cs._v = equals && cs._v !== void 0 ? equals(cs._v, next) ? cs._v : next : next;
-          cs._d = false;
-          threw = false;
-        }, markDirty);
+        retrack(recompute, markDirty);
         if (!Object.is(oldValue, cs._v)) cs.__v++;
       } finally {
         evaluating = false;
-        if (threw) cs._d = true;
       }
       if (hook && oldValue !== cs._v) {
         hook.emit("computed:update", { signal: cs, oldValue, newValue: cs._v });
@@ -899,9 +910,17 @@ function zustandAdapter(options) {
 }
 
 // src/utils/sanitize.ts
+function stripControlChars(value) {
+  return value.replace(/[\x00-\x20\x7f-\x9f]+/g, "");
+}
+function isEventHandlerAttr(name) {
+  if (name.length < 3) return false;
+  const lower = name.toLowerCase();
+  return lower[0] === "o" && lower[1] === "n" && lower.charCodeAt(2) >= 97 && lower.charCodeAt(2) <= 122;
+}
 var SAFE_URL_PROTOCOLS = ["http:", "https:", "mailto:", "tel:", "ftp:"];
 function sanitizeUrl(url) {
-  const trimmed = url.replace(/[\x00-\x20\x7f-\x9f]+/g, "").trim();
+  const trimmed = stripControlChars(url).trim();
   if (!trimmed) return "";
   const lower = trimmed.toLowerCase();
   let schemeEnd = -1;
@@ -964,7 +983,7 @@ var URL_ATTRIBUTES = /* @__PURE__ */ new Set([
   "data"
 ]);
 function isUrlAttribute(attr) {
-  return URL_ATTRIBUTES.has(attr);
+  return URL_ATTRIBUTES.has(attr.toLowerCase());
 }
 
 // src/reactivity/bindAttribute.ts
@@ -972,11 +991,6 @@ var _isDev4 = isDev();
 function setProp(el, key, val) {
   el[key] = val;
 }
-function isEventHandlerAttr(name) {
-  if (name.length < 3) return false;
-  const lower = name.toLowerCase();
-  return lower[0] === "o" && lower[1] === "n" && lower.charCodeAt(2) >= 97 && lower.charCodeAt(2) <= 122;
-}
 function bindAttribute(el, attr, getter) {
   if (isEventHandlerAttr(attr)) {
     if (_isDev4)
@@ -1015,8 +1029,69 @@ function bindAttribute(el, attr, getter) {
   return reactiveBinding(commit);
 }
 
-// src/reactivity/bindChildNode.ts
+// src/core/rendering/dispose.ts
+var elementDisposers = /* @__PURE__ */ new WeakMap();
 var _isDev5 = isDev();
+var activeBindingCount = 0;
+function registerDisposer(node, teardown) {
+  let disposers = elementDisposers.get(node);
+  if (!disposers) {
+    disposers = [];
+    elementDisposers.set(node, disposers);
+  }
+  disposers.push(teardown);
+  if (_isDev5) activeBindingCount++;
+}
+function dispose(node) {
+  const stack = [node];
+  const order = [];
+  while (stack.length > 0) {
+    const current = stack.pop();
+    order.push(current);
+    const children = Array.from(current.childNodes);
+    for (let i = 0; i < children.length; i++) {
+      stack.push(children[i]);
+    }
+  }
+  for (let i = order.length - 1; i >= 0; i--) {
+    const current = order[i];
+    const disposers = elementDisposers.get(current);
+    if (disposers) {
+      const snapshot = disposers.slice();
+      elementDisposers.delete(current);
+      if (_isDev5) activeBindingCount -= snapshot.length;
+      for (const d of snapshot) {
+        try {
+          d();
+        } catch (err) {
+          if (_isDev5 && typeof console !== "undefined") {
+            console.warn("[SibuJS] Disposer threw during cleanup:", err);
+          }
+        }
+      }
+      let extraPasses = 0;
+      while (extraPasses++ < 8) {
+        const added = elementDisposers.get(current);
+        if (!added || added.length === 0) break;
+        const moreSnapshot = added.slice();
+        elementDisposers.delete(current);
+        if (_isDev5) activeBindingCount -= moreSnapshot.length;
+        for (const d of moreSnapshot) {
+          try {
+            d();
+          } catch (err) {
+            if (_isDev5 && typeof console !== "undefined") {
+              console.warn("[SibuJS] Disposer threw during cleanup:", err);
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// src/reactivity/bindChildNode.ts
+var _isDev6 = isDev();
 function bindChildNode(placeholder, getter) {
   let lastNodes = [];
   function commit() {
@@ -1024,12 +1099,13 @@ function bindChildNode(placeholder, getter) {
     try {
       result = getter();
     } catch (err) {
-      if (_isDev5) devWarn(`bindChildNode: getter threw: ${err instanceof Error ? err.message : String(err)}`);
+      if (_isDev6) devWarn(`bindChildNode: getter threw: ${err instanceof Error ? err.message : String(err)}`);
       return;
     }
     if (result == null || typeof result === "boolean") {
       for (let i = 0; i < lastNodes.length; i++) {
         const node = lastNodes[i];
+        dispose(node);
         if (node.parentNode) node.parentNode.removeChild(node);
       }
       lastNodes.length = 0;
@@ -1049,7 +1125,7 @@ function bindChildNode(placeholder, getter) {
         if (item == null || typeof item === "boolean") continue;
         const node = item instanceof Node ? item : document.createTextNode(String(item));
         if (seen.has(node)) {
-          if (_isDev5)
+          if (_isDev6)
             devWarn("bindChildNode: duplicate node reference in array \u2014 only the first occurrence is rendered.");
           continue;
         }
@@ -1071,38 +1147,22 @@ function bindChildNode(placeholder, getter) {
     for (let i = 0; i < lastNodes.length; i++) {
       const node = lastNodes[i];
       if (reused?.has(node)) continue;
+      dispose(node);
       if (node.parentNode) node.parentNode.removeChild(node);
     }
-    const anchor = placeholder.nextSibling;
+    let prev = placeholder;
     for (let i = 0; i < newNodes.length; i++) {
       const node = newNodes[i];
-      if (reused?.has(node) && node.parentNode === parent) {
-        if (node.nextSibling !== anchor) {
-          parent.insertBefore(node, anchor);
-        }
-      } else {
-        parent.insertBefore(node, anchor);
+      if (prev.nextSibling !== node) {
+        parent.insertBefore(node, prev.nextSibling);
       }
+      prev = node;
     }
     lastNodes = newNodes;
   }
   return reactiveBinding(commit);
 }
 
-// src/core/rendering/dispose.ts
-var elementDisposers = /* @__PURE__ */ new WeakMap();
-var _isDev6 = isDev();
-var activeBindingCount = 0;
-function registerDisposer(node, teardown) {
-  let disposers = elementDisposers.get(node);
-  if (!disposers) {
-    disposers = [];
-    elementDisposers.set(node, disposers);
-  }
-  disposers.push(teardown);
-  if (_isDev6) activeBindingCount++;
-}
-
 // src/core/rendering/tagFactory.ts
 var _isDev7 = isDev();
 var BLOCKED_TAGS = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "frame", "frameset"]);
@@ -1337,7 +1397,7 @@ var tagFactory = (tag, ns) => {
           const value = props[key];
           if (value == null) continue;
           const lkey = key.toLowerCase();
-          if (lkey[0] === "o" && lkey[1] === "n") continue;
+          if (isEventHandlerAttr(key)) continue;
           if (typeof value === "function") {
             registerDisposer(el, bindAttribute(el, key, value));
           } else if (typeof value === "boolean") {

package/dist/ecosystem.js

@@ -7,17 +7,17 @@ import {
   mobXAdapter,
   reduxAdapter,
   zustandAdapter
-} from "./chunk-2N2UL7O4.js";
+} from "./chunk-BGNLPNGV.js";
 import "./chunk-3JHCYHWN.js";
-import "./chunk-WKUXSE7V.js";
-import "./chunk-2ZJ7TSW4.js";
-import "./chunk-SC437AMI.js";
+import "./chunk-X67UYC74.js";
+import "./chunk-RLUJL2MV.js";
+import "./chunk-JYXOEYI4.js";
 import "./chunk-2UPRY23K.js";
-import "./chunk-UCS6AMJ7.js";
-import "./chunk-ZIBE2SAT.js";
-import "./chunk-2RA7SHDA.js";
-import "./chunk-RK4BQG25.js";
-import "./chunk-3U4ZVXVD.js";
+import "./chunk-HMJFCBRR.js";
+import "./chunk-FDY42FIU.js";
+import "./chunk-GOJMFRBL.js";
+import "./chunk-C427DVQF.js";
+import "./chunk-Z2FWAE4B.js";
 import "./chunk-LMLD24FC.js";
 export {
   antdAdapter,