@stacksjs/composables 0.70.258 → 0.70.260

package/dist/useParallax.js

@@ -1,33 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { unref } from "./_shared";
-export function useParallax(target, options = {}) {
-  const tilt = ref(0), roll = ref(0), source = ref("mouse");
-  if (typeof window > "u")
-    return { tilt, roll, source };
-  const mouseHandler = (e) => {
-    const el = unref(target);
-    if (!el)
-      return;
-    const rect = el.getBoundingClientRect(), centerX = rect.left + rect.width / 2, centerY = rect.top + rect.height / 2;
-    tilt.value = (e.clientX - centerX) / (rect.width / 2) * 0.5;
-    roll.value = (e.clientY - centerY) / (rect.height / 2) * 0.5;
-    source.value = "mouse";
-  };
-  window.addEventListener("mousemove", mouseHandler, { passive: !0 });
-  const orientationHandler = (e) => {
-    if (e.gamma !== null && e.beta !== null) {
-      const tiltVal = e.gamma / 90, rollVal = (e.beta - 45) / 90;
-      tilt.value = options.deviceOrientationTiltAdjust?.(tiltVal) ?? tiltVal * 0.5;
-      roll.value = options.deviceOrientationRollAdjust?.(rollVal) ?? rollVal * 0.5;
-      source.value = "deviceOrientation";
-    }
-  };
-  window.addEventListener("deviceorientation", orientationHandler, { passive: !0 });
-  try {
-    onUnmounted(() => {
-      window.removeEventListener("mousemove", mouseHandler);
-      window.removeEventListener("deviceorientation", orientationHandler);
-    });
-  } catch {}
-  return { tilt, roll, source };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{unref}from"./_shared";export function useParallax(target,options={}){const tilt=ref(0),roll=ref(0),source=ref("mouse");if(typeof window>"u")return{tilt,roll,source};const mouseHandler=(e)=>{const el=unref(target);if(!el)return;const rect=el.getBoundingClientRect(),centerX=rect.left+rect.width/2,centerY=rect.top+rect.height/2;tilt.value=(e.clientX-centerX)/(rect.width/2)*0.5;roll.value=(e.clientY-centerY)/(rect.height/2)*0.5;source.value="mouse"};window.addEventListener("mousemove",mouseHandler,{passive:!0});const orientationHandler=(e)=>{if(e.gamma!==null&&e.beta!==null){const tiltVal=e.gamma/90,rollVal=(e.beta-45)/90;tilt.value=options.deviceOrientationTiltAdjust?.(tiltVal)??tiltVal*0.5;roll.value=options.deviceOrientationRollAdjust?.(rollVal)??rollVal*0.5;source.value="deviceOrientation"}};window.addEventListener("deviceorientation",orientationHandler,{passive:!0});try{onUnmounted(()=>{window.removeEventListener("mousemove",mouseHandler);window.removeEventListener("deviceorientation",orientationHandler)})}catch{}return{tilt,roll,source}}

package/dist/useParentElement.js

@@ -1,8 +1 @@
-import { ref } from "@stacksjs/stx";
-import { unref } from "./_shared";
-export function useParentElement(element) {
-  const parent = ref(null), el = unref(element);
-  if (el)
-    parent.value = el.parentElement;
-  return parent;
-}
+import{ref}from"@stacksjs/stx";import{unref}from"./_shared";export function useParentElement(element){const parent=ref(null),el=unref(element);if(el)parent.value=el.parentElement;return parent}

package/dist/usePermission.js

@@ -1,21 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-export function usePermission(permissionName) {
-  const isSupported = ref(typeof navigator < "u" && "permissions" in navigator), state = ref("prompt");
-  if (!isSupported.value)
-    return { state, isSupported };
-  let permissionStatus = null;
-  navigator.permissions.query({ name: permissionName }).then((status) => {
-    permissionStatus = status;
-    state.value = status.state;
-    const handler = () => {
-      state.value = status.state;
-    };
-    status.addEventListener("change", handler);
-    try {
-      onUnmounted(() => {
-        status.removeEventListener("change", handler);
-      });
-    } catch {}
-  }).catch(() => {});
-  return { state, isSupported };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";export function usePermission(permissionName){const isSupported=ref(typeof navigator<"u"&&"permissions"in navigator),state=ref("prompt");if(!isSupported.value)return{state,isSupported};let permissionStatus=null;navigator.permissions.query({name:permissionName}).then((status)=>{permissionStatus=status;state.value=status.state;const handler=()=>{state.value=status.state};status.addEventListener("change",handler);try{onUnmounted(()=>{status.removeEventListener("change",handler)})}catch{}}).catch(()=>{});return{state,isSupported}}

package/dist/usePointer.js

@@ -1,32 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-export function usePointer(target) {
-  const x = ref(0), y = ref(0), pointerId = ref(0), pressure = ref(0), tiltX = ref(0), tiltY = ref(0), pointerType = ref(""), isInside = ref(!1);
-  if (typeof window > "u")
-    return { isInside, x, y, pointerId, pressure, tiltX, tiltY, pointerType };
-  const el = target ?? window, handler = (e) => {
-    x.value = e.pageX;
-    y.value = e.pageY;
-    pointerId.value = e.pointerId;
-    pressure.value = e.pressure;
-    tiltX.value = e.tiltX;
-    tiltY.value = e.tiltY;
-    pointerType.value = e.pointerType;
-  }, onEnter = () => {
-    isInside.value = !0;
-  }, onLeave = () => {
-    isInside.value = !1;
-  };
-  el.addEventListener("pointermove", handler, { passive: !0 });
-  el.addEventListener("pointerdown", handler, { passive: !0 });
-  el.addEventListener("pointerenter", onEnter, { passive: !0 });
-  el.addEventListener("pointerleave", onLeave, { passive: !0 });
-  try {
-    onUnmounted(() => {
-      el.removeEventListener("pointermove", handler);
-      el.removeEventListener("pointerdown", handler);
-      el.removeEventListener("pointerenter", onEnter);
-      el.removeEventListener("pointerleave", onLeave);
-    });
-  } catch {}
-  return { isInside, x, y, pointerId, pressure, tiltX, tiltY, pointerType };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";export function usePointer(target){const x=ref(0),y=ref(0),pointerId=ref(0),pressure=ref(0),tiltX=ref(0),tiltY=ref(0),pointerType=ref(""),isInside=ref(!1);if(typeof window>"u")return{isInside,x,y,pointerId,pressure,tiltX,tiltY,pointerType};const el=target??window,handler=(e)=>{x.value=e.pageX;y.value=e.pageY;pointerId.value=e.pointerId;pressure.value=e.pressure;tiltX.value=e.tiltX;tiltY.value=e.tiltY;pointerType.value=e.pointerType},onEnter=()=>{isInside.value=!0},onLeave=()=>{isInside.value=!1};el.addEventListener("pointermove",handler,{passive:!0});el.addEventListener("pointerdown",handler,{passive:!0});el.addEventListener("pointerenter",onEnter,{passive:!0});el.addEventListener("pointerleave",onLeave,{passive:!0});try{onUnmounted(()=>{el.removeEventListener("pointermove",handler);el.removeEventListener("pointerdown",handler);el.removeEventListener("pointerenter",onEnter);el.removeEventListener("pointerleave",onLeave)})}catch{}return{isInside,x,y,pointerId,pressure,tiltX,tiltY,pointerType}}

package/dist/usePointerLock.js

@@ -1,33 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { unref } from "./_shared";
-export function usePointerLock(target) {
-  const isSupported = ref(typeof document < "u" && "pointerLockElement" in document), isLocked = ref(!1), element = ref(null);
-  if (typeof document < "u") {
-    const handler = () => {
-      isLocked.value = !!document.pointerLockElement;
-      element.value = document.pointerLockElement;
-    };
-    document.addEventListener("pointerlockchange", handler);
-    document.addEventListener("pointerlockerror", handler);
-    try {
-      onUnmounted(() => {
-        document.removeEventListener("pointerlockchange", handler);
-        document.removeEventListener("pointerlockerror", handler);
-      });
-    } catch {}
-  }
-  async function lock(el) {
-    if (!isSupported.value)
-      return;
-    const targetEl = el ?? unref(target);
-    if (targetEl)
-      await targetEl.requestPointerLock();
-  }
-  function unlock() {
-    if (!isSupported.value)
-      return;
-    if (document.pointerLockElement)
-      document.exitPointerLock();
-  }
-  return { isSupported, isLocked, lock, unlock, element };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{unref}from"./_shared";export function usePointerLock(target){const isSupported=ref(typeof document<"u"&&"pointerLockElement"in document),isLocked=ref(!1),element=ref(null);if(typeof document<"u"){const handler=()=>{isLocked.value=!!document.pointerLockElement;element.value=document.pointerLockElement};document.addEventListener("pointerlockchange",handler);document.addEventListener("pointerlockerror",handler);try{onUnmounted(()=>{document.removeEventListener("pointerlockchange",handler);document.removeEventListener("pointerlockerror",handler)})}catch{}}async function lock(el){if(!isSupported.value)return;const targetEl=el??unref(target);if(targetEl)await targetEl.requestPointerLock()}function unlock(){if(!isSupported.value)return;if(document.pointerLockElement)document.exitPointerLock()}return{isSupported,isLocked,lock,unlock,element}}

package/dist/usePointerSwipe.js

@@ -1,52 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-import { unref } from "./_shared";
-export function usePointerSwipe(target, options = {}) {
-  const { threshold = 50, onSwipe, onSwipeEnd } = options, isSwiping = ref(!1), direction = ref("none"), distanceX = ref(0), distanceY = ref(0), posStart = ref({ x: 0, y: 0 }), posEnd = ref({ x: 0, y: 0 });
-  if (typeof window > "u")
-    return { isSwiping, direction, distanceX, distanceY, posStart, posEnd };
-  const el = unref(target);
-  if (!el)
-    return { isSwiping, direction, distanceX, distanceY, posStart, posEnd };
-  const onPointerDown = (e) => {
-    isSwiping.value = !0;
-    direction.value = "none";
-    posStart.value = { x: e.clientX, y: e.clientY };
-    posEnd.value = { x: e.clientX, y: e.clientY };
-    distanceX.value = 0;
-    distanceY.value = 0;
-    el.setPointerCapture(e.pointerId);
-  }, onPointerMove = (e) => {
-    if (!isSwiping.value)
-      return;
-    posEnd.value = { x: e.clientX, y: e.clientY };
-    distanceX.value = posEnd.value.x - posStart.value.x;
-    distanceY.value = posEnd.value.y - posStart.value.y;
-    const absX = Math.abs(distanceX.value), absY = Math.abs(distanceY.value);
-    if (absX > absY)
-      direction.value = distanceX.value > 0 ? "right" : "left";
-    else if (absY > absX)
-      direction.value = distanceY.value > 0 ? "down" : "up";
-  }, onPointerUp = (e) => {
-    if (!isSwiping.value)
-      return;
-    isSwiping.value = !1;
-    if (Math.max(Math.abs(distanceX.value), Math.abs(distanceY.value)) >= threshold) {
-      onSwipe?.(direction.value);
-      onSwipeEnd?.(e, direction.value);
-    } else {
-      direction.value = "none";
-      onSwipeEnd?.(e, "none");
-    }
-  };
-  el.addEventListener("pointerdown", onPointerDown);
-  el.addEventListener("pointermove", onPointerMove);
-  el.addEventListener("pointerup", onPointerUp);
-  try {
-    onUnmounted(() => {
-      el.removeEventListener("pointerdown", onPointerDown);
-      el.removeEventListener("pointermove", onPointerMove);
-      el.removeEventListener("pointerup", onPointerUp);
-    });
-  } catch {}
-  return { isSwiping, direction, distanceX, distanceY, posStart, posEnd };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";import{unref}from"./_shared";export function usePointerSwipe(target,options={}){const{threshold=50,onSwipe,onSwipeEnd}=options,isSwiping=ref(!1),direction=ref("none"),distanceX=ref(0),distanceY=ref(0),posStart=ref({x:0,y:0}),posEnd=ref({x:0,y:0});if(typeof window>"u")return{isSwiping,direction,distanceX,distanceY,posStart,posEnd};const el=unref(target);if(!el)return{isSwiping,direction,distanceX,distanceY,posStart,posEnd};const onPointerDown=(e)=>{isSwiping.value=!0;direction.value="none";posStart.value={x:e.clientX,y:e.clientY};posEnd.value={x:e.clientX,y:e.clientY};distanceX.value=0;distanceY.value=0;el.setPointerCapture(e.pointerId)},onPointerMove=(e)=>{if(!isSwiping.value)return;posEnd.value={x:e.clientX,y:e.clientY};distanceX.value=posEnd.value.x-posStart.value.x;distanceY.value=posEnd.value.y-posStart.value.y;const absX=Math.abs(distanceX.value),absY=Math.abs(distanceY.value);if(absX>absY)direction.value=distanceX.value>0?"right":"left";else if(absY>absX)direction.value=distanceY.value>0?"down":"up"},onPointerUp=(e)=>{if(!isSwiping.value)return;isSwiping.value=!1;if(Math.max(Math.abs(distanceX.value),Math.abs(distanceY.value))>=threshold){onSwipe?.(direction.value);onSwipeEnd?.(e,direction.value)}else{direction.value="none";onSwipeEnd?.(e,"none")}};el.addEventListener("pointerdown",onPointerDown);el.addEventListener("pointermove",onPointerMove);el.addEventListener("pointerup",onPointerUp);try{onUnmounted(()=>{el.removeEventListener("pointerdown",onPointerDown);el.removeEventListener("pointermove",onPointerMove);el.removeEventListener("pointerup",onPointerUp)})}catch{}return{isSwiping,direction,distanceX,distanceY,posStart,posEnd}}

package/dist/usePreferredColorScheme.js

@@ -1,25 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-export function usePreferredColorScheme() {
-  const scheme = ref("no-preference");
-  if (typeof window > "u" || !window.matchMedia)
-    return scheme;
-  const dark = window.matchMedia("(prefers-color-scheme: dark)"), light = window.matchMedia("(prefers-color-scheme: light)");
-  function update() {
-    if (dark.matches)
-      scheme.value = "dark";
-    else if (light.matches)
-      scheme.value = "light";
-    else
-      scheme.value = "no-preference";
-  }
-  update();
-  dark.addEventListener("change", update);
-  light.addEventListener("change", update);
-  try {
-    onUnmounted(() => {
-      dark.removeEventListener("change", update);
-      light.removeEventListener("change", update);
-    });
-  } catch {}
-  return scheme;
-}
+import{onUnmounted,ref}from"@stacksjs/stx";export function usePreferredColorScheme(){const scheme=ref("no-preference");if(typeof window>"u"||!window.matchMedia)return scheme;const dark=window.matchMedia("(prefers-color-scheme: dark)"),light=window.matchMedia("(prefers-color-scheme: light)");function update(){if(dark.matches)scheme.value="dark";else if(light.matches)scheme.value="light";else scheme.value="no-preference"}update();dark.addEventListener("change",update);light.addEventListener("change",update);try{onUnmounted(()=>{dark.removeEventListener("change",update);light.removeEventListener("change",update)})}catch{}return scheme}

package/dist/usePreferredContrast.js

@@ -1,29 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-export function usePreferredContrast() {
-  const contrast = ref("no-preference");
-  if (typeof window > "u" || !window.matchMedia)
-    return contrast;
-  const more = window.matchMedia("(prefers-contrast: more)"), less = window.matchMedia("(prefers-contrast: less)"), custom = window.matchMedia("(prefers-contrast: custom)");
-  function update() {
-    if (more.matches)
-      contrast.value = "more";
-    else if (less.matches)
-      contrast.value = "less";
-    else if (custom.matches)
-      contrast.value = "custom";
-    else
-      contrast.value = "no-preference";
-  }
-  update();
-  more.addEventListener("change", update);
-  less.addEventListener("change", update);
-  custom.addEventListener("change", update);
-  try {
-    onUnmounted(() => {
-      more.removeEventListener("change", update);
-      less.removeEventListener("change", update);
-      custom.removeEventListener("change", update);
-    });
-  } catch {}
-  return contrast;
-}
+import{onUnmounted,ref}from"@stacksjs/stx";export function usePreferredContrast(){const contrast=ref("no-preference");if(typeof window>"u"||!window.matchMedia)return contrast;const more=window.matchMedia("(prefers-contrast: more)"),less=window.matchMedia("(prefers-contrast: less)"),custom=window.matchMedia("(prefers-contrast: custom)");function update(){if(more.matches)contrast.value="more";else if(less.matches)contrast.value="less";else if(custom.matches)contrast.value="custom";else contrast.value="no-preference"}update();more.addEventListener("change",update);less.addEventListener("change",update);custom.addEventListener("change",update);try{onUnmounted(()=>{more.removeEventListener("change",update);less.removeEventListener("change",update);custom.removeEventListener("change",update)})}catch{}return contrast}

package/dist/usePreferredLanguages.js

@@ -1,16 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-export function usePreferredLanguages() {
-  const languages = ref(typeof navigator < "u" ? navigator.languages : []);
-  if (typeof window > "u")
-    return languages;
-  const handler = () => {
-    languages.value = navigator.languages;
-  };
-  window.addEventListener("languagechange", handler, { passive: !0 });
-  try {
-    onUnmounted(() => {
-      window.removeEventListener("languagechange", handler);
-    });
-  } catch {}
-  return languages;
-}
+import{onUnmounted,ref}from"@stacksjs/stx";export function usePreferredLanguages(){const languages=ref(typeof navigator<"u"?navigator.languages:[]);if(typeof window>"u")return languages;const handler=()=>{languages.value=navigator.languages};window.addEventListener("languagechange",handler,{passive:!0});try{onUnmounted(()=>{window.removeEventListener("languagechange",handler)})}catch{}return languages}

package/dist/usePreferredReducedMotion.js

@@ -1,18 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-export function usePreferredReducedMotion() {
-  const motion = ref("no-preference");
-  if (typeof window > "u" || !window.matchMedia)
-    return motion;
-  const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
-  function update() {
-    motion.value = mq.matches ? "reduce" : "no-preference";
-  }
-  update();
-  mq.addEventListener("change", update);
-  try {
-    onUnmounted(() => {
-      mq.removeEventListener("change", update);
-    });
-  } catch {}
-  return motion;
-}
+import{onUnmounted,ref}from"@stacksjs/stx";export function usePreferredReducedMotion(){const motion=ref("no-preference");if(typeof window>"u"||!window.matchMedia)return motion;const mq=window.matchMedia("(prefers-reduced-motion: reduce)");function update(){motion.value=mq.matches?"reduce":"no-preference"}update();mq.addEventListener("change",update);try{onUnmounted(()=>{mq.removeEventListener("change",update)})}catch{}return motion}

package/dist/usePrevious.js

@@ -1,8 +1 @@
-import { ref, watch } from "@stacksjs/stx";
-export function usePrevious(value, initialValue) {
-  const previous = ref(initialValue);
-  watch(value, (_newVal, oldVal) => {
-    previous.value = oldVal;
-  });
-  return previous;
-}
+import{ref,watch}from"@stacksjs/stx";export function usePrevious(value,initialValue){const previous=ref(initialValue);watch(value,(_newVal,oldVal)=>{previous.value=oldVal});return previous}

package/dist/useQuery.js

@@ -1,265 +1 @@
-import { ref } from "@stacksjs/stx";
-function stableStringify(value) {
-  if (value === null || typeof value !== "object")
-    return JSON.stringify(value);
-  if (Array.isArray(value))
-    return `[${value.map(stableStringify).join(",")}]`;
-  return `{${Object.keys(value).sort().map((k) => `${JSON.stringify(k)}:${stableStringify(value[k])}`).join(",")}}`;
-}
-function hashKey(key) {
-  return stableStringify(key);
-}
-export function createQueryClient(options = {}) {
-  const entries = new Map, gcTime = options.gcTime ?? 300000, gcTimers = new Map;
-  function collectable(e) {
-    return e.subscribers.size === 0 && e.inflight === null;
-  }
-  function removeIfCollectable(hash) {
-    const e = entries.get(hash);
-    if (e && collectable(e))
-      entries.delete(hash);
-    gcTimers.delete(hash);
-  }
-  function scheduleGc(hash) {
-    const existing = gcTimers.get(hash);
-    if (existing)
-      clearTimeout(existing);
-    if (!Number.isFinite(gcTime))
-      return;
-    if (gcTime <= 0) {
-      removeIfCollectable(hash);
-      return;
-    }
-    const t = setTimeout(() => removeIfCollectable(hash), gcTime);
-    t.unref?.();
-    gcTimers.set(hash, t);
-  }
-  function cancelGc(hash) {
-    const t = gcTimers.get(hash);
-    if (t) {
-      clearTimeout(t);
-      gcTimers.delete(hash);
-    }
-  }
-  function entry(key) {
-    const hash = hashKey(key);
-    let e = entries.get(hash);
-    if (!e) {
-      e = {
-        key,
-        hash,
-        data: void 0,
-        error: null,
-        updatedAt: 0,
-        status: "idle",
-        inflight: null,
-        invalidated: !1,
-        subscribers: new Set
-      };
-      entries.set(hash, e);
-    }
-    return e;
-  }
-  function notify(hash) {
-    const e = entries.get(hash);
-    if (!e)
-      return;
-    for (const fn of e.subscribers)
-      fn();
-  }
-  function prefixMatches(prefix, candidate) {
-    if (prefix.length > candidate.length)
-      return !1;
-    for (let i = 0;i < prefix.length; i++)
-      if (stableStringify(prefix[i]) !== stableStringify(candidate[i]))
-        return !1;
-    return !0;
-  }
-  return {
-    get(key) {
-      const hash = hashKey(key);
-      return entries.get(hash)?.data;
-    },
-    set(key, value) {
-      const e = entry(key), next = typeof value === "function" ? value(e.data) : value;
-      e.data = next;
-      e.updatedAt = Date.now();
-      e.status = "success";
-      e.error = null;
-      e.invalidated = !1;
-      notify(e.hash);
-    },
-    async invalidate(matcher) {
-      const matches = Array.isArray(matcher) ? (key) => prefixMatches(matcher, key) : matcher.predicate, refetches = [];
-      for (const e of entries.values()) {
-        if (!matches(e.key))
-          continue;
-        e.updatedAt = 0;
-        e.invalidated = !0;
-        for (const fn of e.subscribers) {
-          const result = fn();
-          if (result && typeof result.then === "function")
-            refetches.push(result);
-        }
-      }
-      await Promise.all(refetches);
-    },
-    clear() {
-      for (const t of gcTimers.values())
-        clearTimeout(t);
-      gcTimers.clear();
-      entries.clear();
-    },
-    gc() {
-      let removed = 0;
-      for (const [hash, e] of entries)
-        if (collectable(e)) {
-          entries.delete(hash);
-          cancelGc(hash);
-          removed++;
-        }
-      return removed;
-    },
-    _subscribe(hash, fn) {
-      const e = entries.get(hash);
-      if (!e)
-        return () => {};
-      cancelGc(hash);
-      e.subscribers.add(fn);
-      return () => {
-        e.subscribers.delete(fn);
-        if (e.subscribers.size === 0)
-          scheduleGc(hash);
-      };
-    },
-    _entry: entry,
-    _notify: notify
-  };
-}
-export const queryClient = createQueryClient();
-export function useQuery(opts) {
-  const client = opts.client ?? queryClient, staleTime = opts.staleTime ?? 0, enabled = opts.enabled ?? !0, e = client._entry(opts.queryKey), data = ref(e.data), error = ref(e.error), isLoading = ref(e.data === void 0 && enabled), isFetching = ref(!1);
-  function sync() {
-    data.value = e.data;
-    error.value = e.error;
-    isFetching.value = e.status === "fetching";
-    if (e.data !== void 0 || e.error !== null)
-      isLoading.value = !1;
-  }
-  async function doFetch(force) {
-    if (!force) {
-      if (e.data !== void 0 && Date.now() - e.updatedAt < staleTime) {
-        sync();
-        return;
-      }
-    }
-    if (e.inflight) {
-      try {
-        await e.inflight;
-      } catch {}
-      sync();
-      return;
-    }
-    const controller = new AbortController;
-    e.status = "fetching";
-    isFetching.value = !0;
-    if (e.data === void 0)
-      isLoading.value = !0;
-    const p = opts.queryFn({ signal: controller.signal }).then((result) => {
-      e.data = result;
-      e.error = null;
-      e.updatedAt = Date.now();
-      e.status = "success";
-      e.invalidated = !1;
-      return result;
-    }).catch((err) => {
-      e.error = err instanceof Error ? err : Error(String(err));
-      e.status = "error";
-      e.invalidated = !1;
-      throw e.error;
-    }).finally(() => {
-      e.inflight = null;
-      client._notify(e.hash);
-    });
-    e.inflight = p;
-    try {
-      await p;
-    } catch {}
-    sync();
-  }
-  const unsubscribeCache = client._subscribe(e.hash, () => {
-    if (e.invalidated && enabled && e.status !== "fetching")
-      return doFetch(!0);
-    sync();
-    return;
-  }), target = opts.window ?? (typeof window < "u" ? window : void 0), winListeners = [];
-  if (target && enabled) {
-    const onWake = () => {
-      if (e.status !== "fetching")
-        doFetch(!1);
-    };
-    if (opts.refetchOnFocus)
-      winListeners.push(["focus", onWake]);
-    if (opts.refetchOnReconnect)
-      winListeners.push(["online", onWake]);
-    for (const [evt, fn] of winListeners)
-      target.addEventListener(evt, fn);
-  }
-  function unsubscribe() {
-    unsubscribeCache();
-    if (target)
-      for (const [evt, fn] of winListeners)
-        target.removeEventListener(evt, fn);
-  }
-  if (enabled)
-    doFetch(!1);
-  else
-    sync();
-  return {
-    data,
-    error,
-    isLoading,
-    isFetching,
-    refetch: () => doFetch(!0),
-    unsubscribe
-  };
-}
-export function useMutation(opts) {
-  const data = ref(void 0), error = ref(null), isPending = ref(!1);
-  async function run(vars) {
-    isPending.value = !0;
-    error.value = null;
-    let ctx;
-    try {
-      if (opts.onMutate)
-        ctx = await opts.onMutate(vars);
-      const result = await opts.mutationFn(vars);
-      data.value = result;
-      await opts.onSuccess?.(result, vars, ctx);
-      await opts.onSettled?.(result, null, vars, ctx);
-      return result;
-    } catch (err) {
-      const e = err instanceof Error ? err : Error(String(err));
-      error.value = e;
-      await opts.onError?.(e, vars, ctx);
-      await opts.onSettled?.(void 0, e, vars, ctx);
-      throw e;
-    } finally {
-      isPending.value = !1;
-    }
-  }
-  return {
-    data,
-    error,
-    isPending,
-    mutate(vars) {
-      run(vars).catch(() => {});
-    },
-    mutateAsync: run,
-    reset() {
-      data.value = void 0;
-      error.value = null;
-      isPending.value = !1;
-    }
-  };
-}
+import{ref}from"@stacksjs/stx";function stableStringify(value){if(value===null||typeof value!=="object")return JSON.stringify(value);if(Array.isArray(value))return`[${value.map(stableStringify).join(",")}]`;return`{${Object.keys(value).sort().map((k)=>`${JSON.stringify(k)}:${stableStringify(value[k])}`).join(",")}}`}function hashKey(key){return stableStringify(key)}export function createQueryClient(options={}){const entries=new Map,gcTime=options.gcTime??300000,gcTimers=new Map;function collectable(e){return e.subscribers.size===0&&e.inflight===null}function removeIfCollectable(hash){const e=entries.get(hash);if(e&&collectable(e))entries.delete(hash);gcTimers.delete(hash)}function scheduleGc(hash){const existing=gcTimers.get(hash);if(existing)clearTimeout(existing);if(!Number.isFinite(gcTime))return;if(gcTime<=0){removeIfCollectable(hash);return}const t=setTimeout(()=>removeIfCollectable(hash),gcTime);t.unref?.();gcTimers.set(hash,t)}function cancelGc(hash){const t=gcTimers.get(hash);if(t){clearTimeout(t);gcTimers.delete(hash)}}function entry(key){const hash=hashKey(key);let e=entries.get(hash);if(!e){e={key,hash,data:void 0,error:null,updatedAt:0,status:"idle",inflight:null,invalidated:!1,subscribers:new Set};entries.set(hash,e)}return e}function notify(hash){const e=entries.get(hash);if(!e)return;for(const fn of e.subscribers)fn()}function prefixMatches(prefix,candidate){if(prefix.length>candidate.length)return!1;for(let i=0;i<prefix.length;i++)if(stableStringify(prefix[i])!==stableStringify(candidate[i]))return!1;return!0}return{get(key){const hash=hashKey(key);return entries.get(hash)?.data},set(key,value){const e=entry(key),next=typeof value==="function"?value(e.data):value;e.data=next;e.updatedAt=Date.now();e.status="success";e.error=null;e.invalidated=!1;notify(e.hash)},async invalidate(matcher){const matches=Array.isArray(matcher)?(key)=>prefixMatches(matcher,key):matcher.predicate,refetches=[];for(const e of entries.values()){if(!matches(e.key))continue;e.updatedAt=0;e.invalidated=!0;for(const fn of e.subscribers){const result=fn();if(result&&typeof result.then==="function")refetches.push(result)}}await Promise.all(refetches)},clear(){for(const t of gcTimers.values())clearTimeout(t);gcTimers.clear();entries.clear()},gc(){let removed=0;for(const[hash,e]of entries)if(collectable(e)){entries.delete(hash);cancelGc(hash);removed++}return removed},_subscribe(hash,fn){const e=entries.get(hash);if(!e)return()=>{};cancelGc(hash);e.subscribers.add(fn);return()=>{e.subscribers.delete(fn);if(e.subscribers.size===0)scheduleGc(hash)}},_entry:entry,_notify:notify}}export const queryClient=createQueryClient();export function useQuery(opts){const client=opts.client??queryClient,staleTime=opts.staleTime??0,enabled=opts.enabled??!0,e=client._entry(opts.queryKey),data=ref(e.data),error=ref(e.error),isLoading=ref(e.data===void 0&&enabled),isFetching=ref(!1);function sync(){data.value=e.data;error.value=e.error;isFetching.value=e.status==="fetching";if(e.data!==void 0||e.error!==null)isLoading.value=!1}async function doFetch(force){if(!force){if(e.data!==void 0&&Date.now()-e.updatedAt<staleTime){sync();return}}if(e.inflight){try{await e.inflight}catch{}sync();return}const controller=new AbortController;e.status="fetching";isFetching.value=!0;if(e.data===void 0)isLoading.value=!0;const p=opts.queryFn({signal:controller.signal}).then((result)=>{e.data=result;e.error=null;e.updatedAt=Date.now();e.status="success";e.invalidated=!1;return result}).catch((err)=>{e.error=err instanceof Error?err:Error(String(err));e.status="error";e.invalidated=!1;throw e.error}).finally(()=>{e.inflight=null;client._notify(e.hash)});e.inflight=p;try{await p}catch{}sync()}const unsubscribeCache=client._subscribe(e.hash,()=>{if(e.invalidated&&enabled&&e.status!=="fetching")return doFetch(!0);sync();return}),target=opts.window??(typeof window<"u"?window:void 0),winListeners=[];if(target&&enabled){const onWake=()=>{if(e.status!=="fetching")doFetch(!1)};if(opts.refetchOnFocus)winListeners.push(["focus",onWake]);if(opts.refetchOnReconnect)winListeners.push(["online",onWake]);for(const[evt,fn]of winListeners)target.addEventListener(evt,fn)}function unsubscribe(){unsubscribeCache();if(target)for(const[evt,fn]of winListeners)target.removeEventListener(evt,fn)}if(enabled)doFetch(!1);else sync();return{data,error,isLoading,isFetching,refetch:()=>doFetch(!0),unsubscribe}}export function useMutation(opts){const data=ref(void 0),error=ref(null),isPending=ref(!1);async function run(vars){isPending.value=!0;error.value=null;let ctx;try{if(opts.onMutate)ctx=await opts.onMutate(vars);const result=await opts.mutationFn(vars);data.value=result;await opts.onSuccess?.(result,vars,ctx);await opts.onSettled?.(result,null,vars,ctx);return result}catch(err){const e=err instanceof Error?err:Error(String(err));error.value=e;await opts.onError?.(e,vars,ctx);await opts.onSettled?.(void 0,e,vars,ctx);throw e}finally{isPending.value=!1}}return{data,error,isPending,mutate(vars){run(vars).catch(()=>{})},mutateAsync:run,reset(){data.value=void 0;error.value=null;isPending.value=!1}}}

package/dist/useRafFn.js

@@ -1,37 +1 @@
-import { onUnmounted, ref } from "@stacksjs/stx";
-export function useRafFn(fn, options = {}) {
-  const { immediate = !0 } = options, isActive = ref(!1);
-  let rafId = null, previousTimestamp = 0;
-  function loop(timestamp) {
-    if (!isActive.value)
-      return;
-    const delta = previousTimestamp ? timestamp - previousTimestamp : 0;
-    previousTimestamp = timestamp;
-    fn({ delta, timestamp });
-    rafId = requestAnimationFrame(loop);
-  }
-  function resume() {
-    if (isActive.value)
-      return;
-    if (typeof requestAnimationFrame > "u")
-      return;
-    isActive.value = !0;
-    previousTimestamp = 0;
-    rafId = requestAnimationFrame(loop);
-  }
-  function pause() {
-    if (!isActive.value)
-      return;
-    isActive.value = !1;
-    if (rafId !== null && typeof cancelAnimationFrame < "u") {
-      cancelAnimationFrame(rafId);
-      rafId = null;
-    }
-  }
-  if (immediate)
-    resume();
-  try {
-    onUnmounted(pause);
-  } catch {}
-  return { pause, resume, isActive };
-}
+import{onUnmounted,ref}from"@stacksjs/stx";export function useRafFn(fn,options={}){const{immediate=!0}=options,isActive=ref(!1);let rafId=null,previousTimestamp=0;function loop(timestamp){if(!isActive.value)return;const delta=previousTimestamp?timestamp-previousTimestamp:0;previousTimestamp=timestamp;fn({delta,timestamp});rafId=requestAnimationFrame(loop)}function resume(){if(isActive.value)return;if(typeof requestAnimationFrame>"u")return;isActive.value=!0;previousTimestamp=0;rafId=requestAnimationFrame(loop)}function pause(){if(!isActive.value)return;isActive.value=!1;if(rafId!==null&&typeof cancelAnimationFrame<"u"){cancelAnimationFrame(rafId);rafId=null}}if(immediate)resume();try{onUnmounted(pause)}catch{}return{pause,resume,isActive}}