npm - @stacksjs/browser - Versions diffs - 0.69.3 → 0.70.0 - Mend

@stacksjs/browser 0.69.3 → 0.70.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.js CHANGED Viewed

@@ -365,14 +365,23 @@ async function loop(times, callback) {
   Array.from({ length: times }).forEach(async (_, i) => await callback(i));
 }
 // ../../../../node_modules/@stripe/stripe-js/dist/index.mjs
-var V3_URL = "https://js.stripe.com/v3";
+var RELEASE_TRAIN = "v3";
+var runtimeVersionToUrlVersion = function runtimeVersionToUrlVersion2(version) {
+  return version === 3 ? "v3" : version;
+};
+var ORIGIN = "https://js.stripe.com";
+var STRIPE_JS_URL = "".concat(ORIGIN, "/v3");
 var V3_URL_REGEX = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;
+var STRIPE_JS_URL_REGEX = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/;
 var EXISTING_SCRIPT_MESSAGE = "loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used";
+var isStripeJSURL = function isStripeJSURL2(url) {
+  return V3_URL_REGEX.test(url) || STRIPE_JS_URL_REGEX.test(url);
+};
 var findScript = function findScript2() {
-  var scripts = document.querySelectorAll('script[src^="'.concat(V3_URL, '"]'));
+  var scripts = document.querySelectorAll('script[src^="'.concat(ORIGIN, '"]'));
   for (var i = 0;i < scripts.length; i++) {
     var script = scripts[i];
-    if (!V3_URL_REGEX.test(script.src)) {
+    if (!isStripeJSURL(script.src)) {
       continue;
     }
     return script;
@@ -382,7 +391,7 @@ var findScript = function findScript2() {
 var injectScript = function injectScript2(params) {
   var queryString = params && !params.advancedFraudSignals ? "?advancedFraudSignals=false" : "";
   var script = document.createElement("script");
-  script.src = "".concat(V3_URL).concat(queryString);
+  script.src = "".concat(STRIPE_JS_URL).concat(queryString);
   var headOrBody = document.head || document.body;
   if (!headOrBody) {
     throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");
@@ -396,7 +405,7 @@ var registerWrapper = function registerWrapper2(stripe, startTime) {
   }
   stripe._registerWrapper({
     name: "stripe-js",
-    version: "5.6.0",
+    version: "5.10.0",
     startTime
   });
 };
@@ -404,8 +413,10 @@ var stripePromise$1 = null;
 var onErrorListener = null;
 var onLoadListener = null;
 var onError = function onError2(reject) {
-  return function() {
-    reject(new Error("Failed to load Stripe.js"));
+  return function(cause) {
+    reject(new Error("Failed to load Stripe.js", {
+      cause
+    }));
   };
 };
 var onLoad = function onLoad2(resolve, reject) {
@@ -464,6 +475,13 @@ var initStripe = function initStripe2(maybeStripe, args, startTime) {
   if (maybeStripe === null) {
     return null;
   }
+  var pk = args[0];
+  var isTestKey = pk.match(/^pk_test/);
+  var version = runtimeVersionToUrlVersion(maybeStripe.version);
+  var expectedVersion = RELEASE_TRAIN;
+  if (isTestKey && version !== expectedVersion) {
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("5.10.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+  }
   var stripe = maybeStripe.apply(undefined, args);
   registerWrapper(stripe, startTime);
   return stripe;
@@ -1426,8 +1444,7 @@ function makeMap(str) {
 }
 var EMPTY_OBJ = Object.freeze({});
 var EMPTY_ARR = Object.freeze([]);
-var NOOP = () => {
-};
+var NOOP = () => {};
 var NO = () => false;
 var isOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && (key.charCodeAt(2) > 122 || key.charCodeAt(2) < 97);
 var extend = Object.assign;
@@ -2067,8 +2084,7 @@ function track(target, type, key) {
         type,
         key
       });
-    } else {
-    }
+    } else {}
   }
 }
 function trigger(target, type, key, newValue, oldValue, oldTarget) {
@@ -2088,8 +2104,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
           oldValue,
           oldTarget
         });
-      } else {
-      }
+      } else {}
     }
   };
   startBatch();
@@ -2766,8 +2781,7 @@ class RefImpl {
         type: "get",
         key: "value"
       });
-    } else {
-    }
+    } else {}
     return this._value;
   }
   set value(newValue) {
@@ -2785,8 +2799,7 @@ class RefImpl {
           newValue,
           oldValue
         });
-      } else {
-      }
+      } else {}
     }
   }
 }
