sibujs 3.3.1 → 3.3.3

package/dist/browser.cjs

@@ -497,7 +497,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;
@@ -693,23 +693,29 @@ function media(query) {
 }
 
 // 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();
@@ -1007,7 +1013,7 @@ function battery() {
   let disposed = false;
   if (typeof navigator !== "undefined" && "getBattery" in navigator) {
     setSupported(true);
-    navigator.getBattery().then((bm) => {
+    const batteryPromise = navigator.getBattery().then((bm) => {
       if (disposed) return;
       battery2 = bm;
       batch(() => {
@@ -1025,6 +1031,9 @@ function battery() {
       bm.addEventListener("chargingtimechange", onChargingTimeChange);
       bm.addEventListener("dischargingtimechange", onDischargingTimeChange);
     });
+    batteryPromise.catch(() => {
+      if (!disposed) setSupported(false);
+    });
   }
   function dispose() {
     disposed = true;
@@ -1582,9 +1591,17 @@ function wakeLock() {
   }
   const api = navigator.wakeLock;
   let sentinel = null;
+  let disposed = false;
   async function request() {
+    if (disposed) return;
     try {
-      sentinel = await api.request("screen");
+      const s = await api.request("screen");
+      if (disposed) {
+        s.release().catch(() => {
+        });
+        return;
+      }
+      sentinel = s;
       setActive(true);
       sentinel.addEventListener("release", () => {
         setActive(false);
@@ -1611,6 +1628,7 @@ function wakeLock() {
   };
   document.addEventListener("visibilitychange", onVisibility);
   function dispose() {
+    disposed = true;
     document.removeEventListener("visibilitychange", onVisibility);
     release().catch((err) => {
       if (typeof console !== "undefined") {
@@ -1642,6 +1660,7 @@ function animationFrame(options = {}) {
   let id = null;
   let prev = -1;
   let start = -1;
+  let disposed = false;
   const minFrameMs = options.fpsLimit ? 1e3 / options.fpsLimit : 0;
   const step = (now) => {
     if (start < 0) start = now;
@@ -1655,7 +1674,7 @@ function animationFrame(options = {}) {
     id = requestAnimationFrame(step);
   };
   function resume() {
-    if (id !== null) return;
+    if (disposed || id !== null) return;
     setRunning(true);
     id = requestAnimationFrame(step);
   }
@@ -1669,6 +1688,7 @@ function animationFrame(options = {}) {
     start = -1;
   }
   function dispose() {
+    disposed = true;
     pause();
   }
   if (options.immediate !== false) resume();
@@ -1727,7 +1747,9 @@ function bounds(target) {
       }
     };
   }
+  let disposed = false;
   function refresh() {
+    if (disposed) return;
     setRect(readRect(target));
   }
   refresh();
@@ -1739,6 +1761,7 @@ function bounds(target) {
   const onScroll = () => refresh();
   window.addEventListener("scroll", onScroll, { passive: true, capture: true });
   function dispose() {
+    disposed = true;
     resizeObserver?.disconnect();
     window.removeEventListener("scroll", onScroll, { capture: true });
   }

package/dist/browser.js

@@ -35,12 +35,12 @@ import {
   visibility,
   wakeLock,
   windowSize
-} from "./chunk-VOVVTOEA.js";
+} from "./chunk-QTOOBABV.js";
 import "./chunk-H3SRKIYX.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 {
   animationFrame,

package/dist/build.cjs

@@ -1136,6 +1136,7 @@ __export(index_exports, {
   footer: () => footer,
   form: () => form,
   g: () => g,
+  getAction: () => getAction,
   getRequestScopedCache: () => getRequestScopedCache,
   getSSRStore: () => getSSRStore,
   getSlot: () => getSlot,
@@ -1204,6 +1205,7 @@ __export(index_exports, {
   reactiveArray: () => reactiveArray,
   rect: () => rect,
   ref: () => ref,
+  registerAction: () => registerAction,
   registerComponent: () => registerComponent,
   registerDisposer: () => registerDisposer,
   resolveComponent: () => resolveComponent,
@@ -1791,7 +1793,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 g2 = globalThis;
@@ -3365,7 +3367,21 @@ function KeepAlive(activeKey, cases, options) {
 }
 
 // src/core/rendering/action.ts
-function action(element, actionFn, param2) {
+var ACTIONS_KEY = /* @__PURE__ */ Symbol.for("sibujs.actions.v1");
+var _actions = globalThis[ACTIONS_KEY] ?? (globalThis[ACTIONS_KEY] = /* @__PURE__ */ new Map());
+function registerAction(name, fn) {
+  _actions.set(name, fn);
+}
+function getAction(name) {
+  return _actions.get(name);
+}
+function action(element, action2, param2) {
+  const actionFn = typeof action2 === "string" ? getAction(action2) : action2;
+  if (!actionFn) {
+    throw new Error(
+      `[SibuJS] No action registered under the name "${action2}". Register it with registerAction() before applying it by name.`
+    );
+  }
   const cleanup3 = actionFn(element, param2);
   if (typeof cleanup3 === "function") {
     registerDisposer(element, cleanup3);
@@ -3442,6 +3458,11 @@ var trapFocus = (element) => {
   element.addEventListener("keydown", handler);
   return () => element.removeEventListener("keydown", handler);
 };
+registerAction("clickOutside", clickOutside);
+registerAction("longPress", longPress);
+registerAction("copyOnClick", copyOnClick);
+registerAction("autoResize", autoResize);
+registerAction("trapFocus", trapFocus);
 
 // src/core/rendering/catch.ts
 var globalErrorHandler = null;
@@ -3490,13 +3511,14 @@ function setGlobalErrorHandler(handler) {
 }
 
 // src/core/rendering/createId.ts
-var idCounter = 0;
+var COUNTER_KEY = /* @__PURE__ */ Symbol.for("sibujs.createId.v1");
+var _counter = globalThis[COUNTER_KEY] ?? (globalThis[COUNTER_KEY] = { n: 0 });
 function createId(prefix = "sibu") {
-  idCounter++;
-  return `${prefix}-${idCounter}`;
+  _counter.n++;
+  return `${prefix}-${_counter.n}`;
 }
 function __resetIdCounter() {
-  idCounter = 0;
+  _counter.n = 0;
 }
 
 // src/reactivity/batch.ts
@@ -3620,23 +3642,29 @@ function signal(initial, 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 s2 = als.getStore();
@@ -4860,7 +4888,6 @@ function trustHTML(html3) {
 var DEFAULT_MAX_SSR_BYTES = 1024 * 1024;
 
 // src/components/ErrorDisplay.ts
-var _isDev12 = isDev();
 var STYLES = `
   .sibu-error-display {
     border: 1px solid var(--sibu-err-border, #e5484d);
@@ -5171,7 +5198,7 @@ function ErrorDisplay(props) {
   injectStyles();
   const severity = props.severity ?? "error";
   const normalized = normalizeError(props.error);
-  const showDetails = props.alwaysShowDetails ?? _isDev12;
+  const showDetails = props.alwaysShowDetails ?? isDev();
   const headline = props.title ?? normalized.message;
   const timestamp = (/* @__PURE__ */ new Date()).toISOString().replace("T", " ").slice(0, 19);
   const [copyLabel, setCopyLabel] = signal("Copy");
@@ -5658,6 +5685,11 @@ function Loading(props = {}) {
   if (variant === "dots") {
     return div({
       class: `sibu-loading${sizeClass}`,
+      role: "status",
+      "aria-live": "polite",
+      // When there's no visible text, give the live region an accessible name
+      // so it isn't announced as an empty status.
+      "aria-label": text2 ? void 0 : "Loading",
       nodes: [
         div({
           class: "sibu-loading-dots",
@@ -5673,6 +5705,9 @@ function Loading(props = {}) {
   }
   return div({
     class: `sibu-loading${sizeClass}`,
+    role: "status",
+    "aria-live": "polite",
+    "aria-label": text2 ? void 0 : "Loading",
     nodes: [
       div({ class: "sibu-loading-spinner" }),
       text2 ? span({ class: "sibu-loading-text", nodes: text2 }) : null

package/dist/build.js

@@ -1,20 +1,20 @@
 import {
   index_exports
-} from "./chunk-IKLYI3RF.js";
-import "./chunk-YT6HQ6AM.js";
-import "./chunk-37BUKSLH.js";
-import "./chunk-SLMFA3ZZ.js";
-import "./chunk-R3QEDXFS.js";
-import "./chunk-F7FXQ3QS.js";
-import "./chunk-LU2MQXQQ.js";
-import "./chunk-NHKQKKZU.js";
-import "./chunk-WW6DAGGR.js";
-import "./chunk-5VGSK6D2.js";
+} from "./chunk-MYXEBADX.js";
+import "./chunk-5K6RVA2S.js";
+import "./chunk-TBDTU7UO.js";
+import "./chunk-CCSJMTRN.js";
+import "./chunk-EX77FXTT.js";
+import "./chunk-ZXCZWMZT.js";
+import "./chunk-RZKGMHH4.js";
+import "./chunk-SBPUXWCE.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-5VGSK6D2.js";
+import "./chunk-IWFE4AHO.js";
+import "./chunk-UOMYIAG6.js";
 import "./chunk-COY6PUD2.js";
 
 // src/build/compileTemplates.ts