@stryke/hooks 0.4.7 → 0.4.9

package/README.md

@@ -22,7 +22,7 @@ This package is part of Storm Software's **🌩️ Stryke** monorepo. Stryke pac
 
 <h3 align="center">💻 Visit <a href="https://stormsoftware.com" target="_blank">stormsoftware.com</a> to stay up to date with this developer</h3><br />
 
-[![Version](https://img.shields.io/badge/version-0.4.6-1fb2a6.svg?style=for-the-badge&color=1fb2a6)](https://prettier.io/)&nbsp;[![Nx](https://img.shields.io/badge/Nx-17.0.2-lightgrey?style=for-the-badge&logo=nx&logoWidth=20&&color=1fb2a6)](http://nx.dev/)&nbsp;[![NextJs](https://img.shields.io/badge/Next.js-14.0.2-lightgrey?style=for-the-badge&logo=nextdotjs&logoWidth=20&color=1fb2a6)](https://nextjs.org/)&nbsp;[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg?style=for-the-badge&logo=commitlint&color=1fb2a6)](http://commitizen.github.io/cz-cli/)&nbsp;![Semantic-Release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=for-the-badge&color=1fb2a6)&nbsp;[![documented with Fumadocs](https://img.shields.io/badge/documented_with-fumadocs-success.svg?style=for-the-badge&logo=readthedocs&color=1fb2a6)](https://fumadocs.vercel.app/)&nbsp;![GitHub Workflow Status (with event)](https://img.shields.io/github/actions/workflow/status/storm-software/stryke/cr.yml?style=for-the-badge&logo=github-actions&color=1fb2a6)
+[![Version](https://img.shields.io/badge/version-0.4.7-1fb2a6.svg?style=for-the-badge&color=1fb2a6)](https://prettier.io/)&nbsp;[![Nx](https://img.shields.io/badge/Nx-17.0.2-lightgrey?style=for-the-badge&logo=nx&logoWidth=20&&color=1fb2a6)](http://nx.dev/)&nbsp;[![NextJs](https://img.shields.io/badge/Next.js-14.0.2-lightgrey?style=for-the-badge&logo=nextdotjs&logoWidth=20&color=1fb2a6)](https://nextjs.org/)&nbsp;[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg?style=for-the-badge&logo=commitlint&color=1fb2a6)](http://commitizen.github.io/cz-cli/)&nbsp;![Semantic-Release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=for-the-badge&color=1fb2a6)&nbsp;[![documented with Fumadocs](https://img.shields.io/badge/documented_with-fumadocs-success.svg?style=for-the-badge&logo=readthedocs&color=1fb2a6)](https://fumadocs.vercel.app/)&nbsp;![GitHub Workflow Status (with event)](https://img.shields.io/github/actions/workflow/status/storm-software/stryke/cr.yml?style=for-the-badge&logo=github-actions&color=1fb2a6)
 
 > [!IMPORTANT] Important
 > This repository, and the apps, libraries, and tools contained within, is still in it's initial development phase. As a result, bugs and  issues are expected with it's usage. When the main development phase completes, a proper release will be performed, the packages will be available through NPM (and other distributions), and this message will be removed. However, in the meantime, please feel free to report any issues you may come across.
@@ -45,6 +45,7 @@ A package containing shared hooks that can be used in any React UI project
 
 <!-- START doctoc -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
+
 ## Table of Contents
 
 - [Installing](#installing)

package/dist/use-debounce.cjs

@@ -7,20 +7,20 @@ exports.useDebounce = useDebounce;
 exports.useDebounceValue = useDebounceValue;
 var _debounce = require("@stryke/helpers/debounce");
 var _react = require("react");
-function useDebounce(e, n, u = {}, r = [e, u, n]) {
-  const t = (0, _react.useRef)(null);
+function useDebounce(e, n, t = {}) {
+  const u = (0, _react.useRef)(null);
   return (0, _react.useEffect)(() => () => {
-    t.current?.cancel();
-  }, []), (0, _react.useMemo)(() => (t.current = (0, _debounce.debounce)(e, n, u), t.current), [e, u, n]);
+    u.current?.cancel();
+  }, []), (0, _react.useMemo)(() => (u.current = (0, _debounce.debounce)(e, n, t), u.current), [e, t, n]);
 }
 function useDebounceValue(e, n = 0) {
-  const [u, r] = (0, _react.useState)(e);
+  const [t, u] = (0, _react.useState)(e);
   return (0, _react.useEffect)(() => {
-    const t = setTimeout(() => {
-      r(c => c === e ? c : e);
+    const c = setTimeout(() => {
+      u(r => r === e ? r : e);
     }, n);
     return () => {
-      clearTimeout(t);
+      clearTimeout(c);
     };
-  }, [n, e]), u;
+  }, [n, e]), t;
 }

package/dist/use-debounce.d.ts

@@ -1,7 +1,7 @@
-import { DebounceOptions } from "@stryke/helpers/debounce";
+import type { DebounceOptions } from "@stryke/helpers/debounce";
 export declare function useDebounce<A extends (...args: any) => any | undefined | null, DebouncedFn extends A & {
     cancel: () => void;
-}>(fn: A, wait: number, options?: DebounceOptions, mountArgs?: any[]): DebouncedFn;
+}>(fn: A, wait: number, options?: DebounceOptions): DebouncedFn;
 /**
  * Returns a value once it stops changing after "amt" time.
  * Note: you may need to memo or this will keep re-rendering

package/dist/use-debounce.mjs

@@ -1 +1 @@
-import{debounce as s}from"@stryke/helpers/debounce";import{useEffect as o,useMemo as b,useRef as d,useState as f}from"react";export function useDebounce(e,n,u={},r=[e,u,n]){const t=d(null);return o(()=>()=>{t.current?.cancel()},[]),b(()=>(t.current=s(e,n,u),t.current),[e,u,n])}export function useDebounceValue(e,n=0){const[u,r]=f(e);return o(()=>{const t=setTimeout(()=>{r(c=>c===e?c:e)},n);return()=>{clearTimeout(t)}},[n,e]),u}
+import{debounce as s}from"@stryke/helpers/debounce";import{useEffect as o,useMemo as b,useRef as d,useState as f}from"react";export function useDebounce(e,n,t={}){const u=d(null);return o(()=>()=>{u.current?.cancel()},[]),b(()=>(u.current=s(e,n,t),u.current),[e,t,n])}export function useDebounceValue(e,n=0){const[t,u]=f(e);return o(()=>{const c=setTimeout(()=>{u(r=>r===e?r:e)},n);return()=>{clearTimeout(c)}},[n,e]),t}

package/dist/use-did-finish-ssr.cjs

@@ -13,9 +13,9 @@ const a = () => {},
 function useDidFinishSSR(e, n) {
   if (process.env.TAMAGUI_TARGET === "native") return e ?? !0;
   if (n?.sync) return (0, _react.useSyncExternalStore)(c, () => e ?? !0, () => !1);
-  const [t, r] = (0, _react.useState)(e);
+  const [t, u] = (0, _react.useState)(e);
   return (0, _react.useEffect)(() => {
-    r(e ?? !0);
+    u(e ?? !0);
   }, [e]), t ?? !1;
 }
 function useDidFinishSSRSync(e) {

package/dist/use-did-finish-ssr.mjs

@@ -1 +1 @@
-import{isFunction as u}from"@stryke/type-checks/is-function";import{useEffect as o,useState as s,useSyncExternalStore as i}from"react";const a=()=>{},c=()=>a;export function useDidFinishSSR(e,n){if(process.env.TAMAGUI_TARGET==="native")return e??!0;if(n?.sync)return i(c,()=>e??!0,()=>!1);const[t,r]=s(e);return o(()=>{r(e??!0)},[e]),t??!1}export function useDidFinishSSRSync(e){return useDidFinishSSR(e,{sync:!0})}export function useClientValue(e){return useDidFinishSSR()?u(e)?e():e:void 0}
+import{isFunction as r}from"@stryke/type-checks/is-function";import{useEffect as o,useState as s,useSyncExternalStore as i}from"react";const a=()=>{},c=()=>a;export function useDidFinishSSR(e,n){if(process.env.TAMAGUI_TARGET==="native")return e??!0;if(n?.sync)return i(c,()=>e??!0,()=>!1);const[t,u]=s(e);return o(()=>{u(e??!0)},[e]),t??!1}export function useDidFinishSSRSync(e){return useDidFinishSSR(e,{sync:!0})}export function useClientValue(e){return useDidFinishSSR()?r(e)?e():e:void 0}

package/dist/use-event.cjs

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.useEvent = useEvent;
 var _react = require("react");
 var _useIsomorphicLayoutEffect = require("./use-isomorphic-layout-effect.cjs");
-function useEvent(n) {
-  return s(n, l, !0);
-}
 const l = () => {
   throw new Error("Cannot call an event handler while rendering.");
 };
+function useEvent(n) {
+  return s(n, l, !0);
+}
 function s(n, r, t) {
   const e = (0, _react.useRef)(r ?? n);
   return (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(() => {

package/dist/use-event.mjs

@@ -1 +1 @@
-import{useCallback as u,useRef as a}from"react";import{useIsomorphicLayoutEffect as c}from"./use-isomorphic-layout-effect";export function useEvent(n){return s(n,l,!0)}const l=()=>{throw new Error("Cannot call an event handler while rendering.")};function s(n,r,t){const e=a(r??n);return c(()=>{e.current=n}),u(t?(...o)=>e.current?.apply(null,o):()=>e.current,[])}
+import{useCallback as u,useRef as a}from"react";import{useIsomorphicLayoutEffect as c}from"./use-isomorphic-layout-effect";const l=()=>{throw new Error("Cannot call an event handler while rendering.")};export function useEvent(n){return s(n,l,!0)}function s(n,r,t){const e=a(r??n);return c(()=>{e.current=n}),u(t?(...o)=>e.current?.apply(null,o):()=>e.current,[])}

package/dist/use-idle.cjs

@@ -6,22 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.useIdle = void 0;
 var _throttle = require("@stryke/helpers/throttle");
 var _react = require("react");
-const useIdle = (o = 1e3 * 60) => {
-  const [l, n] = (0, _react.useState)(!1);
+const useIdle = (n = 1e3 * 60) => {
+  const [s, o] = (0, _react.useState)(!1);
   return (0, _react.useEffect)(() => {
     let t = -1;
     const i = () => {
-        n(!0);
+        o(!0);
       },
       e = (0, _throttle.throttle)(() => {
-        n(!1), globalThis.clearTimeout(t), t = globalThis.setTimeout(i, o);
+        o(!1), clearTimeout(t), t = setTimeout(i, n);
       }, 500),
-      s = () => {
+      r = () => {
         document.hidden || e();
       };
-    return t = globalThis.setTimeout(i, o), globalThis.addEventListener("mousemove", e), globalThis.addEventListener("mousedown", e), window.addEventListener("resize", e), globalThis.addEventListener("keydown", e), globalThis.addEventListener("touchstart", e), window.addEventListener("wheel", e), document.addEventListener("visibilitychange", s), () => {
-      globalThis.removeEventListener("mousemove", e), globalThis.removeEventListener("mousedown", e), window.removeEventListener("resize", e), globalThis.removeEventListener("keydown", e), globalThis.removeEventListener("touchstart", e), window.removeEventListener("wheel", e), document.removeEventListener("visibilitychange", s), globalThis.clearTimeout(t);
+    return t = setTimeout(i, n), addEventListener("mousemove", e), addEventListener("mousedown", e), window.addEventListener("resize", e), addEventListener("keydown", e), addEventListener("touchstart", e), window.addEventListener("wheel", e), document.addEventListener("visibilitychange", r), () => {
+      removeEventListener("mousemove", e), removeEventListener("mousedown", e), window.removeEventListener("resize", e), removeEventListener("keydown", e), removeEventListener("touchstart", e), window.removeEventListener("wheel", e), document.removeEventListener("visibilitychange", r), clearTimeout(t);
     };
-  }, [o]), l;
+  }, [n]), s;
 };
 exports.useIdle = useIdle;

package/dist/use-idle.mjs

@@ -1 +1 @@
-import{throttle as r}from"@stryke/helpers/throttle";import{useEffect as d,useState as a}from"react";export const useIdle=(o=1e3*60)=>{const[l,n]=a(!1);return d(()=>{let t=-1;const i=()=>{n(!0)},e=r(()=>{n(!1),globalThis.clearTimeout(t),t=globalThis.setTimeout(i,o)},500),s=()=>{document.hidden||e()};return t=globalThis.setTimeout(i,o),globalThis.addEventListener("mousemove",e),globalThis.addEventListener("mousedown",e),window.addEventListener("resize",e),globalThis.addEventListener("keydown",e),globalThis.addEventListener("touchstart",e),window.addEventListener("wheel",e),document.addEventListener("visibilitychange",s),()=>{globalThis.removeEventListener("mousemove",e),globalThis.removeEventListener("mousedown",e),window.removeEventListener("resize",e),globalThis.removeEventListener("keydown",e),globalThis.removeEventListener("touchstart",e),window.removeEventListener("wheel",e),document.removeEventListener("visibilitychange",s),globalThis.clearTimeout(t)}},[o]),l};
+import{throttle as d}from"@stryke/helpers/throttle";import{useEffect as v,useState as m}from"react";export const useIdle=(n=1e3*60)=>{const[s,o]=m(!1);return v(()=>{let t=-1;const i=()=>{o(!0)},e=d(()=>{o(!1),clearTimeout(t),t=setTimeout(i,n)},500),r=()=>{document.hidden||e()};return t=setTimeout(i,n),addEventListener("mousemove",e),addEventListener("mousedown",e),window.addEventListener("resize",e),addEventListener("keydown",e),addEventListener("touchstart",e),window.addEventListener("wheel",e),document.addEventListener("visibilitychange",r),()=>{removeEventListener("mousemove",e),removeEventListener("mousedown",e),window.removeEventListener("resize",e),removeEventListener("keydown",e),removeEventListener("touchstart",e),window.removeEventListener("wheel",e),document.removeEventListener("visibilitychange",r),clearTimeout(t)}},[n]),s};

package/dist/use-memo-stable.cjs

@@ -17,11 +17,11 @@ function useMemoStable(t, e) {
     }))[0],
     r = (0, _react.useRef)(!0),
     n = (0, _react.useRef)(u),
-    s = r.current || !!(e && n.current.inputs && i(e, n.current.inputs)),
-    a = (0, _react.useMemo)(() => s ? n.current : {
+    c = r.current || !!(e && n.current.inputs && i(e, n.current.inputs)),
+    a = (0, _react.useMemo)(() => c ? n.current : {
       inputs: e,
       result: t()
-    }, [e, t, s]);
+    }, [e, t, c]);
   return (0, _react.useEffect)(() => {
     r.current = !1, n.current = a;
   }, [a]), a.result;

package/dist/use-memo-stable.mjs

@@ -1 +1 @@
-import{useEffect as o,useMemo as l,useRef as c,useState as f}from"react";const i=(t,e)=>{if(t.length!==e.length)return!1;for(const[u,r]of t.entries())if(r!==e[u])return!1;return!0};export function useMemoStable(t,e){const u=f(()=>({inputs:e,result:t()}))[0],r=c(!0),n=c(u),s=r.current||!!(e&&n.current.inputs&&i(e,n.current.inputs)),a=l(()=>s?n.current:{inputs:e,result:t()},[e,t,s]);return o(()=>{r.current=!1,n.current=a},[a]),a.result}
+import{useEffect as o,useMemo as l,useRef as s,useState as f}from"react";const i=(t,e)=>{if(t.length!==e.length)return!1;for(const[u,r]of t.entries())if(r!==e[u])return!1;return!0};export function useMemoStable(t,e){const u=f(()=>({inputs:e,result:t()}))[0],r=s(!0),n=s(u),c=r.current||!!(e&&n.current.inputs&&i(e,n.current.inputs)),a=l(()=>c?n.current:{inputs:e,result:t()},[e,t,c]);return o(()=>{r.current=!1,n.current=a},[a]),a.result}

package/dist/use-network-state.cjs

@@ -9,16 +9,16 @@ var _isEqual = require("@stryke/type-checks/is-equal");
 var _react = require("react");
 const i = () => navigator["connection"] || navigator["mozConnection"] || navigator["webkitConnection"];
 const useNetworkStateSubscribe = e => {
-  globalThis.addEventListener("online", e, {
+  addEventListener("online", e, {
     passive: !0
-  }), globalThis.addEventListener("offline", e, {
+  }), addEventListener("offline", e, {
     passive: !0
   });
   const t = i();
   return t && t.addEventListener("change", e, {
     passive: !0
   }), () => {
-    globalThis.removeEventListener("online", e), globalThis.removeEventListener("offline", e), t && t.removeEventListener("change", e);
+    removeEventListener("online", e), removeEventListener("offline", e), t && t.removeEventListener("change", e);
   };
 };
 exports.useNetworkStateSubscribe = useNetworkStateSubscribe;

package/dist/use-network-state.mjs

@@ -1 +1 @@
-import{isEqual as a}from"@stryke/type-checks/is-equal";import{useRef as s,useSyncExternalStore as c}from"react";const i=()=>navigator["connection"]||navigator["mozConnection"]||navigator["webkitConnection"];export const useNetworkStateSubscribe=e=>{globalThis.addEventListener("online",e,{passive:!0}),globalThis.addEventListener("offline",e,{passive:!0});const t=i();return t&&t.addEventListener("change",e,{passive:!0}),()=>{globalThis.removeEventListener("online",e),globalThis.removeEventListener("offline",e),t&&t.removeEventListener("change",e)}};const v=()=>{throw new Error("useNetworkState is a client-only hook")};export function useNetworkState(){const e=s({});return c(useNetworkStateSubscribe,()=>{const r=navigator.onLine,n=i(),o={online:r,downlink:n?.downlink,downlinkMax:n?.downlinkMax,effectiveType:n?.effectiveType,rtt:n?.rtt,saveData:n?.saveData,type:n?.type};return a(e.current,o)?e.current:(e.current=o,o)},v)}
+import{isEqual as a}from"@stryke/type-checks/is-equal";import{useRef as s,useSyncExternalStore as c}from"react";const i=()=>navigator["connection"]||navigator["mozConnection"]||navigator["webkitConnection"];export const useNetworkStateSubscribe=e=>{addEventListener("online",e,{passive:!0}),addEventListener("offline",e,{passive:!0});const t=i();return t&&t.addEventListener("change",e,{passive:!0}),()=>{removeEventListener("online",e),removeEventListener("offline",e),t&&t.removeEventListener("change",e)}};const v=()=>{throw new Error("useNetworkState is a client-only hook")};export function useNetworkState(){const e=s({});return c(useNetworkStateSubscribe,()=>{const r=navigator.onLine,n=i(),o={online:r,downlink:n?.downlink,downlinkMax:n?.downlinkMax,effectiveType:n?.effectiveType,rtt:n?.rtt,saveData:n?.saveData,type:n?.type};return a(e.current,o)?e.current:(e.current=o,o)},v)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stryke/hooks",
-  "version": "0.4.7",
+  "version": "0.4.9",
   "type": "module",
   "description": "A package containing shared hooks that can be used in any React UI project",
   "repository": {
@@ -23,10 +23,10 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-native": "^0.77.0",
-    "@stryke/env": "^0.13.0",
-    "@stryke/helpers": "^0.6.0",
-    "@stryke/type-checks": "^0.3.3",
-    "@stryke/types": "^0.8.3"
+    "@stryke/env": "^0.15.10",
+    "@stryke/helpers": "^0.7.1",
+    "@stryke/type-checks": "^0.3.6",
+    "@stryke/types": "^0.8.6"
   },
   "devDependencies": {
     "@types/react": "^19.0.12",
@@ -335,5 +335,6 @@
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts"
+  "types": "./dist/index.d.ts",
+  "gitHead": "57da58e3434302b35f798674d9f18f92ca7f7ac9"
 }