sibujs 3.3.0 → 3.3.2

package/dist/plugins.cjs

@@ -140,6 +140,25 @@ var init_sanitize = __esm({
 });
 
 // src/core/ssr-context.ts
+function detectSSRShared() {
+  let detected = null;
+  try {
+    if (typeof process !== "undefined" && process.versions && process.versions.node) {
+      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) detected = new mod.AsyncLocalStorage();
+    }
+  } catch {
+    detected = null;
+  }
+  return { als: detected, fallbackStore: { ssr: false, suspenseIdCounter: 0 } };
+}
 function getSSRStore() {
   if (als) {
     const s2 = als.getStore();
@@ -150,27 +169,14 @@ function getSSRStore() {
 function isSSR() {
   return getSSRStore().ssr;
 }
-var als, fallbackStore;
+var SSR_KEY, _shared, als, fallbackStore;
 var init_ssr_context = __esm({
   "src/core/ssr-context.ts"() {
     "use strict";
-    als = null;
-    try {
-      if (typeof process !== "undefined" && process.versions && process.versions.node) {
-        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;
-    }
-    fallbackStore = { ssr: false, suspenseIdCounter: 0 };
+    SSR_KEY = /* @__PURE__ */ Symbol.for("sibujs.ssr.v1");
+    _shared = globalThis[SSR_KEY] ?? (globalThis[SSR_KEY] = detectSSRShared());
+    als = _shared.als;
+    fallbackStore = _shared.fallbackStore;
   }
 });
 
@@ -203,7 +209,7 @@ function isSafeAttrName(name) {
   return SAFE_ATTR_NAME.test(name);
 }
 function ssrErrorComment(err) {
-  if (_isDev8) {
+  if (_isDev9) {
     const msg = escapeHtml(err instanceof Error ? err.message : String(err));
     return `<!--SSR error: ${safeCommentText(msg)}-->`;
   }
@@ -233,10 +239,10 @@ function renderToString(element) {
   }
   const tag = element.tagName.toLowerCase();
   if (tag === "script" || tag === "style") {
-    return _isDev8 ? `<!--ssr:${tag}-stripped-->` : "";
+    return _isDev9 ? `<!--ssr:${tag}-stripped-->` : "";
   }
   if (!/^[a-z][a-z0-9-]*$/i.test(tag)) {
-    return _isDev8 ? "<!--ssr:invalid-tag-->" : "";
+    return _isDev9 ? "<!--ssr:invalid-tag-->" : "";
   }
   let html2 = `<${tag}`;
   for (const attr of Array.from(element.attributes)) {
@@ -277,7 +283,7 @@ function hydrate(component, container, options = {}) {
       const first = mismatches[0];
       if (options.onMismatch) {
         options.onMismatch(first);
-      } else if (_isDev8) {
+      } else if (_isDev9) {
         console.warn(
           `[SibuJS hydration] ${first.message}
   at ${first.path}
@@ -472,11 +478,11 @@ async function* renderToStream(element) {
   }
   const tag = element.tagName.toLowerCase();
   if (tag === "script" || tag === "style") {
-    if (_isDev8) yield `<!--ssr:${tag}-stripped-->`;
+    if (_isDev9) yield `<!--ssr:${tag}-stripped-->`;
     return;
   }
   if (!/^[a-z][a-z0-9-]*$/i.test(tag)) {
-    if (_isDev8) yield "<!--ssr:invalid-tag-->";
+    if (_isDev9) yield "<!--ssr:invalid-tag-->";
     return;
   }
   let openTag = `<${tag}`;
@@ -579,7 +585,7 @@ function hydrateProgressively(container, islands, options) {
   }
   container.setAttribute("data-sibu-hydrated", "progressive");
   return () => {
-    for (const cleanup2 of cleanups) cleanup2();
+    for (const cleanup3 of cleanups) cleanup3();
   };
 }
 function resetSSRState() {
@@ -608,7 +614,7 @@ function ssrSuspense(props) {
     },
     (err) => {
       if (timer) clearTimeout(timer);
-      if (_isDev8) console.warn("[SibuJS SSR] ssrSuspense rejected:", err);
+      if (_isDev9) console.warn("[SibuJS SSR] ssrSuspense rejected:", err);
       return { id, html: fallbackHtml };
     }
   );
@@ -651,7 +657,7 @@ function serializeState(state, nonce, options) {
 }
 function deserializeState(validate) {
   if (typeof window === "undefined") return void 0;
-  if (_isDev8 && !validate) {
+  if (_isDev9 && !validate) {
     console.warn(
       "[SibuJS SSR] deserializeState() called without a validate guard \u2014 tampered SSR payloads will not be detected."
     );
@@ -668,14 +674,14 @@ function escapeHtml(str) {
 function escapeAttr(str) {
   return str.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&#39;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-var _isDev8, SAFE_ATTR_NAME, URL_ATTRS, VOID_ELEMENTS, SAFE_ID, SAFE_SUSPENSE_ID, SSR_DATA_ATTR, DEFAULT_MAX_SSR_BYTES;
+var _isDev9, SAFE_ATTR_NAME, URL_ATTRS, VOID_ELEMENTS, SAFE_ID, SAFE_SUSPENSE_ID, SSR_DATA_ATTR, DEFAULT_MAX_SSR_BYTES;
 var init_ssr = __esm({
   "src/platform/ssr.ts"() {
     "use strict";
     init_dev();
     init_ssr_context();
     init_sanitize();
-    _isDev8 = isDev();
+    _isDev9 = isDev();
     SAFE_ATTR_NAME = /^[A-Za-z_:][-A-Za-z0-9_.:]*$/;
     URL_ATTRS = /* @__PURE__ */ new Set([
       "href",
@@ -804,6 +810,9 @@ init_sanitize();
 
 // src/reactivity/track.ts
 init_dev();
+
+// src/reactivity/track-core.ts
+init_dev();
 var _isDev2 = isDev();
 var POOL_MAX = 4096;
 var nodePool = [];
@@ -887,6 +896,7 @@ function unlinkSub(node) {
   else sub2.depsTail = prev;
 }
 var currentSubscriber = null;
+var suspendSavedSub = null;
 var notifyDepth = 0;
 var pendingQueue = [];
 var pendingSet = /* @__PURE__ */ new Set();
@@ -898,6 +908,35 @@ function safeInvoke(sub2) {
     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;
@@ -1007,6 +1046,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(sub2) {
   const s2 = sub2;
   if (s2._runEpoch !== drainEpoch) {
@@ -1048,6 +1097,20 @@ function drainQueue() {
     safeInvoke(sub2);
   }
 }
+function drainNotificationQueue() {
+  if (notifyDepth > 0) return;
+  notifyDepth++;
+  drainEpoch++;
+  try {
+    drainQueue();
+  } finally {
+    notifyDepth--;
+    if (notifyDepth === 0) {
+      pendingQueue.length = 0;
+      pendingSet.clear();
+    }
+  }
+}
 function propagateDirty(sub2) {
   sub2();
   const rootSig = sub2._sig;
@@ -1080,6 +1143,22 @@ function propagateDirty(sub2) {
     }
   }
 }
+function queueSignalNotification(signal2) {
+  const sig = signal2;
+  let node = sig.subsHead ?? null;
+  while (node) {
+    const s2 = node.sub;
+    if (s2) {
+      if (s2._c) {
+        propagateDirty(s2);
+      } else if (!pendingSet.has(s2)) {
+        pendingSet.add(s2);
+        pendingQueue.push(s2);
+      }
+    }
+    node = node.sigNext;
+  }
+}
 function notifySubscribers(signal2) {
   const sig = signal2;
   const head2 = sig.subsHead;
@@ -1125,15 +1204,94 @@ function notifySubscribers(signal2) {
     }
   }
 }
+function getSubscriberCount(signal2) {
+  return signal2.__sc ?? 0;
+}
+function getSubscriberDeps(subscriber) {
+  const sub2 = subscriber;
+  const out = [];
+  let node = sub2.depsHead ?? null;
+  while (node) {
+    if (node.sig) out.push(node.sig);
+    node = node.subNext;
+  }
+  return out;
+}
+function forEachSubscriber(signal2, visit) {
+  let node = signal2.subsHead ?? null;
+  while (node) {
+    const s2 = node.sub;
+    if (s2) visit(s2);
+    node = node.sigNext;
+  }
+}
 
-// src/reactivity/bindAttribute.ts
+// src/reactivity/track.ts
 var _isDev3 = isDev();
+var _runtimeVersion = true ? "3.3.2" : "dev";
+var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
+function resolveReactiveApi() {
+  const g2 = globalThis;
+  const existing = g2[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
+  };
+  g2[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/bindAttribute.ts
+var _isDev4 = isDev();
 function setProp(el, key, val) {
   el[key] = val;
 }
 function bindAttribute(el, attr, getter) {
   if (isEventHandlerAttr(attr)) {
-    if (_isDev3)
+    if (_isDev4)
       devWarn(
         `bindAttribute: refusing to bind event-handler attribute "${attr}". Use on:{ ${attr.slice(2)}: fn } instead.`
       );
@@ -1145,7 +1303,7 @@ function bindAttribute(el, attr, getter) {
     try {
       value = getter();
     } catch (err) {
-      if (_isDev3)
+      if (_isDev4)
         devWarn(`bindAttribute: getter for "${attr}" threw: ${err instanceof Error ? err.message : String(err)}`);
       return;
     }
@@ -1166,7 +1324,7 @@ function bindAttribute(el, attr, getter) {
       el.setAttribute(attr, sanitizeAttributeString(attr, str));
     }
   }
-  return reactiveBinding(commit);
+  return reactiveBinding2(commit);
 }
 
 // src/reactivity/bindChildNode.ts
@@ -1175,7 +1333,7 @@ init_dev();
 // src/core/rendering/dispose.ts
 init_dev();
 var elementDisposers = /* @__PURE__ */ new WeakMap();
-var _isDev4 = isDev();
+var _isDev5 = isDev();
 var activeBindingCount = 0;
 function registerDisposer(node, teardown) {
   let disposers = elementDisposers.get(node);
@@ -1184,7 +1342,7 @@ function registerDisposer(node, teardown) {
     elementDisposers.set(node, disposers);
   }
   disposers.push(teardown);
-  if (_isDev4) activeBindingCount++;
+  if (_isDev5) activeBindingCount++;
 }
 function dispose(node) {
   const stack = [node];
@@ -1203,12 +1361,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);
           }
         }
@@ -1219,12 +1377,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);
             }
           }
@@ -1235,7 +1393,7 @@ function dispose(node) {
 }
 
 // src/reactivity/bindChildNode.ts
-var _isDev5 = isDev();
+var _isDev6 = isDev();
 function bindChildNode(placeholder, getter) {
   let lastNodes = [];
   function commit() {
@@ -1243,7 +1401,7 @@ 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") {
@@ -1269,7 +1427,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;
         }
@@ -1304,13 +1462,13 @@ function bindChildNode(placeholder, getter) {
     }
     lastNodes = newNodes;
   }
-  return reactiveBinding(commit);
+  return reactiveBinding2(commit);
 }
 
 // src/core/rendering/tagFactory.ts
 init_sanitize();
 var SVG_NS = "http://www.w3.org/2000/svg";
-var _isDev6 = isDev();
+var _isDev7 = isDev();
 var BLOCKED_TAGS = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "frame", "frameset"]);
 function isBlockedTag(tag) {
   return BLOCKED_TAGS.has(tag.toLowerCase());
@@ -1353,7 +1511,7 @@ function toKebab(prop) {
 }
 function applyStyle(el, style2) {
   if (typeof style2 === "function") {
-    const teardown = track(() => {
+    const teardown = track2(() => {
       el.setAttribute("style", style2());
     });
     registerDisposer(el, teardown);
@@ -1369,7 +1527,7 @@ function applyStyle(el, style2) {
     const name = toKebab(prop);
     if (typeof val === "function") {
       const getter = val;
-      const teardown = track(() => {
+      const teardown = track2(() => {
         htmlEl.style.setProperty(name, sanitizeCSSValue(String(getter())));
       });
       registerDisposer(el, teardown);
@@ -1384,7 +1542,7 @@ function applyClass(el, cls) {
     return;
   }
   if (typeof cls === "function") {
-    const teardown = track(() => {
+    const teardown = track2(() => {
       el.setAttribute("class", cls());
     });
     registerDisposer(el, teardown);
@@ -1411,7 +1569,7 @@ function applyClass(el, cls) {
       }
       el.setAttribute("class", r);
     };
-    const teardown = track(update);
+    const teardown = track2(update);
     registerDisposer(el, teardown);
   } else {
     el.setAttribute("class", result);
@@ -1481,7 +1639,7 @@ var tagFactory = (tag, ns) => {
         appendChildren(el, second);
         return el;
       }
-      if (_isDev6 && looksLikeClassList(first)) {
+      if (_isDev7 && looksLikeClassList(first)) {
         devWarn(
           `tagFactory: lone string "${first}" looks like a class list but is being rendered as TEXT. For a class, use ${tag}({ class: "${first}" }) \u2014 or ${tag}("${first}", children) to set the class AND add children.`
         );
@@ -1502,7 +1660,7 @@ var tagFactory = (tag, ns) => {
     if (pClass != null) applyClass(el, pClass);
     const pId = props.id;
     if (pId != null) {
-      if (_isDev6 && typeof pId === "string" && CLOBBER_RISKY_IDS.has(pId.toLowerCase())) {
+      if (_isDev7 && typeof pId === "string" && CLOBBER_RISKY_IDS.has(pId.toLowerCase())) {
         devWarn(
           `tagFactory: element id="${pId}" matches a common global and may cause DOM clobbering. Avoid setting ids from untrusted input.`
         );
@@ -1517,7 +1675,7 @@ var tagFactory = (tag, ns) => {
         const handler = pOn[ev];
         if (typeof handler === "function") {
           el.addEventListener(ev, handler);
-        } else if (_isDev6) {
+        } else if (_isDev7) {
           devWarn(
             `tagFactory: on.${ev} handler is not a function (got ${typeof handler}). Event listener was not attached.`
           );
@@ -1630,7 +1788,7 @@ var area = tagFactory("area");
 var audio = tagFactory("audio");
 var img = tagFactory("img");
 var map = tagFactory("map");
-var track2 = tagFactory("track");
+var track3 = tagFactory("track");
 var video = tagFactory("video");
 var embed = tagFactory("embed");
 var iframe = tagFactory("iframe");
@@ -1707,16 +1865,57 @@ var marquee = tagFactory("marquee");
 // 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 g2 = globalThis;
+  const existing = g2[BATCH_REGISTRY_KEY];
+  if (existing) return existing;
+  const local = {
+    batch: batchImpl,
+    enqueueBatchedSignal: enqueueBatchedSignalImpl,
+    isBatching: isBatchingImpl
+  };
+  g2[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
 init_dev();
 var _g = globalThis;
-var _isDev7 = isDev();
+var _isDev8 = isDev();
 function signal(initial, options) {
   const state = {
     value: initial,
@@ -1727,11 +1926,11 @@ function signal(initial, options) {
     __activeNode: null,
     __name: void 0
   };
-  const debugName = _isDev7 ? options?.name : void 0;
+  const debugName = _isDev8 ? 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;
@@ -1744,15 +1943,15 @@ function signal(initial, options) {
       if (equalsFn(prev, newValue)) return;
       state.value = newValue;
       state.__v++;
-      if (_isDev7) {
+      if (_isDev8) {
         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 (_isDev7) {
+  } else if (_isDev8) {
     set = (next) => {
       const prev = state.value;
       const newValue = typeof next === "function" ? next(prev) : next;
@@ -1762,7 +1961,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 {
@@ -1773,11 +1972,11 @@ function signal(initial, options) {
       state.value = newValue;
       state.__v++;
       if (!enqueueBatchedSignal(state)) {
-        notifySubscribers(state);
+        notifySubscribers2(state);
       }
     };
   }
-  if (_isDev7) {
+  if (_isDev8) {
     const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
     if (hook) hook.emit("signal:create", { signal: state, name: debugName, getter: get, initial });
   }
@@ -1834,7 +2033,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;
@@ -1863,7 +2062,7 @@ function disposeEffect(ctx) {
     }
   }
   try {
-    cleanup(ctx.subscriber);
+    cleanup2(ctx.subscriber);
   } catch (err) {
     if (typeof console !== "undefined") {
       console.warn("[SibuJS effect] dispose threw:", err);
@@ -1908,7 +2107,7 @@ function effect(effectFn, options) {
     try {
       ctx.rerunPending = false;
       if (ctx.userCleanups.length > 0) flushUserCleanups(ctx);
-      retrack(ctx.bodyFn, sub2);
+      retrack2(ctx.bodyFn, sub2);
       if (ctx.rerunPending) drainReruns(ctx);
     } finally {
       ctx.running = false;
@@ -1924,7 +2123,7 @@ function effect(effectFn, options) {
   ctx.subscriber = sub2;
   ctx.running = true;
   try {
-    retrack(ctx.bodyFn, ctx.subscriber);
+    retrack2(ctx.bodyFn, ctx.subscriber);
     if (ctx.rerunPending) drainReruns(ctx);
   } finally {
     ctx.running = false;
@@ -2707,7 +2906,8 @@ var NavigationFailureError = class extends Error {
     };
   }
 };
-var globalRouter = null;
+var ROUTER_KEY = /* @__PURE__ */ Symbol.for("sibujs.router.v1");
+var _routerRef = globalThis[ROUTER_KEY] ?? (globalThis[ROUTER_KEY] = { current: null });
 function normalizeRoutes(routes) {
   return routes.map((route2) => {
     const normalizedChildren = route2.children && route2.children.length > 0 ? normalizeRoutes(route2.children) : route2.children;
@@ -2727,8 +2927,8 @@ function normalizeRoutes(routes) {
   });
 }
 function createRouter(routesOrOptions, options = {}) {
-  if (globalRouter) {
-    globalRouter.destroy();
+  if (_routerRef.current) {
+    _routerRef.current.destroy();
   }
   let routes;
   if (Array.isArray(routesOrOptions)) {
@@ -2737,69 +2937,69 @@ function createRouter(routesOrOptions, options = {}) {
     options = routesOrOptions;
     routes = [];
   }
-  globalRouter = new SibuRouter(routes, options);
+  _routerRef.current = new SibuRouter(routes, options);
   ensureRouterPagehide();
-  return globalRouter;
+  return _routerRef.current;
 }
 function setRoutes(routes) {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
-  globalRouter.updateRoutes(normalizeRoutes(routes));
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
+  _routerRef.current.updateRoutes(normalizeRoutes(routes));
 }
 function route() {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
-  return globalRouter.currentRoute;
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
+  return _routerRef.current.currentRoute;
 }
 function router() {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
   return {
-    currentRoute: globalRouter.currentRoute,
-    isReady: globalRouter.isReady,
-    isNavigating: globalRouter.isNavigating,
-    push: (to) => globalRouter?.push(to),
-    replace: (to) => globalRouter?.replace(to),
-    go: (delta) => globalRouter?.go(delta),
-    back: () => globalRouter?.back(),
-    forward: () => globalRouter?.forward(),
-    beforeEach: (guard) => globalRouter?.beforeEach(guard),
-    beforeResolve: (guard) => globalRouter?.beforeResolve(guard),
-    afterEach: (hook) => globalRouter?.afterEach(hook)
+    currentRoute: _routerRef.current.currentRoute,
+    isReady: _routerRef.current.isReady,
+    isNavigating: _routerRef.current.isNavigating,
+    push: (to) => _routerRef.current?.push(to),
+    replace: (to) => _routerRef.current?.replace(to),
+    go: (delta) => _routerRef.current?.go(delta),
+    back: () => _routerRef.current?.back(),
+    forward: () => _routerRef.current?.forward(),
+    beforeEach: (guard) => _routerRef.current?.beforeEach(guard),
+    beforeResolve: (guard) => _routerRef.current?.beforeResolve(guard),
+    afterEach: (hook) => _routerRef.current?.afterEach(hook)
   };
 }
 function navigate(to, options) {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
-  return globalRouter.navigate(to, options);
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
+  return _routerRef.current.navigate(to, options);
 }
 function push(to) {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
-  return globalRouter.push(to);
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
+  return _routerRef.current.push(to);
 }
 function replace(to) {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
-  return globalRouter.replace(to);
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
+  return _routerRef.current.replace(to);
 }
 function go(delta) {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
-  globalRouter.go(delta);
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
+  _routerRef.current.go(delta);
 }
 function back() {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
-  globalRouter.back();
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
+  _routerRef.current.back();
 }
 function forward() {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
-  globalRouter.forward();
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
+  _routerRef.current.forward();
 }
 function beforeEach(guard) {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
-  return globalRouter.beforeEach(guard);
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
+  return _routerRef.current.beforeEach(guard);
 }
 function beforeResolve(guard) {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
-  return globalRouter.beforeResolve(guard);
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
+  return _routerRef.current.beforeResolve(guard);
 }
 function afterEach(hook) {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
-  return globalRouter.afterEach(hook);
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
+  return _routerRef.current.afterEach(hook);
 }
 var routeCleanups = [];
 function Route() {
@@ -2873,8 +3073,8 @@ function Route() {
     retryButton.className = "route-error-retry";
     retryButton.type = "button";
     const onRetryClick = () => {
-      if (globalRouter) {
-        globalRouter.clearErrorCache();
+      if (_routerRef.current) {
+        _routerRef.current.clearErrorCache();
         update();
       }
     };
@@ -2886,11 +3086,11 @@ function Route() {
     anchor.parentNode.insertBefore(errorNode, anchor.nextSibling);
   };
   const update = async () => {
-    if (!globalRouter) return;
+    if (!_routerRef.current) return;
     const seq = ++navSeq;
-    const route2 = globalRouter.currentRoute;
+    const route2 = _routerRef.current.currentRoute;
     try {
-      const match = globalRouter["matcher"].match(route2.path);
+      const match = _routerRef.current["matcher"].match(route2.path);
       if (!match) {
         currentTopRoute = null;
         cleanupNodes();
@@ -2903,7 +3103,7 @@ function Route() {
       if ("redirect" in routeDef) {
         const redirectPath = typeof routeDef.redirect === "function" ? routeDef.redirect(route2) : routeDef.redirect;
         queueMicrotask(() => {
-          globalRouter?.navigate(redirectPath).catch((err) => {
+          _routerRef.current?.navigate(redirectPath).catch((err) => {
             if (typeof console !== "undefined") console.error("[router] redirect failed:", err);
           });
         });
@@ -2915,7 +3115,7 @@ function Route() {
           if (isAsync) {
             showLoading();
           }
-          const component = await globalRouter.loadComponent(routeDef, route2.path);
+          const component = await _routerRef.current.loadComponent(routeDef, route2.path);
           if (seq !== navSeq) return;
           const node = component();
           if (node && anchor.parentNode) {
@@ -2943,7 +3143,7 @@ function Route() {
     await originalUpdate();
     routeInitialized = true;
   };
-  const routeTeardown = track(wrappedUpdate);
+  const routeTeardown = track2(wrappedUpdate);
   if (!routeInitialized) {
     queueMicrotask(() => {
       if (!routeInitialized && anchor.parentNode) wrappedUpdate();
@@ -2956,11 +3156,11 @@ function Route() {
   return anchor;
 }
 function KeepAliveRoute(options) {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
   const anchor = document.createComment("keep-alive-route");
   const cache = /* @__PURE__ */ new Map();
   const lruOrder = [];
-  const routerOpts = globalRouter["options"];
+  const routerOpts = _routerRef.current["options"];
   const keepAliveOpt = routerOpts.keepAlive;
   const maxCache = options?.max ?? (typeof keepAliveOpt === "number" ? keepAliveOpt : 20);
   const includeNames = options?.include ?? (Array.isArray(keepAliveOpt) ? keepAliveOpt : void 0);
@@ -2970,19 +3170,19 @@ function KeepAliveRoute(options) {
   let isUpdating = false;
   let pendingUpdate = false;
   const update = async () => {
-    if (!globalRouter) return;
+    if (!_routerRef.current) return;
     if (isUpdating) {
       pendingUpdate = true;
       return;
     }
-    const route2 = globalRouter.currentRoute;
-    const match = globalRouter["matcher"].match(route2.path);
+    const route2 = _routerRef.current.currentRoute;
+    const match = _routerRef.current["matcher"].match(route2.path);
     if (!match) return;
     const { route: routeDef } = match;
     if ("redirect" in routeDef) {
       const redirectPath = typeof routeDef.redirect === "function" ? routeDef.redirect(route2) : routeDef.redirect;
       queueMicrotask(() => {
-        globalRouter?.navigate(redirectPath).catch((err) => {
+        _routerRef.current?.navigate(redirectPath).catch((err) => {
           if (typeof console !== "undefined") console.error("[router] redirect failed:", err);
         });
       });
@@ -3015,9 +3215,9 @@ function KeepAliveRoute(options) {
         }
         lruOrder.push(cacheKey);
       } else {
-        const component = await globalRouter.loadComponent(routeDef, route2.path);
+        const component = await _routerRef.current.loadComponent(routeDef, route2.path);
         const node = component();
-        if (!node || route2.path !== globalRouter.currentRoute.path) {
+        if (!node || route2.path !== _routerRef.current.currentRoute.path) {
           isUpdating = false;
           return;
         }
@@ -3056,7 +3256,7 @@ function KeepAliveRoute(options) {
     await update();
     initialized = true;
   };
-  const kaTeardown = track(wrappedUpdate);
+  const kaTeardown = track2(wrappedUpdate);
   if (!initialized) {
     queueMicrotask(() => {
       if (!initialized && anchor.parentNode) wrappedUpdate();
@@ -3076,11 +3276,11 @@ function KeepAliveRoute(options) {
   return anchor;
 }
 function RouterLink(props) {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
   const { to, replace: replace2 = false, activeClass, exactActiveClass, nodes, target, rel, class: classAttr, ...attrs } = props;
   const baseClass = typeof classAttr === "string" ? classAttr : "";
-  const routeGetter = globalRouter.routeGetter;
-  const rawHref = globalRouter["resolvePath"](to);
+  const routeGetter = _routerRef.current.routeGetter;
+  const rawHref = _routerRef.current["resolvePath"](to);
   const href = isSafeNavigationTarget(rawHref) ? rawHref : "#";
   const hrefPath = href.split("?")[0].split("#")[0];
   const link2 = document.createElement("a");
@@ -3095,7 +3295,7 @@ function RouterLink(props) {
   } else if (rel) {
     link2.rel = rel;
   }
-  const options = globalRouter["options"];
+  const options = _routerRef.current["options"];
   const effectCleanup = effect(() => {
     const route2 = routeGetter();
     const isActive = route2.path.startsWith(hrefPath);
@@ -3145,7 +3345,7 @@ function RouterLink(props) {
       return;
     }
     e.preventDefault();
-    globalRouter?.navigate(to, { replace: replace2 }).catch((err) => {
+    _routerRef.current?.navigate(to, { replace: replace2 }).catch((err) => {
       if (typeof console !== "undefined") console.error("[router] link navigate failed:", err);
     });
   };
@@ -3231,35 +3431,35 @@ function lazy(importFn) {
   return importFn;
 }
 async function preloadRoute(to) {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
-  const path2 = globalRouter["resolvePath"](to);
-  const match = globalRouter["matcher"].match(path2.split("?")[0].split("#")[0]);
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
+  const path2 = _routerRef.current["resolvePath"](to);
+  const match = _routerRef.current["matcher"].match(path2.split("?")[0].split("#")[0]);
   if (match && "component" in match.route) {
     try {
-      await globalRouter.loadComponent(match.route, path2);
+      await _routerRef.current.loadComponent(match.route, path2);
     } catch (error) {
       console.warn("[Router] Preload failed:", error);
     }
   }
 }
 function hasRoute(name) {
-  if (!globalRouter) return false;
-  return globalRouter["matcher"].findByName(name) !== null;
+  if (!_routerRef.current) return false;
+  return _routerRef.current["matcher"].findByName(name) !== null;
 }
 function getRouteInfo(name) {
-  if (!globalRouter) return null;
-  return globalRouter["matcher"].findByName(name);
+  if (!_routerRef.current) return null;
+  return _routerRef.current["matcher"].findByName(name);
 }
 function buildURL(to) {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
-  return globalRouter["resolvePath"](to);
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
+  return _routerRef.current["resolvePath"](to);
 }
 function destroyRouter() {
   for (const fn of routeCleanups) fn();
   routeCleanups.length = 0;
-  if (globalRouter) {
-    globalRouter.destroy();
-    globalRouter = null;
+  if (_routerRef.current) {
+    _routerRef.current.destroy();
+    _routerRef.current = null;
   }
 }
 var _routerPagehideHandler = null;
@@ -3292,9 +3492,9 @@ function Outlet() {
     currentChild = null;
   };
   const update = async () => {
-    if (!globalRouter) return;
+    if (!_routerRef.current) return;
     const seq = ++navSeq;
-    const route2 = globalRouter.currentRoute;
+    const route2 = _routerRef.current.currentRoute;
     if (route2.matched.length < 2) {
       clearCurrent();
       return;
@@ -3307,7 +3507,7 @@ function Outlet() {
     if (childRoute === currentChild && currentNode) return;
     try {
       const cacheKey = `${route2.path}\0${childRoute.path}`;
-      const component = await globalRouter.loadComponent(childRoute, cacheKey);
+      const component = await _routerRef.current.loadComponent(childRoute, cacheKey);
       if (seq !== navSeq) return;
       const node = component();
       if (node && anchor.parentNode) {
@@ -3321,7 +3521,7 @@ function Outlet() {
       console.error("[Outlet] Failed to render child route:", error);
     }
   };
-  const outletTeardown = track(update);
+  const outletTeardown = track2(update);
   if (!anchor.parentNode) {
     queueMicrotask(() => {
       if (anchor.parentNode) update();
@@ -3338,16 +3538,16 @@ function Outlet() {
   return anchor;
 }
 function addRoute(route2, parentPath) {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
-  globalRouter.addRoute(route2, parentPath);
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
+  _routerRef.current.addRoute(route2, parentPath);
 }
 function removeRoute(path2) {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
-  globalRouter.removeRoute(path2);
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
+  _routerRef.current.removeRoute(path2);
 }
 function routerState() {
-  if (!globalRouter) throw new Error("Router not initialized. Call createRouter() first.");
-  const router2 = globalRouter;
+  if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
+  const router2 = _routerRef.current;
   return {
     currentPath: () => router2.currentRoute.path,
     params: () => router2.currentRoute.params,
@@ -3361,12 +3561,12 @@ function routerState() {
 var routerPlugins = [];
 function routerPlugin(plugin2) {
   routerPlugins.push(plugin2);
-  if (globalRouter?.isReady && plugin2.onReady) {
+  if (_routerRef.current?.isReady && plugin2.onReady) {
     plugin2.onReady();
   }
   let removeGuard = null;
-  if (globalRouter && plugin2.onNavigate) {
-    removeGuard = globalRouter.afterEach((to, from) => {
+  if (_routerRef.current && plugin2.onNavigate) {
+    removeGuard = _routerRef.current.afterEach((to, from) => {
       plugin2.onNavigate?.(to, from);
     });
   }