sibujs 3.3.2 → 3.3.3

package/dist/{chunk-YUR5SX7F.js → chunk-WTFMV2RU.js}

@@ -1,15 +1,18 @@
 import {
-  dispose
-} from "./chunk-5VGSK6D2.js";
+  globalSingleton
+} from "./chunk-7ZHH77QA.js";
 import {
   sanitizeUrl
 } from "./chunk-L3GAGWCC.js";
 import {
   effect
-} from "./chunk-N5TQVEKE.js";
+} from "./chunk-23VT3KZB.js";
+import {
+  dispose
+} from "./chunk-5VGSK6D2.js";
 import {
   signal
-} from "./chunk-JCQG2I2G.js";
+} from "./chunk-IWFE4AHO.js";
 import {
   devWarn,
   isDev
@@ -23,12 +26,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) {
@@ -37,8 +43,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) {
@@ -57,64 +63,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
@@ -135,15 +146,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;
@@ -151,7 +162,7 @@ function flushScheduler() {
       task.callback();
     }
   }
-  isProcessing = false;
+  _sched.isProcessing = false;
 }
 function pendingTasks() {
   return taskQueue.filter((t) => !t.cancelled).length;
@@ -199,16 +210,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;
 }
 
@@ -446,7 +459,6 @@ function normalizedStore(schema) {
 }
 function normalize(data, schema) {
   const entities = {};
-  const idKey = schema.idKey || "id";
   function ensureTable(name) {
     if (!entities[name]) {
       entities[name] = {};
@@ -462,7 +474,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") {
@@ -485,13 +497,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/{chunk-3JHCYHWN.js → chunk-WWV3SJ3L.js}

@@ -1,3 +1,7 @@
+import {
+  globalSingleton
+} from "./chunk-7ZHH77QA.js";
+
 // src/plugins/plugin.ts
 function createPluginRegistry() {
   const installedPlugins = /* @__PURE__ */ new Set();
@@ -77,39 +81,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;
 }
 
 export {

package/dist/{chunk-62V653X2.js → chunk-Y35NQNLG.js}

@@ -1,22 +1,25 @@
+import {
+  globalSingleton
+} from "./chunk-7ZHH77QA.js";
 import {
   bindAttribute
-} from "./chunk-QCFBIVIQ.js";
+} from "./chunk-SBPUXWCE.js";
 import {
   derived
-} from "./chunk-G6N3LMO2.js";
+} from "./chunk-F3HO2MP7.js";
+import {
+  effect
+} from "./chunk-23VT3KZB.js";
 import {
   dispose,
   registerDisposer
 } from "./chunk-5VGSK6D2.js";
-import {
-  effect
-} from "./chunk-N5TQVEKE.js";
 import {
   signal
-} from "./chunk-JCQG2I2G.js";
+} from "./chunk-IWFE4AHO.js";
 import {
   track
-} from "./chunk-4NJEAPLI.js";
+} from "./chunk-UOMYIAG6.js";
 
 // src/ui/form.ts
 function required(message = "This field is required") {
@@ -88,11 +91,32 @@ function bindField(field, extras) {
     change: (e) => field.set(readControlValue(e.target)),
     blur: () => field.touch()
   };
-  const { on: extraOn, value: _ignoreValue, ...restExtras } = extras ?? {};
+  const {
+    on: extraOn,
+    value: _ignoreValue,
+    onElement: extraOnElement,
+    ...restExtras
+  } = extras ?? {};
   const mergedOn = extraOn && typeof extraOn === "object" ? { ...extraOn, ...fieldOn } : fieldOn;
+  const onElement = (el) => {
+    if (el instanceof HTMLSelectElement && el.multiple) {
+      const stop = effect(() => {
+        const v = field.value();
+        const selected = Array.isArray(v) ? v.map(String) : [];
+        for (const opt of Array.from(el.options)) {
+          opt.selected = selected.includes(opt.value);
+        }
+      });
+      registerDisposer(el, stop);
+    }
+    if (typeof extraOnElement === "function") {
+      extraOnElement(el);
+    }
+  };
   return {
     value: field.value,
     on: mergedOn,
+    onElement,
     ...restExtras
   };
 }
@@ -149,9 +173,21 @@ function form(config) {
     }
     return true;
   });
