sibujs 3.3.2 → 3.3.3

package/dist/patterns.js

@@ -5,7 +5,7 @@ import {
   optimisticList,
   persisted,
   timeline
-} from "./chunk-655B7MMR.js";
+} from "./chunk-WFUUT6TG.js";
 import {
   RenderProp,
   assertType,
@@ -23,11 +23,11 @@ import {
   withWrapper
 } from "./chunk-VJE6DDYM.js";
 import "./chunk-H3SRKIYX.js";
-import "./chunk-G6N3LMO2.js";
-import "./chunk-N5TQVEKE.js";
+import "./chunk-F3HO2MP7.js";
+import "./chunk-23VT3KZB.js";
 import "./chunk-S3NFJO6L.js";
-import "./chunk-JCQG2I2G.js";
-import "./chunk-4NJEAPLI.js";
+import "./chunk-IWFE4AHO.js";
+import "./chunk-UOMYIAG6.js";
 import "./chunk-COY6PUD2.js";
 export {
   RenderProp,

package/dist/performance.cjs

@@ -58,6 +58,12 @@ __export(performance_exports, {
 });
 module.exports = __toCommonJS(performance_exports);
 
+// src/utils/globalSingleton.ts
+function globalSingleton(key, create) {
+  const g = globalThis;
+  return g[key] ?? (g[key] = create());
+}
+
 // src/performance/scheduler.ts
 var Priority = {
   IMMEDIATE: 0,
@@ -66,12 +72,15 @@ var Priority = {
   LOW: 3,
   IDLE: 4
 };
-var taskIdCounter = 0;
-var taskQueue = [];
-var isProcessing = false;
-var scheduledKind = null;
-var scheduledHandle = null;
-var microtaskScheduled = false;
+var _sched = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.scheduler.v1"), () => ({
+  taskIdCounter: 0,
+  taskQueue: [],
+  isProcessing: false,
+  scheduledKind: null,
+  scheduledHandle: null,
+  microtaskScheduled: false
+}));
+var taskQueue = _sched.taskQueue;
 function insertTask(task) {
   let i = taskQueue.length;
   while (i > 0 && taskQueue[i - 1].priority > task.priority) {
@@ -80,8 +89,8 @@ function insertTask(task) {
   taskQueue.splice(i, 0, task);
 }
 function processQueue() {
-  if (isProcessing || taskQueue.length === 0) return;
-  isProcessing = true;
+  if (_sched.isProcessing || taskQueue.length === 0) return;
+  _sched.isProcessing = true;
   const startTime = performance.now();
   const timeSlice = 5;
   while (taskQueue.length > 0) {
@@ -100,64 +109,69 @@ function processQueue() {
       console.error("[Scheduler] Task error:", e);
     }
   }
-  isProcessing = false;
+  _sched.isProcessing = false;
   if (taskQueue.length > 0) {
     scheduleFrame();
   }
 }
 var TIER_SPEED = { microtask: 0, frame: 1, timeout: 2, idle: 3 };
 function cancelScheduled() {
-  if (scheduledHandle !== null) {
-    if (scheduledKind === "frame") cancelAnimationFrame(scheduledHandle);
-    else if (scheduledKind === "idle" && typeof cancelIdleCallback !== "undefined") cancelIdleCallback(scheduledHandle);
-    else if (scheduledKind === "timeout") clearTimeout(scheduledHandle);
+  if (_sched.scheduledHandle !== null) {
+    if (_sched.scheduledKind === "frame") cancelAnimationFrame(_sched.scheduledHandle);
+    else if (_sched.scheduledKind === "idle" && typeof cancelIdleCallback !== "undefined")
+      cancelIdleCallback(_sched.scheduledHandle);
+    else if (_sched.scheduledKind === "timeout") clearTimeout(_sched.scheduledHandle);
   }
-  scheduledHandle = null;
-  scheduledKind = null;
+  _sched.scheduledHandle = null;
+  _sched.scheduledKind = null;
 }
 function scheduleFrame() {
   const nextTask = taskQueue.find((t) => !t.cancelled);
   if (!nextTask) return;
-  const desired = nextTask.priority <= Priority.USER_BLOCKING ? "microtask" : nextTask.priority === Priority.IDLE ? typeof requestIdleCallback !== "undefined" ? "idle" : "timeout" : "frame";
-  if (microtaskScheduled) return;
-  if (scheduledKind !== null) {
-    if (TIER_SPEED[scheduledKind] <= TIER_SPEED[desired]) return;
+  const desired = nextTask.priority <= Priority.USER_BLOCKING ? "microtask" : nextTask.priority === Priority.IDLE ? typeof requestIdleCallback !== "undefined" ? "idle" : "timeout" : (
+    // NORMAL/LOW prefer a frame, but rAF is absent under SSR — fall back
+    // to a timeout so startTransition()/deferredValue() don't throw.
+    typeof requestAnimationFrame !== "undefined" ? "frame" : "timeout"
+  );
+  if (_sched.microtaskScheduled) return;
+  if (_sched.scheduledKind !== null) {
+    if (TIER_SPEED[_sched.scheduledKind] <= TIER_SPEED[desired]) return;
     cancelScheduled();
   }
   if (desired === "microtask") {
-    microtaskScheduled = true;
-    scheduledKind = "microtask";
+    _sched.microtaskScheduled = true;
+    _sched.scheduledKind = "microtask";
     queueMicrotask(() => {
-      microtaskScheduled = false;
-      scheduledKind = null;
+      _sched.microtaskScheduled = false;
+      _sched.scheduledKind = null;
       processQueue();
     });
   } else if (desired === "idle") {
-    scheduledKind = "idle";
-    scheduledHandle = requestIdleCallback(() => {
-      scheduledKind = null;
-      scheduledHandle = null;
+    _sched.scheduledKind = "idle";
+    _sched.scheduledHandle = requestIdleCallback(() => {
+      _sched.scheduledKind = null;
+      _sched.scheduledHandle = null;
       processQueue();
     });
   } else if (desired === "timeout") {
-    scheduledKind = "timeout";
-    scheduledHandle = setTimeout(() => {
-      scheduledKind = null;
-      scheduledHandle = null;
+    _sched.scheduledKind = "timeout";
+    _sched.scheduledHandle = setTimeout(() => {
+      _sched.scheduledKind = null;
+      _sched.scheduledHandle = null;
       processQueue();
     }, 50);
   } else {
-    scheduledKind = "frame";
-    scheduledHandle = requestAnimationFrame(() => {
-      scheduledKind = null;
-      scheduledHandle = null;
+    _sched.scheduledKind = "frame";
+    _sched.scheduledHandle = requestAnimationFrame(() => {
+      _sched.scheduledKind = null;
+      _sched.scheduledHandle = null;
       processQueue();
     });
   }
 }
 function scheduleUpdate(priority, callback) {
   const task = {
-    id: taskIdCounter++,
+    id: _sched.taskIdCounter++,
     priority,
     callback,
     cancelled: false
@@ -178,15 +192,15 @@ function scheduleUpdate(priority, callback) {
   };
 }
 function flushScheduler() {
-  if (scheduledHandle !== null) {
-    if (scheduledKind === "frame") cancelAnimationFrame(scheduledHandle);
-    else if (scheduledKind === "idle" && typeof cancelIdleCallback !== "undefined") {
-      cancelIdleCallback(scheduledHandle);
-    } else if (scheduledKind === "timeout") clearTimeout(scheduledHandle);
-  }
-  scheduledHandle = null;
-  scheduledKind = null;
-  microtaskScheduled = false;
+  if (_sched.scheduledHandle !== null) {
+    if (_sched.scheduledKind === "frame") cancelAnimationFrame(_sched.scheduledHandle);
+    else if (_sched.scheduledKind === "idle" && typeof cancelIdleCallback !== "undefined") {
+      cancelIdleCallback(_sched.scheduledHandle);
+    } else if (_sched.scheduledKind === "timeout") clearTimeout(_sched.scheduledHandle);
+  }
+  _sched.scheduledHandle = null;
+  _sched.scheduledKind = null;
+  _sched.microtaskScheduled = false;
   while (taskQueue.length > 0) {
     const task = taskQueue.shift();
     if (!task) break;
@@ -194,7 +208,7 @@ function flushScheduler() {
       task.callback();
     }
   }
-  isProcessing = false;
+  _sched.isProcessing = false;
 }
 function pendingTasks() {
   return taskQueue.filter((t) => !t.cancelled).length;
@@ -654,7 +668,7 @@ function forEachSubscriber(signal2, visit) {
 
 // src/reactivity/track.ts
 var _isDev3 = isDev();
-var _runtimeVersion = true ? "3.3.2" : "dev";
+var _runtimeVersion = true ? "3.3.3" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;
@@ -1012,16 +1026,18 @@ function transitionState() {
   }
   return [isPending, transition];
 }
-var idCounter = 0;
-var idPrefix = "sibu";
+var _ids = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.uniqueId.v1"), () => ({
+  counter: 0,
+  prefix: "sibu"
+}));
 function resetIdCounter() {
-  idCounter = 0;
+  _ids.counter = 0;
 }
 function setIdPrefix(prefix) {
-  idPrefix = prefix;
+  _ids.prefix = prefix;
 }
 function uniqueId(suffix) {
-  const id = `${idPrefix}-${idCounter++}`;
+  const id = `${_ids.prefix}-${_ids.counter++}`;
   return suffix ? `${id}-${suffix}` : id;
 }
 
@@ -1291,7 +1307,6 @@ function normalizedStore(schema) {
 }
 function normalize(data, schema) {
   const entities = {};
-  const idKey = schema.idKey || "id";
   function ensureTable(name) {
     if (!entities[name]) {
       entities[name] = {};
@@ -1307,7 +1322,7 @@ function normalize(data, schema) {
       for (const [field, relationType] of Object.entries(entitySchema.relations)) {
         const value = entity[field];
         if (value == null) continue;
-        const relSchema = { name: relationType, idKey };
+        const relSchema = { name: relationType };
         if (Array.isArray(value)) {
           flat[field] = value.map((item) => normalizeEntity(item, relSchema));
         } else if (typeof value === "object") {
@@ -1330,13 +1345,12 @@ function denormalize(id, entities, schema) {
   if (!table) return void 0;
   const entity = table[id];
   if (!entity) return void 0;
-  const idKey = schema.idKey || "id";
   const result = { ...entity };
   if (schema.relations) {
     for (const [field, relationType] of Object.entries(schema.relations)) {
       const value = entity[field];
       if (value == null) continue;
-      const relSchema = { name: relationType, idKey };
+      const relSchema = { name: relationType };
       if (Array.isArray(value)) {
         result[field] = value.map((relId) => denormalize(relId, entities, relSchema));
       } else if (typeof value === "string") {

package/dist/performance.js

@@ -33,16 +33,17 @@ import {
   transitionState,
   uniqueId,
   yieldToMain
-} from "./chunk-YUR5SX7F.js";
+} from "./chunk-WTFMV2RU.js";
+import "./chunk-7ZHH77QA.js";
 import {
   trustHTML
 } from "./chunk-EX77FXTT.js";
-import "./chunk-5VGSK6D2.js";
 import "./chunk-L3GAGWCC.js";
-import "./chunk-N5TQVEKE.js";
+import "./chunk-23VT3KZB.js";
 import "./chunk-S3NFJO6L.js";
-import "./chunk-JCQG2I2G.js";
-import "./chunk-4NJEAPLI.js";
+import "./chunk-5VGSK6D2.js";
+import "./chunk-IWFE4AHO.js";
+import "./chunk-UOMYIAG6.js";
 import "./chunk-COY6PUD2.js";
 export {
   DOMPool,

package/dist/plugins.cjs

@@ -1228,7 +1228,7 @@ function forEachSubscriber(signal2, visit) {
 
 // src/reactivity/track.ts
 var _isDev3 = isDev();
-var _runtimeVersion = true ? "3.3.2" : "dev";
+var _runtimeVersion = true ? "3.3.3" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g2 = globalThis;
@@ -1983,9 +1983,19 @@ function signal(initial, options) {
   return [get, set];
 }
 
+// src/utils/globalSingleton.ts
+function globalSingleton(key, create) {
+  const g2 = globalThis;
+  return g2[key] ?? (g2[key] = create());
+}
+
 // src/plugins/i18n.ts
-var [currentLocale, setLocaleInternal] = signal("en");
-var locales = {};
+var _i18n = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.i18n.v1"), () => ({
+  locale: signal("en"),
+  locales: {}
+}));
+var [currentLocale, setLocaleInternal] = _i18n.locale;
+var locales = _i18n.locales;
 function setLocale(locale) {
   setLocaleInternal(locale);
 }
@@ -2212,14 +2222,39 @@ var NavigationController = class {
     return this.currentController !== null;
   }
 };
-var RouteMatcher = class {
+var RouteMatcher = class _RouteMatcher {
   constructor(routes) {
     this.routeTrie = /* @__PURE__ */ new Map();
     this.parentChain = /* @__PURE__ */ new Map();
     this.namedRoutes = /* @__PURE__ */ new Map();
     this.compiledPatterns = new LRUCache(50);
+    // Pattern routes (those with params/wildcards) ordered most-specific-first,
+    // rebuilt lazily after any mutation. Static full paths are served by the
+    // exact-match map and excluded here.
+    this.patternOrder = null;
     this.buildIndex(routes);
   }
+  // Specificity per segment: static (2) > param `:x` (1) > wildcard `*` (0).
+  static specificity(path2) {
+    return path2.split("/").filter(Boolean).map((seg) => seg.startsWith(":") ? 1 : seg.includes("*") ? 0 : 2);
+  }
+  getPatternOrder() {
+    if (this.patternOrder) return this.patternOrder;
+    const patterns = [...this.routeTrie].filter(([p2]) => p2.includes(":") || p2.includes("*"));
+    patterns.sort(([a2], [b2]) => {
+      const ka = _RouteMatcher.specificity(a2);
+      const kb = _RouteMatcher.specificity(b2);
+      const len = Math.max(ka.length, kb.length);
+      for (let i2 = 0; i2 < len; i2++) {
+        const va = ka[i2] ?? -1;
+        const vb = kb[i2] ?? -1;
+        if (va !== vb) return vb - va;
+      }
+      return 0;
+    });
+    this.patternOrder = patterns;
+    return patterns;
+  }
   buildIndex(routes, parentPath = "", ancestors = []) {
     for (const route2 of routes) {
       const fullPath = parentPath + route2.path;
@@ -2246,7 +2281,7 @@ var RouteMatcher = class {
     if (exactMatch) {
       return { route: exactMatch, params: {}, matched: this.parentChain.get(path2) || [exactMatch] };
     }
-    for (const [routePath, route2] of this.routeTrie) {
+    for (const [routePath, route2] of this.getPatternOrder()) {
       const match = this.matchPattern(path2, routePath);
       if (match) {
         return { route: route2, params: match.params, matched: this.parentChain.get(routePath) || [route2] };
@@ -2318,9 +2353,11 @@ var RouteMatcher = class {
     this.parentChain.clear();
     this.namedRoutes.clear();
     this.compiledPatterns.clear();
+    this.patternOrder = null;
     this.buildIndex(routes);
   }
   addRoute(route2, parentPath = "") {
+    this.patternOrder = null;
     const fullPath = parentPath + route2.path;
     const parentAncestors = this.parentChain.get(parentPath) || [];
     const chain = [...parentAncestors, route2];
@@ -2335,6 +2372,7 @@ var RouteMatcher = class {
   }
   removeRoute(path2) {
     this.compiledPatterns.clear();
+    this.patternOrder = null;
     const root = this.routeTrie.get(path2);
     if (!root) return;
     const removed = /* @__PURE__ */ new Set();
@@ -2601,14 +2639,16 @@ var _SibuRouter = class _SibuRouter {
     this.initialize();
   }
   initialize() {
-    if (this.options.mode === "history") {
-      const popstateHandler = () => this.handleLocationChange(true);
-      window.addEventListener("popstate", popstateHandler);
-      this.cleanup.push(() => window.removeEventListener("popstate", popstateHandler));
-    } else {
-      const hashHandler = () => this.handleLocationChange(true);
-      window.addEventListener("hashchange", hashHandler);
-      this.cleanup.push(() => window.removeEventListener("hashchange", hashHandler));
+    if (typeof window !== "undefined") {
+      if (this.options.mode === "history") {
+        const popstateHandler = () => this.handleLocationChange(true);
+        window.addEventListener("popstate", popstateHandler);
+        this.cleanup.push(() => window.removeEventListener("popstate", popstateHandler));
+      } else {
+        const hashHandler = () => this.handleLocationChange(true);
+        window.addEventListener("hashchange", hashHandler);
+        this.cleanup.push(() => window.removeEventListener("hashchange", hashHandler));
+      }
     }
     queueMicrotask(() => {
       this.handleLocationChange(true);
@@ -3149,10 +3189,15 @@ function Route() {
       if (!routeInitialized && anchor.parentNode) wrappedUpdate();
     });
   }
-  routeCleanups.push(() => {
+  let routeTorn = false;
+  const routeCleanup = () => {
+    if (routeTorn) return;
+    routeTorn = true;
     routeTeardown();
     cleanupNodes();
-  });
+  };
+  registerDisposer(anchor, routeCleanup);
+  routeCleanups.push(routeCleanup);
   return anchor;
 }
 function KeepAliveRoute(options) {
@@ -3262,7 +3307,10 @@ function KeepAliveRoute(options) {
       if (!initialized && anchor.parentNode) wrappedUpdate();
     });
   }
-  routeCleanups.push(() => {
+  let kaTorn = false;
+  const kaCleanup = () => {
+    if (kaTorn) return;
+    kaTorn = true;
     kaTeardown();
     for (const node of cache.values()) {
       dispose(node);
@@ -3272,12 +3320,15 @@ function KeepAliveRoute(options) {
     lruOrder.length = 0;
     if (currentNode?.parentNode) currentNode.parentNode.removeChild(currentNode);
     currentNode = null;
-  });
+  };
+  registerDisposer(anchor, kaCleanup);
+  routeCleanups.push(kaCleanup);
   return anchor;
 }
-function RouterLink(props) {
+function RouterLink(props, children) {
   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 content = children !== void 0 ? children : nodes;
   const baseClass = typeof classAttr === "string" ? classAttr : "";
   const routeGetter = _routerRef.current.routeGetter;
   const rawHref = _routerRef.current["resolvePath"](to);
@@ -3327,12 +3378,12 @@ function RouterLink(props) {
       }
     }
   });
-  if (typeof nodes === "string") {
-    link2.textContent = nodes;
-  } else if (nodes instanceof Node) {
-    link2.appendChild(nodes);
-  } else if (Array.isArray(nodes)) {
-    nodes.forEach((child) => {
+  if (typeof content === "string") {
+    link2.textContent = content;
+  } else if (content instanceof Node) {
+    link2.appendChild(content);
+  } else if (Array.isArray(content)) {
+    content.forEach((child) => {
       if (typeof child === "string") {
         link2.appendChild(document.createTextNode(child));
       } else if (child instanceof Node) {
@@ -3527,14 +3578,19 @@ function Outlet() {
       if (anchor.parentNode) update();
     });
   }
-  routeCleanups.push(() => {
+  let outletTorn = false;
+  const outletCleanup = () => {
+    if (outletTorn) return;
+    outletTorn = true;
     outletTeardown();
     if (currentNode) {
       dispose(currentNode);
       if (currentNode.parentNode) currentNode.parentNode.removeChild(currentNode);
       currentNode = null;
     }
-  });
+  };
+  registerDisposer(anchor, outletCleanup);
+  routeCleanups.push(outletCleanup);
   return anchor;
 }
 function addRoute(route2, parentPath) {
@@ -4011,39 +4067,41 @@ function createPluginRegistry() {
   };
   return registry;
 }
-var defaultRegistry = createPluginRegistry();
-var defaultRegistryTouched = false;
+var _defaults = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.plugins.defaultRegistry.v1"), () => ({
+  registry: createPluginRegistry(),
+  touched: false
+}));
 function createPlugin(name, install) {
   return { name, install };
 }
 function plugin(plugin2, options) {
-  defaultRegistryTouched = true;
-  defaultRegistry.plugin(plugin2, options);
+  _defaults.touched = true;
+  _defaults.registry.plugin(plugin2, options);
 }
 function inject(key, defaultValue) {
-  return defaultRegistry.inject(key, defaultValue);
+  return _defaults.registry.inject(key, defaultValue);
 }
 function triggerPluginMount(element) {
-  defaultRegistry.triggerMount(element);
+  _defaults.registry.triggerMount(element);
 }
 function triggerPluginUnmount(element) {
-  defaultRegistry.triggerUnmount(element);
+  _defaults.registry.triggerUnmount(element);
 }
 function triggerPluginError(error) {
-  defaultRegistry.triggerError(error);
+  _defaults.registry.triggerError(error);
 }
 function resetPlugins() {
-  defaultRegistry.reset();
-  defaultRegistryTouched = false;
+  _defaults.registry.reset();
+  _defaults.touched = false;
 }
 function setDefaultPluginRegistry(registry) {
-  if (defaultRegistryTouched && defaultRegistry.installedPlugins.size > 0) {
+  if (_defaults.touched && _defaults.registry.installedPlugins.size > 0) {
     console.warn(
       "[Plugin] Replacing default plugin registry while plugins are already installed on the singleton. This may indicate mixed singleton/registry usage."
     );
   }
-  defaultRegistry = registry;
-  defaultRegistryTouched = true;
+  _defaults.registry = registry;
+  _defaults.touched = true;
 }
 
 // src/plugins/modular.ts
@@ -4145,9 +4203,7 @@ function lazyModule(loader) {
       return loadedFlag;
     },
     async get() {
-      if (loadedFlag && cached !== void 0) {
-        return cached;
-      }
+      if (loadedFlag) return cached;
       cached = await loader();
       loadedFlag = true;
       return cached;

package/dist/plugins.d.cts

@@ -254,11 +254,12 @@ declare function RouterLink(props: {
     replace?: boolean;
     activeClass?: string;
     exactActiveClass?: string;
+    /** @deprecated Pass children positionally: `RouterLink(props, children)`. */
     nodes?: string | Node | (string | Node)[];
     target?: string;
     rel?: string;
     [key: string]: unknown;
-}): HTMLElement;
+}, children?: string | Node | (string | Node)[]): HTMLElement;
 declare function Suspense(props: {
     fallback?: () => HTMLElement | HTMLElement;
     nodes: () => HTMLElement | Promise<HTMLElement>;

package/dist/plugins.d.ts

@@ -254,11 +254,12 @@ declare function RouterLink(props: {
     replace?: boolean;
     activeClass?: string;
     exactActiveClass?: string;
+    /** @deprecated Pass children positionally: `RouterLink(props, children)`. */
     nodes?: string | Node | (string | Node)[];
     target?: string;
     rel?: string;
     [key: string]: unknown;
-}): HTMLElement;
+}, children?: string | Node | (string | Node)[]): HTMLElement;
 declare function Suspense(props: {
     fallback?: () => HTMLElement | HTMLElement;
     nodes: () => HTMLElement | Promise<HTMLElement>;