@siberiacancode/reactuse 0.2.8 → 0.2.10

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 (37) hide show
  1. package/README.md +71 -71
  2. package/dist/cjs/hooks/useAsync/useAsync.cjs.map +1 -1
  3. package/dist/cjs/hooks/useBoolean/useBoolean.cjs.map +1 -1
  4. package/dist/cjs/hooks/useCookie/useCookie.cjs.map +1 -1
  5. package/dist/cjs/hooks/useCookies/useCookies.cjs +1 -1
  6. package/dist/cjs/hooks/useCookies/useCookies.cjs.map +1 -1
  7. package/dist/cjs/hooks/useDropZone/useDropZone.cjs.map +1 -1
  8. package/dist/cjs/hooks/useShare/useShare.cjs.map +1 -1
  9. package/dist/cjs/hooks/useStep/useStep.cjs.map +1 -1
  10. package/dist/cjs/hooks/useStorage/useStorage.cjs +1 -1
  11. package/dist/cjs/hooks/useStorage/useStorage.cjs.map +1 -1
  12. package/dist/cjs/hooks/useUrlSearchParam/useUrlSearchParam.cjs +2 -0
  13. package/dist/cjs/hooks/useUrlSearchParam/useUrlSearchParam.cjs.map +1 -0
  14. package/dist/cjs/hooks/useUrlSearchParams/useUrlSearchParams.cjs +1 -1
  15. package/dist/cjs/hooks/useUrlSearchParams/useUrlSearchParams.cjs.map +1 -1
  16. package/dist/cjs/index.cjs +1 -1
  17. package/dist/esm/hooks/useAsync/useAsync.mjs.map +1 -1
  18. package/dist/esm/hooks/useBoolean/useBoolean.mjs.map +1 -1
  19. package/dist/esm/hooks/useCookie/useCookie.mjs.map +1 -1
  20. package/dist/esm/hooks/useCookies/useCookies.mjs +31 -35
  21. package/dist/esm/hooks/useCookies/useCookies.mjs.map +1 -1
  22. package/dist/esm/hooks/useDropZone/useDropZone.mjs.map +1 -1
  23. package/dist/esm/hooks/useShare/useShare.mjs.map +1 -1
  24. package/dist/esm/hooks/useStep/useStep.mjs.map +1 -1
  25. package/dist/esm/hooks/useStorage/useStorage.mjs +30 -30
  26. package/dist/esm/hooks/useStorage/useStorage.mjs.map +1 -1
  27. package/dist/esm/hooks/useUrlSearchParam/useUrlSearchParam.mjs +27 -0
  28. package/dist/esm/hooks/useUrlSearchParam/useUrlSearchParam.mjs.map +1 -0
  29. package/dist/esm/hooks/useUrlSearchParams/useUrlSearchParams.mjs +44 -51
  30. package/dist/esm/hooks/useUrlSearchParams/useUrlSearchParams.mjs.map +1 -1
  31. package/dist/esm/index.mjs +242 -242
  32. package/dist/esm/index.mjs.map +1 -1
  33. package/dist/types/hooks/useCookie/useCookie.d.ts +18 -6
  34. package/dist/types/hooks/useCookies/useCookies.d.ts +10 -10
  35. package/dist/types/hooks/useUrlSearchParam/useUrlSearchParam.d.ts +70 -0
  36. package/dist/types/hooks/useUrlSearchParams/useUrlSearchParams.d.ts +36 -11
  37. package/package.json +89 -89
