sibujs 4.8.0 → 4.9.0

package/dist/{chunk-UCNP3HVM.js → chunk-562UVHMM.js}

@@ -1,12 +1,12 @@
 import {
   derived
-} from "./chunk-KJ3UKABJ.js";
+} from "./chunk-X7NRHFZR.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-V3LHZSU5.js";
+} from "./chunk-SBTZEYNI.js";
 import {
   sanitizeUrl
 } from "./chunk-EXXSN3BW.js";
@@ -16,10 +16,10 @@ import {
 import {
   batch,
   signal
-} from "./chunk-DSID757X.js";
+} from "./chunk-SYHGGDNW.js";
 import {
   untracked
-} from "./chunk-TQQUN4WR.js";
+} from "./chunk-G2WHYEL7.js";
 import {
   reportError
 } from "./chunk-NYNYSPK7.js";
@@ -268,6 +268,8 @@ function query(key, fetcher, options = {}) {
     structuralSharing = true
   } = options;
   const resolveKey = typeof key === "function" ? key : () => key;
+  const enabledGate = typeof enabled === "function" ? derived(() => Boolean(enabled())) : null;
+  const isEnabled = enabledGate ?? (() => enabled);
   const cache = getActiveQueryCache();
   const [data, setData] = signal(initialData);
   const [isFetching, setIsFetching] = signal(false);
