@siberiacancode/reactuse 0.3.18 → 0.3.19
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.
- package/dist/cjs/hooks/useUrlSearchParams/useUrlSearchParams.cjs +1 -1
- package/dist/cjs/hooks/useUrlSearchParams/useUrlSearchParams.cjs.map +1 -1
- package/dist/esm/hooks/useUrlSearchParams/useUrlSearchParams.mjs +1 -1
- package/dist/esm/hooks/useUrlSearchParams/useUrlSearchParams.mjs.map +1 -1
- package/dist/types/hooks/useUrlSearchParams/useUrlSearchParams.d.ts +1 -2
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../useUrlSearchParam/useUrlSearchParam.cjs`);let t=require(`react`);var n=(n=>{let r=typeof n==`object`&&n&&(`serializer`in n||`deserializer`in n||`initialValue`in n||`mode`in n||`write`in n)?n:void 0,i=r?r?.initialValue:n,{mode:a=`history`,write:o=`replace`}=r??{},s=e=>r?.serializer?r.serializer(e):typeof e==`string`?e:JSON.stringify(e),c=e=>{if(r?.deserializer)return r.deserializer(e);if(e!==`undefined`)try{return JSON.parse(e)}catch{return e}},l=(t,n,r=`replace`)=>{let i=e.getUrlSearchParams(t);Object.entries(n).forEach(([e,t])=>{if(t===void 0)i.delete(e);else{let n=s?s(t):String(t);i.set(e,n)}});let a=e.createQueryString(i,t);return r===`replace`&&window.history.replaceState({},``,a),r===`push`&&window.history.pushState({},``,a),e.dispatchUrlSearchParamsEvent(),i},u=e=>typeof e==`string`?u(new URLSearchParams(e)):e instanceof URLSearchParams?
|
|
1
|
+
require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../useUrlSearchParam/useUrlSearchParam.cjs`);let t=require(`react`);var n=(n=>{let r=typeof n==`object`&&n&&(`serializer`in n||`deserializer`in n||`initialValue`in n||`mode`in n||`write`in n)?n:void 0,i=r?r?.initialValue:n,{mode:a=`history`,write:o=`replace`}=r??{},s=e=>r?.serializer?r.serializer(e):typeof e==`string`?e:JSON.stringify(e),c=e=>{if(r?.deserializer)return r.deserializer(e);if(e!==`undefined`)try{return JSON.parse(e)}catch{return e}},l=(t,n,r=`replace`)=>{let i=e.getUrlSearchParams(t);Object.entries(n).forEach(([e,t])=>{if(t===void 0)i.delete(e);else{let n=s?s(t):String(t);i.set(e,n)}});let a=e.createQueryString(i,t);return r===`replace`&&window.history.replaceState({},``,a),r===`push`&&window.history.pushState({},``,a),e.dispatchUrlSearchParamsEvent(),i},u=e=>typeof e==`string`?u(new URLSearchParams(e)):e instanceof URLSearchParams?[...e.entries()].reduce((e,[t,n])=>(e[t]=c(n),e),{}):e,[d,f]=(0,t.useState)(()=>{if(typeof window>`u`)return i??{};let t=e.getUrlSearchParams(a),n={...i&&u(i),...u(t)};return l(a,n,o),n});return(0,t.useEffect)(()=>{let t=()=>{f(u(e.getUrlSearchParams(a)))};return window.addEventListener(e.URL_SEARCH_PARAMS_EVENT,t),window.addEventListener(`popstate`,t),a!==`history`&&window.addEventListener(`hashchange`,t),()=>{window.removeEventListener(e.URL_SEARCH_PARAMS_EVENT,t),window.removeEventListener(`popstate`,t),a!==`history`&&window.removeEventListener(`hashchange`,t)}},[a]),{value:d,set:(e,t)=>{f(u(l(a,{...d,...e},t?.write??o)))}}});exports.useUrlSearchParams=n;
|
|
2
2
|
//# sourceMappingURL=useUrlSearchParams.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useUrlSearchParams.cjs","names":[],"sources":["../../../../src/hooks/useUrlSearchParams/useUrlSearchParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n createQueryString,\n dispatchUrlSearchParamsEvent,\n getUrlSearchParams,\n URL_SEARCH_PARAMS_EVENT\n} from '../useUrlSearchParam/useUrlSearchParam';\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 search params initial value type */\nexport type UseUrlSearchParamsInitialValue<Value> = (() => Value) | Value;\n\n/** The use url search params options type */\nexport interface UseUrlSearchParamsOptions<Value> {\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 /* The deserializer function to be invoked */\n deserializer?: (value: string) => Value[keyof Value];\n /* The serializer function to be invoked */\n serializer?: (value: Value[keyof Value]) => string;\n}\n\n/** The use url search params return type */\nexport interface UseUrlSearchParamsReturn<Value> {\n /** The value of the url search params */\n value: Value;\n /** The set function */\n set: (value: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => void;\n}\n\nexport interface UseUrlSearchParams {\n <Value>(\n
|
|
1
|
+
{"version":3,"file":"useUrlSearchParams.cjs","names":[],"sources":["../../../../src/hooks/useUrlSearchParams/useUrlSearchParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n createQueryString,\n dispatchUrlSearchParamsEvent,\n getUrlSearchParams,\n URL_SEARCH_PARAMS_EVENT\n} from '../useUrlSearchParam/useUrlSearchParam';\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 search params initial value type */\nexport type UseUrlSearchParamsInitialValue<Value> = (() => Value) | Value;\n\n/** The use url search params options type */\nexport interface UseUrlSearchParamsOptions<Value> {\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 /* The deserializer function to be invoked */\n deserializer?: (value: string) => Value[keyof Value];\n /* The serializer function to be invoked */\n serializer?: (value: Value[keyof Value]) => string;\n}\n\n/** The use url search params return type */\nexport interface UseUrlSearchParamsReturn<Value> {\n /** The value of the url search params */\n value: Value;\n /** The set function */\n set: (value: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => void;\n}\n\nexport interface UseUrlSearchParams {\n <Value>(\n options: UseUrlSearchParamsOptions<Value> & {\n initialValue: UseUrlSearchParamsInitialValue<Value>;\n }\n ): UseUrlSearchParamsReturn<Value>;\n\n <Value>(options?: UseUrlSearchParamsOptions<Value>): UseUrlSearchParamsReturn<Value | undefined>;\n\n <Value>(initialValue: UseUrlSearchParamsInitialValue<Value>): UseUrlSearchParamsReturn<Value>;\n}\n\n/**\n * @name useUrlSearchParams\n * @description - Hook that provides reactive URLSearchParams\n * @category State\n * @usage high\n *\n * @overload\n * @template Value The type of the url param values\n * @param {UseUrlSearchParamsOptions<Value> & { initialValue: UseUrlSearchParamsInitialValue<Value> }} options The options object with required initialValue\n * @param {UseUrlSearchParamsInitialValue<Value>} [options.initialValue] The initial value for the url params\n * @param {UrlSearchParamsMode} [options.mode='history'] The mode to use for the URL ('history' | 'hash-params' | 'hash')\n * @param {'push' | 'replace'} [options.write='replace'] The mode to use for writing to the URL\n * @param {(value: Value[keyof Value]) => string} [options.serializer] Custom serializer function to convert value to string\n * @param {(value: string) => Value[keyof Value]} [options.deserializer] Custom deserializer function to convert string to value\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParams({ initialValue: { page: 1 } });\n *\n * @overload\n * @template Value The type of the url param values\n * @param {UseUrlSearchParamsInitialValue<Value>} [initialValue] The initial value for the url params\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParams({ page: 1 });\n */\nexport const useUrlSearchParams = (<Value extends UrlParams>(\n params: any\n): UseUrlSearchParamsReturn<Value> => {\n const options = (\n typeof params === 'object' &&\n params &&\n ('serializer' in params ||\n 'deserializer' in params ||\n 'initialValue' in params ||\n 'mode' in params ||\n 'write' in params)\n ? params\n : undefined\n ) as\n | (UseUrlSearchParamsOptions<Value> & {\n initialValue?: UseUrlSearchParamsInitialValue<Value>;\n })\n | undefined;\n const initialValue = (\n options ? options?.initialValue : params\n ) as UseUrlSearchParamsInitialValue<Value>;\n\n const { mode = 'history', write: writeMode = 'replace' } = options ?? {};\n\n const serializer = (value: Value[keyof Value]) => {\n if (options?.serializer) return options.serializer(value);\n if (typeof value === 'string') return value;\n return JSON.stringify(value);\n };\n\n const deserializer = (value: string) => {\n if (options?.deserializer) return options.deserializer(value);\n if (value === 'undefined') return undefined as unknown as Value[keyof Value];\n\n try {\n return JSON.parse(value) as Value;\n } catch {\n return value as Value[keyof Value];\n }\n };\n\n const setUrlSearchParams = <Value extends UrlParams>(\n mode: UrlSearchParamsMode,\n value: Partial<Value>,\n write: 'push' | 'replace' = 'replace'\n ) => {\n const urlSearchParams = getUrlSearchParams(mode);\n\n Object.entries(value).forEach(([key, param]) => {\n if (param === undefined) {\n urlSearchParams.delete(key);\n } else {\n const serializedValue = serializer ? serializer(param) : String(param);\n urlSearchParams.set(key, serializedValue);\n }\n });\n\n const query = createQueryString(urlSearchParams, mode);\n if (write === 'replace') window.history.replaceState({}, '', query);\n if (write === 'push') window.history.pushState({}, '', query);\n dispatchUrlSearchParamsEvent();\n\n return urlSearchParams;\n };\n\n const getParsedUrlSearchParams = (searchParams: string | UrlParams | URLSearchParams) => {\n if (typeof searchParams === 'string') {\n return getParsedUrlSearchParams(new URLSearchParams(searchParams));\n }\n\n if (searchParams instanceof URLSearchParams) {\n return [...searchParams.entries()].reduce(\n (acc, [key, value]) => {\n acc[key] = deserializer(value);\n return acc;\n },\n {} as Record<string, any>\n );\n }\n\n return searchParams;\n };\n\n const [value, setValue] = useState<Value>(() => {\n if (typeof window === 'undefined') return (initialValue ?? {}) as Value;\n\n const urlSearchParams = getUrlSearchParams(mode);\n const value = {\n ...(initialValue && getParsedUrlSearchParams(initialValue)),\n ...getParsedUrlSearchParams(urlSearchParams)\n } as Value;\n\n setUrlSearchParams(mode, value, writeMode);\n\n return value;\n });\n\n const set = (params: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => {\n const searchParams = setUrlSearchParams(\n mode,\n { ...value, ...params },\n options?.write ?? writeMode\n );\n setValue(getParsedUrlSearchParams(searchParams) as Value);\n };\n\n useEffect(() => {\n const onParamsChange = () => {\n const searchParams = getUrlSearchParams(mode);\n setValue(getParsedUrlSearchParams(searchParams) as Value);\n };\n\n window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.addEventListener('popstate', onParamsChange);\n if (mode !== 'history') window.addEventListener('hashchange', onParamsChange);\n\n return () => {\n window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\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}) as UseUrlSearchParams;\n\nexport { createQueryString, dispatchUrlSearchParamsEvent, getUrlSearchParams };\n"],"mappings":"qIAmFA,IAAa,GACX,GACoC,CACpC,IAAM,EACJ,OAAO,GAAW,UAClB,IACC,eAAgB,GACf,iBAAkB,GAClB,iBAAkB,GAClB,SAAU,GACV,UAAW,GACT,EACA,IAAA,GAMA,EACJ,EAAU,GAAS,aAAe,EAG9B,CAAE,OAAO,UAAW,MAAO,EAAY,WAAc,GAAW,EAAE,CAElE,EAAc,GACd,GAAS,WAAmB,EAAQ,WAAW,EAAM,CACrD,OAAO,GAAU,SAAiB,EAC/B,KAAK,UAAU,EAAM,CAGxB,EAAgB,GAAkB,CACtC,GAAI,GAAS,aAAc,OAAO,EAAQ,aAAa,EAAM,CACzD,OAAU,YAEd,GAAI,CACF,OAAO,KAAK,MAAM,EAAM,MAClB,CACN,OAAO,IAIL,GACJ,EACA,EACA,EAA4B,YACzB,CACH,IAAM,EAAkB,EAAA,mBAAmB,EAAK,CAEhD,OAAO,QAAQ,EAAM,CAAC,SAAS,CAAC,EAAK,KAAW,CAC9C,GAAI,IAAU,IAAA,GACZ,EAAgB,OAAO,EAAI,KACtB,CACL,IAAM,EAAkB,EAAa,EAAW,EAAM,CAAG,OAAO,EAAM,CACtE,EAAgB,IAAI,EAAK,EAAgB,GAE3C,CAEF,IAAM,EAAQ,EAAA,kBAAkB,EAAiB,EAAK,CAKtD,OAJI,IAAU,WAAW,OAAO,QAAQ,aAAa,EAAE,CAAE,GAAI,EAAM,CAC/D,IAAU,QAAQ,OAAO,QAAQ,UAAU,EAAE,CAAE,GAAI,EAAM,CAC7D,EAAA,8BAA8B,CAEvB,GAGH,EAA4B,GAC5B,OAAO,GAAiB,SACnB,EAAyB,IAAI,gBAAgB,EAAa,CAAC,CAGhE,aAAwB,gBACnB,CAAC,GAAG,EAAa,SAAS,CAAC,CAAC,QAChC,EAAK,CAAC,EAAK,MACV,EAAI,GAAO,EAAa,EAAM,CACvB,GAET,EAAE,CACH,CAGI,EAGH,CAAC,EAAO,IAAA,EAAA,EAAA,cAAkC,CAC9C,GAAI,OAAO,OAAW,IAAa,OAAQ,GAAgB,EAAE,CAE7D,IAAM,EAAkB,EAAA,mBAAmB,EAAK,CAC1C,EAAQ,CACZ,GAAI,GAAgB,EAAyB,EAAa,CAC1D,GAAG,EAAyB,EAAgB,CAC7C,CAID,OAFA,EAAmB,EAAM,EAAO,EAAU,CAEnC,GACP,CA4BF,OAjBA,EAAA,EAAA,eAAgB,CACd,IAAM,MAAuB,CAE3B,EAAS,EADY,EAAA,mBAAmB,EAAK,CACE,CAAU,EAO3D,OAJA,OAAO,iBAAiB,EAAA,wBAAyB,EAAe,CAChE,OAAO,iBAAiB,WAAY,EAAe,CAC/C,IAAS,WAAW,OAAO,iBAAiB,aAAc,EAAe,KAEhE,CACX,OAAO,oBAAoB,EAAA,wBAAyB,EAAe,CACnE,OAAO,oBAAoB,WAAY,EAAe,CAClD,IAAS,WAAW,OAAO,oBAAoB,aAAc,EAAe,GAEjF,CAAC,EAAK,CAAC,CAEH,CACL,QACA,KA5BW,EAAwB,IAA2C,CAM9E,EAAS,EALY,EACnB,EACA,CAAE,GAAG,EAAO,GAAG,EAAQ,CACvB,GAAS,OAAS,EACnB,CAC8C,CAAU,EAuB1D"}
|
|
@@ -20,7 +20,7 @@ var o = ((o) => {
|
|
|
20
20
|
});
|
|
21
21
|
let s = t(o, e);
|
|
22
22
|
return a === "replace" && window.history.replaceState({}, "", s), a === "push" && window.history.pushState({}, "", s), n(), o;
|
|
23
|
-
}, m = (e) => typeof e == "string" ? m(new URLSearchParams(e)) : e instanceof URLSearchParams ?
|
|
23
|
+
}, m = (e) => typeof e == "string" ? m(new URLSearchParams(e)) : e instanceof URLSearchParams ? [...e.entries()].reduce((e, [t, n]) => (e[t] = f(n), e), {}) : e, [h, g] = a(() => {
|
|
24
24
|
if (typeof window > "u") return c ?? {};
|
|
25
25
|
let e = r(l), t = {
|
|
26
26
|
...c && m(c),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useUrlSearchParams.mjs","names":[],"sources":["../../../../src/hooks/useUrlSearchParams/useUrlSearchParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n createQueryString,\n dispatchUrlSearchParamsEvent,\n getUrlSearchParams,\n URL_SEARCH_PARAMS_EVENT\n} from '../useUrlSearchParam/useUrlSearchParam';\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 search params initial value type */\nexport type UseUrlSearchParamsInitialValue<Value> = (() => Value) | Value;\n\n/** The use url search params options type */\nexport interface UseUrlSearchParamsOptions<Value> {\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 /* The deserializer function to be invoked */\n deserializer?: (value: string) => Value[keyof Value];\n /* The serializer function to be invoked */\n serializer?: (value: Value[keyof Value]) => string;\n}\n\n/** The use url search params return type */\nexport interface UseUrlSearchParamsReturn<Value> {\n /** The value of the url search params */\n value: Value;\n /** The set function */\n set: (value: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => void;\n}\n\nexport interface UseUrlSearchParams {\n <Value>(\n
|
|
1
|
+
{"version":3,"file":"useUrlSearchParams.mjs","names":[],"sources":["../../../../src/hooks/useUrlSearchParams/useUrlSearchParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n createQueryString,\n dispatchUrlSearchParamsEvent,\n getUrlSearchParams,\n URL_SEARCH_PARAMS_EVENT\n} from '../useUrlSearchParam/useUrlSearchParam';\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 search params initial value type */\nexport type UseUrlSearchParamsInitialValue<Value> = (() => Value) | Value;\n\n/** The use url search params options type */\nexport interface UseUrlSearchParamsOptions<Value> {\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 /* The deserializer function to be invoked */\n deserializer?: (value: string) => Value[keyof Value];\n /* The serializer function to be invoked */\n serializer?: (value: Value[keyof Value]) => string;\n}\n\n/** The use url search params return type */\nexport interface UseUrlSearchParamsReturn<Value> {\n /** The value of the url search params */\n value: Value;\n /** The set function */\n set: (value: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => void;\n}\n\nexport interface UseUrlSearchParams {\n <Value>(\n options: UseUrlSearchParamsOptions<Value> & {\n initialValue: UseUrlSearchParamsInitialValue<Value>;\n }\n ): UseUrlSearchParamsReturn<Value>;\n\n <Value>(options?: UseUrlSearchParamsOptions<Value>): UseUrlSearchParamsReturn<Value | undefined>;\n\n <Value>(initialValue: UseUrlSearchParamsInitialValue<Value>): UseUrlSearchParamsReturn<Value>;\n}\n\n/**\n * @name useUrlSearchParams\n * @description - Hook that provides reactive URLSearchParams\n * @category State\n * @usage high\n *\n * @overload\n * @template Value The type of the url param values\n * @param {UseUrlSearchParamsOptions<Value> & { initialValue: UseUrlSearchParamsInitialValue<Value> }} options The options object with required initialValue\n * @param {UseUrlSearchParamsInitialValue<Value>} [options.initialValue] The initial value for the url params\n * @param {UrlSearchParamsMode} [options.mode='history'] The mode to use for the URL ('history' | 'hash-params' | 'hash')\n * @param {'push' | 'replace'} [options.write='replace'] The mode to use for writing to the URL\n * @param {(value: Value[keyof Value]) => string} [options.serializer] Custom serializer function to convert value to string\n * @param {(value: string) => Value[keyof Value]} [options.deserializer] Custom deserializer function to convert string to value\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParams({ initialValue: { page: 1 } });\n *\n * @overload\n * @template Value The type of the url param values\n * @param {UseUrlSearchParamsInitialValue<Value>} [initialValue] The initial value for the url params\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParams({ page: 1 });\n */\nexport const useUrlSearchParams = (<Value extends UrlParams>(\n params: any\n): UseUrlSearchParamsReturn<Value> => {\n const options = (\n typeof params === 'object' &&\n params &&\n ('serializer' in params ||\n 'deserializer' in params ||\n 'initialValue' in params ||\n 'mode' in params ||\n 'write' in params)\n ? params\n : undefined\n ) as\n | (UseUrlSearchParamsOptions<Value> & {\n initialValue?: UseUrlSearchParamsInitialValue<Value>;\n })\n | undefined;\n const initialValue = (\n options ? options?.initialValue : params\n ) as UseUrlSearchParamsInitialValue<Value>;\n\n const { mode = 'history', write: writeMode = 'replace' } = options ?? {};\n\n const serializer = (value: Value[keyof Value]) => {\n if (options?.serializer) return options.serializer(value);\n if (typeof value === 'string') return value;\n return JSON.stringify(value);\n };\n\n const deserializer = (value: string) => {\n if (options?.deserializer) return options.deserializer(value);\n if (value === 'undefined') return undefined as unknown as Value[keyof Value];\n\n try {\n return JSON.parse(value) as Value;\n } catch {\n return value as Value[keyof Value];\n }\n };\n\n const setUrlSearchParams = <Value extends UrlParams>(\n mode: UrlSearchParamsMode,\n value: Partial<Value>,\n write: 'push' | 'replace' = 'replace'\n ) => {\n const urlSearchParams = getUrlSearchParams(mode);\n\n Object.entries(value).forEach(([key, param]) => {\n if (param === undefined) {\n urlSearchParams.delete(key);\n } else {\n const serializedValue = serializer ? serializer(param) : String(param);\n urlSearchParams.set(key, serializedValue);\n }\n });\n\n const query = createQueryString(urlSearchParams, mode);\n if (write === 'replace') window.history.replaceState({}, '', query);\n if (write === 'push') window.history.pushState({}, '', query);\n dispatchUrlSearchParamsEvent();\n\n return urlSearchParams;\n };\n\n const getParsedUrlSearchParams = (searchParams: string | UrlParams | URLSearchParams) => {\n if (typeof searchParams === 'string') {\n return getParsedUrlSearchParams(new URLSearchParams(searchParams));\n }\n\n if (searchParams instanceof URLSearchParams) {\n return [...searchParams.entries()].reduce(\n (acc, [key, value]) => {\n acc[key] = deserializer(value);\n return acc;\n },\n {} as Record<string, any>\n );\n }\n\n return searchParams;\n };\n\n const [value, setValue] = useState<Value>(() => {\n if (typeof window === 'undefined') return (initialValue ?? {}) as Value;\n\n const urlSearchParams = getUrlSearchParams(mode);\n const value = {\n ...(initialValue && getParsedUrlSearchParams(initialValue)),\n ...getParsedUrlSearchParams(urlSearchParams)\n } as Value;\n\n setUrlSearchParams(mode, value, writeMode);\n\n return value;\n });\n\n const set = (params: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => {\n const searchParams = setUrlSearchParams(\n mode,\n { ...value, ...params },\n options?.write ?? writeMode\n );\n setValue(getParsedUrlSearchParams(searchParams) as Value);\n };\n\n useEffect(() => {\n const onParamsChange = () => {\n const searchParams = getUrlSearchParams(mode);\n setValue(getParsedUrlSearchParams(searchParams) as Value);\n };\n\n window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.addEventListener('popstate', onParamsChange);\n if (mode !== 'history') window.addEventListener('hashchange', onParamsChange);\n\n return () => {\n window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\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}) as UseUrlSearchParams;\n\nexport { createQueryString, dispatchUrlSearchParamsEvent, getUrlSearchParams };\n"],"mappings":";;;AAmFA,IAAa,MACX,MACoC;CACpC,IAAM,IACJ,OAAO,KAAW,YAClB,MACC,gBAAgB,KACf,kBAAkB,KAClB,kBAAkB,KAClB,UAAU,KACV,WAAW,KACT,IACA,KAAA,GAMA,IACJ,IAAU,GAAS,eAAe,GAG9B,EAAE,UAAO,WAAW,OAAO,IAAY,cAAc,KAAW,EAAE,EAElE,KAAc,MACd,GAAS,aAAmB,EAAQ,WAAW,EAAM,GACrD,OAAO,KAAU,WAAiB,IAC/B,KAAK,UAAU,EAAM,EAGxB,KAAgB,MAAkB;AACtC,MAAI,GAAS,aAAc,QAAO,EAAQ,aAAa,EAAM;AACzD,YAAU,YAEd,KAAI;AACF,UAAO,KAAK,MAAM,EAAM;UAClB;AACN,UAAO;;IAIL,KACJ,GACA,GACA,IAA4B,cACzB;EACH,IAAM,IAAkB,EAAmB,EAAK;AAEhD,SAAO,QAAQ,EAAM,CAAC,SAAS,CAAC,GAAK,OAAW;AAC9C,OAAI,MAAU,KAAA,EACZ,GAAgB,OAAO,EAAI;QACtB;IACL,IAAM,IAAkB,IAAa,EAAW,EAAM,GAAG,OAAO,EAAM;AACtE,MAAgB,IAAI,GAAK,EAAgB;;IAE3C;EAEF,IAAM,IAAQ,EAAkB,GAAiB,EAAK;AAKtD,SAJI,MAAU,aAAW,OAAO,QAAQ,aAAa,EAAE,EAAE,IAAI,EAAM,EAC/D,MAAU,UAAQ,OAAO,QAAQ,UAAU,EAAE,EAAE,IAAI,EAAM,EAC7D,GAA8B,EAEvB;IAGH,KAA4B,MAC5B,OAAO,KAAiB,WACnB,EAAyB,IAAI,gBAAgB,EAAa,CAAC,GAGhE,aAAwB,kBACnB,CAAC,GAAG,EAAa,SAAS,CAAC,CAAC,QAChC,GAAK,CAAC,GAAK,QACV,EAAI,KAAO,EAAa,EAAM,EACvB,IAET,EAAE,CACH,GAGI,GAGH,CAAC,GAAO,KAAY,QAAsB;AAC9C,MAAI,OAAO,SAAW,IAAa,QAAQ,KAAgB,EAAE;EAE7D,IAAM,IAAkB,EAAmB,EAAK,EAC1C,IAAQ;GACZ,GAAI,KAAgB,EAAyB,EAAa;GAC1D,GAAG,EAAyB,EAAgB;GAC7C;AAID,SAFA,EAAmB,GAAM,GAAO,EAAU,EAEnC;GACP;AA4BF,QAjBA,QAAgB;EACd,IAAM,UAAuB;AAE3B,KAAS,EADY,EAAmB,EAAK,CACE,CAAU;;AAO3D,SAJA,OAAO,iBAAiB,GAAyB,EAAe,EAChE,OAAO,iBAAiB,YAAY,EAAe,EAC/C,MAAS,aAAW,OAAO,iBAAiB,cAAc,EAAe,QAEhE;AAGX,GAFA,OAAO,oBAAoB,GAAyB,EAAe,EACnE,OAAO,oBAAoB,YAAY,EAAe,EAClD,MAAS,aAAW,OAAO,oBAAoB,cAAc,EAAe;;IAEjF,CAAC,EAAK,CAAC,EAEH;EACL;EACA,MA5BW,GAAwB,MAA2C;AAM9E,KAAS,EALY,EACnB,GACA;IAAE,GAAG;IAAO,GAAG;IAAQ,EACvB,GAAS,SAAS,EACnB,CAC8C,CAAU;;EAuB1D"}
|
|
@@ -26,12 +26,11 @@ export interface UseUrlSearchParamsReturn<Value> {
|
|
|
26
26
|
set: (value: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => void;
|
|
27
27
|
}
|
|
28
28
|
export interface UseUrlSearchParams {
|
|
29
|
-
<Value>(
|
|
29
|
+
<Value>(options: UseUrlSearchParamsOptions<Value> & {
|
|
30
30
|
initialValue: UseUrlSearchParamsInitialValue<Value>;
|
|
31
31
|
}): UseUrlSearchParamsReturn<Value>;
|
|
32
32
|
<Value>(options?: UseUrlSearchParamsOptions<Value>): UseUrlSearchParamsReturn<Value | undefined>;
|
|
33
33
|
<Value>(initialValue: UseUrlSearchParamsInitialValue<Value>): UseUrlSearchParamsReturn<Value>;
|
|
34
|
-
<Value>(key: string): UseUrlSearchParamsReturn<Value | undefined>;
|
|
35
34
|
}
|
|
36
35
|
/**
|
|
37
36
|
* @name useUrlSearchParams
|