sibujs 3.2.2 → 3.3.1

package/dist/devtools.cjs

@@ -45,7 +45,7 @@ __export(devtools_exports, {
   getDependencies: () => getDependencies,
   getPerformanceReport: () => getPerformanceReport,
   getSignalName: () => getSignalName,
-  getSubscriberCount: () => getSubscriberCount2,
+  getSubscriberCount: () => getSubscriberCount3,
   hmrState: () => hmrState,
   initDevTools: () => initDevTools,
   inspectSignal: () => inspectSignal,
@@ -137,18 +137,18 @@ function clearPerformanceData() {
   perfMarks.clear();
 }
 var trackedCleanups = /* @__PURE__ */ new Map();
-function trackCleanup(component, cleanup2) {
+function trackCleanup(component, cleanup3) {
   if (!trackedCleanups.has(component)) {
     trackedCleanups.set(component, []);
   }
-  trackedCleanups.get(component)?.push(cleanup2);
+  trackedCleanups.get(component)?.push(cleanup3);
 }
 function runCleanups(component) {
   const cleanups = trackedCleanups.get(component);
   if (cleanups) {
-    for (const cleanup2 of cleanups) {
+    for (const cleanup3 of cleanups) {
       try {
-        cleanup2();
+        cleanup3();
       } catch (err) {
         if (typeof console !== "undefined") {
           console.warn("[SibuJS debug] cleanup threw:", err);
@@ -173,7 +173,13 @@ function checkLeaks() {
 
 // src/core/dev.ts
 function isDev() {
-  return typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : typeof process !== "undefined" && process.env?.NODE_ENV !== "production";
+  return typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : (
+    // The bare `__SIBU_DEV__` is a bundler define that only exists in
+    // production builds; under the test runner it is always undefined, so
+    // this branch is unreachable here.
+    /* v8 ignore next 2 */
+    typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : typeof process !== "undefined" && process.env?.NODE_ENV !== "production"
+  );
 }
 var _isDev = isDev();
 function devAssert(condition, message) {
@@ -187,7 +193,7 @@ function devWarn(message) {
   }
 }
 
-// src/reactivity/track.ts
+// src/reactivity/track-core.ts
 var _isDev2 = isDev();
 var POOL_MAX = 4096;
 var nodePool = [];
@@ -271,6 +277,7 @@ function unlinkSub(node) {
   else sub.depsTail = prev;
 }
 var currentSubscriber = null;
+var suspendSavedSub = null;
 var notifyDepth = 0;
 var pendingQueue = [];
 var pendingSet = /* @__PURE__ */ new Set();
@@ -282,6 +289,35 @@ function safeInvoke(sub) {
     if (_isDev2) devWarn(`Subscriber threw during notification: ${err instanceof Error ? err.message : String(err)}`);
   }
 }
+var suspendDepth = 0;
+var trackingSuspended = false;
+function suspendTracking() {
+  if (suspendDepth === 0) {
+    suspendSavedSub = currentSubscriber;
+    currentSubscriber = null;
+    trackingSuspended = true;
+  }
+  suspendDepth++;
+}
+function resumeTracking() {
+  suspendDepth--;
+  if (suspendDepth === 0) {
+    currentSubscriber = suspendSavedSub;
+    suspendSavedSub = null;
+    trackingSuspended = false;
+  }
+}
+function isTrackingSuspended() {
+  return trackingSuspended;
+}
+function untracked(fn) {
+  suspendTracking();
+  try {
+    return fn();
+  } finally {
+    resumeTracking();
+  }
+}
 var subscriberEpochCounter = 0;
 function retrack(effectFn, subscriber) {
   const prev = currentSubscriber;
@@ -314,6 +350,51 @@ function retrack(effectFn, subscriber) {
     }
   }
 }
+function track(effectFn, subscriber) {
+  if (!subscriber) return reactiveBinding(effectFn);
+  cleanup(subscriber);
+  const prev = currentSubscriber;
+  currentSubscriber = subscriber;
+  try {
+    effectFn();
+  } finally {
+    currentSubscriber = prev;
+    const sub2 = subscriber;
+    for (let n = sub2.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) {
+  const run = () => {
+    const s = subscriber;
+    if (s._disposed || s._reentrant) return;
+    s._reentrant = true;
+    try {
+      retrack(commit, subscriber);
+    } finally {
+      s._reentrant = false;
+    }
+  };
+  const subscriber = run;
+  subscriber.depsHead = null;
+  subscriber.depsTail = null;
+  subscriber._epoch = 0;
+  subscriber._structDirty = false;
+  subscriber._runEpoch = 0;
+  subscriber._runs = 0;
+  subscriber._reentrant = false;
+  subscriber._disposed = false;
+  run();
+  return subscriber._dispose ?? (subscriber._dispose = () => {
+    subscriber._disposed = true;
+    cleanup(subscriber);
+  });
+}
 function recordDependency(signal2) {
   if (!currentSubscriber) return;
   const sub = currentSubscriber;
@@ -346,6 +427,16 @@ function cleanup(subscriber) {
 var maxSubscriberRepeats = 50;
 var maxDrainIterations = 1e6;
 var drainEpoch = 0;
+function setMaxSubscriberRepeats(n) {
+  const prev = maxSubscriberRepeats;
+  if (Number.isFinite(n) && n > 0) maxSubscriberRepeats = Math.floor(n);
+  return prev;
+}
+function setMaxDrainIterations(n) {
+  const prev = maxDrainIterations;
+  if (Number.isFinite(n) && n > 0) maxDrainIterations = Math.floor(n);
+  return prev;
+}
 function tickRepeat(sub) {
   const s = sub;
   if (s._runEpoch !== drainEpoch) {
@@ -387,6 +478,20 @@ function drainQueue() {
     safeInvoke(sub);
   }
 }
+function drainNotificationQueue() {
+  if (notifyDepth > 0) return;
+  notifyDepth++;
+  drainEpoch++;
+  try {
+    drainQueue();
+  } finally {
+    notifyDepth--;
+    if (notifyDepth === 0) {
+      pendingQueue.length = 0;
+      pendingSet.clear();
+    }
+  }
+}
 function propagateDirty(sub) {
   sub();
   const rootSig = sub._sig;
@@ -419,6 +524,22 @@ function propagateDirty(sub) {
     }
   }
 }
+function queueSignalNotification(signal2) {
+  const sig = signal2;
+  let node = sig.subsHead ?? null;
+  while (node) {
+    const s = node.sub;
+    if (s) {
+      if (s._c) {
+        propagateDirty(s);
+      } else if (!pendingSet.has(s)) {
+        pendingSet.add(s);
+        pendingQueue.push(s);
+      }
+    }
+    node = node.sigNext;
+  }
+}
 function notifySubscribers(signal2) {
   const sig = signal2;
   const head = sig.subsHead;
@@ -486,18 +607,117 @@ function forEachSubscriber(signal2, visit) {
   }
 }
 
+// src/reactivity/track.ts
+var _isDev3 = isDev();
+var _runtimeVersion = typeof __SIBU_VERSION__ !== "undefined" ? __SIBU_VERSION__ : "dev";
+var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
+function resolveReactiveApi() {
+  const g = globalThis;
+  const existing = g[REGISTRY_KEY];
+  if (existing) {
+    if (_isDev3 && !existing.__dupWarned) {
+      existing.__dupWarned = true;
+      devWarn(
+        `Multiple instances of the reactive runtime detected on this page (active: ${existing.version}, duplicate: ${_runtimeVersion}). Reactivity still works \u2014 all copies share the first one \u2014 but de-duplicate sibujs in your bundler (e.g. Vite optimizeDeps.exclude: ['sibujs'] or resolve.dedupe: ['sibujs']).`
+      );
+    }
+    return existing;
+  }
+  const local = {
+    suspendTracking,
+    resumeTracking,
+    isTrackingSuspended,
+    untracked,
+    retrack,
+    track,
+    reactiveBinding,
+    recordDependency,
+    cleanup,
+    setMaxSubscriberRepeats,
+    setMaxDrainIterations,
+    drainNotificationQueue,
+    queueSignalNotification,
+    notifySubscribers,
+    getSubscriberCount,
+    getSubscriberDeps,
+    forEachSubscriber,
+    version: _runtimeVersion
+  };
+  g[REGISTRY_KEY] = local;
+  return local;
+}
+var API = resolveReactiveApi();
+var suspendTracking2 = API.suspendTracking;
+var resumeTracking2 = API.resumeTracking;
+var isTrackingSuspended2 = API.isTrackingSuspended;
+var untracked2 = API.untracked;
+var retrack2 = API.retrack;
+var track2 = API.track;
+var reactiveBinding2 = API.reactiveBinding;
+var recordDependency2 = API.recordDependency;
+var cleanup2 = API.cleanup;
+var setMaxSubscriberRepeats2 = API.setMaxSubscriberRepeats;
+var setMaxDrainIterations2 = API.setMaxDrainIterations;
+var drainNotificationQueue2 = API.drainNotificationQueue;
+var queueSignalNotification2 = API.queueSignalNotification;
+var notifySubscribers2 = API.notifySubscribers;
+var getSubscriberCount2 = API.getSubscriberCount;
+var getSubscriberDeps2 = API.getSubscriberDeps;
+var forEachSubscriber2 = API.forEachSubscriber;
+
 // src/reactivity/batch.ts
 var batchDepth = 0;
 var pendingSignals = /* @__PURE__ */ new Set();
-function enqueueBatchedSignal(signal2) {
+function batchImpl(fn) {
+  batchDepth++;
+  try {
+    return fn();
+  } finally {
+    batchDepth--;
+    if (batchDepth === 0) {
+      flushBatch();
+    }
+  }
+}
+function enqueueBatchedSignalImpl(signal2) {
   if (batchDepth === 0) return false;
   pendingSignals.add(signal2);
   return true;
 }
+function isBatchingImpl() {
+  return batchDepth > 0;
+}
+function flushBatch() {
+  try {
+    for (const signal2 of pendingSignals) {
+      queueSignalNotification2(signal2);
+    }
+  } finally {
+    pendingSignals.clear();
+  }
+  drainNotificationQueue2();
+}
+var BATCH_REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.batch.v1");
+function resolveBatchApi() {
+  const g = globalThis;
+  const existing = g[BATCH_REGISTRY_KEY];
+  if (existing) return existing;
+  const local = {
+    batch: batchImpl,
+    enqueueBatchedSignal: enqueueBatchedSignalImpl,
+    isBatching: isBatchingImpl
+  };
+  g[BATCH_REGISTRY_KEY] = local;
+  return local;
+}
+var API2 = resolveBatchApi();
+var batch = API2.batch;
+var enqueueBatchedSignal = API2.enqueueBatchedSignal;
+var isBatching = API2.isBatching;
 
 // src/core/signals/signal.ts
 var _g = globalThis;
-var _isDev3 = isDev();
+var _isDev4 = isDev();
 function signal(initial, options) {
   const state = {
     value: initial,
@@ -508,11 +728,11 @@ function signal(initial, options) {
     __activeNode: null,
     __name: void 0
   };
-  const debugName = _isDev3 ? options?.name : void 0;
+  const debugName = _isDev4 ? options?.name : void 0;
   const equalsFn = options?.equals;
   if (debugName) state.__name = debugName;
   function get() {
-    recordDependency(state);
+    recordDependency2(state);
     return state.value;
   }
   get.__signal = state;
@@ -525,15 +745,15 @@ function signal(initial, options) {
       if (equalsFn(prev, newValue)) return;
       state.value = newValue;
       state.__v++;
-      if (_isDev3) {
+      if (_isDev4) {
         const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
         if (hook) hook.emit("signal:update", { signal: state, name: debugName, oldValue: prev, newValue });
       }
       if (!enqueueBatchedSignal(state)) {
-        notifySubscribers(state);
+        notifySubscribers2(state);
       }
     };
-  } else if (_isDev3) {
+  } else if (_isDev4) {
     set = (next) => {
       const prev = state.value;
       const newValue = typeof next === "function" ? next(prev) : next;
@@ -543,7 +763,7 @@ function signal(initial, options) {
       const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
       if (hook) hook.emit("signal:update", { signal: state, name: debugName, oldValue: prev, newValue });
       if (!enqueueBatchedSignal(state)) {
-        notifySubscribers(state);
+        notifySubscribers2(state);
       }
     };
   } else {
@@ -554,11 +774,11 @@ function signal(initial, options) {
       state.value = newValue;
       state.__v++;
       if (!enqueueBatchedSignal(state)) {
-        notifySubscribers(state);
+        notifySubscribers2(state);
       }
     };
   }
-  if (_isDev3) {
+  if (_isDev4) {
     const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
     if (hook) hook.emit("signal:create", { signal: state, name: debugName, getter: get, initial });
   }
@@ -1202,7 +1422,7 @@ function devState(name, initial) {
 
 // src/core/rendering/dispose.ts
 var elementDisposers = /* @__PURE__ */ new WeakMap();
-var _isDev4 = isDev();
+var _isDev5 = isDev();
 var activeBindingCount = 0;
 function dispose(node) {
   const stack = [node];
@@ -1221,12 +1441,12 @@ function dispose(node) {
     if (disposers) {
       const snapshot = disposers.slice();
       elementDisposers.delete(current);
-      if (_isDev4) activeBindingCount -= snapshot.length;
+      if (_isDev5) activeBindingCount -= snapshot.length;
       for (const d of snapshot) {
         try {
           d();
         } catch (err) {
-          if (_isDev4 && typeof console !== "undefined") {
+          if (_isDev5 && typeof console !== "undefined") {
             console.warn("[SibuJS] Disposer threw during cleanup:", err);
           }
         }
@@ -1237,12 +1457,12 @@ function dispose(node) {
         if (!added || added.length === 0) break;
         const moreSnapshot = added.slice();
         elementDisposers.delete(current);
-        if (_isDev4) activeBindingCount -= moreSnapshot.length;
+        if (_isDev5) activeBindingCount -= moreSnapshot.length;
         for (const d of moreSnapshot) {
           try {
             d();
           } catch (err) {
-            if (_isDev4 && typeof console !== "undefined") {
+            if (_isDev5 && typeof console !== "undefined") {
               console.warn("[SibuJS] Disposer threw during cleanup:", err);
             }
           }
@@ -1595,7 +1815,7 @@ function drainReruns(ctx) {
   do {
     ctx.rerunPending = false;
     if (ctx.userCleanups.length > 0) flushUserCleanups(ctx);
-    retrack(ctx.bodyFn, ctx.subscriber);
+    retrack2(ctx.bodyFn, ctx.subscriber);
   } while (ctx.rerunPending && ++reruns <= MAX_RERUNS);
   if (ctx.rerunPending) {
     ctx.rerunPending = false;
@@ -1624,7 +1844,7 @@ function disposeEffect(ctx) {
     }
   }
   try {
-    cleanup(ctx.subscriber);
+    cleanup2(ctx.subscriber);
   } catch (err) {
     if (typeof console !== "undefined") {
       console.warn("[SibuJS effect] dispose threw:", err);
@@ -1669,7 +1889,7 @@ function effect(effectFn, options) {
     try {
       ctx.rerunPending = false;
       if (ctx.userCleanups.length > 0) flushUserCleanups(ctx);
-      retrack(ctx.bodyFn, sub);
+      retrack2(ctx.bodyFn, sub);
       if (ctx.rerunPending) drainReruns(ctx);
     } finally {
       ctx.running = false;
@@ -1685,7 +1905,7 @@ function effect(effectFn, options) {
   ctx.subscriber = sub;
   ctx.running = true;
   try {
-    retrack(ctx.bodyFn, ctx.subscriber);
+    retrack2(ctx.bodyFn, ctx.subscriber);
     if (ctx.rerunPending) drainReruns(ctx);
   } finally {
     ctx.running = false;
@@ -1803,13 +2023,13 @@ function createDevtoolsOverlay(options) {
 function getSignalName(getter) {
   return getter.__name;
 }
-function getSubscriberCount2(getter) {
+function getSubscriberCount3(getter) {
   const signal2 = getter.__signal;
   if (!signal2) return 0;
-  return getSubscriberCount(signal2);
+  return getSubscriberCount2(signal2);
 }
 function getDependencies(subscriberFn) {
-  return getSubscriberDeps(subscriberFn);
+  return getSubscriberDeps2(subscriberFn);
 }
 function inspectSignal(getter) {
   const signal2 = getter.__signal;
@@ -1817,7 +2037,7 @@ function inspectSignal(getter) {
   return {
     name: getter.__name,
     signal: signal2,
-    subscriberCount: getSubscriberCount(signal2)
+    subscriberCount: getSubscriberCount2(signal2)
   };
 }
 function walkDependencyGraph(getter, maxDepth = 10, visited = /* @__PURE__ */ new WeakSet()) {
@@ -1827,7 +2047,7 @@ function walkDependencyGraph(getter, maxDepth = 10, visited = /* @__PURE__ */ ne
   }
   visited.add(signal2);
   const downstream = [];
-  forEachSubscriber(signal2, (sub) => {
+  forEachSubscriber2(signal2, (sub) => {
     const subSig = sub._sig;
     if (subSig && !visited.has(subSig)) {
       const subName = subSig.__name;
@@ -1840,7 +2060,7 @@ function walkDependencyGraph(getter, maxDepth = 10, visited = /* @__PURE__ */ ne
   });
   return {
     name: getSignalName(getter),
-    subscribers: getSubscriberCount(signal2),
+    subscribers: getSubscriberCount2(signal2),
     downstream
   };
 }

package/dist/devtools.js

@@ -35,16 +35,16 @@ import {
   trackCleanup,
   walkDependencyGraph,
   withErrorTracking
-} from "./chunk-7XDYVJLE.js";
-import "./chunk-2UPRY23K.js";
-import "./chunk-HMJFCBRR.js";
-import "./chunk-FDY42FIU.js";
+} from "./chunk-ULLTNDRA.js";
+import "./chunk-5VGSK6D2.js";
+import "./chunk-L3GAGWCC.js";
+import "./chunk-MHBCEJQO.js";
 import "./chunk-GOJMFRBL.js";
-import "./chunk-C427DVQF.js";
-import "./chunk-Z2FWAE4B.js";
+import "./chunk-WZG2SZOT.js";
+import "./chunk-TEFZT5PJ.js";
 import {
   isDev
-} from "./chunk-LMLD24FC.js";
+} from "./chunk-COY6PUD2.js";
 
 // src/devtools/signalGraph.ts
 function getHook() {