sibujs 3.3.1 → 3.3.3

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-RYMOSG5B.js → chunk-Y35NQNLG.js}

@@ -1,22 +1,25 @@
+import {
+  globalSingleton
+} from "./chunk-7ZHH77QA.js";
 import {
   bindAttribute
-} from "./chunk-NHKQKKZU.js";
+} from "./chunk-SBPUXWCE.js";
 import {
   derived
-} from "./chunk-WW6DAGGR.js";
+} from "./chunk-F3HO2MP7.js";
+import {
+  effect
+} from "./chunk-23VT3KZB.js";
 import {
   dispose,
   registerDisposer
 } from "./chunk-5VGSK6D2.js";
-import {
-  effect
-} from "./chunk-MHBCEJQO.js";
 import {
   signal
-} from "./chunk-WZG2SZOT.js";
+} from "./chunk-IWFE4AHO.js";
 import {
   track
-} from "./chunk-TEFZT5PJ.js";
+} from "./chunk-UOMYIAG6.js";
 
 // src/ui/form.ts
 function required(message = "This field is required") {
@@ -74,30 +77,46 @@ function custom(fn, message) {
   return (value) => fn(value) ? null : message;
 }
 function bindField(field, extras) {
+  const readControlValue = (target) => {
+    if ("checked" in target && target.type === "checkbox") {
+      return target.checked;
+    }
+    if (target instanceof HTMLSelectElement && target.multiple) {
+      return Array.from(target.selectedOptions, (o) => o.value);
+    }
+    return target.value;
+  };
   const fieldOn = {
-    input: (e) => {
-      const target = e.target;
-      if (target.type === "checkbox") {
-        field.set(target.checked);
-      } else {
-        field.set(target.value);
-      }
-    },
-    change: (e) => {
-      const target = e.target;
-      if ("checked" in target && target.type === "checkbox") {
-        field.set(target.checked);
-      } else {
-        field.set(target.value);
-      }
-    },
+    input: (e) => field.set(readControlValue(e.target)),
+    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
   };
 }
@@ -154,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;
   });
@@ -372,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;
@@ -382,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);
@@ -594,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}`);
@@ -643,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) {
@@ -670,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) => {
@@ -777,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) {
@@ -792,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);
@@ -927,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;
@@ -966,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-F7FXQ3QS.js → chunk-ZXCZWMZT.js}

@@ -1,6 +1,6 @@
 import {
   signal
-} from "./chunk-WZG2SZOT.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 = typeof __SIBU_VERSION__ !== "undefined" ? __SIBU_VERSION__ : "dev";
+var _runtimeVersion = true ? "3.3.3" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;
@@ -618,23 +618,29 @@ function derived(getter, options) {
 }
 
 // src/core/ssr-context.ts
-var 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");
+var SSR_KEY = /* @__PURE__ */ Symbol.for("sibujs.ssr.v1");
+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();
     }
-    if (mod) als = new mod.AsyncLocalStorage();
+  } catch {
+    detected = null;
   }
-} catch {
-  als = null;
+  return { als: detected, fallbackStore: { ssr: false, suspenseIdCounter: 0 } };
 }
-var fallbackStore = { ssr: false, suspenseIdCounter: 0 };
+var _shared = globalThis[SSR_KEY] ?? (globalThis[SSR_KEY] = detectSSRShared());
+var als = _shared.als;
+var fallbackStore = _shared.fallbackStore;
 function getSSRStore() {
   if (als) {
     const s = als.getStore();
@@ -898,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;
@@ -959,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;
 }
@@ -1981,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");
@@ -2101,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-AMIKDMLP.js";
-import "./chunk-F7FXQ3QS.js";
-import "./chunk-WW6DAGGR.js";
+} from "./chunk-5Y34FWED.js";
+import "./chunk-7ZHH77QA.js";
+import "./chunk-ZXCZWMZT.js";
+import "./chunk-F3HO2MP7.js";
 import "./chunk-L3GAGWCC.js";
-import "./chunk-MHBCEJQO.js";
-import "./chunk-GOJMFRBL.js";
-import "./chunk-WZG2SZOT.js";
-import "./chunk-TEFZT5PJ.js";
+import "./chunk-23VT3KZB.js";
+import "./chunk-S3NFJO6L.js";
+import "./chunk-IWFE4AHO.js";
+import "./chunk-UOMYIAG6.js";
 import "./chunk-COY6PUD2.js";
 export {
   __resetQueryCache,