@@ -4267,8 +4280,7 @@ function doWatch(source, cb, options = EMPTY_OBJ) {
       const ctx = useSSRContext();
       ssrCleanup = ctx.__watcherHandles || (ctx.__watcherHandles = []);
     } else if (!runsImmediately) {
-      const watchStopHandle = () => {
-      };
+      const watchStopHandle = () => {};
       watchStopHandle.stop = NOOP;
       watchStopHandle.resume = NOOP;
       watchStopHandle.pause = NOOP;
@@ -5473,6 +5485,13 @@ function createInjectionState(composable, options) {
   const useInjectedState = () => injectLocal(key, defaultValue);
   return [useProvidingState, useInjectedState];
 }
+function createRef2(value, deep) {
+  if (deep === true) {
+    return ref(value);
+  } else {
+    return shallowRef(value);
+  }
+}
 function createSharedComposable(composable) {
   let subscribers = 0;
   let state;
@@ -5612,14 +5631,50 @@ var toString2 = Object.prototype.toString;
 var isObject2 = (val) => toString2.call(val) === "[object Object]";
 var timestamp = () => +Date.now();
 var clamp = (n, min, max) => Math.min(max, Math.max(min, n));
-var noop = () => {
-};
+var noop = () => {};
 var hasOwn2 = (val, key) => Object.prototype.hasOwnProperty.call(val, key);
 var isIOS = /* @__PURE__ */ getIsIOS();
 function getIsIOS() {
   var _a, _b;
   return isClient && ((_a = window == null ? undefined : window.navigator) == null ? undefined : _a.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((_b = window == null ? undefined : window.navigator) == null ? undefined : _b.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? undefined : window.navigator.userAgent));
 }
+function toRef2(...args) {
+  if (args.length !== 1)
+    return toRef(...args);
+  const r = args[0];
+  return typeof r === "function" ? readonly(customRef(() => ({ get: r, set: noop }))) : ref(r);
+}
+var resolveRef = toRef2;
+function reactivePick(obj, ...keys) {
+  const flatKeys = keys.flat();
+  const predicate = flatKeys[0];
+  return reactiveComputed(() => typeof predicate === "function" ? Object.fromEntries(Object.entries(toRefs(obj)).filter(([k, v]) => predicate(toValue(v), k))) : Object.fromEntries(flatKeys.map((k) => [k, toRef2(obj, k)])));
+}
+function refAutoReset(defaultValue, afterMs = 1e4) {
+  return customRef((track2, trigger2) => {
+    let value = toValue(defaultValue);
+    let timer;
+    const resetAfter = () => setTimeout(() => {
+      value = toValue(defaultValue);
+      trigger2();
+    }, toValue(afterMs));
+    tryOnScopeDispose(() => {
+      clearTimeout(timer);
+    });
+    return {
+      get() {
+        track2();
+        return value;
+      },
+      set(newValue) {
+        value = newValue;
+        trigger2();
+        clearTimeout(timer);
+        timer = resetAfter();
+      }
+    };
+  });
+}
 function createFilterWrapper(filter, fn) {
   function wrapper(...args) {
     return new Promise((resolve, reject) => {
@@ -5745,19 +5800,6 @@ function pausableFilter(extendFilter = bypassFilter, options = {}) {
   };
   return { isActive: readonly(isActive), pause, resume, eventFilter };
 }
-function cacheStringFunction2(fn) {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return (str) => {
-    const hit = cache[str];
-    return hit || (cache[str] = fn(str));
-  };
-}
-var hyphenateRE2 = /\B([A-Z])/g;
-var hyphenate2 = cacheStringFunction2((str) => str.replace(hyphenateRE2, "-$1").toLowerCase());
-var camelizeRE2 = /-(\w)/g;
-var camelize2 = cacheStringFunction2((str) => {
-  return str.replace(camelizeRE2, (_, c) => c ? c.toUpperCase() : "");
-});
 function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
   return new Promise((resolve, reject) => {
     if (throwOnTimeout)
@@ -5818,48 +5860,24 @@ function objectOmit(obj, keys, omitUndefined = false) {
 function objectEntries(obj) {
   return Object.entries(obj);
 }
-function getLifeCycleTarget(target) {
-  return target || getCurrentInstance();
-}
 function toArray(value) {
   return Array.isArray(value) ? value : [value];
 }
-function toRef2(...args) {
-  if (args.length !== 1)
-    return toRef(...args);
-  const r = args[0];
-  return typeof r === "function" ? readonly(customRef(() => ({ get: r, set: noop }))) : ref(r);
-}
-var resolveRef = toRef2;
-function reactivePick(obj, ...keys) {
-  const flatKeys = keys.flat();
-  const predicate = flatKeys[0];
-  return reactiveComputed(() => typeof predicate === "function" ? Object.fromEntries(Object.entries(toRefs(obj)).filter(([k, v]) => predicate(toValue(v), k))) : Object.fromEntries(flatKeys.map((k) => [k, toRef2(obj, k)])));
+function cacheStringFunction2(fn) {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return (str) => {
+    const hit = cache[str];
+    return hit || (cache[str] = fn(str));
+  };
 }
-function refAutoReset(defaultValue, afterMs = 1e4) {
-  return customRef((track2, trigger2) => {
-    let value = toValue(defaultValue);
-    let timer;
-    const resetAfter = () => setTimeout(() => {
-      value = toValue(defaultValue);
-      trigger2();
-    }, toValue(afterMs));
-    tryOnScopeDispose(() => {
-      clearTimeout(timer);
-    });
-    return {
-      get() {
-        track2();
-        return value;
-      },
-      set(newValue) {
-        value = newValue;
-        trigger2();
-        clearTimeout(timer);
-        timer = resetAfter();
-      }
-    };
-  });
+var hyphenateRE2 = /\B([A-Z])/g;
+var hyphenate2 = cacheStringFunction2((str) => str.replace(hyphenateRE2, "-$1").toLowerCase());
+var camelizeRE2 = /-(\w)/g;
+var camelize2 = cacheStringFunction2((str) => {
+  return str.replace(camelizeRE2, (_, c) => c ? c.toUpperCase() : "");
+});
+function getLifeCycleTarget(target) {
+  return target || getCurrentInstance();
 }
 function useDebounceFn(fn, ms = 200, options = {}) {
   return createFilterWrapper(debounceFilter(ms, options), fn);
@@ -5999,8 +6017,8 @@ function syncRefs(source, targets, options = {}) {
     deep = false,
     immediate = true
   } = options;
-  targets = toArray(targets);
-  return watch2(source, (newValue) => targets.forEach((target) => target.value = newValue), { flush, deep, immediate });
+  const targetsArray = toArray(targets);
+  return watch2(source, (newValue) => targetsArray.forEach((target) => target.value = newValue), { flush, deep, immediate });
 }
 function toRefs2(objectRef, options = {}) {
   if (!isRef(objectRef))
@@ -6259,7 +6277,7 @@ function useArrayUnique(list, compareFn) {
 }
 function useCounter(initialValue = 0, options = {}) {
   let _initialValue = unref(initialValue);
-  const count = ref(initialValue);
+  const count = shallowRef(initialValue);
   const {
     max = Number.POSITIVE_INFINITY,
     min = Number.NEGATIVE_INFINITY
@@ -6436,7 +6454,7 @@ function useInterval(interval = 1000, options = {}) {
 }
 function useLastChanged(source, options = {}) {
   var _a;
-  const ms = ref((_a = options.initialValue) != null ? _a : null);
+  const ms = shallowRef((_a = options.initialValue) != null ? _a : null);
   watch2(source, () => ms.value = timestamp(), options);
   return ms;
 }
@@ -6522,7 +6540,7 @@ function useToggle(initialValue = false, options = {}) {
     falsyValue = false
   } = options;
   const valueIsRef = isRef(initialValue);
-  const _value = ref(initialValue);
+  const _value = shallowRef(initialValue);
   function toggle(value) {
     if (arguments.length) {
       _value.value = value;
@@ -6539,7 +6557,7 @@ function useToggle(initialValue = false, options = {}) {
     return [_value, toggle];
 }
 function watchArray(source, cb, options) {
-  let oldList = (options == null ? undefined : options.immediate) ? [] : [...source instanceof Function ? source() : Array.isArray(source) ? source : toValue(source)];
+  let oldList = (options == null ? undefined : options.immediate) ? [] : [...typeof source === "function" ? source() : Array.isArray(source) ? source : toValue(source)];
   return watch2(source, (newList, _, onCleanup) => {
     const oldListRemains = Array.from({ length: oldList.length });
     const added = [];
@@ -6602,8 +6620,7 @@ function watchIgnorable(source, cb, options = {}) {
   let stop2;
   if (watchOptions.flush === "sync") {
     const ignore = shallowRef(false);
-    ignorePrevAsyncUpdates = () => {
-    };
+    ignorePrevAsyncUpdates = () => {};
     ignoreUpdates = (updater) => {
       ignore.value = true;
       updater();
@@ -6997,8 +7014,7 @@ function createPromiseLock() {
       };
       const taskPromise = runTask();
       queue2.push(taskPromise);
-      currentPromise = taskPromise.catch(() => {
-      }).finally(() => {
+      currentPromise = taskPromise.catch(() => {}).finally(() => {
         const index = queue2.indexOf(taskPromise);
         if (index > -1)
           queue2.splice(index, 1);
@@ -7185,7 +7201,7 @@ function createRegExp(pattern, options = {}) {
   return new RegExp(pattern, options.flags);
 }
 // src/utils/retry.ts
-function retry(fn, options) {
+function retry(fn, options = {}) {
   const { retries = 3, initialDelay = 1000, backoffFactor = 2, jitter = true } = options;
   return new Promise((resolve, reject) => {
     let attemptCount = 0;
@@ -7420,10 +7436,8 @@ function createTemplatePromise(options = {}) {
       key: index++,
       args,
       promise: undefined,
-      resolve: () => {
-      },
-      reject: () => {
-      },
+      resolve: () => {},
+      reject: () => {},
       isResolving: false,
       options
     });
@@ -7846,12 +7860,10 @@ function isTypedCharValid({
 }) {
   if (metaKey || ctrlKey || altKey)
     return false;
-  if (keyCode >= 48 && keyCode <= 57)
+  if (keyCode >= 48 && keyCode <= 57 || keyCode >= 96 && keyCode <= 105)
     return true;
   if (keyCode >= 65 && keyCode <= 90)
     return true;
-  if (keyCode >= 97 && keyCode <= 122)
-    return true;
   return false;
 }
 function onStartTyping(callback, options = {}) {
@@ -7866,8 +7878,7 @@ function onStartTyping(callback, options = {}) {
 }
 function templateRef(key, initialValue = null) {
   const instance = getCurrentInstance();
-  let _trigger = () => {
-  };
+  let _trigger = () => {};
   const element = customRef((track2, trigger2) => {
     _trigger = trigger2;
     return {
@@ -7876,8 +7887,7 @@ function templateRef(key, initialValue = null) {
         track2();
         return (_b = (_a = instance == null ? undefined : instance.proxy) == null ? undefined : _a.$refs[key]) != null ? _b : initialValue;
       },
-      set() {
-      }
+      set() {}
     };
   });
   tryOnMounted(_trigger);
@@ -7901,7 +7911,7 @@ function useActiveElement(options = {}) {
     }
     return element;
   };
-  const activeElement = ref();
+  const activeElement = shallowRef();
   const trigger2 = () => {
     activeElement.value = getDeepActiveElement();
   };
@@ -8115,10 +8125,12 @@ function useAnimate(target, keyframes, options) {
     }
   });
   watch2(() => keyframes, (value) => {
-    if (animate.value)
+    if (animate.value) {
       update();
-    if (!unrefElement(target) && animate.value) {
-      animate.value.effect = new KeyframeEffect(unrefElement(target), toValue(value), animateOptions);
+      const targetEl = unrefElement(target);
+      if (targetEl) {
+        animate.value.effect = new KeyframeEffect(targetEl, toValue(value), animateOptions);
+      }
     }
   }, { deep: true });
   tryOnMounted(() => update(true), false);
@@ -8518,7 +8530,7 @@ function useSSRWidth() {
 function useMediaQuery(query, options = {}) {
   const { window: window2 = defaultWindow, ssrWidth = useSSRWidth() } = options;
   const isSupported = useSupported(() => window2 && ("matchMedia" in window2) && typeof window2.matchMedia === "function");
-  const ssrSupport = ref(typeof ssrWidth === "number");
+  const ssrSupport = shallowRef(typeof ssrWidth === "number");
   const mediaQuery = shallowRef();
   const matches = shallowRef(false);
   const handler = (event) => {
@@ -8777,8 +8789,9 @@ function useBrowserLocation(options = {}) {
   }
   return state;
 }
-function useCached(refValue, comparator = (a, b) => a === b, watchOptions) {
-  const cachedValue = ref(refValue.value);
+function useCached(refValue, comparator = (a, b) => a === b, options) {
+  const { deepRefs = true, ...watchOptions } = options || {};
+  const cachedValue = createRef2(refValue.value, deepRefs);
   watch2(() => refValue.value, (value) => {
     if (!comparator(value, cachedValue.value))
       cachedValue.value = value;
@@ -8840,13 +8853,11 @@ function useClipboard(options = {}) {
   const text = shallowRef("");
   const copied = shallowRef(false);
   const timeout = useTimeoutFn(() => copied.value = false, copiedDuring, { immediate: false });
-  function updateText() {
+  async function updateText() {
     let useLegacy = !(isClipboardApiSupported.value && isAllowed(permissionRead.value));
     if (!useLegacy) {
       try {
-        navigator2.clipboard.readText().then((value) => {
-          text.value = value;
-        });
+        text.value = await navigator2.clipboard.readText();
       } catch (e) {
         useLegacy = true;
       }
@@ -8938,7 +8949,7 @@ function cloneFnJSON(source) {
 }
 function useCloned(source, options = {}) {
   const cloned = ref({});
-  const isModified = ref(false);
+  const isModified = shallowRef(false);
   let _lastSync = false;
   const {
     manual,
@@ -9294,7 +9305,7 @@ function useCssVar(prop, target, options = {}) {
     if (old[0] && old[1])
       old[0].style.removeProperty(old[1]);
     updateCssVar();
-  });
+  }, { immediate: true });
   watch2([variable, elRef], ([val, el]) => {
     const raw_prop = toValue(prop);
     if ((el == null ? undefined : el.style) && raw_prop) {
@@ -9676,11 +9687,12 @@ function useDevicesList(options = {}) {
     }
   }
   async function ensurePermissions() {
+    const deviceName = constraints.video ? "camera" : "microphone";
     if (!isSupported.value)
       return false;
     if (permissionGranted.value)
       return true;
-    const { state, query } = usePermission("camera", { controls: true });
+    const { state, query } = usePermission(deviceName, { controls: true });
     await query();
     if (state.value !== "granted") {
       let granted = true;
@@ -9766,7 +9778,7 @@ function useDocumentVisibility(options = {}) {
   const { document: document2 = defaultDocument } = options;
   if (!document2)
     return shallowRef("visible");
-  const visibility = ref(document2.visibilityState);
+  const visibility = shallowRef(document2.visibilityState);
   useEventListener(document2, "visibilitychange", () => {
     visibility.value = document2.visibilityState;
   }, { passive: true });
@@ -10080,7 +10092,7 @@ function useElementByPoint(options) {
       return document2 && "elementsFromPoint" in document2;
     return document2 && "elementFromPoint" in document2;
   });
-  const element = ref(null);
+  const element = shallowRef(null);
   const cb = () => {
     var _a, _b;
     element.value = toValue(multiple) ? (_a = document2 == null ? undefined : document2.elementsFromPoint(toValue(x), toValue(y))) != null ? _a : [] : (_b = document2 == null ? undefined : document2.elementFromPoint(toValue(x), toValue(y))) != null ? _b : null;
@@ -10127,8 +10139,8 @@ function useElementSize(target, initialSize = { width: 0, height: 0 }, options =
     var _a, _b;
     return (_b = (_a = unrefElement(target)) == null ? undefined : _a.namespaceURI) == null ? undefined : _b.includes("svg");
   });
-  const width = ref(initialSize.width);
-  const height = ref(initialSize.height);
+  const width = shallowRef(initialSize.width);
+  const height = shallowRef(initialSize.height);
   const { stop: stop1 } = useResizeObserver(target, ([entry]) => {
     const boxSize = box === "border-box" ? entry.borderBoxSize : box === "content-box" ? entry.contentBoxSize : entry.devicePixelContentBoxSize;
     if (window2 && isSVG.value) {
@@ -10184,7 +10196,7 @@ function useIntersectionObserver(target, callback, options = {}) {
     return toArray(_target).map(unrefElement).filter(notNullish2);
   });
   let cleanup = noop;
-  const isActive = ref(immediate);
+  const isActive = shallowRef(immediate);
   const stopWatch = isSupported.value ? watch2(() => [targets.value, unrefElement(root), isActive.value], ([targets2, root2]) => {
     cleanup();
     if (!isActive.value)
@@ -10295,8 +10307,8 @@ function resolveNestedOptions$1(options) {
   return options;
 }
 function useEventSource(url, events2 = [], options = {}) {
-  const event = ref(null);
-  const data = ref(null);
+  const event = shallowRef(null);
+  const data = shallowRef(null);
   const status = shallowRef("CONNECTING");
   const eventSource = ref(null);
   const error = shallowRef(null);
@@ -10545,7 +10557,7 @@ function useFetch(url, ...args) {
   const isFinished = shallowRef(false);
   const isFetching = shallowRef(false);
   const aborted = shallowRef(false);
-  const statusCode = ref(null);
+  const statusCode = shallowRef(null);
   const response = shallowRef(null);
   const error = shallowRef(null);
   const data = shallowRef(initialData || null);
@@ -11222,7 +11234,7 @@ function useGeolocation(options = {}) {
     immediate = true
   } = options;
   const isSupported = useSupported(() => navigator2 && ("geolocation" in navigator2));
-  const locatedAt = ref(null);
+  const locatedAt = shallowRef(null);
   const error = shallowRef(null);
   const coords = ref({
     accuracy: 0,
@@ -11448,8 +11460,8 @@ function useScroll(element, options = {}) {
     const scrollLeft = el.scrollLeft;
     directions.left = scrollLeft < internalX.value;
     directions.right = scrollLeft > internalX.value;
-    const left = scrollLeft * directionMultipler <= (offset2.left || 0);
-    const right = scrollLeft * directionMultipler + el.clientWidth >= el.scrollWidth - (offset2.right || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;
+    const left = Math.abs(scrollLeft * directionMultipler) <= (offset2.left || 0);
+    const right = Math.abs(scrollLeft * directionMultipler) + el.clientWidth >= el.scrollWidth - (offset2.right || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;
     if (display === "flex" && flexDirection === "row-reverse") {
       arrivedState.left = right;
       arrivedState.right = left;
@@ -11463,8 +11475,8 @@ function useScroll(element, options = {}) {
       scrollTop = window2.document.body.scrollTop;
     directions.top = scrollTop < internalY.value;
     directions.bottom = scrollTop > internalY.value;
-    const top = scrollTop <= (offset2.top || 0);
-    const bottom = scrollTop + el.clientHeight >= el.scrollHeight - (offset2.bottom || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;
+    const top = Math.abs(scrollTop) <= (offset2.top || 0);
+    const bottom = Math.abs(scrollTop) + el.clientHeight >= el.scrollHeight - (offset2.bottom || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;
     if (display === "flex" && flexDirection === "column-reverse") {
       arrivedState.top = bottom;
       arrivedState.bottom = top;
@@ -11563,7 +11575,7 @@ function useKeyModifier(modifier, options = {}) {
     document: document2 = defaultDocument,
     initial = null
   } = options;
-  const state = ref(initial);
+  const state = shallowRef(initial);
   if (document2) {
     events2.forEach((listenerEvent) => {
       useEventListener(document2, listenerEvent, (evt) => {
@@ -12030,7 +12042,7 @@ function useMouseInElement(target, options = {}) {
   } = options;
   const type = options.type || "page";
   const { x, y, sourceType } = useMouse(options);
-  const targetRef = ref(target != null ? target : window2 == null ? undefined : window2.document.body);
+  const targetRef = shallowRef(target != null ? target : window2 == null ? undefined : window2.document.body);
   const elementX = shallowRef(0);
   const elementY = shallowRef(0);
   const elementPositionX = shallowRef(0);
@@ -12038,8 +12050,7 @@ function useMouseInElement(target, options = {}) {
   const elementHeight = shallowRef(0);
   const elementWidth = shallowRef(0);
   const isOutside = shallowRef(true);
-  let stop2 = () => {
-  };
+  let stop2 = () => {};
   if (window2) {
     stop2 = watch2([targetRef, x, y], () => {
       const el = unrefElement(targetRef);
@@ -12087,8 +12098,8 @@ function useMousePressed(options = {}) {
     initialValue = false,
     window: window2 = defaultWindow
   } = options;
-  const pressed = ref(initialValue);
-  const sourceType = ref(null);
+  const pressed = shallowRef(initialValue);
+  const sourceType = shallowRef(null);
   if (!window2) {
     return {
       pressed,
@@ -12131,7 +12142,7 @@ function useNavigatorLanguage(options = {}) {
   const { window: window2 = defaultWindow } = options;
   const navigator2 = window2 == null ? undefined : window2.navigator;
   const isSupported = useSupported(() => navigator2 && ("language" in navigator2));
-  const language = ref(navigator2 == null ? undefined : navigator2.language);
+  const language = shallowRef(navigator2 == null ? undefined : navigator2.language);
   useEventListener(window2, "languagechange", () => {
     if (navigator2)
       language.value = navigator2.language;
@@ -12147,13 +12158,13 @@ function useNetwork(options = {}) {
   const isSupported = useSupported(() => navigator2 && ("connection" in navigator2));
   const isOnline = shallowRef(true);
   const saveData = shallowRef(false);
-  const offlineAt = ref(undefined);
-  const onlineAt = ref(undefined);
-  const downlink = ref(undefined);
-  const downlinkMax = ref(undefined);
-  const rtt = ref(undefined);
-  const effectiveType = ref(undefined);
-  const type = ref("unknown");
+  const offlineAt = shallowRef(undefined);
+  const onlineAt = shallowRef(undefined);
+  const downlink = shallowRef(undefined);
+  const downlinkMax = shallowRef(undefined);
+  const rtt = shallowRef(undefined);
+  const effectiveType = shallowRef(undefined);
+  const type = shallowRef("unknown");
   const connection = isSupported.value && navigator2.connection;
   function updateNetworkInformation() {
     if (!navigator2)
@@ -12215,7 +12226,7 @@ function useNow2(options = {}) {
   }
 }
 function useObjectUrl(object) {
-  const url = ref();
+  const url = shallowRef();
   const release = () => {
     if (url.value)
       URL.revokeObjectURL(url.value);
@@ -12321,7 +12332,7 @@ function useScreenOrientation(options = {}) {
   const isSupported = useSupported(() => window2 && ("screen" in window2) && ("orientation" in window2.screen));
   const screenOrientation = isSupported.value ? window2.screen.orientation : {};
   const orientation = ref(screenOrientation.type);
-  const angle = ref(screenOrientation.angle || 0);
+  const angle = shallowRef(screenOrientation.angle || 0);
   if (isSupported.value) {
     useEventListener(window2, "orientationchange", () => {
       orientation.value = screenOrientation.type;
@@ -12496,8 +12507,8 @@ function usePointer(options = {}) {
 function usePointerLock(target, options = {}) {
   const { document: document2 = defaultDocument } = options;
   const isSupported = useSupported(() => document2 && ("pointerLockElement" in document2));
-  const element = ref();
-  const triggerElement = ref();
+  const element = shallowRef();
+  const triggerElement = shallowRef();
   let targetElement;
   if (isSupported.value) {
     const listenerOptions = { passive: true };
@@ -12741,7 +12752,7 @@ function useScriptTag(src, onLoaded = noop, options = {}) {
     document: document2 = defaultDocument,
     attrs = {}
   } = options;
-  const scriptTag = ref(null);
+  const scriptTag = shallowRef(null);
   let _promise = null;
   const loadScript3 = (waitForScriptLoad) => new Promise((resolve, reject) => {
     const resolveWithElement = (el2) => {
@@ -12833,7 +12844,7 @@ function preventDefault(rawEvent) {
 }
 var elInitialOverflow = /* @__PURE__ */ new WeakMap;
 function useScrollLock(element, initialState = false) {
-  const isLocked = ref(initialState);
+  const isLocked = shallowRef(initialState);
   let stopTouchMoveListener = null;
   let initialOverflow = "";
   watch2(toRef2(element), (el) => {
@@ -13036,7 +13047,7 @@ function useSpeechSynthesis(text, options = {}) {
   const synth = window2 && window2.speechSynthesis;
   const isSupported = useSupported(() => synth);
   const isPlaying = shallowRef(false);
-  const status = ref("init");
+  const status = shallowRef("init");
   const spokenText = toRef2(text || "");
   const lang = toRef2(options.lang || "en-US");
   const error = shallowRef(undefined);
@@ -13275,8 +13286,7 @@ function useStyleTag(css, options = {}) {
     id = `vueuse_styletag_${++_id}`
   } = options;
   const cssRef = shallowRef(css);
-  let stop2 = () => {
-  };
+  let stop2 = () => {};
   const load = () => {
     if (!document2)
       return;
@@ -13889,8 +13899,8 @@ function useUrlSearchParams(mode = "history", options = {}) {
 }
 function useUserMedia(options = {}) {
   var _a, _b;
-  const enabled = ref((_a = options.enabled) != null ? _a : false);
-  const autoSwitch = ref((_b = options.autoSwitch) != null ? _b : true);
+  const enabled = shallowRef((_a = options.enabled) != null ? _a : false);
+  const autoSwitch = shallowRef((_b = options.autoSwitch) != null ? _b : true);
   const constraints = ref(options.constraints);
   const { navigator: navigator2 = defaultNavigator } = options;
   const isSupported = useSupported(() => {
@@ -14235,7 +14245,7 @@ function useWakeLock(options = {}) {
     navigator: navigator2 = defaultNavigator,
     document: document2 = defaultDocument
   } = options;
-  const requestedType = ref(false);
+  const requestedType = shallowRef(false);
   const sentinel = shallowRef(null);
   const documentVisibility = useDocumentVisibility({ document: document2 });
   const isSupported = useSupported(() => navigator2 && ("wakeLock" in navigator2));
@@ -14298,7 +14308,7 @@ function useWebNotification(options = {}) {
     }
     return true;
   });
-  const permissionGranted = ref(isSupported.value && "permission" in Notification && Notification.permission === "granted");
+  const permissionGranted = shallowRef(isSupported.value && "permission" in Notification && Notification.permission === "granted");
   const notification = ref(null);
   const ensurePermissions = async () => {
     if (!isSupported.value)
@@ -14373,7 +14383,7 @@ function useWebSocket(url, options = {}) {
     protocols = []
   } = options;
   const data = ref(null);
-  const status = ref("CLOSED");
+  const status = shallowRef("CLOSED");
   const wsRef = ref();
   const urlRef = toRef2(url);
   let heartbeatPause;
@@ -14435,6 +14445,8 @@ function useWebSocket(url, options = {}) {
     };
     ws.onclose = (ev) => {
       status.value = "CLOSED";
+      resetHeartbeat();
+      heartbeatPause == null || heartbeatPause();
       onDisconnected == null || onDisconnected(ws, ev);
       if (!explicitlyClosed && options.autoReconnect && (wsRef.value == null || ws === wsRef.value)) {
         const {
@@ -14442,11 +14454,10 @@ function useWebSocket(url, options = {}) {
           delay: delay2 = 1000,
           onFailed
         } = resolveNestedOptions(options.autoReconnect);
-        if (typeof retries === "number" && (retries < 0 || retried < retries)) {
+        const checkRetires = typeof retries === "function" ? retries : () => typeof retries === "number" && (retries < 0 || retried < retries);
+        if (checkRetires(retried)) {
           retried += 1;
           retryTimeout = setTimeout(_init, delay2);
-        } else if (typeof retries === "function" && retries()) {
-          retryTimeout = setTimeout(_init, delay2);
         } else {
           onFailed == null || onFailed();
         }
@@ -14591,9 +14602,9 @@ function useWebWorkerFn(fn, options = {}) {
     window: window2 = defaultWindow
   } = options;
   const worker = ref();
-  const workerStatus = ref("PENDING");
+  const workerStatus = shallowRef("PENDING");
   const promise = ref({});
-  const timeoutId = ref();
+  const timeoutId = shallowRef();
   const workerTerminate = (status = "PENDING") => {
     if (worker.value && worker.value._url && window2) {
       worker.value.terminate();
@@ -14611,9 +14622,7 @@ function useWebWorkerFn(fn, options = {}) {
     const newWorker = new Worker(blobUrl);
     newWorker._url = blobUrl;
     newWorker.onmessage = (e) => {
-      const { resolve = () => {
-      }, reject = () => {
-      } } = promise.value;
+      const { resolve = () => {}, reject = () => {} } = promise.value;
       const [status, result] = e.data;
       switch (status) {
         case "SUCCESS":
@@ -14627,8 +14636,7 @@ function useWebWorkerFn(fn, options = {}) {
       }
     };
     newWorker.onerror = (e) => {
-      const { reject = () => {
-      } } = promise.value;
+      const { reject = () => {} } = promise.value;
       e.preventDefault();
       reject(e);
       workerTerminate("ERROR");
@@ -14665,7 +14673,7 @@ function useWindowFocus(options = {}) {
   const { window: window2 = defaultWindow } = options;
   if (!window2)
     return shallowRef(false);
-  const focused = ref(window2.document.hasFocus());
+  const focused = shallowRef(window2.document.hasFocus());
   const listenerOptions = { passive: true };
   useEventListener(window2, "blur", () => {
     focused.value = false;
@@ -14688,8 +14696,8 @@ function useWindowSize(options = {}) {
     includeScrollbar = true,
     type = "inner"
   } = options;
-  const width = ref(initialWidth);
-  const height = ref(initialHeight);
+  const width = shallowRef(initialWidth);
+  const height = shallowRef(initialHeight);
   const update = () => {
     if (window2) {
       if (type === "outer") {
@@ -14721,7 +14729,9 @@ function useWindowSize(options = {}) {
   }
   return { width, height };
 }
-// ../../../../node_modules/@vueuse/head/node_modules/@unhead/dom/node_modules/@unhead/shared/dist/index.mjs
+// ../../../../node_modules/@unhead/shared/dist/index.mjs
+var SelfClosingTags = /* @__PURE__ */ new Set(["meta", "link", "base"]);
+var TagsWithInnerContent = /* @__PURE__ */ new Set(["title", "titleTemplate", "script", "style", "noscript"]);
 var HasElementTags = /* @__PURE__ */ new Set([
   "base",
   "meta",
@@ -14903,7 +14913,7 @@ function tagDedupeKey(tag) {
 var sepSub = "%separator";
 var sepSubRe = new RegExp(`${sepSub}(?:\\s*${sepSub})*`, "g");
-// ../../../../node_modules/@vueuse/head/node_modules/@unhead/dom/dist/index.mjs
+// ../../../../node_modules/@unhead/dom/dist/index.mjs
 async function renderDOMHead(head, options = {}) {
   const dom = options.document || head.resolvedOptions.document;
   if (!dom || !head.dirty)
@@ -15090,7 +15100,7 @@ function DomPlugin(options) {
 }
 // ../../../../node_modules/@vueuse/head/node_modules/@unhead/vue/node_modules/@unhead/shared/dist/index.mjs
-var TagsWithInnerContent = /* @__PURE__ */ new Set(["title", "titleTemplate", "script", "style", "noscript"]);
+var TagsWithInnerContent2 = /* @__PURE__ */ new Set(["title", "titleTemplate", "script", "style", "noscript"]);
 var HasElementTags2 = /* @__PURE__ */ new Set([
   "base",
   "meta",
@@ -15250,7 +15260,7 @@ function normaliseTag(tagName, input, e, normalizedProps) {
   for (const k3 of TagConfigKeys2) {
     const val = tag.props[k3] !== undefined ? tag.props[k3] : e[k3];
     if (val !== undefined) {
-      if (!(k3 === "innerHTML" || k3 === "textContent" || k3 === "children") || TagsWithInnerContent.has(tag.tag)) {
+      if (!(k3 === "innerHTML" || k3 === "textContent" || k3 === "children") || TagsWithInnerContent2.has(tag.tag)) {
         tag[k3 === "children" ? "innerHTML" : k3] = val;
       }
       delete tag.props[k3];
@@ -15431,8 +15441,7 @@ function processTemplateParams(s, p3, sep, isJson = false) {
   let decoded = s;
   try {
     decoded = decodeURI(s);
-  } catch {
-  }
+  } catch {}
   const tokens2 = decoded.match(/%\w+(?:\.\w+)?/g);
   if (!tokens2) {
     return s;
@@ -15507,8 +15516,7 @@ class Hookable {
   }
   hook(name, function_, options = {}) {
     if (!name || typeof function_ !== "function") {
-      return () => {
-      };
+      return () => {};
     }
     const originalName = name;
     let dep;
@@ -15535,8 +15543,7 @@ class Hookable {
           get: () => "_" + name.replace(/\W+/g, "_") + "_hook_cb",
           configurable: true
         });
-      } catch {
-      }
+      } catch {}
     }
     this._hooks[name] = this._hooks[name] || [];
     this._hooks[name].push(function_);
@@ -16064,8 +16071,7 @@ function getActiveHead() {
   return activeHead;
 }
 var ScriptProxyTarget = Symbol("ScriptProxyTarget");
-function scriptProxy() {
-}
+function scriptProxy() {}
 scriptProxy[ScriptProxyTarget] = true;
 // ../../../../node_modules/@vueuse/head/node_modules/@unhead/vue/dist/shared/vue.ziyDaVMR.mjs
@@ -16207,11 +16213,9 @@ function polyfillAsVueUseHead(head) {
     const api = useHead(input, options);
     if (api !== undefined)
       return api.dispose;
-    return () => {
-    };
-  };
-  polyfilled.removeHeadObjs = () => {
+    return () => {};
   };
+  polyfilled.removeHeadObjs = () => {};
   polyfilled.updateDOM = () => {
     head.hooks.callHook("entries:updated", head);
   };
@@ -16219,98 +16223,6 @@ function polyfillAsVueUseHead(head) {
   return polyfilled;
 }
-// ../../../../node_modules/@unhead/ssr/node_modules/@unhead/shared/dist/index.mjs
-var SelfClosingTags = /* @__PURE__ */ new Set(["meta", "link", "base"]);
-var TagsWithInnerContent2 = /* @__PURE__ */ new Set(["title", "titleTemplate", "script", "style", "noscript"]);
-var p3 = (p22) => ({ keyValue: p22, metaKey: "property" });
-var k3 = (p22) => ({ keyValue: p22 });
-var MetaPackingSchema3 = {
-  appleItunesApp: {
-    unpack: {
-      entrySeparator: ", ",
-      resolve({ key, value }) {
-        return `${fixKeyCase3(key)}=${value}`;
-      }
-    }
-  },
-  articleExpirationTime: p3("article:expiration_time"),
-  articleModifiedTime: p3("article:modified_time"),
-  articlePublishedTime: p3("article:published_time"),
-  bookReleaseDate: p3("book:release_date"),
-  charset: {
-    metaKey: "charset"
-  },
-  contentSecurityPolicy: {
-    unpack: {
-      entrySeparator: "; ",
-      resolve({ key, value }) {
-        return `${fixKeyCase3(key)} ${value}`;
-      }
-    },
-    metaKey: "http-equiv"
-  },
-  contentType: {
-    metaKey: "http-equiv"
-  },
-  defaultStyle: {
-    metaKey: "http-equiv"
-  },
-  fbAppId: p3("fb:app_id"),
-  msapplicationConfig: k3("msapplication-Config"),
-  msapplicationTileColor: k3("msapplication-TileColor"),
-  msapplicationTileImage: k3("msapplication-TileImage"),
-  ogAudioSecureUrl: p3("og:audio:secure_url"),
-  ogAudioUrl: p3("og:audio"),
-  ogImageSecureUrl: p3("og:image:secure_url"),
-  ogImageUrl: p3("og:image"),
-  ogSiteName: p3("og:site_name"),
-  ogVideoSecureUrl: p3("og:video:secure_url"),
-  ogVideoUrl: p3("og:video"),
-  profileFirstName: p3("profile:first_name"),
-  profileLastName: p3("profile:last_name"),
-  profileUsername: p3("profile:username"),
-  refresh: {
-    metaKey: "http-equiv",
-    unpack: {
-      entrySeparator: ";",
-      resolve({ key, value }) {
-        if (key === "seconds")
-          return `${value}`;
-      }
-    }
-  },
-  robots: {
-    unpack: {
-      entrySeparator: ", ",
-      resolve({ key, value }) {
-        if (typeof value === "boolean")
-          return `${fixKeyCase3(key)}`;
-        else
-          return `${fixKeyCase3(key)}:${value}`;
-      }
-    }
-  },
-  xUaCompatible: {
-    metaKey: "http-equiv"
-  }
-};
-var openGraphNamespaces3 = /* @__PURE__ */ new Set([
-  "og",
-  "book",
-  "article",
-  "profile"
-]);
-function fixKeyCase3(key) {
-  const updated = key.replace(/([A-Z])/g, "-$1").toLowerCase();
-  const prefixIndex = updated.indexOf("-");
-  const fKey = updated.substring(0, prefixIndex);
-  if (fKey === "twitter" || openGraphNamespaces3.has(fKey))
-    return key.replace(/([A-Z])/g, ":$1").toLowerCase();
-  return updated;
-}
-var sepSub3 = "%separator";
-var sepSubRe3 = new RegExp(`${sepSub3}(?:\\s*${sepSub3})*`, "g");
 // ../../../../node_modules/@unhead/ssr/dist/index.mjs
 function encodeAttribute(value) {
   return String(value).replace(/"/g, "&quot;");
@@ -16375,7 +16287,7 @@ function escapeHtml(str) {
 function tagToString(tag) {
   const attrs = propsToString(tag.props);
   const openTag = `<${tag.tag}${attrs}>`;
-  if (!TagsWithInnerContent2.has(tag.tag))
+  if (!TagsWithInnerContent.has(tag.tag))
     return SelfClosingTags.has(tag.tag) ? openTag : `${openTag}</${tag.tag}>`;
   let content = String(tag.innerHTML || "");
   if (tag.textContent)

package/dist/retry.d.ts CHANGED Viewed

@@ -1,2 +1,8 @@
-export declare function retry(fn: Function, options: any): Promise<any>;
+export declare interface RetryOptions {
+  retries?: number
+  initialDelay?: number
+  backoffFactor?: number
+  jitter?: boolean
+}
+export declare function retry<T>(fn: ()): Promise<T>;
 export declare function calculateDelay(attemptCount: number, initialDelay: number, backoffFactor: number, jitter?: boolean): number;

package/dist/throttle.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare function throttle(fn: ~~Function~~, wait): void;
1	+ export declare function throttle<T extends (...args: any[]) =>(fn: T, wait): (...args: Parameters<T>) => void;

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@stacksjs/browser",
   "type": "module",
-  "version": "0.69.3",
+  "version": "0.70.0",
   "description": "Stacks core frontend/browser functionalities.",
   "author": "Chris Breuer",
   "contributors": ["Chris Breuer <chris@stacksjs.org>"],
@@ -34,7 +34,7 @@
     "prepublishOnly": "bun run build"
   },
   "devDependencies": {
-    "@stacksjs/development": "0.69.2",
-    "@stacksjs/utils": "0.69.2"
+    "@stacksjs/development": "0.70.0",
+    "@stacksjs/utils": "0.70.0"
   }
 }