+  const valueEquals = (a, b) => {
+    if (Object.is(a, b)) return true;
+    if (Array.isArray(a) && Array.isArray(b)) {
+      return a.length === b.length && a.every((v, i) => Object.is(v, b[i]));
+    }
+    if (a && b && typeof a === "object" && typeof b === "object") {
+      const ak = Object.keys(a);
+      const bk = Object.keys(b);
+      return ak.length === bk.length && ak.every((k) => Object.is(a[k], b[k]));
+    }
+    return false;
+  };
   const isDirty = derived(() => {
     for (const [name, cfg] of fieldEntries) {
-      if (!Object.is(fieldMap[name].value(), cfg.initial)) return true;
+      if (!valueEquals(fieldMap[name].value(), cfg.initial)) return true;
     }
     return false;
   });
@@ -367,7 +403,6 @@ function inputMask(options) {
     return /[^a-zA-Z0-9]/g;
   }
   const stripRegex = buildStripRegex();
-  const rawCharTest = options.pattern.includes("*") ? () => true : (c) => /[a-zA-Z0-9]/.test(c);
   function bind(input) {
     const onInput = () => {
       const cursorBefore = input.selectionStart ?? input.value.length;
@@ -377,20 +412,14 @@ function inputMask(options) {
       setValue(masked);
       setRawValue(extractRaw(masked));
       input.value = masked;
-      let rawBefore = 0;
-      for (let i = 0; i < cursorBefore && i < oldValue.length; i++) {
-        if (rawCharTest(oldValue[i])) rawBefore++;
-      }
+      const rawBefore = oldValue.slice(0, cursorBefore).replace(stripRegex, "").length;
       let newCursor = 0;
       let counted = 0;
-      for (; newCursor < masked.length; newCursor++) {
+      while (newCursor < masked.length && counted < rawBefore) {
         if (newCursor < options.pattern.length && isSlot(options.pattern[newCursor])) {
           counted++;
-          if (counted >= rawBefore) {
-            newCursor++;
-            break;
-          }
         }
+        newCursor++;
       }
       try {
         input.setSelectionRange(newCursor, newCursor);
@@ -589,14 +618,12 @@ function hotkey(combo, handler, options = {}) {
   document.addEventListener("keydown", listener);
   return () => document.removeEventListener("keydown", listener);
 }
-var announceQueues = {
-  polite: [],
-  assertive: []
-};
-var announceDraining = {
-  polite: false,
-  assertive: false
-};
+var _announce = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.a11y.announce.v1"), () => ({
+  queues: { polite: [], assertive: [] },
+  draining: { polite: false, assertive: false }
+}));
+var announceQueues = _announce.queues;
+var announceDraining = _announce.draining;
 var ANNOUNCE_INTERVAL_MS = 150;
 function ensureLiveRegion(priority) {
   let region = document.getElementById(`sibu-announce-${priority}`);
@@ -638,7 +665,7 @@ function announce(message, priority = "polite") {
 }
 
 // src/ui/scopedStyle.ts
-var scopeCounter = 0;
+var _scope = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.scopedStyle.v1"), () => ({ n: 0 }));
 function decodeCssEscapes(css) {
   return css.replace(/\\([0-9a-f]{1,6})[ \t\n\r\f]?|\\([^\n])/gi, (_match, hex, ch) => {
     if (hex) {
@@ -665,7 +692,7 @@ function sanitizeCSS(css) {
   return sanitized;
 }
 function scopedStyle(css) {
-  const id = `sibu-s${scopeCounter++}`;
+  const id = `sibu-s${_scope.n++}`;
   const attr = `data-${id}`;
   const safeCss = sanitizeCSS(css);
   const scopedCSS = safeCss.replace(/([^\r\n,{}]+)(,(?=[^}]*{)|\s*{)/g, (match, selector, delimiter) => {
@@ -772,13 +799,16 @@ function bindData(el, key, getter) {
 }
 
 // src/ui/dialog.ts
-var dialogStack = [];
-var globalListenerAttached = false;
+var _dlg = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.dialog.v1"), () => ({
+  stack: [],
+  listenerAttached: false
+}));
+var dialogStack = _dlg.stack;
 function __resetDialogStack() {
   while (dialogStack.length > 0) dialogStack.pop();
-  if (typeof window !== "undefined" && globalListenerAttached) {
+  if (typeof window !== "undefined" && _dlg.listenerAttached) {
     window.removeEventListener("keydown", handleGlobalKeydown);
-    globalListenerAttached = false;
+    _dlg.listenerAttached = false;
   }
 }
 function handleGlobalKeydown(event) {
@@ -787,16 +817,16 @@ function handleGlobalKeydown(event) {
   if (top) top.close();
 }
 function ensureGlobalListener() {
-  if (typeof window === "undefined" || globalListenerAttached) return;
+  if (typeof window === "undefined" || _dlg.listenerAttached) return;
   window.addEventListener("keydown", handleGlobalKeydown);
-  globalListenerAttached = true;
+  _dlg.listenerAttached = true;
 }
 function removeGlobalListenerIfIdle() {
   if (typeof window === "undefined") return;
-  if (!globalListenerAttached) return;
+  if (!_dlg.listenerAttached) return;
   if (dialogStack.length > 0) return;
   window.removeEventListener("keydown", handleGlobalKeydown);
-  globalListenerAttached = false;
+  _dlg.listenerAttached = false;
 }
 function dialog() {
   const [isOpen, setIsOpen] = signal(false);
@@ -922,6 +952,10 @@ function infiniteScroll(options) {
       await onLoadMore();
     } finally {
       setLoading(false);
+      if (!disposed && observer && _current && hasMore()) {
+        observer.unobserve(_current);
+        observer.observe(_current);
+      }
     }
   }
   const originalRef = sentinelRef;
@@ -961,29 +995,30 @@ function pagination(options) {
     const total = options.totalItems();
     return Math.max(1, Math.ceil(total / pageSizeValue));
   });
+  const currentPage = derived(() => Math.min(Math.max(1, page()), totalPages()));
   const startIndex = derived(() => {
-    return (page() - 1) * pageSizeValue;
+    return (currentPage() - 1) * pageSizeValue;
   });
   const endIndex = derived(() => {
-    const end = page() * pageSizeValue;
+    const end = currentPage() * pageSizeValue;
     const total = options.totalItems();
     return Math.min(end, total);
   });
   function next() {
-    if (page() < totalPages()) {
-      setPage((p) => p + 1);
+    if (currentPage() < totalPages()) {
+      setPage(currentPage() + 1);
     }
   }
   function prev() {
-    if (page() > 1) {
-      setPage((p) => p - 1);
+    if (currentPage() > 1) {
+      setPage(currentPage() - 1);
     }
   }
   function goTo(target) {
     const clamped = Math.max(1, Math.min(target, totalPages()));
     setPage(clamped);
   }
-  return { page, pageSize, totalPages, next, prev, goTo, startIndex, endIndex };
+  return { page: currentPage, pageSize, totalPages, next, prev, goTo, startIndex, endIndex };
 }
 
 // src/ui/eventBus.ts

package/dist/{chunk-5VH3GIDX.js → chunk-ZXCZWMZT.js}

@@ -1,6 +1,6 @@
 import {
   signal
-} from "./chunk-JCQG2I2G.js";
+} from "./chunk-IWFE4AHO.js";
 
 // src/core/rendering/context.ts
 function context(defaultValue) {

package/dist/data.cjs

@@ -482,7 +482,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;
@@ -904,6 +904,12 @@ function signal(initial, options) {
   return [get, set];
 }
 
+// src/utils/globalSingleton.ts
+function globalSingleton(key, create) {
+  const g = globalThis;
+  return g[key] ?? (g[key] = create());
+}
+
 // src/data/retry.ts
 function calculateDelay(attempt, strategy, baseDelay, maxDelay, jitter) {
   let delay;
@@ -965,7 +971,7 @@ async function withRetry(fn, options, onRetry, signal2) {
 }
 
 // src/data/query.ts
-var globalQueryCache = /* @__PURE__ */ new Map();
+var globalQueryCache = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.query.cache.v1"), () => /* @__PURE__ */ new Map());
 function getActiveQueryCache() {
   return getRequestScopedCache("query") ?? globalQueryCache;
 }
@@ -1987,6 +1993,10 @@ function socket(url, options) {
   }
   function connect() {
     if (disposed) return;
+    if (typeof WebSocket === "undefined") {
+      setStatus("closed");
+      return;
+    }
     const safeUrl = validateWsUrl(getUrl());
     if (safeUrl === null) {
       setStatus("closed");
@@ -2107,6 +2117,10 @@ function stream(url, options) {
   let attempts = 0;
   function connect() {
     if (disposed) return;
+    if (typeof EventSource === "undefined") {
+      setStatus("closed");
+      return;
+    }
     const safeUrl = validateSseUrl(url);
     if (safeUrl === null) {
       setStatus("closed");

package/dist/data.js

@@ -20,14 +20,15 @@ import {
   syncAdapter,
   throttle,
   withRetry
-} from "./chunk-YUBEOWII.js";
-import "./chunk-5VH3GIDX.js";
-import "./chunk-G6N3LMO2.js";
+} from "./chunk-5Y34FWED.js";
+import "./chunk-7ZHH77QA.js";
+import "./chunk-ZXCZWMZT.js";
+import "./chunk-F3HO2MP7.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-IWFE4AHO.js";
+import "./chunk-UOMYIAG6.js";
 import "./chunk-COY6PUD2.js";
 export {
   __resetQueryCache,