@@ -1,63 +1,56 @@
1
- import { useState as u, useEffect as d } from "react";
2
- const l = (a = "history") => {
3
- const { search: i, hash: e } = window.location;
4
- let r = "";
5
- if (a === "history" && (r = i), a === "hash-params" && (r = e.replace(/^#/, "")), a === "hash") {
6
- const s = e.indexOf("?");
7
- r = ~s ? e.slice(s) : "";
8
- }
9
- return new URLSearchParams(r);
10
- }, p = (a, i) => {
11
- const e = a.toString(), { search: r, hash: t } = window.location;
12
- if (i === "history") return `${e ? `?${e}` : ""}${t}`;
13
- if (i === "hash-params")
14
- return `${r}${e ? `#${e}` : ""}`;
15
- if (i === "hash") {
16
- const s = t.indexOf("?"), c = s > -1 ? t.slice(0, s) : t;
17
- return `${r}${c}${e ? `?${e}` : ""}`;
18
- }
19
- throw new Error("Invalid mode");
20
- }, S = (a, i, e = "replace") => {
21
- const r = new URLSearchParams();
22
- Object.entries(i).forEach(([s, c]) => {
23
- Array.isArray(c) ? c.forEach((h) => r.set(s, String(h))) : r.set(s, String(c));
24
- });
25
- const t = p(r, a);
26
- return e === "replace" && window.history.replaceState({}, "", t), e === "push" && window.history.pushState({}, "", t), r;
27
- }, y = (a, i = {}) => {
28
- const { mode: e = "history", write: r = "replace" } = i, t = (n) => typeof n == "string" ? t(new URLSearchParams(n)) : n instanceof URLSearchParams ? Array.from(n.entries()).reduce(
29
- (o, [f, w]) => {
30
- if (w === "undefined") return o;
1
+ import { useState as U, useEffect as v } from "react";
2
+ import { getUrlSearchParams as E, URL_SEARCH_PARAMS_EVENT as P, createQueryString as z, dispatchUrlSearchParamsEvent as A } from "../useUrlSearchParam/useUrlSearchParam.mjs";
3
+ const N = (i) => {
4
+ const r = typeof i == "object" && i && ("serializer" in i || "deserializer" in i || "initialValue" in i || "mode" in i || "write" in i) ? i : void 0, o = r ? r == null ? void 0 : r.initialValue : i, { mode: n = "history", write: u = "replace" } = r, f = (e) => r != null && r.serializer ? r.serializer(e) : typeof e == "string" ? e : JSON.stringify(e), L = (e) => {
5
+ if (r != null && r.deserializer) return r.deserializer(e);
6
+ if (e !== "undefined")
31
7
  try {
32
- o[f] = JSON.parse(w);
8
+ return JSON.parse(e);
33
9
  } catch {
34
- o[f] = w;
10
+ return e;
35
11
  }
36
- return o;
37
- },
12
+ }, h = (e, t, s = "replace") => {
13
+ const a = new URLSearchParams();
14
+ Object.entries(t).forEach(([y, d]) => {
15
+ Array.isArray(d) ? d.forEach((m) => a.set(y, f(m))) : a.set(y, f(d));
16
+ });
17
+ const S = z(a, e);
18
+ return s === "replace" && window.history.replaceState({}, "", S), s === "push" && window.history.pushState({}, "", S), a;
19
+ }, c = (e) => typeof e == "string" ? c(new URLSearchParams(e)) : e instanceof URLSearchParams ? Array.from(e.entries()).reduce(
20
+ (t, [s, a]) => (t[s] = L(a), t),
38
21
  {}
39
- ) : n, [s, c] = u(t(a ?? {})), h = (n, o = "replace") => {
40
- const f = S(e, { ...s, ...n }, o ?? r);
41
- c(t(f));
22
+ ) : e, [l, w] = U(() => {
23
+ if (typeof window > "u") return o ?? {};
24
+ const e = E(n), t = {
25
+ ...o && c(o),
26
+ ...c(e)
27
+ };
28
+ return h(n, t, u), t;
29
+ }), g = (e, t) => {
30
+ const s = h(
31
+ n,
32
+ { ...l, ...e },
33
+ (t == null ? void 0 : t.write) ?? u
34
+ );
35
+ w(c(s)), A();
42
36
  };
43
- return d(() => {
44
- h(s);
45
- const n = () => {
46
- const o = l(e);
47
- h(t(o));
37
+ return v(() => {
38
+ const e = () => {
39
+ const t = E(n);
40
+ w(c(t));
48
41
  };
49
- return window.addEventListener("popstate", n), e !== "history" && window.addEventListener("hashchange", n), () => {
50
- window.removeEventListener("popstate", n), e !== "history" && window.removeEventListener("hashchange", n);
42
+ return window.addEventListener(P, e), window.addEventListener("popstate", e), n !== "history" && window.addEventListener("hashchange", e), () => {
43
+ window.removeEventListener(P, e), window.removeEventListener("popstate", e), n !== "history" && window.removeEventListener("hashchange", e);
51
44
  };
52
- }, [e]), {
53
- value: s,
54
- set: h
45
+ }, [n]), {
46
+ value: l,
47
+ set: g
55
48
  };
56
49
  };
57
50
  export {
58
- p as createQueryString,
59
- l as getUrlSearchParams,
60
- S as setUrlSearchParams,
61
- y as useUrlSearchParams
51
+ z as createQueryString,
52
+ A as dispatchUrlSearchParamsEvent,
53
+ E as getUrlSearchParams,
54
+ N as useUrlSearchParams
62
55
  };
63
56
  //# sourceMappingURL=useUrlSearchParams.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useUrlSearchParams.mjs","sources":["../../../../src/hooks/useUrlSearchParams/useUrlSearchParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const getUrlSearchParams = (mode: UrlSearchParamsMode = 'history') => {\n const { search, hash } = window.location;\n\n let path = '';\n\n if (mode === 'history') path = search;\n if (mode === 'hash-params') path = hash.replace(/^#/, '');\n if (mode === 'hash') {\n const index = hash.indexOf('?');\n path = ~index ? hash.slice(index) : '';\n }\n\n const searchParams = new URLSearchParams(path);\n\n return searchParams;\n};\n\nexport const createQueryString = (searchParams: URLSearchParams, mode: UrlSearchParamsMode) => {\n const searchParamsString = searchParams.toString();\n const { search, hash } = window.location;\n\n if (mode === 'history') return `${searchParamsString ? `?${searchParamsString}` : ''}${hash}`;\n if (mode === 'hash-params')\n return `${search}${searchParamsString ? `#${searchParamsString}` : ''}`;\n\n if (mode === 'hash') {\n const index = hash.indexOf('?');\n const base = index > -1 ? hash.slice(0, index) : hash;\n\n return `${search}${base}${searchParamsString ? `?${searchParamsString}` : ''}`;\n }\n\n throw new Error('Invalid mode');\n};\n\nexport const setUrlSearchParams = <Params extends UrlParams>(\n mode: UrlSearchParamsMode,\n params: Partial<Params>,\n write: 'push' | 'replace' = 'replace'\n) => {\n const searchParams = new URLSearchParams();\n\n Object.entries(params).forEach(([key, param]) => {\n if (Array.isArray(param)) {\n param.forEach((value) => searchParams.set(key, String(value)));\n } else {\n searchParams.set(key, String(param));\n }\n });\n\n const query = createQueryString(searchParams, mode);\n if (write === 'replace') window.history.replaceState({}, '', query);\n if (write === 'push') window.history.pushState({}, '', query);\n\n return searchParams;\n};\n\n/** The url params type */\nexport type UrlParams = Record<string, any>;\n\n/** The url search params mod */\nexport type UrlSearchParamsMode = 'hash-params' | 'hash' | 'history';\n\n/** The use url search params set options type */\nexport interface UseUrlSearchParamsSetOptions {\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\n}\n\n/** The use url search params options type */\nexport interface UseUrlSearchParamsOptions {\n /** The mode to use for writing to the URL */\n mode?: UrlSearchParamsMode;\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\n}\n\n/** The use url search params return type */\nexport interface UseUrlSearchParamsReturn<Params extends UrlParams> {\n value: Params;\n set: (params: Partial<Params>) => void;\n}\n\n/**\n * @name useUrlSearchParams\n * @description - Hook that provides reactive URLSearchParams\n * @category Browser\n *\n * @overload\n * @template Value The type of the url param values\n * @param {UrlSearchParamsMode} mode The URL mode\n * @param {UseUrlSearchParamsOptions<Value>} [options] The URL mode\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParams('history');\n */\nexport const useUrlSearchParams = <\n Params extends UrlParams,\n SearchParams extends string | UrlParams | URLSearchParams = UrlParams\n>(\n initialValue?: SearchParams,\n options: UseUrlSearchParamsOptions = {}\n): UseUrlSearchParamsReturn<Params> => {\n const { mode = 'history', write: writeMode = 'replace' } = options;\n\n const deserializer = (searchParams: string | UrlParams | URLSearchParams) => {\n if (typeof searchParams === 'string') {\n return deserializer(new URLSearchParams(searchParams));\n }\n\n if (searchParams instanceof URLSearchParams) {\n return Array.from(searchParams.entries()).reduce(\n (acc, [key, value]) => {\n if (value === 'undefined') return acc;\n try {\n acc[key] = JSON.parse(value);\n } catch {\n acc[key] = value;\n }\n return acc;\n },\n {} as Record<string, any>\n );\n }\n\n return searchParams;\n };\n\n const [value, setValue] = useState(deserializer(initialValue ?? {}) as Params);\n\n const set = (params: Partial<Params>, write: 'push' | 'replace' = 'replace') => {\n const searchParams = setUrlSearchParams(mode, { ...value, ...params }, write ?? writeMode);\n setValue(deserializer(searchParams) as Params);\n };\n\n useEffect(() => {\n set(value);\n\n const onParamsChange = () => {\n const searchParams = getUrlSearchParams(mode);\n set(deserializer(searchParams) as Params);\n };\n\n window.addEventListener('popstate', onParamsChange);\n if (mode !== 'history') window.addEventListener('hashchange', onParamsChange);\n\n return () => {\n window.removeEventListener('popstate', onParamsChange);\n if (mode !== 'history') window.removeEventListener('hashchange', onParamsChange);\n };\n }, [mode]);\n\n return {\n value,\n set\n };\n};\n"],"names":["getUrlSearchParams","mode","search","hash","path","index","createQueryString","searchParams","searchParamsString","base","setUrlSearchParams","params","write","key","param","value","query","useUrlSearchParams","initialValue","options","writeMode","deserializer","acc","setValue","useState","set","useEffect","onParamsChange"],"mappings":";AAEa,MAAAA,IAAqB,CAACC,IAA4B,cAAc;AAC3E,QAAM,EAAE,QAAAC,GAAQ,MAAAC,EAAK,IAAI,OAAO;AAEhC,MAAIC,IAAO;AAIX,MAFIH,MAAS,cAAkBG,IAAAF,IAC3BD,MAAS,kBAAeG,IAAOD,EAAK,QAAQ,MAAM,EAAE,IACpDF,MAAS,QAAQ;AACb,UAAAI,IAAQF,EAAK,QAAQ,GAAG;AAC9B,IAAAC,IAAO,CAACC,IAAQF,EAAK,MAAME,CAAK,IAAI;AAAA,EAAA;AAK/B,SAFc,IAAI,gBAAgBD,CAAI;AAG/C,GAEaE,IAAoB,CAACC,GAA+BN,MAA8B;AACvF,QAAAO,IAAqBD,EAAa,SAAS,GAC3C,EAAE,QAAAL,GAAQ,MAAAC,EAAK,IAAI,OAAO;AAE5B,MAAAF,MAAS,UAAW,QAAO,GAAGO,IAAqB,IAAIA,CAAkB,KAAK,EAAE,GAAGL,CAAI;AAC3F,MAAIF,MAAS;AACX,WAAO,GAAGC,CAAM,GAAGM,IAAqB,IAAIA,CAAkB,KAAK,EAAE;AAEvE,MAAIP,MAAS,QAAQ;AACb,UAAAI,IAAQF,EAAK,QAAQ,GAAG,GACxBM,IAAOJ,IAAQ,KAAKF,EAAK,MAAM,GAAGE,CAAK,IAAIF;AAE1C,WAAA,GAAGD,CAAM,GAAGO,CAAI,GAAGD,IAAqB,IAAIA,CAAkB,KAAK,EAAE;AAAA,EAAA;AAGxE,QAAA,IAAI,MAAM,cAAc;AAChC,GAEaE,IAAqB,CAChCT,GACAU,GACAC,IAA4B,cACzB;AACG,QAAAL,IAAe,IAAI,gBAAgB;AAElC,SAAA,QAAQI,CAAM,EAAE,QAAQ,CAAC,CAACE,GAAKC,CAAK,MAAM;AAC3C,IAAA,MAAM,QAAQA,CAAK,IACfA,EAAA,QAAQ,CAACC,MAAUR,EAAa,IAAIM,GAAK,OAAOE,CAAK,CAAC,CAAC,IAE7DR,EAAa,IAAIM,GAAK,OAAOC,CAAK,CAAC;AAAA,EACrC,CACD;AAEK,QAAAE,IAAQV,EAAkBC,GAAcN,CAAI;AAC9C,SAAAW,MAAU,aAAkB,OAAA,QAAQ,aAAa,CAAC,GAAG,IAAII,CAAK,GAC9DJ,MAAU,UAAe,OAAA,QAAQ,UAAU,CAAC,GAAG,IAAII,CAAK,GAErDT;AACT,GA0CaU,IAAqB,CAIhCC,GACAC,IAAqC,OACA;AACrC,QAAM,EAAE,MAAAlB,IAAO,WAAW,OAAOmB,IAAY,cAAcD,GAErDE,IAAe,CAACd,MAChB,OAAOA,KAAiB,WACnBc,EAAa,IAAI,gBAAgBd,CAAY,CAAC,IAGnDA,aAAwB,kBACnB,MAAM,KAAKA,EAAa,QAAA,CAAS,EAAE;AAAA,IACxC,CAACe,GAAK,CAACT,GAAKE,CAAK,MAAM;AACjBA,UAAAA,MAAU,YAAoB,QAAAO;AAC9B,UAAA;AACF,QAAAA,EAAIT,CAAG,IAAI,KAAK,MAAME,CAAK;AAAA,MAAA,QACrB;AACN,QAAAO,EAAIT,CAAG,IAAIE;AAAAA,MAAA;AAEN,aAAAO;AAAA,IACT;AAAA,IACA,CAAA;AAAA,EACF,IAGKf,GAGH,CAACQ,GAAOQ,CAAQ,IAAIC,EAASH,EAAaH,KAAgB,CAAA,CAAE,CAAW,GAEvEO,IAAM,CAACd,GAAyBC,IAA4B,cAAc;AACxE,UAAAL,IAAeG,EAAmBT,GAAM,EAAE,GAAGc,GAAO,GAAGJ,EAAA,GAAUC,KAASQ,CAAS;AAChF,IAAAG,EAAAF,EAAad,CAAY,CAAW;AAAA,EAC/C;AAEA,SAAAmB,EAAU,MAAM;AACd,IAAAD,EAAIV,CAAK;AAET,UAAMY,IAAiB,MAAM;AACrB,YAAApB,IAAeP,EAAmBC,CAAI;AACxC,MAAAwB,EAAAJ,EAAad,CAAY,CAAW;AAAA,IAC1C;AAEO,kBAAA,iBAAiB,YAAYoB,CAAc,GAC9C1B,MAAS,aAAkB,OAAA,iBAAiB,cAAc0B,CAAc,GAErE,MAAM;AACJ,aAAA,oBAAoB,YAAYA,CAAc,GACjD1B,MAAS,aAAkB,OAAA,oBAAoB,cAAc0B,CAAc;AAAA,IACjF;AAAA,EAAA,GACC,CAAC1B,CAAI,CAAC,GAEF;AAAA,IACL,OAAAc;AAAA,IACA,KAAAU;AAAA,EACF;AACF;"}
1
+ {"version":3,"file":"useUrlSearchParams.mjs","sources":["../../../../src/hooks/useUrlSearchParams/useUrlSearchParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\nimport {\r\n createQueryString,\r\n dispatchUrlSearchParamsEvent,\r\n getUrlSearchParams,\r\n URL_SEARCH_PARAMS_EVENT\r\n} from '../useUrlSearchParam/useUrlSearchParam';\r\n\r\n/** The url params type */\r\nexport type UrlParams = Record<string, any>;\r\n\r\n/** The url search params mod */\r\nexport type UrlSearchParamsMode = 'hash-params' | 'hash' | 'history';\r\n\r\n/** The use url search params set options type */\r\nexport interface UseUrlSearchParamsSetOptions {\r\n /** The mode to use for writing to the URL */\r\n write?: 'push' | 'replace';\r\n}\r\n\r\n/* The use search params initial value type */\r\nexport type UseUrlSearchParamsInitialValue<Value> = (() => Value) | Value;\r\n\r\n/** The use url search params options type */\r\nexport interface UseUrlSearchParamsOptions<Value> {\r\n /* The initial value of the url search params */\r\n initialValue?: UseUrlSearchParamsInitialValue<string | URLSearchParams | Value>;\r\n /** The mode to use for writing to the URL */\r\n mode?: UrlSearchParamsMode;\r\n /** The mode to use for writing to the URL */\r\n write?: 'push' | 'replace';\r\n /* The deserializer function to be invoked */\r\n deserializer?: (value: string) => Value[keyof Value];\r\n /* The serializer function to be invoked */\r\n serializer?: (value: Value[keyof Value]) => string;\r\n}\r\n\r\n/** The use url search params return type */\r\nexport interface UseUrlSearchParamsReturn<Value> {\r\n /** The value of the url search params */\r\n value: Value;\r\n /** The set function */\r\n set: (value: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => void;\r\n}\r\n\r\nexport interface UseUrlSearchParams {\r\n <Value>(\r\n key: string,\r\n options: UseUrlSearchParamsOptions<Value> & {\r\n initialValue: UseUrlSearchParamsInitialValue<Value>;\r\n }\r\n ): UseUrlSearchParamsReturn<Value>;\r\n\r\n <Value>(options?: UseUrlSearchParamsOptions<Value>): UseUrlSearchParamsReturn<Value | undefined>;\r\n\r\n <Value>(initialValue: UseUrlSearchParamsInitialValue<Value>): UseUrlSearchParamsReturn<Value>;\r\n\r\n <Value>(key: string): UseUrlSearchParamsReturn<Value | undefined>;\r\n}\r\n\r\n/**\r\n * @name useUrlSearchParams\r\n * @description - Hook that provides reactive URLSearchParams\r\n * @category Browser\r\n *\r\n * @overload\r\n * @template Value The type of the url param values\r\n * @param {UseUrlSearchParamsOptions<Value> & { initialValue: UseUrlSearchParamsInitialValue<Value> }} options The options object with required initialValue\r\n * @param {UseUrlSearchParamsInitialValue<Value>} [options.initialValue] The initial value for the url params\r\n * @param {UrlSearchParamsMode} [options.mode='history'] The mode to use for the URL ('history' | 'hash-params' | 'hash')\r\n * @param {'push' | 'replace'} [options.write='replace'] The mode to use for writing to the URL\r\n * @param {(value: Value[keyof Value]) => string} [options.serializer] Custom serializer function to convert value to string\r\n * @param {(value: string) => Value[keyof Value]} [options.deserializer] Custom deserializer function to convert string to value\r\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\r\n *\r\n * @example\r\n * const { value, set } = useUrlSearchParams({ initialValue: { page: 1 } });\r\n *\r\n * @overload\r\n * @template Value The type of the url param values\r\n * @param {UseUrlSearchParamsInitialValue<Value>} [initialValue] The initial value for the url params\r\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\r\n *\r\n * @example\r\n * const { value, set } = useUrlSearchParams({ page: 1 });\r\n */\r\nexport const useUrlSearchParams = (<Value extends UrlParams>(\r\n params: any\r\n): UseUrlSearchParamsReturn<Value> => {\r\n const options = (\r\n typeof params === 'object' &&\r\n params &&\r\n ('serializer' in params ||\r\n 'deserializer' in params ||\r\n 'initialValue' in params ||\r\n 'mode' in params ||\r\n 'write' in params)\r\n ? params\r\n : undefined\r\n ) as UseUrlSearchParamsOptions<Value>;\r\n const initialValue = (\r\n options ? options?.initialValue : params\r\n ) as UseUrlSearchParamsInitialValue<Value>;\r\n\r\n const { mode = 'history', write: writeMode = 'replace' } = options;\r\n\r\n const serializer = (value: Value[keyof Value]) => {\r\n if (options?.serializer) return options.serializer(value);\r\n if (typeof value === 'string') return value;\r\n return JSON.stringify(value);\r\n };\r\n\r\n const deserializer = (value: string) => {\r\n if (options?.deserializer) return options.deserializer(value);\r\n if (value === 'undefined') return undefined as unknown as Value[keyof Value];\r\n\r\n try {\r\n return JSON.parse(value) as Value;\r\n } catch {\r\n return value as Value[keyof Value];\r\n }\r\n };\r\n\r\n const setUrlSearchParams = <Value extends UrlParams>(\r\n mode: UrlSearchParamsMode,\r\n value: Partial<Value>,\r\n write: 'push' | 'replace' = 'replace'\r\n ) => {\r\n const urlSearchParams = new URLSearchParams();\r\n\r\n Object.entries(value).forEach(([key, param]) => {\r\n if (Array.isArray(param)) {\r\n param.forEach((value) => urlSearchParams.set(key, serializer(value)));\r\n } else {\r\n urlSearchParams.set(key, serializer(param));\r\n }\r\n });\r\n\r\n const query = createQueryString(urlSearchParams, mode);\r\n if (write === 'replace') window.history.replaceState({}, '', query);\r\n if (write === 'push') window.history.pushState({}, '', query);\r\n\r\n return urlSearchParams;\r\n };\r\n\r\n const getParsedUrlSearchParams = (searchParams: string | UrlParams | URLSearchParams) => {\r\n if (typeof searchParams === 'string') {\r\n return getParsedUrlSearchParams(new URLSearchParams(searchParams));\r\n }\r\n\r\n if (searchParams instanceof URLSearchParams) {\r\n return Array.from(searchParams.entries()).reduce(\r\n (acc, [key, value]) => {\r\n acc[key] = deserializer(value);\r\n return acc;\r\n },\r\n {} as Record<string, any>\r\n );\r\n }\r\n\r\n return searchParams;\r\n };\r\n\r\n const [value, setValue] = useState<Value>(() => {\r\n if (typeof window === 'undefined') return (initialValue ?? {}) as Value;\r\n\r\n const urlSearchParams = getUrlSearchParams(mode);\r\n const value = {\r\n ...(initialValue && getParsedUrlSearchParams(initialValue)),\r\n ...getParsedUrlSearchParams(urlSearchParams)\r\n } as Value;\r\n\r\n setUrlSearchParams(mode, value, writeMode);\r\n\r\n return value;\r\n });\r\n\r\n const set = (params: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => {\r\n const searchParams = setUrlSearchParams(\r\n mode,\r\n { ...value, ...params },\r\n options?.write ?? writeMode\r\n );\r\n setValue(getParsedUrlSearchParams(searchParams) as Value);\r\n dispatchUrlSearchParamsEvent();\r\n };\r\n\r\n useEffect(() => {\r\n const onParamsChange = () => {\r\n const searchParams = getUrlSearchParams(mode);\r\n setValue(getParsedUrlSearchParams(searchParams) as Value);\r\n };\r\n\r\n window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\r\n window.addEventListener('popstate', onParamsChange);\r\n if (mode !== 'history') window.addEventListener('hashchange', onParamsChange);\r\n\r\n return () => {\r\n window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\r\n window.removeEventListener('popstate', onParamsChange);\r\n if (mode !== 'history') window.removeEventListener('hashchange', onParamsChange);\r\n };\r\n }, [mode]);\r\n\r\n return {\r\n value,\r\n set\r\n };\r\n}) as UseUrlSearchParams;\r\n\r\nexport { createQueryString, dispatchUrlSearchParamsEvent, getUrlSearchParams };\r\n"],"names":["useUrlSearchParams","params","options","initialValue","mode","writeMode","serializer","value","deserializer","setUrlSearchParams","write","urlSearchParams","key","param","query","createQueryString","getParsedUrlSearchParams","searchParams","acc","setValue","useState","getUrlSearchParams","set","dispatchUrlSearchParamsEvent","useEffect","onParamsChange","URL_SEARCH_PARAMS_EVENT"],"mappings":"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"}