@@ -382,7 +384,7 @@ function query(key, fetcher, options = {}) {
     }
   }
   async function doFetch() {
-    if (disposed || !currentKey || !enabled) return;
+    if (disposed || !currentKey || !untracked(isEnabled)) return;
     const key2 = currentKey;
     const entry = getOrCreateEntry(cache, key2);
     attachToEntry(entry, key2);
@@ -484,10 +486,17 @@ function query(key, fetcher, options = {}) {
   }
   const effectCleanup = effect(() => {
     const key2 = resolveKey();
+    const on = isEnabled();
     const keyChanged = currentKey !== key2;
     currentKey = key2;
+    if (key2 === "") {
+      detachFromEntry();
+      setIsFetching(false);
+      return;
+    }
     const entry = getOrCreateEntry(cache, key2, initialData);
     attachToEntry(entry, key2);
+    if (keyChanged) setIsFetching(entry.promise !== null);
     if (entry.data !== void 0) {
       const view = viewOf(entry);
       batch(() => {
@@ -498,17 +507,17 @@ function query(key, fetcher, options = {}) {
     }
     if (!keyChanged && currentKey === key2 && entry.data !== void 0) {
       const isDataStale2 = entry.dataUpdatedAt === 0 || Date.now() - entry.dataUpdatedAt >= staleTime;
-      if (enabled && isDataStale2 && !entry.promise) doFetch();
+      if (on && isDataStale2 && !entry.promise) doFetch();
       return;
     }
     const isDataStale = entry.dataUpdatedAt === 0 || Date.now() - entry.dataUpdatedAt >= staleTime;
-    if (enabled && (entry.data === void 0 || isDataStale)) {
+    if (on && (entry.data === void 0 || isDataStale)) {
       doFetch();
     }
   });
   if (refetchInterval && refetchInterval > 0) {
     intervalTimer = setInterval(() => {
-      if (!disposed && currentKey && enabled) doFetch();
+      if (!disposed && currentKey) doFetch();
     }, refetchInterval);
   }
   let focusHandler = null;
@@ -516,13 +525,13 @@ function query(key, fetcher, options = {}) {
   if (typeof globalThis !== "undefined" && typeof globalThis.addEventListener === "function") {
     if (refetchOnWindowFocus) {
       focusHandler = () => {
-        if (!disposed && currentKey && enabled) doFetch();
+        if (!disposed && currentKey) doFetch();
       };
       globalThis.addEventListener("focus", focusHandler);
     }
     if (refetchOnReconnect) {
       onlineHandler = () => {
-        if (!disposed && currentKey && enabled) doFetch();
+        if (!disposed && currentKey) doFetch();
       };
       globalThis.addEventListener("online", onlineHandler);
     }
@@ -534,6 +543,7 @@ function query(key, fetcher, options = {}) {
     stopSelect?.();
     loading.dispose();
     isStale.dispose();
+    enabledGate?.dispose();
     if (intervalTimer) clearInterval(intervalTimer);
     detachFromEntry();
     if (focusHandler && typeof globalThis.removeEventListener === "function") {
@@ -713,6 +723,8 @@ function infiniteQuery(key, fetcher, options) {
     onError
   } = options;
   const resolveKey = typeof key === "function" ? key : () => key;
+  const enabledGate = typeof enabled === "function" ? derived(() => Boolean(enabled())) : null;
+  const isEnabled = enabledGate ?? (() => enabled);
   const [pages, setPages] = signal([]);
   const [isFetching, setIsFetching] = signal(false);
   const [isFetchingNext, setIsFetchingNext] = signal(false);
@@ -791,7 +803,7 @@ function infiniteQuery(key, fetcher, options) {
   }
   const effectCleanup = effect(() => {
     resolveKey();
-    if (enabled) {
+    if (isEnabled()) {
       abortController?.abort();
       batch(() => {
         setPages([]);
@@ -832,6 +844,7 @@ function infiniteQuery(key, fetcher, options) {
     loading.dispose();
     hasNextPage.dispose();
     hasPreviousPage.dispose();
+    enabledGate?.dispose();
   }
   return {
     data,

package/dist/{chunk-VWT3VXPL.js → chunk-5MLWTIQE.js}

@@ -1,7 +1,7 @@
 import {
   bindAttribute,
   setSafeAttribute
-} from "./chunk-O6TRVMJI.js";
+} from "./chunk-MPWDSTYK.js";
 import {
   isBlockedElement
 } from "./chunk-3ACAAQIN.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-EXXSN3BW.js";
 import {
   reactiveBinding
-} from "./chunk-TQQUN4WR.js";
+} from "./chunk-G2WHYEL7.js";
 import {
   DEV,
   devWarn,

package/dist/{chunk-4WMSTZ7J.js → chunk-7OV5Q2UU.js}

@@ -3,23 +3,23 @@ import {
 } from "./chunk-J6FW5TV6.js";
 import {
   tagFactory
-} from "./chunk-VWT3VXPL.js";
+} from "./chunk-5MLWTIQE.js";
 import {
   derived
-} from "./chunk-KJ3UKABJ.js";
+} from "./chunk-X7NRHFZR.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-V3LHZSU5.js";
+} from "./chunk-SBTZEYNI.js";
 import {
   sanitizeCSSDeclaration
 } from "./chunk-EXXSN3BW.js";
 import {
   batch,
   signal
-} from "./chunk-DSID757X.js";
+} from "./chunk-SYHGGDNW.js";
 
 // src/ecosystem/adapters/mobx.ts
 function mobXAdapter(options) {

package/dist/{chunk-CZPRSWSS.js → chunk-CDBKFGXN.js}

@@ -5,7 +5,7 @@ import {
   resumeTracking,
   suspendTracking,
   track
-} from "./chunk-TQQUN4WR.js";
+} from "./chunk-G2WHYEL7.js";
 import {
   devAssert
 } from "./chunk-NYNYSPK7.js";

package/dist/{chunk-QGMSESDD.js → chunk-CF2KCWRE.js}

@@ -170,7 +170,7 @@ var CDN_ENTRY_POINTS = {
 };
 var packageInfo = {
   name: "sibujs",
-  version: true ? "4.8.0" : "dev",
+  version: true ? "4.9.0" : "dev",
   entryPoints: MODULE_ENTRY_POINTS,
   /**
    * Generate the package.json `exports` map. Module entries resolve to the
@@ -315,7 +315,7 @@ var env = {
 };
 
 // src/plugins/versioning.ts
-var VERSION = true ? "4.8.0" : "dev";
+var VERSION = true ? "4.9.0" : "dev";
 var NUM = "(?:0|[1-9]\\d*)";
 var PRE_ID = `(?:${NUM}|\\d*[a-zA-Z-][0-9a-zA-Z-]*)`;
 var BUILD_ID = "[0-9a-zA-Z-]+";

package/dist/{chunk-C5PEWEGH.js → chunk-DRMLIF6M.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-V3LHZSU5.js";
+} from "./chunk-SBTZEYNI.js";
 import {
   sanitizeUrl
 } from "./chunk-EXXSN3BW.js";
 import {
   signal
-} from "./chunk-DSID757X.js";
+} from "./chunk-SYHGGDNW.js";
 import {
   DEV,
   devWarn,

package/dist/{chunk-C7AA2CZX.js → chunk-FHCZMHHE.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-7XHATCIH.js";
 import {
   reactiveBinding
-} from "./chunk-TQQUN4WR.js";
+} from "./chunk-G2WHYEL7.js";
 
 // src/core/rendering/createId.ts
 var COUNTER_KEY = /* @__PURE__ */ Symbol.for("sibujs.createId.v1");

package/dist/{chunk-J3YQ457H.js → chunk-FNOK662L.js}

@@ -135,44 +135,44 @@ import {
   use,
   var_,
   video
-} from "./chunk-Q5J2LVKH.js";
+} from "./chunk-QBKCK6MJ.js";
 import {
   trustHTML
 } from "./chunk-FC6KCJSA.js";
 import {
   watch
-} from "./chunk-CZPRSWSS.js";
+} from "./chunk-CDBKFGXN.js";
 import {
   __resetIdCounter,
   createId,
   domBinding
-} from "./chunk-C7AA2CZX.js";
+} from "./chunk-FHCZMHHE.js";
 import {
   SVG_NS,
   bindChildNode,
   captureFocusWithin,
   restoreFocusWithin,
   tagFactory
-} from "./chunk-VWT3VXPL.js";
+} from "./chunk-5MLWTIQE.js";
 import {
   bindAttribute,
   bindDynamic,
   setSafeAttribute,
   setTrustedAttribute
-} from "./chunk-O6TRVMJI.js";
+} from "./chunk-MPWDSTYK.js";
 import {
   isCodeTextElement
 } from "./chunk-3ACAAQIN.js";
 import {
   derived
-} from "./chunk-KJ3UKABJ.js";
+} from "./chunk-X7NRHFZR.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect,
   on
-} from "./chunk-V3LHZSU5.js";
+} from "./chunk-SBTZEYNI.js";
 import {
   disableSSR,
   enableSSR,
@@ -191,7 +191,7 @@ import {
   external,
   isBatching,
   signal
-} from "./chunk-DSID757X.js";
+} from "./chunk-SYHGGDNW.js";
 import {
   emitDevtools,
   notifySubscribers,
@@ -203,7 +203,7 @@ import {
   suspendTracking,
   track,
   untracked
-} from "./chunk-TQQUN4WR.js";
+} from "./chunk-G2WHYEL7.js";
 import {
   DEV,
   MAX_DRAIN_TEARDOWNS,
@@ -1637,37 +1637,44 @@ function action(element, action2, param2) {
   }
 }
 var clickOutside = (element, callback) => {
+  const doc = element.ownerDocument;
   const handler = (e) => {
-    if (!element.contains(e.target)) {
-      callback();
-    }
+    const target = e.target;
+    if (!(typeof target?.nodeType === "number" && element.contains(target))) callback();
   };
-  document.addEventListener("pointerdown", handler, true);
-  return () => document.removeEventListener("pointerdown", handler, true);
+  doc.addEventListener("pointerdown", handler, true);
+  return () => doc.removeEventListener("pointerdown", handler, true);
 };
+var PRESS_END_EVENTS = ["pointerup", "pointerleave", "pointercancel"];
 var longPress = (element, options) => {
   const duration = options.duration ?? 500;
   let timer = null;
-  const start = () => {
-    timer = setTimeout(() => {
-      options.callback();
-      timer = null;
-    }, duration);
-  };
+  let owner;
   const cancel = () => {
     if (timer !== null) {
       clearTimeout(timer);
       timer = null;
     }
   };
+  const start = (e) => {
+    const id = e.pointerId;
+    if (timer !== null && id !== owner) return;
+    cancel();
+    owner = id;
+    timer = setTimeout(() => {
+      timer = null;
+      options.callback();
+    }, duration);
+  };
+  const end = (e) => {
+    if (timer !== null && e.pointerId === owner) cancel();
+  };
   element.addEventListener("pointerdown", start);
-  element.addEventListener("pointerup", cancel);
-  element.addEventListener("pointerleave", cancel);
+  for (const type of PRESS_END_EVENTS) element.addEventListener(type, end);
   return () => {
     cancel();
     element.removeEventListener("pointerdown", start);
-    element.removeEventListener("pointerup", cancel);
-    element.removeEventListener("pointerleave", cancel);
+    for (const type of PRESS_END_EVENTS) element.removeEventListener(type, end);
   };
 };
 var copyOnClick = (element, getText) => {
@@ -1701,10 +1708,11 @@ var trapFocus = (element) => {
     if (elements.length === 0) return;
     const first = elements[0];
     const last = elements[elements.length - 1];
-    if (e.shiftKey && document.activeElement === first) {
+    const active = element.ownerDocument.activeElement;
+    if (e.shiftKey && active === first) {
       e.preventDefault();
       last.focus();
-    } else if (!e.shiftKey && document.activeElement === last) {
+    } else if (!e.shiftKey && active === last) {
       e.preventDefault();
       first.focus();
     }
@@ -2662,7 +2670,7 @@ function KeepAlive(activeKey, cases, options) {
         return;
       }
       node = factory();
-      if (node instanceof DocumentFragment) {
+      if (node.nodeType === 11) {
         const wrapper = document.createElement("div");
         wrapper.style.display = "contents";
         wrapper.appendChild(node);

package/dist/{chunk-TQQUN4WR.js → chunk-G2WHYEL7.js}

@@ -498,7 +498,7 @@ function forEachSubscriber(signal, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.8.0" : "dev";
+var _runtimeVersion = true ? "4.9.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;

package/dist/{chunk-44MTL7ED.js → chunk-K6K5ACO6.js}

@@ -3,18 +3,18 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-V3LHZSU5.js";
+} from "./chunk-SBTZEYNI.js";
 import {
   stripHtml
 } from "./chunk-EXXSN3BW.js";
 import {
   signal
-} from "./chunk-DSID757X.js";
+} from "./chunk-SYHGGDNW.js";
 import {
   forEachSubscriber,
   getSubscriberCount,
   getSubscriberDeps
-} from "./chunk-TQQUN4WR.js";
+} from "./chunk-G2WHYEL7.js";
 import {
   dispose,
   isDev

package/dist/{chunk-JUTFX2RM.js → chunk-KG25XMGP.js}

@@ -6,7 +6,7 @@ import {
 import {
   div,
   span
-} from "./chunk-Q5J2LVKH.js";
+} from "./chunk-QBKCK6MJ.js";
 import {
   STATIC_VALUE_RESOLVER,
   planHeadElementEntry,
@@ -17,14 +17,14 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-V3LHZSU5.js";
+} from "./chunk-SBTZEYNI.js";
 import {
   sanitizeUrl
 } from "./chunk-EXXSN3BW.js";
 import {
   batch,
   signal
-} from "./chunk-DSID757X.js";
+} from "./chunk-SYHGGDNW.js";
 import {
   registerDisposer,
   replaceChildrenSafely,
@@ -910,7 +910,7 @@ function createISR(options) {
   const [data, setData] = signal(initialData);
   const [stale, setStale] = signal(initialData === void 0);
   const controller = new AbortController();
-  let inFlight = false;
+  let inFlight = null;
   let disposed = false;
   let deadline;
   const clearDeadline = () => {
@@ -930,10 +930,7 @@ function createISR(options) {
       });
     }, revalidateAfter);
   };
-  const revalidate = async () => {
-    if (disposed || inFlight) return;
-    if (controller.signal.aborted) return;
-    inFlight = true;
+  const run = async () => {
     try {
       const result = await fetcher({ signal: controller.signal });
       if (disposed || controller.signal.aborted) return;
@@ -945,10 +942,33 @@ function createISR(options) {
     } catch (err) {
       if (!disposed && !controller.signal.aborted) armDeadline();
       throw err;
-    } finally {
-      inFlight = false;
     }
   };
+  const revalidate = () => {
+    if (disposed || controller.signal.aborted) return Promise.resolve();
+    if (inFlight) return inFlight;
+    let resolve;
+    let reject;
+    const current = new Promise((res, rej) => {
+      resolve = res;
+      reject = rej;
+    });
+    inFlight = current;
+    const release = () => {
+      if (inFlight === current) inFlight = null;
+    };
+    run().then(
+      () => {
+        release();
+        resolve();
+      },
+      (err) => {
+        release();
+        reject(err);
+      }
+    );
+    return current;
+  };
   if (initialData === void 0) {
     revalidate().catch((err) => {
       if (typeof console !== "undefined") console.warn("[SibuJS ISR] initial fetch failed", err);

package/dist/{chunk-O6TRVMJI.js → chunk-MPWDSTYK.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-EXXSN3BW.js";
 import {
   reactiveBinding
-} from "./chunk-TQQUN4WR.js";
+} from "./chunk-G2WHYEL7.js";
 import {
   DEV,
   devWarn,

package/dist/{chunk-LI4W3U6C.js → chunk-NQMKWBKU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5HZXGZ6T.js";
 import {
   signal
-} from "./chunk-DSID757X.js";
+} from "./chunk-SYHGGDNW.js";
 import {
   registerDisposer,
   reportError

package/dist/{chunk-Q5J2LVKH.js → chunk-QBKCK6MJ.js}

@@ -1,7 +1,7 @@
 import {
   SVG_NS,
   tagFactory
-} from "./chunk-VWT3VXPL.js";
+} from "./chunk-5MLWTIQE.js";
 
 // src/core/rendering/html.ts
 var html = tagFactory("html");

package/dist/{chunk-V3LHZSU5.js → chunk-SBTZEYNI.js}

@@ -6,7 +6,7 @@ import {
   emitDevtools,
   retrack,
   untracked
-} from "./chunk-TQQUN4WR.js";
+} from "./chunk-G2WHYEL7.js";
 import {
   devAssert,
   reportError

package/dist/{chunk-DSID757X.js → chunk-SYHGGDNW.js}

@@ -4,7 +4,7 @@ import {
   notifySubscribers,
   queueSignalNotification,
   recordDependency
-} from "./chunk-TQQUN4WR.js";
+} from "./chunk-G2WHYEL7.js";
 import {
   DEV
 } from "./chunk-NYNYSPK7.js";

package/dist/{chunk-RGLPEBDE.js → chunk-TV464N2M.js}

@@ -4,14 +4,14 @@ import {
 } from "./chunk-62BDYGAG.js";
 import {
   derived
-} from "./chunk-KJ3UKABJ.js";
+} from "./chunk-X7NRHFZR.js";
 import {
   effect
-} from "./chunk-V3LHZSU5.js";
+} from "./chunk-SBTZEYNI.js";
 import {
   batch,
   signal
-} from "./chunk-DSID757X.js";
+} from "./chunk-SYHGGDNW.js";
 import {
   DEV,
   devWarn,

package/dist/{chunk-KJ3UKABJ.js → chunk-X7NRHFZR.js}

@@ -5,7 +5,7 @@ import {
   recordDependency,
   retrack,
   track
-} from "./chunk-TQQUN4WR.js";
+} from "./chunk-G2WHYEL7.js";
 import {
   devAssert
 } from "./chunk-NYNYSPK7.js";

package/dist/{chunk-ZVLHNEEL.js → chunk-XJVTQUIV.js}

@@ -1,16 +1,16 @@
 import {
   domBinding
-} from "./chunk-C7AA2CZX.js";
+} from "./chunk-FHCZMHHE.js";
 import {
   bindAttribute,
   setSafeAttribute
-} from "./chunk-O6TRVMJI.js";
+} from "./chunk-MPWDSTYK.js";
 import {
   isBlockedElement
 } from "./chunk-3ACAAQIN.js";
 import {
   derived
-} from "./chunk-KJ3UKABJ.js";
+} from "./chunk-X7NRHFZR.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
@@ -23,11 +23,11 @@ import {
 } from "./chunk-5HZXGZ6T.js";
 import {
   signal
-} from "./chunk-DSID757X.js";
+} from "./chunk-SYHGGDNW.js";
 import {
   reactiveBinding,
   track
-} from "./chunk-TQQUN4WR.js";
+} from "./chunk-G2WHYEL7.js";
 import {
   dispose,
   disposeNodeOwn,
@@ -1466,7 +1466,7 @@ function svgElement(tag, props = {}, ...nodes) {
   for (const child of nodes) {
     if (typeof child === "string") {
       el.appendChild(document.createTextNode(child));
-    } else if (child instanceof Node) {
+    } else if (typeof child?.nodeType === "number") {
       el.appendChild(child);
     }
   }

package/dist/{chunk-EGUQLBHE.js → chunk-YW6HQKGO.js}

@@ -9,14 +9,14 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-V3LHZSU5.js";
+} from "./chunk-SBTZEYNI.js";
 import {
   sanitizeUrl
 } from "./chunk-EXXSN3BW.js";
 import {
   batch,
   signal
-} from "./chunk-DSID757X.js";
+} from "./chunk-SYHGGDNW.js";
 import {
   reportError
 } from "./chunk-NYNYSPK7.js";
@@ -1142,6 +1142,7 @@ function keyboard(options = {}) {
     };
   }
   const target = options.target ?? window;
+  const view = options.target?.ownerDocument?.defaultView ?? window;
   const filter = options.keys ? new Set(options.keys) : null;
   const onDown = (e) => {
     if (filter && !filter.has(e.key)) return;
@@ -1164,14 +1165,14 @@ function keyboard(options = {}) {
   const onBlur = () => setPressed(/* @__PURE__ */ new Set());
   target.addEventListener("keydown", onDown);
   target.addEventListener("keyup", onUp);
-  window.addEventListener("blur", onBlur);
+  view.addEventListener("blur", onBlur);
   function isPressed(key) {
     return pressed().has(key);
   }
   function dispose() {
     target.removeEventListener("keydown", onDown);
     target.removeEventListener("keyup", onUp);
-    window.removeEventListener("blur", onBlur);
+    view.removeEventListener("blur", onBlur);
   }
   return { pressed, isPressed, dispose };
 }