@siberiacancode/reactuse 0.0.118 → 0.1.0

package/dist/esm/hooks/useWebSocket/useWebSocket.mjs

@@ -1,14 +1,14 @@
-import { useRef as y, useState as k, useEffect as w } from "react";
-import { useEvent as C } from "../useEvent/useEvent.mjs";
+import { useRef as y, useState as k, useEffect as v } from "react";
+import { useEvent as w } from "../useEvent/useEvent.mjs";
 import { getRetry as m } from "../../utils/helpers/getRetry.mjs";
 const W = (t, e) => {
-  const u = y(), d = y(e != null && e.retry ? m(e.retry) : 0), a = y(!1), [S, n] = k("connecting"), g = (r) => {
+  const u = y(void 0), d = y(e != null && e.retry ? m(e.retry) : 0), a = y(!1), [S, n] = k("connecting"), g = (r) => {
     var c;
     return (c = u.current) == null ? void 0 : c.send(r);
   }, R = () => {
     var r;
     a.current = !0, (r = u.current) == null || r.close();
-  }, l = C(() => {
+  }, l = w(() => {
     u.current = new WebSocket(
       typeof t == "function" ? t() : t,
       e == null ? void 0 : e.protocols
@@ -32,7 +32,7 @@ const W = (t, e) => {
       }
     });
   });
-  w(() => (l(), () => {
+  v(() => (l(), () => {
     u.current && (u.current.close(), u.current = void 0);
   }), [t]);
   const b = () => {

package/dist/esm/hooks/useWebSocket/useWebSocket.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useWebSocket.mjs","sources":["../../../../src/hooks/useWebSocket/useWebSocket.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { getRetry } from '@/utils/helpers';\n\nimport { useEvent } from '../useEvent/useEvent';\n\nexport type UseWebSocketUrl = (() => string) | string;\n\nexport interface UseWebSocketOptions {\n  protocols?: Array<'soap' | 'wasm'>;\n  retry?: boolean | number;\n  onConnected?: (webSocket: WebSocket) => void;\n  onDisconnected?: (event: CloseEvent, webSocket: WebSocket) => void;\n  onError?: (event: Event, webSocket: WebSocket) => void;\n  onMessage?: (event: MessageEvent, webSocket: WebSocket) => void;\n}\n\nexport type UseWebSocketStatus = 'connected' | 'connecting' | 'disconnected' | 'failed';\n\nexport interface UseWebSocketReturn {\n  client?: WebSocket;\n  close: WebSocket['close'];\n  send: WebSocket['send'];\n  status: UseWebSocketStatus;\n  open: () => void;\n}\n\n/**\n * @name useWebSocket\n * @description - Hook that connects to a WebSocket server and handles incoming and outgoing messages\n * @category Browser\n *\n * @param {UseWebSocketUrl} url The URL of the WebSocket server\n * @param {(webSocket: WebSocket) => void} [options.onConnected] The callback function that is called when the WebSocket connection is established\n * @param {(event: CloseEvent, webSocket: WebSocket) => void} [options.onDisconnected] The callback function that is called when the WebSocket connection is closed\n * @param {(event: Event, webSocket: WebSocket) => void} [options.onError] The callback function that is called when an error occurs\n * @param {(event: MessageEvent, webSocket: WebSocket) => void} [options.onMessage] The callback function that is called when a message is received\n * @param {boolean | number} [options.retry] The number of times to retry the connection\n * @param {Array<'soap' | 'wasm'>} [options.protocols] The list of protocols to use\n * @returns {UseWebSocketReturn} An object with the status, close, send, open, and ws properties\n *\n * @example\n * const { status, close, send, open, client } = useWebSocket('url');\n */\nexport const useWebSocket = (\n  url: UseWebSocketUrl,\n  options?: UseWebSocketOptions\n): UseWebSocketReturn => {\n  const webSocketRef = useRef<WebSocket>();\n  const retryCountRef = useRef(options?.retry ? getRetry(options.retry) : 0);\n  const explicityCloseRef = useRef(false);\n\n  const [status, setStatus] = useState<UseWebSocketStatus>('connecting');\n\n  const send = (data: string | ArrayBufferLike | ArrayBufferView | Blob) =>\n    webSocketRef.current?.send(data);\n\n  const close = () => {\n    explicityCloseRef.current = true;\n    webSocketRef.current?.close();\n  };\n\n  const init = useEvent(() => {\n    webSocketRef.current = new WebSocket(\n      typeof url === 'function' ? url() : url,\n      options?.protocols\n    );\n    setStatus('connecting');\n\n    const webSocket = webSocketRef.current;\n    if (!webSocket) return;\n\n    webSocket.onopen = () => {\n      setStatus('connected');\n      options?.onConnected?.(webSocket);\n    };\n\n    webSocket.onerror = (event) => {\n      setStatus('failed');\n      options?.onError?.(event, webSocket);\n    };\n\n    webSocket.onmessage = (event) => options?.onMessage?.(event, webSocket);\n\n    webSocket.onclose = (event) => {\n      setStatus('disconnected');\n      options?.onDisconnected?.(event, webSocket);\n      if (explicityCloseRef.current) return;\n\n      if (retryCountRef.current > 0) {\n        retryCountRef.current -= 1;\n        return init();\n      }\n      retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\n    };\n  });\n\n  useEffect(() => {\n    init();\n\n    return () => {\n      if (!webSocketRef.current) return;\n      webSocketRef.current.close();\n      webSocketRef.current = undefined;\n    };\n  }, [url]);\n\n  const open = () => {\n    explicityCloseRef.current = false;\n    init();\n  };\n\n  return { client: webSocketRef.current, close, open, send, status };\n};\n"],"names":["useWebSocket","url","options","webSocketRef","useRef","retryCountRef","getRetry","explicityCloseRef","status","setStatus","useState","send","data","_a","close","init","useEvent","webSocket","event","useEffect","open"],"mappings":";;;AA4Ca,MAAAA,IAAe,CAC1BC,GACAC,MACuB;AACvB,QAAMC,IAAeC,EAAkB,GACjCC,IAAgBD,EAAOF,KAAA,QAAAA,EAAS,QAAQI,EAASJ,EAAQ,KAAK,IAAI,CAAC,GACnEK,IAAoBH,EAAO,EAAK,GAEhC,CAACI,GAAQC,CAAS,IAAIC,EAA6B,YAAY,GAE/DC,IAAO,CAACC,MAAA;;AACZ,YAAAC,IAAAV,EAAa,YAAb,gBAAAU,EAAsB,KAAKD;AAAA,KAEvBE,IAAQ,MAAM;;AAClB,IAAAP,EAAkB,UAAU,KAC5BM,IAAAV,EAAa,YAAb,QAAAU,EAAsB;AAAA,EACxB,GAEME,IAAOC,EAAS,MAAM;AAC1B,IAAAb,EAAa,UAAU,IAAI;AAAA,MACzB,OAAOF,KAAQ,aAAaA,EAAA,IAAQA;AAAA,MACpCC,KAAA,gBAAAA,EAAS;AAAA,IACX,GACAO,EAAU,YAAY;AAEtB,UAAMQ,IAAYd,EAAa;AAC/B,IAAKc,MAELA,EAAU,SAAS,MAAM;;AACvB,MAAAR,EAAU,WAAW,IACrBI,IAAAX,KAAA,gBAAAA,EAAS,gBAAT,QAAAW,EAAA,KAAAX,GAAuBe;AAAA,IACzB,GAEUA,EAAA,UAAU,CAACC,MAAU;;AAC7B,MAAAT,EAAU,QAAQ,IACTI,IAAAX,KAAA,gBAAAA,EAAA,YAAA,QAAAW,EAAA,KAAAX,GAAUgB,GAAOD;AAAA,IAC5B,GAEAA,EAAU,YAAY,CAACC,MAAA;;AAAU,cAAAL,IAAAX,KAAA,gBAAAA,EAAS,cAAT,gBAAAW,EAAA,KAAAX,GAAqBgB,GAAOD;AAAA,OAEnDA,EAAA,UAAU,CAACC,MAAU;;AAG7B,UAFAT,EAAU,cAAc,IACfI,IAAAX,KAAA,gBAAAA,EAAA,mBAAA,QAAAW,EAAA,KAAAX,GAAiBgB,GAAOD,IAC7B,CAAAV,EAAkB,SAElB;AAAA,YAAAF,EAAc,UAAU;AAC1B,iBAAAA,EAAc,WAAW,GAClBU,EAAK;AAEd,QAAAV,EAAc,UAAUH,KAAA,QAAAA,EAAS,QAAQI,EAASJ,EAAQ,KAAK,IAAI;AAAA;AAAA,IACrE;AAAA,EAAA,CACD;AAED,EAAAiB,EAAU,OACHJ,EAAA,GAEE,MAAM;AACP,IAACZ,EAAa,YAClBA,EAAa,QAAQ,MAAM,GAC3BA,EAAa,UAAU;AAAA,EACzB,IACC,CAACF,CAAG,CAAC;AAER,QAAMmB,IAAO,MAAM;AACjB,IAAAb,EAAkB,UAAU,IACvBQ,EAAA;AAAA,EACP;AAEA,SAAO,EAAE,QAAQZ,EAAa,SAAS,OAAAW,GAAO,MAAAM,GAAM,MAAAT,GAAM,QAAAH,EAAO;AACnE;"}
+{"version":3,"file":"useWebSocket.mjs","sources":["../../../../src/hooks/useWebSocket/useWebSocket.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { getRetry } from '@/utils/helpers';\n\nimport { useEvent } from '../useEvent/useEvent';\n\nexport type UseWebSocketUrl = (() => string) | string;\n\nexport interface UseWebSocketOptions {\n  protocols?: Array<'soap' | 'wasm'>;\n  retry?: boolean | number;\n  onConnected?: (webSocket: WebSocket) => void;\n  onDisconnected?: (event: CloseEvent, webSocket: WebSocket) => void;\n  onError?: (event: Event, webSocket: WebSocket) => void;\n  onMessage?: (event: MessageEvent, webSocket: WebSocket) => void;\n}\n\nexport type UseWebSocketStatus = 'connected' | 'connecting' | 'disconnected' | 'failed';\n\nexport interface UseWebSocketReturn {\n  client?: WebSocket;\n  close: WebSocket['close'];\n  send: WebSocket['send'];\n  status: UseWebSocketStatus;\n  open: () => void;\n}\n\n/**\n * @name useWebSocket\n * @description - Hook that connects to a WebSocket server and handles incoming and outgoing messages\n * @category Browser\n *\n * @param {UseWebSocketUrl} url The URL of the WebSocket server\n * @param {(webSocket: WebSocket) => void} [options.onConnected] The callback function that is called when the WebSocket connection is established\n * @param {(event: CloseEvent, webSocket: WebSocket) => void} [options.onDisconnected] The callback function that is called when the WebSocket connection is closed\n * @param {(event: Event, webSocket: WebSocket) => void} [options.onError] The callback function that is called when an error occurs\n * @param {(event: MessageEvent, webSocket: WebSocket) => void} [options.onMessage] The callback function that is called when a message is received\n * @param {boolean | number} [options.retry] The number of times to retry the connection\n * @param {Array<'soap' | 'wasm'>} [options.protocols] The list of protocols to use\n * @returns {UseWebSocketReturn} An object with the status, close, send, open, and ws properties\n *\n * @example\n * const { status, close, send, open, client } = useWebSocket('url');\n */\nexport const useWebSocket = (\n  url: UseWebSocketUrl,\n  options?: UseWebSocketOptions\n): UseWebSocketReturn => {\n  const webSocketRef = useRef<WebSocket>(undefined);\n  const retryCountRef = useRef(options?.retry ? getRetry(options.retry) : 0);\n  const explicityCloseRef = useRef(false);\n\n  const [status, setStatus] = useState<UseWebSocketStatus>('connecting');\n\n  const send = (data: string | ArrayBufferLike | ArrayBufferView | Blob) =>\n    webSocketRef.current?.send(data);\n\n  const close = () => {\n    explicityCloseRef.current = true;\n    webSocketRef.current?.close();\n  };\n\n  const init = useEvent(() => {\n    webSocketRef.current = new WebSocket(\n      typeof url === 'function' ? url() : url,\n      options?.protocols\n    );\n    setStatus('connecting');\n\n    const webSocket = webSocketRef.current;\n    if (!webSocket) return;\n\n    webSocket.onopen = () => {\n      setStatus('connected');\n      options?.onConnected?.(webSocket);\n    };\n\n    webSocket.onerror = (event) => {\n      setStatus('failed');\n      options?.onError?.(event, webSocket);\n    };\n\n    webSocket.onmessage = (event) => options?.onMessage?.(event, webSocket);\n\n    webSocket.onclose = (event) => {\n      setStatus('disconnected');\n      options?.onDisconnected?.(event, webSocket);\n      if (explicityCloseRef.current) return;\n\n      if (retryCountRef.current > 0) {\n        retryCountRef.current -= 1;\n        return init();\n      }\n      retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\n    };\n  });\n\n  useEffect(() => {\n    init();\n\n    return () => {\n      if (!webSocketRef.current) return;\n      webSocketRef.current.close();\n      webSocketRef.current = undefined;\n    };\n  }, [url]);\n\n  const open = () => {\n    explicityCloseRef.current = false;\n    init();\n  };\n\n  return { client: webSocketRef.current, close, open, send, status };\n};\n"],"names":["useWebSocket","url","options","webSocketRef","useRef","retryCountRef","getRetry","explicityCloseRef","status","setStatus","useState","send","data","_a","close","init","useEvent","webSocket","event","useEffect","open"],"mappings":";;;AA4Ca,MAAAA,IAAe,CAC1BC,GACAC,MACuB;AACjB,QAAAC,IAAeC,EAAkB,MAAS,GAC1CC,IAAgBD,EAAOF,KAAA,QAAAA,EAAS,QAAQI,EAASJ,EAAQ,KAAK,IAAI,CAAC,GACnEK,IAAoBH,EAAO,EAAK,GAEhC,CAACI,GAAQC,CAAS,IAAIC,EAA6B,YAAY,GAE/DC,IAAO,CAACC,MAAA;;AACZ,YAAAC,IAAAV,EAAa,YAAb,gBAAAU,EAAsB,KAAKD;AAAA,KAEvBE,IAAQ,MAAM;;AAClB,IAAAP,EAAkB,UAAU,KAC5BM,IAAAV,EAAa,YAAb,QAAAU,EAAsB;AAAA,EACxB,GAEME,IAAOC,EAAS,MAAM;AAC1B,IAAAb,EAAa,UAAU,IAAI;AAAA,MACzB,OAAOF,KAAQ,aAAaA,EAAA,IAAQA;AAAA,MACpCC,KAAA,gBAAAA,EAAS;AAAA,IACX,GACAO,EAAU,YAAY;AAEtB,UAAMQ,IAAYd,EAAa;AAC/B,IAAKc,MAELA,EAAU,SAAS,MAAM;;AACvB,MAAAR,EAAU,WAAW,IACrBI,IAAAX,KAAA,gBAAAA,EAAS,gBAAT,QAAAW,EAAA,KAAAX,GAAuBe;AAAA,IACzB,GAEUA,EAAA,UAAU,CAACC,MAAU;;AAC7B,MAAAT,EAAU,QAAQ,IACTI,IAAAX,KAAA,gBAAAA,EAAA,YAAA,QAAAW,EAAA,KAAAX,GAAUgB,GAAOD;AAAA,IAC5B,GAEAA,EAAU,YAAY,CAACC,MAAA;;AAAU,cAAAL,IAAAX,KAAA,gBAAAA,EAAS,cAAT,gBAAAW,EAAA,KAAAX,GAAqBgB,GAAOD;AAAA,OAEnDA,EAAA,UAAU,CAACC,MAAU;;AAG7B,UAFAT,EAAU,cAAc,IACfI,IAAAX,KAAA,gBAAAA,EAAA,mBAAA,QAAAW,EAAA,KAAAX,GAAiBgB,GAAOD,IAC7B,CAAAV,EAAkB,SAElB;AAAA,YAAAF,EAAc,UAAU;AAC1B,iBAAAA,EAAc,WAAW,GAClBU,EAAK;AAEd,QAAAV,EAAc,UAAUH,KAAA,QAAAA,EAAS,QAAQI,EAASJ,EAAQ,KAAK,IAAI;AAAA;AAAA,IACrE;AAAA,EAAA,CACD;AAED,EAAAiB,EAAU,OACHJ,EAAA,GAEE,MAAM;AACP,IAACZ,EAAa,YAClBA,EAAa,QAAQ,MAAM,GAC3BA,EAAa,UAAU;AAAA,EACzB,IACC,CAACF,CAAG,CAAC;AAER,QAAMmB,IAAO,MAAM;AACjB,IAAAb,EAAkB,UAAU,IACvBQ,EAAA;AAAA,EACP;AAEA,SAAO,EAAE,QAAQZ,EAAa,SAAS,OAAAW,GAAO,MAAAM,GAAM,MAAAT,GAAM,QAAAH,EAAO;AACnE;"}

package/dist/types/hooks/usePrevious/usePrevious.d.ts

@@ -9,7 +9,7 @@ export interface UsePreviousOptions<Value> {
  * @template Value The type of the value
  * @param {Value} value The value to get the previous value
  * @param {(a: Value, b: Value) => boolean} [options.equality] The custom equality function to determine if the value has changed
- * @returns {Value} The previous value
+ * @returns {Value | undefined} The previous value
  *
  * @example
  * const prevValue = usePrevious(value);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@siberiacancode/reactuse",
-  "version": "0.0.118",
+  "version": "0.1.0",
   "description": "The ultimate collection of react hooks",
   "author": {
     "name": "SIBERIA CAN CODE 🧊",
@@ -51,9 +51,9 @@
     "lint-staged": "lint-staged"
   },
   "peerDependencies": {
-    "@types/react": "^18.0.0",
-    "react": "^17.0.2 || ^18.0.0",
-    "react-dom": "^17.0.2 || ^18.0.0"
+    "@types/react": "^18",
+    "react": "^17 || ^18 || ^19",
+    "react-dom": "^17 || ^18 || ^19"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -66,19 +66,19 @@
   "devDependencies": {
     "@siberiacancode/vitest": "^2.1.0",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.2.0",
-    "@types/dom-speech-recognition": "^0.0.4",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
+    "@testing-library/react": "^16.3.0",
+    "@types/dom-speech-recognition": "^0.0.6",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
     "@types/web-bluetooth": "^0.0.21",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^4.4.1",
     "core-js": "^3.41.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "shx": "^0.4.0",
-    "vite": "^6.2.3",
+    "vite": "^6.3.2",
     "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.0.9"
+    "vitest": "^3.1.2"
   },
   "lint-staged": {
     "*.js": [