@aigamo/route-sphere 2.2.11 → 2.2.13

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),n=require("react-router-dom"),c=require("./useStateHandler-Ff_CnvN8.cjs"),l=()=>{const e=n.useLocation();return a.useLayoutEffect(()=>{window.scrollTo(0,0)},[e]),null},u=e=>a.useCallback(()=>{try{return JSON.parse(window.localStorage.getItem(e)??JSON.stringify({}))}catch(t){return console.error(t),{}}},[e]),S=e=>a.useCallback(t=>{window.localStorage.setItem(e,JSON.stringify(t))},[e]),i=e=>{const t=u(e),o=S(e);return a.useMemo(()=>({deserialize:t,serialize:o}),[t,o])},d=(e,t,o,r)=>{const s=i(e);c.useStateHandler(s,t,o,r)},g=e=>a.useCallback(()=>e.state,[e]),L=e=>a.useCallback(t=>{e.state=t},[e]),m=e=>{const t=g(e),o=L(e);return a.useMemo(()=>({get:t,set:o}),[t,o])},C=(e,t)=>{const o=m(t),r=a.useMemo(()=>({onStateRestore:t.onStateRestore,onStateChange:t.onStateChange,onStateSave:t.onStateSave}),[t]);d(e,t.validateState,o,r)},b=(e,t)=>t.some(o=>e.includes(o));exports.useStateHandler=c.useStateHandler;exports.ScrollToTop=l;exports.includesAny=b;exports.useLocalStorageState=C;
-//# sourceMappingURL=index.cjs.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./useStateHandler-lwgfPmpv.cjs`);let t=require(`react`),n=require(`react-router-dom`);var r=()=>((0,t.useLayoutEffect)(()=>{window.scrollTo(0,0)},[(0,n.useLocation)()]),null),i=e=>(0,t.useCallback)(()=>{try{return JSON.parse(window.localStorage.getItem(e)??JSON.stringify({}))}catch(e){return console.error(e),{}}},[e]),a=e=>(0,t.useCallback)(t=>{window.localStorage.setItem(e,JSON.stringify(t))},[e]),o=e=>{let n=i(e),r=a(e);return(0,t.useMemo)(()=>({deserialize:n,serialize:r}),[n,r])},s=(t,n,r,i)=>{e.t(o(t),n,r,i)},c=e=>(0,t.useCallback)(()=>e.state,[e]),l=e=>(0,t.useCallback)(t=>{e.state=t},[e]),u=e=>{let n=c(e),r=l(e);return(0,t.useMemo)(()=>({get:n,set:r}),[n,r])},d=(e,n)=>{let r=u(n),i=(0,t.useMemo)(()=>({onStateRestore:n.onStateRestore,onStateChange:n.onStateChange,onStateSave:n.onStateSave}),[n]);s(e,n.validateState,r,i)},f=(e,t)=>t.some(t=>e.includes(t));exports.ScrollToTop=r,exports.includesAny=f,exports.useLocalStorageState=d,exports.useStateHandler=e.t;
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/components/ScrollToTop.tsx","../src/components/useLocalStorageState.tsx","../src/helpers/includesAny.ts"],"sourcesContent":["import { useLayoutEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nexport const ScrollToTop = (): null => {\n\tconst location = useLocation();\n\n\tuseLayoutEffect(() => {\n\t\twindow.scrollTo(0, 0);\n\t}, [location]);\n\n\treturn null;\n};\n","import type { IStateAccessor } from '@/components/IStateAccessor';\nimport type { IStateCodec } from '@/components/IStateCodec';\nimport type { IStateHandlerOptions } from '@/components/IStateHandlerOptions';\nimport { useStateHandler } from '@/components/useStateHandler';\nimport type { IStateStore } from '@/stores/IStateStore';\nimport { useCallback, useMemo } from 'react';\n\nconst useLocalStorageStateDeserializer = (key: string): (() => unknown) => {\n\treturn useCallback((): unknown => {\n\t\ttry {\n\t\t\treturn JSON.parse(\n\t\t\t\twindow.localStorage.getItem(key) ?? JSON.stringify({}),\n\t\t\t);\n\t\t} catch (error) {\n\t\t\tconsole.error(error);\n\t\t\treturn {};\n\t\t}\n\t}, [key]);\n};\n\nconst useLocalStorageStateSerializer = <TState,>(\n\tkey: string,\n): ((state: TState) => void) => {\n\treturn useCallback(\n\t\t(state: TState): void => {\n\t\t\twindow.localStorage.setItem(key, JSON.stringify(state));\n\t\t},\n\t\t[key],\n\t);\n};\n\nconst useLocalStorageStateCodec = <TState,>(\n\tkey: string,\n): IStateCodec<TState> => {\n\tconst deserializer = useLocalStorageStateDeserializer(key);\n\tconst serializer = useLocalStorageStateSerializer(key);\n\tconst codec = useMemo(\n\t\t(): IStateCodec<TState> => ({\n\t\t\tdeserialize: deserializer,\n\t\t\tserialize: serializer,\n\t\t}),\n\t\t[deserializer, serializer],\n\t);\n\treturn codec;\n};\n\nconst useLocalStorageStateHandler = <TState,>(\n\tkey: string,\n\tvalidator: (state: unknown) => state is TState,\n\taccessor: IStateAccessor<TState>,\n\toptions: IStateHandlerOptions<TState>,\n): void => {\n\tconst codec = useLocalStorageStateCodec(key);\n\tuseStateHandler(codec, validator, accessor, options);\n};\n\nconst useLocalStorageStateGetter = <TState,>(\n\tstore: IStateStore<TState>,\n): (() => TState) => {\n\treturn useCallback((): TState => store.state, [store]);\n};\n\nconst useLocalStorageStateSetter = <TState,>(\n\tstore: IStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn useCallback(\n\t\t(state: TState): void => {\n\t\t\tstore.state = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nconst useLocalStorageStateAccessor = <TState,>(\n\tstore: IStateStore<TState>,\n): IStateAccessor<TState> => {\n\tconst getter = useLocalStorageStateGetter(store);\n\tconst setter = useLocalStorageStateSetter(store);\n\tconst accessor = useMemo(\n\t\t(): IStateAccessor<TState> => ({ get: getter, set: setter }),\n\t\t[getter, setter],\n\t);\n\treturn accessor;\n};\n\nexport const useLocalStorageState = <TState,>(\n\tkey: string,\n\tstore: IStateStore<TState>,\n): void => {\n\tconst accessor = useLocalStorageStateAccessor(store);\n\tconst options = useMemo(\n\t\t() => ({\n\t\t\tonStateRestore: store.onStateRestore,\n\t\t\tonStateChange: store.onStateChange,\n\t\t\tonStateSave: store.onStateSave,\n\t\t}),\n\t\t[store],\n\t);\n\tuseLocalStorageStateHandler(key, store.validateState, accessor, options);\n};\n","export const includesAny = <T>(array: T[], values: T[]): boolean => {\n\treturn values.some((value) => array.includes(value));\n};\n"],"names":["ScrollToTop","location","useLocation","useLayoutEffect","useLocalStorageStateDeserializer","key","useCallback","error","useLocalStorageStateSerializer","state","useLocalStorageStateCodec","deserializer","serializer","useMemo","useLocalStorageStateHandler","validator","accessor","options","codec","useStateHandler","useLocalStorageStateGetter","store","useLocalStorageStateSetter","useLocalStorageStateAccessor","getter","setter","useLocalStorageState","includesAny","array","values","value"],"mappings":"mLAGaA,EAAc,IAAY,CACtC,MAAMC,EAAWC,EAAAA,YAAA,EAEjBC,OAAAA,EAAAA,gBAAgB,IAAM,CACrB,OAAO,SAAS,EAAG,CAAC,CACrB,EAAG,CAACF,CAAQ,CAAC,EAEN,IACR,ECJMG,EAAoCC,GAClCC,EAAAA,YAAY,IAAe,CACjC,GAAI,CACH,OAAO,KAAK,MACX,OAAO,aAAa,QAAQD,CAAG,GAAK,KAAK,UAAU,CAAA,CAAE,CAAA,CAEvD,OAASE,EAAO,CACf,eAAQ,MAAMA,CAAK,EACZ,CAAA,CACR,CACD,EAAG,CAACF,CAAG,CAAC,EAGHG,EACLH,GAEOC,EAAAA,YACLG,GAAwB,CACxB,OAAO,aAAa,QAAQJ,EAAK,KAAK,UAAUI,CAAK,CAAC,CACvD,EACA,CAACJ,CAAG,CAAA,EAIAK,EACLL,GACyB,CACzB,MAAMM,EAAeP,EAAiCC,CAAG,EACnDO,EAAaJ,EAA+BH,CAAG,EAQrD,OAPcQ,EAAAA,QACb,KAA4B,CAC3B,YAAaF,EACb,UAAWC,CAAA,GAEZ,CAACD,EAAcC,CAAU,CAAA,CAG3B,EAEME,EAA8B,CACnCT,EACAU,EACAC,EACAC,IACU,CACV,MAAMC,EAAQR,EAA0BL,CAAG,EAC3Cc,EAAAA,gBAAgBD,EAAOH,EAAWC,EAAUC,CAAO,CACpD,EAEMG,EACLC,GAEOf,EAAAA,YAAY,IAAce,EAAM,MAAO,CAACA,CAAK,CAAC,EAGhDC,EACLD,GAEOf,EAAAA,YACLG,GAAwB,CACxBY,EAAM,MAAQZ,CACf,EACA,CAACY,CAAK,CAAA,EAIFE,EACLF,GAC4B,CAC5B,MAAMG,EAASJ,EAA2BC,CAAK,EACzCI,EAASH,EAA2BD,CAAK,EAK/C,OAJiBR,EAAAA,QAChB,KAA+B,CAAE,IAAKW,EAAQ,IAAKC,CAAA,GACnD,CAACD,EAAQC,CAAM,CAAA,CAGjB,EAEaC,EAAuB,CACnCrB,EACAgB,IACU,CACV,MAAML,EAAWO,EAA6BF,CAAK,EAC7CJ,EAAUJ,EAAAA,QACf,KAAO,CACN,eAAgBQ,EAAM,eACtB,cAAeA,EAAM,cACrB,YAAaA,EAAM,WAAA,GAEpB,CAACA,CAAK,CAAA,EAEPP,EAA4BT,EAAKgB,EAAM,cAAeL,EAAUC,CAAO,CACxE,ECnGaU,EAAc,CAAIC,EAAYC,IACnCA,EAAO,KAAMC,GAAUF,EAAM,SAASE,CAAK,CAAC"}
+{"version":3,"file":"index.cjs.js","names":[],"sources":["../src/components/ScrollToTop.tsx","../src/components/useLocalStorageState.tsx","../src/helpers/includesAny.ts"],"sourcesContent":["import { useLayoutEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nexport const ScrollToTop = (): null => {\n\tconst location = useLocation();\n\n\tuseLayoutEffect(() => {\n\t\twindow.scrollTo(0, 0);\n\t}, [location]);\n\n\treturn null;\n};\n","import type { IStateAccessor } from '@/components/IStateAccessor';\nimport type { IStateCodec } from '@/components/IStateCodec';\nimport type { IStateHandlerOptions } from '@/components/IStateHandlerOptions';\nimport { useStateHandler } from '@/components/useStateHandler';\nimport type { IStateStore } from '@/stores/IStateStore';\nimport { useCallback, useMemo } from 'react';\n\nconst useLocalStorageStateDeserializer = (key: string): (() => unknown) => {\n\treturn useCallback((): unknown => {\n\t\ttry {\n\t\t\treturn JSON.parse(\n\t\t\t\twindow.localStorage.getItem(key) ?? JSON.stringify({}),\n\t\t\t);\n\t\t} catch (error) {\n\t\t\tconsole.error(error);\n\t\t\treturn {};\n\t\t}\n\t}, [key]);\n};\n\nconst useLocalStorageStateSerializer = <TState,>(\n\tkey: string,\n): ((state: TState) => void) => {\n\treturn useCallback(\n\t\t(state: TState): void => {\n\t\t\twindow.localStorage.setItem(key, JSON.stringify(state));\n\t\t},\n\t\t[key],\n\t);\n};\n\nconst useLocalStorageStateCodec = <TState,>(\n\tkey: string,\n): IStateCodec<TState> => {\n\tconst deserializer = useLocalStorageStateDeserializer(key);\n\tconst serializer = useLocalStorageStateSerializer(key);\n\tconst codec = useMemo(\n\t\t(): IStateCodec<TState> => ({\n\t\t\tdeserialize: deserializer,\n\t\t\tserialize: serializer,\n\t\t}),\n\t\t[deserializer, serializer],\n\t);\n\treturn codec;\n};\n\nconst useLocalStorageStateHandler = <TState,>(\n\tkey: string,\n\tvalidator: (state: unknown) => state is TState,\n\taccessor: IStateAccessor<TState>,\n\toptions: IStateHandlerOptions<TState>,\n): void => {\n\tconst codec = useLocalStorageStateCodec(key);\n\tuseStateHandler(codec, validator, accessor, options);\n};\n\nconst useLocalStorageStateGetter = <TState,>(\n\tstore: IStateStore<TState>,\n): (() => TState) => {\n\treturn useCallback((): TState => store.state, [store]);\n};\n\nconst useLocalStorageStateSetter = <TState,>(\n\tstore: IStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn useCallback(\n\t\t(state: TState): void => {\n\t\t\tstore.state = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nconst useLocalStorageStateAccessor = <TState,>(\n\tstore: IStateStore<TState>,\n): IStateAccessor<TState> => {\n\tconst getter = useLocalStorageStateGetter(store);\n\tconst setter = useLocalStorageStateSetter(store);\n\tconst accessor = useMemo(\n\t\t(): IStateAccessor<TState> => ({ get: getter, set: setter }),\n\t\t[getter, setter],\n\t);\n\treturn accessor;\n};\n\nexport const useLocalStorageState = <TState,>(\n\tkey: string,\n\tstore: IStateStore<TState>,\n): void => {\n\tconst accessor = useLocalStorageStateAccessor(store);\n\tconst options = useMemo(\n\t\t() => ({\n\t\t\tonStateRestore: store.onStateRestore,\n\t\t\tonStateChange: store.onStateChange,\n\t\t\tonStateSave: store.onStateSave,\n\t\t}),\n\t\t[store],\n\t);\n\tuseLocalStorageStateHandler(key, store.validateState, accessor, options);\n};\n","export const includesAny = <T>(array: T[], values: T[]): boolean => {\n\treturn values.some((value) => array.includes(value));\n};\n"],"mappings":"0KAGA,IAAa,QAGZ,EAAA,EAAA,qBAAsB,CACrB,OAAO,SAAS,EAAG,EAAE,EACnB,EAAA,EAAA,EAAA,cAJ2B,CAIjB,CAAC,CAEP,MCHF,EAAoC,IACzC,EAAA,EAAA,iBAAkC,CACjC,GAAI,CACH,OAAO,KAAK,MACX,OAAO,aAAa,QAAQ,EAAI,EAAI,KAAK,UAAU,EAAE,CAAC,CACtD,OACO,EAAO,CAEf,OADA,QAAQ,MAAM,EAAM,CACb,EAAE,GAER,CAAC,EAAI,CAAC,CAGJ,EACL,IAEA,EAAA,EAAA,aACE,GAAwB,CACxB,OAAO,aAAa,QAAQ,EAAK,KAAK,UAAU,EAAM,CAAC,EAExD,CAAC,EAAI,CACL,CAGI,EACL,GACyB,CACzB,IAAM,EAAe,EAAiC,EAAI,CACpD,EAAa,EAA+B,EAAI,CAQtD,OAAA,EAAA,EAAA,cAN6B,CAC3B,YAAa,EACb,UAAW,EACX,EACD,CAAC,EAAc,EAAW,CAC1B,EAII,GACL,EACA,EACA,EACA,IACU,CAEV,EAAA,EADc,EAA0B,EAAI,CACrB,EAAW,EAAU,EAAQ,EAG/C,EACL,IAEA,EAAA,EAAA,iBAAiC,EAAM,MAAO,CAAC,EAAM,CAAC,CAGjD,EACL,IAEA,EAAA,EAAA,aACE,GAAwB,CACxB,EAAM,MAAQ,GAEf,CAAC,EAAM,CACP,CAGI,EACL,GAC4B,CAC5B,IAAM,EAAS,EAA2B,EAAM,CAC1C,EAAS,EAA2B,EAAM,CAKhD,OAAA,EAAA,EAAA,cAHgC,CAAE,IAAK,EAAQ,IAAK,EAAQ,EAC3D,CAAC,EAAQ,EAAO,CAChB,EAIW,GACZ,EACA,IACU,CACV,IAAM,EAAW,EAA6B,EAAM,CAC9C,GAAA,EAAA,EAAA,cACE,CACN,eAAgB,EAAM,eACtB,cAAe,EAAM,cACrB,YAAa,EAAM,YACnB,EACD,CAAC,EAAM,CACP,CACD,EAA4B,EAAK,EAAM,cAAe,EAAU,EAAQ,EClG5D,GAAkB,EAAY,IACnC,EAAO,KAAM,GAAU,EAAM,SAAS,EAAM,CAAC"}

package/dist/index.es.js

@@ -1,62 +1,42 @@
-import { useLayoutEffect as n, useMemo as c, useCallback as r } from "react";
-import { useLocation as S } from "react-router-dom";
-import { u as l } from "./useStateHandler-Dbkejxjm.js";
-const C = () => {
-  const e = S();
-  return n(() => {
-    window.scrollTo(0, 0);
-  }, [e]), null;
-}, i = (e) => r(() => {
-  try {
-    return JSON.parse(
-      window.localStorage.getItem(e) ?? JSON.stringify({})
-    );
-  } catch (t) {
-    return console.error(t), {};
-  }
-}, [e]), u = (e) => r(
-  (t) => {
-    window.localStorage.setItem(e, JSON.stringify(t));
-  },
-  [e]
-), g = (e) => {
-  const t = i(e), o = u(e);
-  return c(
-    () => ({
-      deserialize: t,
-      serialize: o
-    }),
-    [t, o]
-  );
-}, d = (e, t, o, a) => {
-  const s = g(e);
-  l(s, t, o, a);
-}, m = (e) => r(() => e.state, [e]), L = (e) => r(
-  (t) => {
-    e.state = t;
-  },
-  [e]
-), f = (e) => {
-  const t = m(e), o = L(e);
-  return c(
-    () => ({ get: t, set: o }),
-    [t, o]
-  );
-}, h = (e, t) => {
-  const o = f(t), a = c(
-    () => ({
-      onStateRestore: t.onStateRestore,
-      onStateChange: t.onStateChange,
-      onStateSave: t.onStateSave
-    }),
-    [t]
-  );
-  d(e, t.validateState, o, a);
-}, v = (e, t) => t.some((o) => e.includes(o));
-export {
-  C as ScrollToTop,
-  v as includesAny,
-  h as useLocalStorageState,
-  l as useStateHandler
-};
-//# sourceMappingURL=index.es.js.map
+import { t as e } from "./useStateHandler-cGvOZfIR.js";
+import { useCallback as t, useLayoutEffect as n, useMemo as r } from "react";
+import { useLocation as i } from "react-router-dom";
+//#region src/components/ScrollToTop.tsx
+var a = () => (n(() => {
+	window.scrollTo(0, 0);
+}, [i()]), null), o = (e) => t(() => {
+	try {
+		return JSON.parse(window.localStorage.getItem(e) ?? JSON.stringify({}));
+	} catch (e) {
+		return console.error(e), {};
+	}
+}, [e]), s = (e) => t((t) => {
+	window.localStorage.setItem(e, JSON.stringify(t));
+}, [e]), c = (e) => {
+	let t = o(e), n = s(e);
+	return r(() => ({
+		deserialize: t,
+		serialize: n
+	}), [t, n]);
+}, l = (t, n, r, i) => {
+	e(c(t), n, r, i);
+}, u = (e) => t(() => e.state, [e]), d = (e) => t((t) => {
+	e.state = t;
+}, [e]), f = (e) => {
+	let t = u(e), n = d(e);
+	return r(() => ({
+		get: t,
+		set: n
+	}), [t, n]);
+}, p = (e, t) => {
+	let n = f(t), i = r(() => ({
+		onStateRestore: t.onStateRestore,
+		onStateChange: t.onStateChange,
+		onStateSave: t.onStateSave
+	}), [t]);
+	l(e, t.validateState, n, i);
+}, m = (e, t) => t.some((t) => e.includes(t));
+//#endregion
+export { a as ScrollToTop, m as includesAny, p as useLocalStorageState, e as useStateHandler };
+
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/components/ScrollToTop.tsx","../src/components/useLocalStorageState.tsx","../src/helpers/includesAny.ts"],"sourcesContent":["import { useLayoutEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nexport const ScrollToTop = (): null => {\n\tconst location = useLocation();\n\n\tuseLayoutEffect(() => {\n\t\twindow.scrollTo(0, 0);\n\t}, [location]);\n\n\treturn null;\n};\n","import type { IStateAccessor } from '@/components/IStateAccessor';\nimport type { IStateCodec } from '@/components/IStateCodec';\nimport type { IStateHandlerOptions } from '@/components/IStateHandlerOptions';\nimport { useStateHandler } from '@/components/useStateHandler';\nimport type { IStateStore } from '@/stores/IStateStore';\nimport { useCallback, useMemo } from 'react';\n\nconst useLocalStorageStateDeserializer = (key: string): (() => unknown) => {\n\treturn useCallback((): unknown => {\n\t\ttry {\n\t\t\treturn JSON.parse(\n\t\t\t\twindow.localStorage.getItem(key) ?? JSON.stringify({}),\n\t\t\t);\n\t\t} catch (error) {\n\t\t\tconsole.error(error);\n\t\t\treturn {};\n\t\t}\n\t}, [key]);\n};\n\nconst useLocalStorageStateSerializer = <TState,>(\n\tkey: string,\n): ((state: TState) => void) => {\n\treturn useCallback(\n\t\t(state: TState): void => {\n\t\t\twindow.localStorage.setItem(key, JSON.stringify(state));\n\t\t},\n\t\t[key],\n\t);\n};\n\nconst useLocalStorageStateCodec = <TState,>(\n\tkey: string,\n): IStateCodec<TState> => {\n\tconst deserializer = useLocalStorageStateDeserializer(key);\n\tconst serializer = useLocalStorageStateSerializer(key);\n\tconst codec = useMemo(\n\t\t(): IStateCodec<TState> => ({\n\t\t\tdeserialize: deserializer,\n\t\t\tserialize: serializer,\n\t\t}),\n\t\t[deserializer, serializer],\n\t);\n\treturn codec;\n};\n\nconst useLocalStorageStateHandler = <TState,>(\n\tkey: string,\n\tvalidator: (state: unknown) => state is TState,\n\taccessor: IStateAccessor<TState>,\n\toptions: IStateHandlerOptions<TState>,\n): void => {\n\tconst codec = useLocalStorageStateCodec(key);\n\tuseStateHandler(codec, validator, accessor, options);\n};\n\nconst useLocalStorageStateGetter = <TState,>(\n\tstore: IStateStore<TState>,\n): (() => TState) => {\n\treturn useCallback((): TState => store.state, [store]);\n};\n\nconst useLocalStorageStateSetter = <TState,>(\n\tstore: IStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn useCallback(\n\t\t(state: TState): void => {\n\t\t\tstore.state = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nconst useLocalStorageStateAccessor = <TState,>(\n\tstore: IStateStore<TState>,\n): IStateAccessor<TState> => {\n\tconst getter = useLocalStorageStateGetter(store);\n\tconst setter = useLocalStorageStateSetter(store);\n\tconst accessor = useMemo(\n\t\t(): IStateAccessor<TState> => ({ get: getter, set: setter }),\n\t\t[getter, setter],\n\t);\n\treturn accessor;\n};\n\nexport const useLocalStorageState = <TState,>(\n\tkey: string,\n\tstore: IStateStore<TState>,\n): void => {\n\tconst accessor = useLocalStorageStateAccessor(store);\n\tconst options = useMemo(\n\t\t() => ({\n\t\t\tonStateRestore: store.onStateRestore,\n\t\t\tonStateChange: store.onStateChange,\n\t\t\tonStateSave: store.onStateSave,\n\t\t}),\n\t\t[store],\n\t);\n\tuseLocalStorageStateHandler(key, store.validateState, accessor, options);\n};\n","export const includesAny = <T>(array: T[], values: T[]): boolean => {\n\treturn values.some((value) => array.includes(value));\n};\n"],"names":["ScrollToTop","location","useLocation","useLayoutEffect","useLocalStorageStateDeserializer","key","useCallback","error","useLocalStorageStateSerializer","state","useLocalStorageStateCodec","deserializer","serializer","useMemo","useLocalStorageStateHandler","validator","accessor","options","codec","useStateHandler","useLocalStorageStateGetter","store","useLocalStorageStateSetter","useLocalStorageStateAccessor","getter","setter","useLocalStorageState","includesAny","array","values","value"],"mappings":";;;AAGO,MAAMA,IAAc,MAAY;AACtC,QAAMC,IAAWC,EAAA;AAEjB,SAAAC,EAAgB,MAAM;AACrB,WAAO,SAAS,GAAG,CAAC;AAAA,EACrB,GAAG,CAACF,CAAQ,CAAC,GAEN;AACR,GCJMG,IAAmC,CAACC,MAClCC,EAAY,MAAe;AACjC,MAAI;AACH,WAAO,KAAK;AAAA,MACX,OAAO,aAAa,QAAQD,CAAG,KAAK,KAAK,UAAU,CAAA,CAAE;AAAA,IAAA;AAAA,EAEvD,SAASE,GAAO;AACf,mBAAQ,MAAMA,CAAK,GACZ,CAAA;AAAA,EACR;AACD,GAAG,CAACF,CAAG,CAAC,GAGHG,IAAiC,CACtCH,MAEOC;AAAA,EACN,CAACG,MAAwB;AACxB,WAAO,aAAa,QAAQJ,GAAK,KAAK,UAAUI,CAAK,CAAC;AAAA,EACvD;AAAA,EACA,CAACJ,CAAG;AAAA,GAIAK,IAA4B,CACjCL,MACyB;AACzB,QAAMM,IAAeP,EAAiCC,CAAG,GACnDO,IAAaJ,EAA+BH,CAAG;AAQrD,SAPcQ;AAAA,IACb,OAA4B;AAAA,MAC3B,aAAaF;AAAA,MACb,WAAWC;AAAA,IAAA;AAAA,IAEZ,CAACD,GAAcC,CAAU;AAAA,EAAA;AAG3B,GAEME,IAA8B,CACnCT,GACAU,GACAC,GACAC,MACU;AACV,QAAMC,IAAQR,EAA0BL,CAAG;AAC3C,EAAAc,EAAgBD,GAAOH,GAAWC,GAAUC,CAAO;AACpD,GAEMG,IAA6B,CAClCC,MAEOf,EAAY,MAAce,EAAM,OAAO,CAACA,CAAK,CAAC,GAGhDC,IAA6B,CAClCD,MAEOf;AAAA,EACN,CAACG,MAAwB;AACxB,IAAAY,EAAM,QAAQZ;AAAA,EACf;AAAA,EACA,CAACY,CAAK;AAAA,GAIFE,IAA+B,CACpCF,MAC4B;AAC5B,QAAMG,IAASJ,EAA2BC,CAAK,GACzCI,IAASH,EAA2BD,CAAK;AAK/C,SAJiBR;AAAA,IAChB,OAA+B,EAAE,KAAKW,GAAQ,KAAKC,EAAA;AAAA,IACnD,CAACD,GAAQC,CAAM;AAAA,EAAA;AAGjB,GAEaC,IAAuB,CACnCrB,GACAgB,MACU;AACV,QAAML,IAAWO,EAA6BF,CAAK,GAC7CJ,IAAUJ;AAAA,IACf,OAAO;AAAA,MACN,gBAAgBQ,EAAM;AAAA,MACtB,eAAeA,EAAM;AAAA,MACrB,aAAaA,EAAM;AAAA,IAAA;AAAA,IAEpB,CAACA,CAAK;AAAA,EAAA;AAEP,EAAAP,EAA4BT,GAAKgB,EAAM,eAAeL,GAAUC,CAAO;AACxE,GCnGaU,IAAc,CAAIC,GAAYC,MACnCA,EAAO,KAAK,CAACC,MAAUF,EAAM,SAASE,CAAK,CAAC;"}
+{"version":3,"file":"index.es.js","names":[],"sources":["../src/components/ScrollToTop.tsx","../src/components/useLocalStorageState.tsx","../src/helpers/includesAny.ts"],"sourcesContent":["import { useLayoutEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nexport const ScrollToTop = (): null => {\n\tconst location = useLocation();\n\n\tuseLayoutEffect(() => {\n\t\twindow.scrollTo(0, 0);\n\t}, [location]);\n\n\treturn null;\n};\n","import type { IStateAccessor } from '@/components/IStateAccessor';\nimport type { IStateCodec } from '@/components/IStateCodec';\nimport type { IStateHandlerOptions } from '@/components/IStateHandlerOptions';\nimport { useStateHandler } from '@/components/useStateHandler';\nimport type { IStateStore } from '@/stores/IStateStore';\nimport { useCallback, useMemo } from 'react';\n\nconst useLocalStorageStateDeserializer = (key: string): (() => unknown) => {\n\treturn useCallback((): unknown => {\n\t\ttry {\n\t\t\treturn JSON.parse(\n\t\t\t\twindow.localStorage.getItem(key) ?? JSON.stringify({}),\n\t\t\t);\n\t\t} catch (error) {\n\t\t\tconsole.error(error);\n\t\t\treturn {};\n\t\t}\n\t}, [key]);\n};\n\nconst useLocalStorageStateSerializer = <TState,>(\n\tkey: string,\n): ((state: TState) => void) => {\n\treturn useCallback(\n\t\t(state: TState): void => {\n\t\t\twindow.localStorage.setItem(key, JSON.stringify(state));\n\t\t},\n\t\t[key],\n\t);\n};\n\nconst useLocalStorageStateCodec = <TState,>(\n\tkey: string,\n): IStateCodec<TState> => {\n\tconst deserializer = useLocalStorageStateDeserializer(key);\n\tconst serializer = useLocalStorageStateSerializer(key);\n\tconst codec = useMemo(\n\t\t(): IStateCodec<TState> => ({\n\t\t\tdeserialize: deserializer,\n\t\t\tserialize: serializer,\n\t\t}),\n\t\t[deserializer, serializer],\n\t);\n\treturn codec;\n};\n\nconst useLocalStorageStateHandler = <TState,>(\n\tkey: string,\n\tvalidator: (state: unknown) => state is TState,\n\taccessor: IStateAccessor<TState>,\n\toptions: IStateHandlerOptions<TState>,\n): void => {\n\tconst codec = useLocalStorageStateCodec(key);\n\tuseStateHandler(codec, validator, accessor, options);\n};\n\nconst useLocalStorageStateGetter = <TState,>(\n\tstore: IStateStore<TState>,\n): (() => TState) => {\n\treturn useCallback((): TState => store.state, [store]);\n};\n\nconst useLocalStorageStateSetter = <TState,>(\n\tstore: IStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn useCallback(\n\t\t(state: TState): void => {\n\t\t\tstore.state = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nconst useLocalStorageStateAccessor = <TState,>(\n\tstore: IStateStore<TState>,\n): IStateAccessor<TState> => {\n\tconst getter = useLocalStorageStateGetter(store);\n\tconst setter = useLocalStorageStateSetter(store);\n\tconst accessor = useMemo(\n\t\t(): IStateAccessor<TState> => ({ get: getter, set: setter }),\n\t\t[getter, setter],\n\t);\n\treturn accessor;\n};\n\nexport const useLocalStorageState = <TState,>(\n\tkey: string,\n\tstore: IStateStore<TState>,\n): void => {\n\tconst accessor = useLocalStorageStateAccessor(store);\n\tconst options = useMemo(\n\t\t() => ({\n\t\t\tonStateRestore: store.onStateRestore,\n\t\t\tonStateChange: store.onStateChange,\n\t\t\tonStateSave: store.onStateSave,\n\t\t}),\n\t\t[store],\n\t);\n\tuseLocalStorageStateHandler(key, store.validateState, accessor, options);\n};\n","export const includesAny = <T>(array: T[], values: T[]): boolean => {\n\treturn values.some((value) => array.includes(value));\n};\n"],"mappings":";;;;AAGA,IAAa,WAGZ,QAAsB;AACrB,QAAO,SAAS,GAAG,EAAE;GACnB,CAJc,GAAa,CAIjB,CAAC,EAEP,OCHF,KAAoC,MAClC,QAA2B;AACjC,KAAI;AACH,SAAO,KAAK,MACX,OAAO,aAAa,QAAQ,EAAI,IAAI,KAAK,UAAU,EAAE,CAAC,CACtD;UACO,GAAO;AAEf,SADA,QAAQ,MAAM,EAAM,EACb,EAAE;;GAER,CAAC,EAAI,CAAC,EAGJ,KACL,MAEO,GACL,MAAwB;AACxB,QAAO,aAAa,QAAQ,GAAK,KAAK,UAAU,EAAM,CAAC;GAExD,CAAC,EAAI,CACL,EAGI,KACL,MACyB;CACzB,IAAM,IAAe,EAAiC,EAAI,EACpD,IAAa,EAA+B,EAAI;AAQtD,QAPc,SACe;EAC3B,aAAa;EACb,WAAW;EACX,GACD,CAAC,GAAc,EAAW,CAC1B;GAII,KACL,GACA,GACA,GACA,MACU;AAEV,GADc,EAA0B,EAAI,EACrB,GAAW,GAAU,EAAQ;GAG/C,KACL,MAEO,QAA0B,EAAM,OAAO,CAAC,EAAM,CAAC,EAGjD,KACL,MAEO,GACL,MAAwB;AACxB,GAAM,QAAQ;GAEf,CAAC,EAAM,CACP,EAGI,KACL,MAC4B;CAC5B,IAAM,IAAS,EAA2B,EAAM,EAC1C,IAAS,EAA2B,EAAM;AAKhD,QAJiB,SACe;EAAE,KAAK;EAAQ,KAAK;EAAQ,GAC3D,CAAC,GAAQ,EAAO,CAChB;GAIW,KACZ,GACA,MACU;CACV,IAAM,IAAW,EAA6B,EAAM,EAC9C,IAAU,SACR;EACN,gBAAgB,EAAM;EACtB,eAAe,EAAM;EACrB,aAAa,EAAM;EACnB,GACD,CAAC,EAAM,CACP;AACD,GAA4B,GAAK,EAAM,eAAe,GAAU,EAAQ;GClG5D,KAAkB,GAAY,MACnC,EAAO,MAAM,MAAU,EAAM,SAAS,EAAM,CAAC"}

package/dist/react-router.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./useStateHandler-Ff_CnvN8.cjs"),c=require("qs"),o=require("react"),n=require("react-router-dom"),i=()=>{const e=n.useLocation();return o.useCallback(()=>c.parse(e.search.slice(1)),[e])},u=()=>{const e=n.useNavigate();return o.useCallback(async t=>{const a=`?${c.stringify(t)}`;await e(a)},[e])},l=()=>{const e=i(),t=u();return o.useMemo(()=>({deserialize:e,serialize:t}),[e,t])},S=(e,t,a)=>{const s=l();r.useStateHandler(s,e,t,a)},d=e=>o.useCallback(()=>e.state,[e]),L=e=>o.useCallback(t=>{e.state=t},[e]),g=e=>{const t=d(e),a=L(e);return o.useMemo(()=>({get:t,set:a}),[t,a])},C=e=>{const t=g(e),a=o.useMemo(()=>({onStateRestore:e.onStateRestore,onStateChange:e.onStateChange,onStateSave:e.onStateSave}),[e]);S(e.validateState,t,a)};exports.useLocationState=C;
-//# sourceMappingURL=react-router.cjs.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./useStateHandler-lwgfPmpv.cjs`);let t=require(`react`),n=require(`react-router-dom`),r=require(`qs`);var i=()=>{let e=(0,n.useLocation)();return(0,t.useCallback)(()=>(0,r.parse)(e.search.slice(1)),[e])},a=()=>{let e=(0,n.useNavigate)();return(0,t.useCallback)(async t=>{await e(`?${(0,r.stringify)(t)}`)},[e])},o=()=>{let e=i(),n=a();return(0,t.useMemo)(()=>({deserialize:e,serialize:n}),[e,n])},s=(t,n,r)=>{e.t(o(),t,n,r)},c=e=>(0,t.useCallback)(()=>e.state,[e]),l=e=>(0,t.useCallback)(t=>{e.state=t},[e]),u=e=>{let n=c(e),r=l(e);return(0,t.useMemo)(()=>({get:n,set:r}),[n,r])},d=e=>{let n=u(e),r=(0,t.useMemo)(()=>({onStateRestore:e.onStateRestore,onStateChange:e.onStateChange,onStateSave:e.onStateSave}),[e]);s(e.validateState,n,r)};exports.useLocationState=d;
+//# sourceMappingURL=react-router.cjs.js.map

package/dist/react-router.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-router.cjs.js","sources":["../src/react-router/useLocationState.tsx"],"sourcesContent":["import type { IStateAccessor } from '@/components/IStateAccessor';\nimport type { IStateCodec } from '@/components/IStateCodec';\nimport type { IStateHandlerOptions } from '@/components/IStateHandlerOptions';\nimport { useStateHandler } from '@/components/useStateHandler';\nimport type { IStateStore } from '@/stores/IStateStore';\nimport { type ParsedQs, parse, stringify } from 'qs';\nimport { useCallback, useMemo } from 'react';\nimport { useLocation, useNavigate } from 'react-router-dom';\n\nconst useLocationStateDeserializer = (): (() => ParsedQs) => {\n\tconst location = useLocation();\n\n\t// Pass `location` as deps instead of `location.search`.\n\treturn useCallback(\n\t\t(): ParsedQs => parse(location.search.slice(1)),\n\t\t[location],\n\t);\n};\n\nconst useLocationStateSerializer = <TState,>(): ((state: TState) => void) => {\n\tconst navigate = useNavigate();\n\n\treturn useCallback(\n\t\tasync (state: TState): Promise<void> => {\n\t\t\tconst newUrl = `?${stringify(state)}`;\n\t\t\tawait navigate(newUrl);\n\t\t},\n\t\t[navigate],\n\t);\n};\n\nconst useLocationStateCodec = <TState,>(): IStateCodec<TState> => {\n\tconst deserializer = useLocationStateDeserializer();\n\tconst serializer = useLocationStateSerializer();\n\tconst codec = useMemo(\n\t\t(): IStateCodec<TState> => ({\n\t\t\tdeserialize: deserializer,\n\t\t\tserialize: serializer,\n\t\t}),\n\t\t[deserializer, serializer],\n\t);\n\treturn codec;\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nconst useLocationStateHandler = <TState,>(\n\tvalidator: (state: unknown) => state is TState,\n\taccessor: IStateAccessor<TState>,\n\toptions: IStateHandlerOptions<TState>,\n): void => {\n\tconst codec = useLocationStateCodec();\n\tuseStateHandler(codec, validator, accessor, options);\n};\n\nconst useLocationStateGetter = <TState,>(\n\tstore: IStateStore<TState>,\n): (() => TState) => {\n\treturn useCallback((): TState => store.state, [store]);\n};\n\nconst useLocationStateSetter = <TState,>(\n\tstore: IStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn useCallback(\n\t\t(state: TState): void => {\n\t\t\tstore.state = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nconst useLocationStateAccessor = <TState,>(\n\tstore: IStateStore<TState>,\n): IStateAccessor<TState> => {\n\tconst getter = useLocationStateGetter(store);\n\tconst setter = useLocationStateSetter(store);\n\tconst accessor = useMemo(\n\t\t(): IStateAccessor<TState> => ({ get: getter, set: setter }),\n\t\t[getter, setter],\n\t);\n\treturn accessor;\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nexport const useLocationState = <TState,>(store: IStateStore<TState>): void => {\n\tconst accessor = useLocationStateAccessor(store);\n\tconst options = useMemo(\n\t\t() => ({\n\t\t\tonStateRestore: store.onStateRestore,\n\t\t\tonStateChange: store.onStateChange,\n\t\t\tonStateSave: store.onStateSave,\n\t\t}),\n\t\t[store],\n\t);\n\tuseLocationStateHandler(store.validateState, accessor, options);\n};\n"],"names":["useLocationStateDeserializer","location","useLocation","useCallback","parse","useLocationStateSerializer","navigate","useNavigate","state","newUrl","stringify","useLocationStateCodec","deserializer","serializer","useMemo","useLocationStateHandler","validator","accessor","options","codec","useStateHandler","useLocationStateGetter","store","useLocationStateSetter","useLocationStateAccessor","getter","setter","useLocationState"],"mappings":"mMASMA,EAA+B,IAAwB,CAC5D,MAAMC,EAAWC,EAAAA,YAAA,EAGjB,OAAOC,EAAAA,YACN,IAAgBC,EAAAA,MAAMH,EAAS,OAAO,MAAM,CAAC,CAAC,EAC9C,CAACA,CAAQ,CAAA,CAEX,EAEMI,EAA6B,IAA0C,CAC5E,MAAMC,EAAWC,EAAAA,YAAA,EAEjB,OAAOJ,EAAAA,YACN,MAAOK,GAAiC,CACvC,MAAMC,EAAS,IAAIC,EAAAA,UAAUF,CAAK,CAAC,GACnC,MAAMF,EAASG,CAAM,CACtB,EACA,CAACH,CAAQ,CAAA,CAEX,EAEMK,EAAwB,IAAoC,CACjE,MAAMC,EAAeZ,EAAA,EACfa,EAAaR,EAAA,EAQnB,OAPcS,EAAAA,QACb,KAA4B,CAC3B,YAAaF,EACb,UAAWC,CAAA,GAEZ,CAACD,EAAcC,CAAU,CAAA,CAG3B,EAGME,EAA0B,CAC/BC,EACAC,EACAC,IACU,CACV,MAAMC,EAAQR,EAAA,EACdS,EAAAA,gBAAgBD,EAAOH,EAAWC,EAAUC,CAAO,CACpD,EAEMG,EACLC,GAEOnB,EAAAA,YAAY,IAAcmB,EAAM,MAAO,CAACA,CAAK,CAAC,EAGhDC,EACLD,GAEOnB,EAAAA,YACLK,GAAwB,CACxBc,EAAM,MAAQd,CACf,EACA,CAACc,CAAK,CAAA,EAIFE,EACLF,GAC4B,CAC5B,MAAMG,EAASJ,EAAuBC,CAAK,EACrCI,EAASH,EAAuBD,CAAK,EAK3C,OAJiBR,EAAAA,QAChB,KAA+B,CAAE,IAAKW,EAAQ,IAAKC,CAAA,GACnD,CAACD,EAAQC,CAAM,CAAA,CAGjB,EAGaC,EAA6BL,GAAqC,CAC9E,MAAML,EAAWO,EAAyBF,CAAK,EACzCJ,EAAUJ,EAAAA,QACf,KAAO,CACN,eAAgBQ,EAAM,eACtB,cAAeA,EAAM,cACrB,YAAaA,EAAM,WAAA,GAEpB,CAACA,CAAK,CAAA,EAEPP,EAAwBO,EAAM,cAAeL,EAAUC,CAAO,CAC/D"}
+{"version":3,"file":"react-router.cjs.js","names":[],"sources":["../src/react-router/useLocationState.tsx"],"sourcesContent":["import type { IStateAccessor } from '@/components/IStateAccessor';\nimport type { IStateCodec } from '@/components/IStateCodec';\nimport type { IStateHandlerOptions } from '@/components/IStateHandlerOptions';\nimport { useStateHandler } from '@/components/useStateHandler';\nimport type { IStateStore } from '@/stores/IStateStore';\nimport { type ParsedQs, parse, stringify } from 'qs';\nimport { useCallback, useMemo } from 'react';\nimport { useLocation, useNavigate } from 'react-router-dom';\n\nconst useLocationStateDeserializer = (): (() => ParsedQs) => {\n\tconst location = useLocation();\n\n\t// Pass `location` as deps instead of `location.search`.\n\treturn useCallback(\n\t\t(): ParsedQs => parse(location.search.slice(1)),\n\t\t[location],\n\t);\n};\n\nconst useLocationStateSerializer = <TState,>(): ((state: TState) => void) => {\n\tconst navigate = useNavigate();\n\n\treturn useCallback(\n\t\tasync (state: TState): Promise<void> => {\n\t\t\tconst newUrl = `?${stringify(state)}`;\n\t\t\tawait navigate(newUrl);\n\t\t},\n\t\t[navigate],\n\t);\n};\n\nconst useLocationStateCodec = <TState,>(): IStateCodec<TState> => {\n\tconst deserializer = useLocationStateDeserializer();\n\tconst serializer = useLocationStateSerializer();\n\tconst codec = useMemo(\n\t\t(): IStateCodec<TState> => ({\n\t\t\tdeserialize: deserializer,\n\t\t\tserialize: serializer,\n\t\t}),\n\t\t[deserializer, serializer],\n\t);\n\treturn codec;\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nconst useLocationStateHandler = <TState,>(\n\tvalidator: (state: unknown) => state is TState,\n\taccessor: IStateAccessor<TState>,\n\toptions: IStateHandlerOptions<TState>,\n): void => {\n\tconst codec = useLocationStateCodec();\n\tuseStateHandler(codec, validator, accessor, options);\n};\n\nconst useLocationStateGetter = <TState,>(\n\tstore: IStateStore<TState>,\n): (() => TState) => {\n\treturn useCallback((): TState => store.state, [store]);\n};\n\nconst useLocationStateSetter = <TState,>(\n\tstore: IStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn useCallback(\n\t\t(state: TState): void => {\n\t\t\tstore.state = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nconst useLocationStateAccessor = <TState,>(\n\tstore: IStateStore<TState>,\n): IStateAccessor<TState> => {\n\tconst getter = useLocationStateGetter(store);\n\tconst setter = useLocationStateSetter(store);\n\tconst accessor = useMemo(\n\t\t(): IStateAccessor<TState> => ({ get: getter, set: setter }),\n\t\t[getter, setter],\n\t);\n\treturn accessor;\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nexport const useLocationState = <TState,>(store: IStateStore<TState>): void => {\n\tconst accessor = useLocationStateAccessor(store);\n\tconst options = useMemo(\n\t\t() => ({\n\t\t\tonStateRestore: store.onStateRestore,\n\t\t\tonStateChange: store.onStateChange,\n\t\t\tonStateSave: store.onStateSave,\n\t\t}),\n\t\t[store],\n\t);\n\tuseLocationStateHandler(store.validateState, accessor, options);\n};\n"],"mappings":"0LASA,IAAM,MAAuD,CAC5D,IAAM,GAAA,EAAA,EAAA,cAAwB,CAG9B,OAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,OACuB,EAAS,OAAO,MAAM,EAAE,CAAC,CAC/C,CAAC,EAAS,CACV,EAGI,MAAuE,CAC5E,IAAM,GAAA,EAAA,EAAA,cAAwB,CAE9B,OAAA,EAAA,EAAA,aACC,KAAO,IAAiC,CAEvC,MAAM,EADS,KAAA,EAAA,EAAA,WAAc,EAAM,GACb,EAEvB,CAAC,EAAS,CACV,EAGI,MAA4D,CACjE,IAAM,EAAe,GAA8B,CAC7C,EAAa,GAA4B,CAQ/C,OAAA,EAAA,EAAA,cAN6B,CAC3B,YAAa,EACb,UAAW,EACX,EACD,CAAC,EAAc,EAAW,CAC1B,EAKI,GACL,EACA,EACA,IACU,CAEV,EAAA,EADc,GAAuB,CACd,EAAW,EAAU,EAAQ,EAG/C,EACL,IAEA,EAAA,EAAA,iBAAiC,EAAM,MAAO,CAAC,EAAM,CAAC,CAGjD,EACL,IAEA,EAAA,EAAA,aACE,GAAwB,CACxB,EAAM,MAAQ,GAEf,CAAC,EAAM,CACP,CAGI,EACL,GAC4B,CAC5B,IAAM,EAAS,EAAuB,EAAM,CACtC,EAAS,EAAuB,EAAM,CAK5C,OAAA,EAAA,EAAA,cAHgC,CAAE,IAAK,EAAQ,IAAK,EAAQ,EAC3D,CAAC,EAAQ,EAAO,CAChB,EAKW,EAA6B,GAAqC,CAC9E,IAAM,EAAW,EAAyB,EAAM,CAC1C,GAAA,EAAA,EAAA,cACE,CACN,eAAgB,EAAM,eACtB,cAAe,EAAM,cACrB,YAAa,EAAM,YACnB,EACD,CAAC,EAAM,CACP,CACD,EAAwB,EAAM,cAAe,EAAU,EAAQ"}

package/dist/react-router.es.js

@@ -1,57 +1,41 @@
-import { u as c } from "./useStateHandler-Dbkejxjm.js";
-import { parse as r, stringify as i } from "qs";
-import { useMemo as n, useCallback as a } from "react";
-import { useLocation as u, useNavigate as S } from "react-router-dom";
-const l = () => {
-  const t = u();
-  return a(
-    () => r(t.search.slice(1)),
-    [t]
-  );
-}, d = () => {
-  const t = S();
-  return a(
-    async (e) => {
-      const o = `?${i(e)}`;
-      await t(o);
-    },
-    [t]
-  );
-}, m = () => {
-  const t = l(), e = d();
-  return n(
-    () => ({
-      deserialize: t,
-      serialize: e
-    }),
-    [t, e]
-  );
-}, L = (t, e, o) => {
-  const s = m();
-  c(s, t, e, o);
-}, g = (t) => a(() => t.state, [t]), p = (t) => a(
-  (e) => {
-    t.state = e;
-  },
-  [t]
-), z = (t) => {
-  const e = g(t), o = p(t);
-  return n(
-    () => ({ get: e, set: o }),
-    [e, o]
-  );
-}, w = (t) => {
-  const e = z(t), o = n(
-    () => ({
-      onStateRestore: t.onStateRestore,
-      onStateChange: t.onStateChange,
-      onStateSave: t.onStateSave
-    }),
-    [t]
-  );
-  L(t.validateState, e, o);
+import { t as e } from "./useStateHandler-cGvOZfIR.js";
+import { useCallback as t, useMemo as n } from "react";
+import { useLocation as r, useNavigate as i } from "react-router-dom";
+import { parse as a, stringify as o } from "qs";
+//#region src/react-router/useLocationState.tsx
+var s = () => {
+	let e = r();
+	return t(() => a(e.search.slice(1)), [e]);
+}, c = () => {
+	let e = i();
+	return t(async (t) => {
+		await e(`?${o(t)}`);
+	}, [e]);
+}, l = () => {
+	let e = s(), t = c();
+	return n(() => ({
+		deserialize: e,
+		serialize: t
+	}), [e, t]);
+}, u = (t, n, r) => {
+	e(l(), t, n, r);
+}, d = (e) => t(() => e.state, [e]), f = (e) => t((t) => {
+	e.state = t;
+}, [e]), p = (e) => {
+	let t = d(e), r = f(e);
+	return n(() => ({
+		get: t,
+		set: r
+	}), [t, r]);
+}, m = (e) => {
+	let t = p(e), r = n(() => ({
+		onStateRestore: e.onStateRestore,
+		onStateChange: e.onStateChange,
+		onStateSave: e.onStateSave
+	}), [e]);
+	u(e.validateState, t, r);
 };
-export {
-  w as useLocationState
-};
-//# sourceMappingURL=react-router.es.js.map
+//#endregion
+export { m as useLocationState };
+
+//# sourceMappingURL=react-router.es.js.map

package/dist/react-router.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-router.es.js","sources":["../src/react-router/useLocationState.tsx"],"sourcesContent":["import type { IStateAccessor } from '@/components/IStateAccessor';\nimport type { IStateCodec } from '@/components/IStateCodec';\nimport type { IStateHandlerOptions } from '@/components/IStateHandlerOptions';\nimport { useStateHandler } from '@/components/useStateHandler';\nimport type { IStateStore } from '@/stores/IStateStore';\nimport { type ParsedQs, parse, stringify } from 'qs';\nimport { useCallback, useMemo } from 'react';\nimport { useLocation, useNavigate } from 'react-router-dom';\n\nconst useLocationStateDeserializer = (): (() => ParsedQs) => {\n\tconst location = useLocation();\n\n\t// Pass `location` as deps instead of `location.search`.\n\treturn useCallback(\n\t\t(): ParsedQs => parse(location.search.slice(1)),\n\t\t[location],\n\t);\n};\n\nconst useLocationStateSerializer = <TState,>(): ((state: TState) => void) => {\n\tconst navigate = useNavigate();\n\n\treturn useCallback(\n\t\tasync (state: TState): Promise<void> => {\n\t\t\tconst newUrl = `?${stringify(state)}`;\n\t\t\tawait navigate(newUrl);\n\t\t},\n\t\t[navigate],\n\t);\n};\n\nconst useLocationStateCodec = <TState,>(): IStateCodec<TState> => {\n\tconst deserializer = useLocationStateDeserializer();\n\tconst serializer = useLocationStateSerializer();\n\tconst codec = useMemo(\n\t\t(): IStateCodec<TState> => ({\n\t\t\tdeserialize: deserializer,\n\t\t\tserialize: serializer,\n\t\t}),\n\t\t[deserializer, serializer],\n\t);\n\treturn codec;\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nconst useLocationStateHandler = <TState,>(\n\tvalidator: (state: unknown) => state is TState,\n\taccessor: IStateAccessor<TState>,\n\toptions: IStateHandlerOptions<TState>,\n): void => {\n\tconst codec = useLocationStateCodec();\n\tuseStateHandler(codec, validator, accessor, options);\n};\n\nconst useLocationStateGetter = <TState,>(\n\tstore: IStateStore<TState>,\n): (() => TState) => {\n\treturn useCallback((): TState => store.state, [store]);\n};\n\nconst useLocationStateSetter = <TState,>(\n\tstore: IStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn useCallback(\n\t\t(state: TState): void => {\n\t\t\tstore.state = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nconst useLocationStateAccessor = <TState,>(\n\tstore: IStateStore<TState>,\n): IStateAccessor<TState> => {\n\tconst getter = useLocationStateGetter(store);\n\tconst setter = useLocationStateSetter(store);\n\tconst accessor = useMemo(\n\t\t(): IStateAccessor<TState> => ({ get: getter, set: setter }),\n\t\t[getter, setter],\n\t);\n\treturn accessor;\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nexport const useLocationState = <TState,>(store: IStateStore<TState>): void => {\n\tconst accessor = useLocationStateAccessor(store);\n\tconst options = useMemo(\n\t\t() => ({\n\t\t\tonStateRestore: store.onStateRestore,\n\t\t\tonStateChange: store.onStateChange,\n\t\t\tonStateSave: store.onStateSave,\n\t\t}),\n\t\t[store],\n\t);\n\tuseLocationStateHandler(store.validateState, accessor, options);\n};\n"],"names":["useLocationStateDeserializer","location","useLocation","useCallback","parse","useLocationStateSerializer","navigate","useNavigate","state","newUrl","stringify","useLocationStateCodec","deserializer","serializer","useMemo","useLocationStateHandler","validator","accessor","options","codec","useStateHandler","useLocationStateGetter","store","useLocationStateSetter","useLocationStateAccessor","getter","setter","useLocationState"],"mappings":";;;;AASA,MAAMA,IAA+B,MAAwB;AAC5D,QAAMC,IAAWC,EAAA;AAGjB,SAAOC;AAAA,IACN,MAAgBC,EAAMH,EAAS,OAAO,MAAM,CAAC,CAAC;AAAA,IAC9C,CAACA,CAAQ;AAAA,EAAA;AAEX,GAEMI,IAA6B,MAA0C;AAC5E,QAAMC,IAAWC,EAAA;AAEjB,SAAOJ;AAAA,IACN,OAAOK,MAAiC;AACvC,YAAMC,IAAS,IAAIC,EAAUF,CAAK,CAAC;AACnC,YAAMF,EAASG,CAAM;AAAA,IACtB;AAAA,IACA,CAACH,CAAQ;AAAA,EAAA;AAEX,GAEMK,IAAwB,MAAoC;AACjE,QAAMC,IAAeZ,EAAA,GACfa,IAAaR,EAAA;AAQnB,SAPcS;AAAA,IACb,OAA4B;AAAA,MAC3B,aAAaF;AAAA,MACb,WAAWC;AAAA,IAAA;AAAA,IAEZ,CAACD,GAAcC,CAAU;AAAA,EAAA;AAG3B,GAGME,IAA0B,CAC/BC,GACAC,GACAC,MACU;AACV,QAAMC,IAAQR,EAAA;AACd,EAAAS,EAAgBD,GAAOH,GAAWC,GAAUC,CAAO;AACpD,GAEMG,IAAyB,CAC9BC,MAEOnB,EAAY,MAAcmB,EAAM,OAAO,CAACA,CAAK,CAAC,GAGhDC,IAAyB,CAC9BD,MAEOnB;AAAA,EACN,CAACK,MAAwB;AACxB,IAAAc,EAAM,QAAQd;AAAA,EACf;AAAA,EACA,CAACc,CAAK;AAAA,GAIFE,IAA2B,CAChCF,MAC4B;AAC5B,QAAMG,IAASJ,EAAuBC,CAAK,GACrCI,IAASH,EAAuBD,CAAK;AAK3C,SAJiBR;AAAA,IAChB,OAA+B,EAAE,KAAKW,GAAQ,KAAKC,EAAA;AAAA,IACnD,CAACD,GAAQC,CAAM;AAAA,EAAA;AAGjB,GAGaC,IAAmB,CAAUL,MAAqC;AAC9E,QAAML,IAAWO,EAAyBF,CAAK,GACzCJ,IAAUJ;AAAA,IACf,OAAO;AAAA,MACN,gBAAgBQ,EAAM;AAAA,MACtB,eAAeA,EAAM;AAAA,MACrB,aAAaA,EAAM;AAAA,IAAA;AAAA,IAEpB,CAACA,CAAK;AAAA,EAAA;AAEP,EAAAP,EAAwBO,EAAM,eAAeL,GAAUC,CAAO;AAC/D;"}
+{"version":3,"file":"react-router.es.js","names":[],"sources":["../src/react-router/useLocationState.tsx"],"sourcesContent":["import type { IStateAccessor } from '@/components/IStateAccessor';\nimport type { IStateCodec } from '@/components/IStateCodec';\nimport type { IStateHandlerOptions } from '@/components/IStateHandlerOptions';\nimport { useStateHandler } from '@/components/useStateHandler';\nimport type { IStateStore } from '@/stores/IStateStore';\nimport { type ParsedQs, parse, stringify } from 'qs';\nimport { useCallback, useMemo } from 'react';\nimport { useLocation, useNavigate } from 'react-router-dom';\n\nconst useLocationStateDeserializer = (): (() => ParsedQs) => {\n\tconst location = useLocation();\n\n\t// Pass `location` as deps instead of `location.search`.\n\treturn useCallback(\n\t\t(): ParsedQs => parse(location.search.slice(1)),\n\t\t[location],\n\t);\n};\n\nconst useLocationStateSerializer = <TState,>(): ((state: TState) => void) => {\n\tconst navigate = useNavigate();\n\n\treturn useCallback(\n\t\tasync (state: TState): Promise<void> => {\n\t\t\tconst newUrl = `?${stringify(state)}`;\n\t\t\tawait navigate(newUrl);\n\t\t},\n\t\t[navigate],\n\t);\n};\n\nconst useLocationStateCodec = <TState,>(): IStateCodec<TState> => {\n\tconst deserializer = useLocationStateDeserializer();\n\tconst serializer = useLocationStateSerializer();\n\tconst codec = useMemo(\n\t\t(): IStateCodec<TState> => ({\n\t\t\tdeserialize: deserializer,\n\t\t\tserialize: serializer,\n\t\t}),\n\t\t[deserializer, serializer],\n\t);\n\treturn codec;\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nconst useLocationStateHandler = <TState,>(\n\tvalidator: (state: unknown) => state is TState,\n\taccessor: IStateAccessor<TState>,\n\toptions: IStateHandlerOptions<TState>,\n): void => {\n\tconst codec = useLocationStateCodec();\n\tuseStateHandler(codec, validator, accessor, options);\n};\n\nconst useLocationStateGetter = <TState,>(\n\tstore: IStateStore<TState>,\n): (() => TState) => {\n\treturn useCallback((): TState => store.state, [store]);\n};\n\nconst useLocationStateSetter = <TState,>(\n\tstore: IStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn useCallback(\n\t\t(state: TState): void => {\n\t\t\tstore.state = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nconst useLocationStateAccessor = <TState,>(\n\tstore: IStateStore<TState>,\n): IStateAccessor<TState> => {\n\tconst getter = useLocationStateGetter(store);\n\tconst setter = useLocationStateSetter(store);\n\tconst accessor = useMemo(\n\t\t(): IStateAccessor<TState> => ({ get: getter, set: setter }),\n\t\t[getter, setter],\n\t);\n\treturn accessor;\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nexport const useLocationState = <TState,>(store: IStateStore<TState>): void => {\n\tconst accessor = useLocationStateAccessor(store);\n\tconst options = useMemo(\n\t\t() => ({\n\t\t\tonStateRestore: store.onStateRestore,\n\t\t\tonStateChange: store.onStateChange,\n\t\t\tonStateSave: store.onStateSave,\n\t\t}),\n\t\t[store],\n\t);\n\tuseLocationStateHandler(store.validateState, accessor, options);\n};\n"],"mappings":";;;;;AASA,IAAM,UAAuD;CAC5D,IAAM,IAAW,GAAa;AAG9B,QAAO,QACU,EAAM,EAAS,OAAO,MAAM,EAAE,CAAC,EAC/C,CAAC,EAAS,CACV;GAGI,UAAuE;CAC5E,IAAM,IAAW,GAAa;AAE9B,QAAO,EACN,OAAO,MAAiC;AAEvC,QAAM,EADS,IAAI,EAAU,EAAM,GACb;IAEvB,CAAC,EAAS,CACV;GAGI,UAA4D;CACjE,IAAM,IAAe,GAA8B,EAC7C,IAAa,GAA4B;AAQ/C,QAPc,SACe;EAC3B,aAAa;EACb,WAAW;EACX,GACD,CAAC,GAAc,EAAW,CAC1B;GAKI,KACL,GACA,GACA,MACU;AAEV,GADc,GAAuB,EACd,GAAW,GAAU,EAAQ;GAG/C,KACL,MAEO,QAA0B,EAAM,OAAO,CAAC,EAAM,CAAC,EAGjD,KACL,MAEO,GACL,MAAwB;AACxB,GAAM,QAAQ;GAEf,CAAC,EAAM,CACP,EAGI,KACL,MAC4B;CAC5B,IAAM,IAAS,EAAuB,EAAM,EACtC,IAAS,EAAuB,EAAM;AAK5C,QAJiB,SACe;EAAE,KAAK;EAAQ,KAAK;EAAQ,GAC3D,CAAC,GAAQ,EAAO,CAChB;GAKW,KAA6B,MAAqC;CAC9E,IAAM,IAAW,EAAyB,EAAM,EAC1C,IAAU,SACR;EACN,gBAAgB,EAAM;EACtB,eAAe,EAAM;EACrB,aAAa,EAAM;EACnB,GACD,CAAC,EAAM,CACP;AACD,GAAwB,EAAM,eAAe,GAAU,EAAQ"}

package/dist/tanstack-router.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./useStateHandler-Ff_CnvN8.cjs"),c=require("@tanstack/react-router"),r=require("qs"),o=require("react"),i=()=>{const e=c.useLocation();return o.useCallback(()=>r.parse(e.searchStr.slice(1)),[e])},u=()=>{const e=c.useNavigate();return o.useCallback(async t=>{await e({search:t})},[e])},S=()=>{const e=i(),t=u();return o.useMemo(()=>({deserialize:e,serialize:t}),[e,t])},l=(e,t,a)=>{const s=S();n.useStateHandler(s,e,t,a)},d=e=>o.useCallback(()=>e.state,[e]),L=e=>o.useCallback(t=>{e.state=t},[e]),g=e=>{const t=d(e),a=L(e);return o.useMemo(()=>({get:t,set:a}),[t,a])},C=e=>{const t=g(e),a=o.useMemo(()=>({onStateRestore:e.onStateRestore,onStateChange:e.onStateChange,onStateSave:e.onStateSave}),[e]);l(e.validateState,t,a)};exports.useLocationState=C;
-//# sourceMappingURL=tanstack-router.cjs.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./useStateHandler-lwgfPmpv.cjs`);let t=require(`react`),n=require(`qs`),r=require(`@tanstack/react-router`);var i=()=>{let e=(0,r.useLocation)();return(0,t.useCallback)(()=>(0,n.parse)(e.searchStr.slice(1)),[e])},a=()=>{let e=(0,r.useNavigate)();return(0,t.useCallback)(async t=>{await e({search:t})},[e])},o=()=>{let e=i(),n=a();return(0,t.useMemo)(()=>({deserialize:e,serialize:n}),[e,n])},s=(t,n,r)=>{e.t(o(),t,n,r)},c=e=>(0,t.useCallback)(()=>e.state,[e]),l=e=>(0,t.useCallback)(t=>{e.state=t},[e]),u=e=>{let n=c(e),r=l(e);return(0,t.useMemo)(()=>({get:n,set:r}),[n,r])},d=e=>{let n=u(e),r=(0,t.useMemo)(()=>({onStateRestore:e.onStateRestore,onStateChange:e.onStateChange,onStateSave:e.onStateSave}),[e]);s(e.validateState,n,r)};exports.useLocationState=d;
+//# sourceMappingURL=tanstack-router.cjs.js.map

package/dist/tanstack-router.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tanstack-router.cjs.js","sources":["../src/tanstack-router/useLocationState.tsx"],"sourcesContent":["import type { IStateAccessor } from '@/components/IStateAccessor';\nimport type { IStateCodec } from '@/components/IStateCodec';\nimport type { IStateHandlerOptions } from '@/components/IStateHandlerOptions';\nimport { useStateHandler } from '@/components/useStateHandler';\nimport type { IStateStore } from '@/stores/IStateStore';\nimport { useLocation, useNavigate } from '@tanstack/react-router';\nimport { type ParsedQs, parse } from 'qs';\nimport { useCallback, useMemo } from 'react';\n\nconst useLocationStateDeserializer = (): (() => ParsedQs) => {\n\tconst location = useLocation();\n\n\t// Pass `location` as deps instead of `location.search`.\n\treturn useCallback(\n\t\t(): ParsedQs => parse(location.searchStr.slice(1)),\n\t\t[location],\n\t);\n};\n\nconst useLocationStateSerializer = <TState,>(): ((state: TState) => void) => {\n\tconst navigate = useNavigate();\n\n\treturn useCallback(\n\t\tasync (state: TState): Promise<void> => {\n\t\t\tawait navigate({ search: state as any /* FIXME */ });\n\t\t},\n\t\t[navigate],\n\t);\n};\n\nconst useLocationStateCodec = <TState,>(): IStateCodec<TState> => {\n\tconst deserializer = useLocationStateDeserializer();\n\tconst serializer = useLocationStateSerializer();\n\tconst codec = useMemo(\n\t\t(): IStateCodec<TState> => ({\n\t\t\tdeserialize: deserializer,\n\t\t\tserialize: serializer,\n\t\t}),\n\t\t[deserializer, serializer],\n\t);\n\treturn codec;\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nconst useLocationStateHandler = <TState,>(\n\tvalidator: (state: unknown) => state is TState,\n\taccessor: IStateAccessor<TState>,\n\toptions: IStateHandlerOptions<TState>,\n): void => {\n\tconst codec = useLocationStateCodec();\n\tuseStateHandler(codec, validator, accessor, options);\n};\n\nconst useLocationStateGetter = <TState,>(\n\tstore: IStateStore<TState>,\n): (() => TState) => {\n\treturn useCallback(() => store.state, [store]);\n};\n\nconst useLocationStateSetter = <TState,>(\n\tstore: IStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn useCallback(\n\t\t(state: TState) => {\n\t\t\tstore.state = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nconst useLocationStateAccessor = <TState,>(\n\tstore: IStateStore<TState>,\n): IStateAccessor<TState> => {\n\tconst getter = useLocationStateGetter(store);\n\tconst setter = useLocationStateSetter(store);\n\tconst accessor = useMemo(\n\t\t(): IStateAccessor<TState> => ({ get: getter, set: setter }),\n\t\t[getter, setter],\n\t);\n\treturn accessor;\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nexport const useLocationState = <TState,>(store: IStateStore<TState>): void => {\n\tconst accessor = useLocationStateAccessor(store);\n\tconst options = useMemo(\n\t\t() => ({\n\t\t\tonStateRestore: store.onStateRestore,\n\t\t\tonStateChange: store.onStateChange,\n\t\t\tonStateSave: store.onStateSave,\n\t\t}),\n\t\t[store],\n\t);\n\tuseLocationStateHandler(store.validateState, accessor, options);\n};\n"],"names":["useLocationStateDeserializer","location","useLocation","useCallback","parse","useLocationStateSerializer","navigate","useNavigate","state","useLocationStateCodec","deserializer","serializer","useMemo","useLocationStateHandler","validator","accessor","options","codec","useStateHandler","useLocationStateGetter","store","useLocationStateSetter","useLocationStateAccessor","getter","setter","useLocationState"],"mappings":"yMASMA,EAA+B,IAAwB,CAC5D,MAAMC,EAAWC,EAAAA,YAAA,EAGjB,OAAOC,EAAAA,YACN,IAAgBC,EAAAA,MAAMH,EAAS,UAAU,MAAM,CAAC,CAAC,EACjD,CAACA,CAAQ,CAAA,CAEX,EAEMI,EAA6B,IAA0C,CAC5E,MAAMC,EAAWC,EAAAA,YAAA,EAEjB,OAAOJ,EAAAA,YACN,MAAOK,GAAiC,CACvC,MAAMF,EAAS,CAAE,OAAQE,CAAA,CAA0B,CACpD,EACA,CAACF,CAAQ,CAAA,CAEX,EAEMG,EAAwB,IAAoC,CACjE,MAAMC,EAAeV,EAAA,EACfW,EAAaN,EAAA,EAQnB,OAPcO,EAAAA,QACb,KAA4B,CAC3B,YAAaF,EACb,UAAWC,CAAA,GAEZ,CAACD,EAAcC,CAAU,CAAA,CAG3B,EAGME,EAA0B,CAC/BC,EACAC,EACAC,IACU,CACV,MAAMC,EAAQR,EAAA,EACdS,EAAAA,gBAAgBD,EAAOH,EAAWC,EAAUC,CAAO,CACpD,EAEMG,EACLC,GAEOjB,EAAAA,YAAY,IAAMiB,EAAM,MAAO,CAACA,CAAK,CAAC,EAGxCC,EACLD,GAEOjB,EAAAA,YACLK,GAAkB,CAClBY,EAAM,MAAQZ,CACf,EACA,CAACY,CAAK,CAAA,EAIFE,EACLF,GAC4B,CAC5B,MAAMG,EAASJ,EAAuBC,CAAK,EACrCI,EAASH,EAAuBD,CAAK,EAK3C,OAJiBR,EAAAA,QAChB,KAA+B,CAAE,IAAKW,EAAQ,IAAKC,CAAA,GACnD,CAACD,EAAQC,CAAM,CAAA,CAGjB,EAGaC,EAA6BL,GAAqC,CAC9E,MAAML,EAAWO,EAAyBF,CAAK,EACzCJ,EAAUJ,EAAAA,QACf,KAAO,CACN,eAAgBQ,EAAM,eACtB,cAAeA,EAAM,cACrB,YAAaA,EAAM,WAAA,GAEpB,CAACA,CAAK,CAAA,EAEPP,EAAwBO,EAAM,cAAeL,EAAUC,CAAO,CAC/D"}
+{"version":3,"file":"tanstack-router.cjs.js","names":[],"sources":["../src/tanstack-router/useLocationState.tsx"],"sourcesContent":["import type { IStateAccessor } from '@/components/IStateAccessor';\nimport type { IStateCodec } from '@/components/IStateCodec';\nimport type { IStateHandlerOptions } from '@/components/IStateHandlerOptions';\nimport { useStateHandler } from '@/components/useStateHandler';\nimport type { IStateStore } from '@/stores/IStateStore';\nimport { useLocation, useNavigate } from '@tanstack/react-router';\nimport { type ParsedQs, parse } from 'qs';\nimport { useCallback, useMemo } from 'react';\n\nconst useLocationStateDeserializer = (): (() => ParsedQs) => {\n\tconst location = useLocation();\n\n\t// Pass `location` as deps instead of `location.search`.\n\treturn useCallback(\n\t\t(): ParsedQs => parse(location.searchStr.slice(1)),\n\t\t[location],\n\t);\n};\n\nconst useLocationStateSerializer = <TState,>(): ((state: TState) => void) => {\n\tconst navigate = useNavigate();\n\n\treturn useCallback(\n\t\tasync (state: TState): Promise<void> => {\n\t\t\tawait navigate({ search: state as any /* FIXME */ });\n\t\t},\n\t\t[navigate],\n\t);\n};\n\nconst useLocationStateCodec = <TState,>(): IStateCodec<TState> => {\n\tconst deserializer = useLocationStateDeserializer();\n\tconst serializer = useLocationStateSerializer();\n\tconst codec = useMemo(\n\t\t(): IStateCodec<TState> => ({\n\t\t\tdeserialize: deserializer,\n\t\t\tserialize: serializer,\n\t\t}),\n\t\t[deserializer, serializer],\n\t);\n\treturn codec;\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nconst useLocationStateHandler = <TState,>(\n\tvalidator: (state: unknown) => state is TState,\n\taccessor: IStateAccessor<TState>,\n\toptions: IStateHandlerOptions<TState>,\n): void => {\n\tconst codec = useLocationStateCodec();\n\tuseStateHandler(codec, validator, accessor, options);\n};\n\nconst useLocationStateGetter = <TState,>(\n\tstore: IStateStore<TState>,\n): (() => TState) => {\n\treturn useCallback(() => store.state, [store]);\n};\n\nconst useLocationStateSetter = <TState,>(\n\tstore: IStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn useCallback(\n\t\t(state: TState) => {\n\t\t\tstore.state = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nconst useLocationStateAccessor = <TState,>(\n\tstore: IStateStore<TState>,\n): IStateAccessor<TState> => {\n\tconst getter = useLocationStateGetter(store);\n\tconst setter = useLocationStateSetter(store);\n\tconst accessor = useMemo(\n\t\t(): IStateAccessor<TState> => ({ get: getter, set: setter }),\n\t\t[getter, setter],\n\t);\n\treturn accessor;\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nexport const useLocationState = <TState,>(store: IStateStore<TState>): void => {\n\tconst accessor = useLocationStateAccessor(store);\n\tconst options = useMemo(\n\t\t() => ({\n\t\t\tonStateRestore: store.onStateRestore,\n\t\t\tonStateChange: store.onStateChange,\n\t\t\tonStateSave: store.onStateSave,\n\t\t}),\n\t\t[store],\n\t);\n\tuseLocationStateHandler(store.validateState, accessor, options);\n};\n"],"mappings":"gMASA,IAAM,MAAuD,CAC5D,IAAM,GAAA,EAAA,EAAA,cAAwB,CAG9B,OAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,OACuB,EAAS,UAAU,MAAM,EAAE,CAAC,CAClD,CAAC,EAAS,CACV,EAGI,MAAuE,CAC5E,IAAM,GAAA,EAAA,EAAA,cAAwB,CAE9B,OAAA,EAAA,EAAA,aACC,KAAO,IAAiC,CACvC,MAAM,EAAS,CAAE,OAAQ,EAA0B,CAAC,EAErD,CAAC,EAAS,CACV,EAGI,MAA4D,CACjE,IAAM,EAAe,GAA8B,CAC7C,EAAa,GAA4B,CAQ/C,OAAA,EAAA,EAAA,cAN6B,CAC3B,YAAa,EACb,UAAW,EACX,EACD,CAAC,EAAc,EAAW,CAC1B,EAKI,GACL,EACA,EACA,IACU,CAEV,EAAA,EADc,GAAuB,CACd,EAAW,EAAU,EAAQ,EAG/C,EACL,IAEA,EAAA,EAAA,iBAAyB,EAAM,MAAO,CAAC,EAAM,CAAC,CAGzC,EACL,IAEA,EAAA,EAAA,aACE,GAAkB,CAClB,EAAM,MAAQ,GAEf,CAAC,EAAM,CACP,CAGI,EACL,GAC4B,CAC5B,IAAM,EAAS,EAAuB,EAAM,CACtC,EAAS,EAAuB,EAAM,CAK5C,OAAA,EAAA,EAAA,cAHgC,CAAE,IAAK,EAAQ,IAAK,EAAQ,EAC3D,CAAC,EAAQ,EAAO,CAChB,EAKW,EAA6B,GAAqC,CAC9E,IAAM,EAAW,EAAyB,EAAM,CAC1C,GAAA,EAAA,EAAA,cACE,CACN,eAAgB,EAAM,eACtB,cAAe,EAAM,cACrB,YAAa,EAAM,YACnB,EACD,CAAC,EAAM,CACP,CACD,EAAwB,EAAM,cAAe,EAAU,EAAQ"}

package/dist/tanstack-router.es.js

@@ -1,59 +1,41 @@
-import { u as n } from "./useStateHandler-Dbkejxjm.js";
-import { useLocation as r, useNavigate as i } from "@tanstack/react-router";
-import { parse as S } from "qs";
-import { useMemo as s, useCallback as a } from "react";
-const u = () => {
-  const t = r();
-  return a(
-    () => S(t.searchStr.slice(1)),
-    [t]
-  );
-}, l = () => {
-  const t = i();
-  return a(
-    async (e) => {
-      await t({
-        search: e
-        /* FIXME */
-      });
-    },
-    [t]
-  );
-}, d = () => {
-  const t = u(), e = l();
-  return s(
-    () => ({
-      deserialize: t,
-      serialize: e
-    }),
-    [t, e]
-  );
-}, m = (t, e, o) => {
-  const c = d();
-  n(c, t, e, o);
-}, L = (t) => a(() => t.state, [t]), p = (t) => a(
-  (e) => {
-    t.state = e;
-  },
-  [t]
-), g = (t) => {
-  const e = L(t), o = p(t);
-  return s(
-    () => ({ get: e, set: o }),
-    [e, o]
-  );
-}, C = (t) => {
-  const e = g(t), o = s(
-    () => ({
-      onStateRestore: t.onStateRestore,
-      onStateChange: t.onStateChange,
-      onStateSave: t.onStateSave
-    }),
-    [t]
-  );
-  m(t.validateState, e, o);
+import { t as e } from "./useStateHandler-cGvOZfIR.js";
+import { useCallback as t, useMemo as n } from "react";
+import { parse as r } from "qs";
+import { useLocation as i, useNavigate as a } from "@tanstack/react-router";
+//#region src/tanstack-router/useLocationState.tsx
+var o = () => {
+	let e = i();
+	return t(() => r(e.searchStr.slice(1)), [e]);
+}, s = () => {
+	let e = a();
+	return t(async (t) => {
+		await e({ search: t });
+	}, [e]);
+}, c = () => {
+	let e = o(), t = s();
+	return n(() => ({
+		deserialize: e,
+		serialize: t
+	}), [e, t]);
+}, l = (t, n, r) => {
+	e(c(), t, n, r);
+}, u = (e) => t(() => e.state, [e]), d = (e) => t((t) => {
+	e.state = t;
+}, [e]), f = (e) => {
+	let t = u(e), r = d(e);
+	return n(() => ({
+		get: t,
+		set: r
+	}), [t, r]);
+}, p = (e) => {
+	let t = f(e), r = n(() => ({
+		onStateRestore: e.onStateRestore,
+		onStateChange: e.onStateChange,
+		onStateSave: e.onStateSave
+	}), [e]);
+	l(e.validateState, t, r);
 };
-export {
-  C as useLocationState
-};
-//# sourceMappingURL=tanstack-router.es.js.map
+//#endregion
+export { p as useLocationState };
+
+//# sourceMappingURL=tanstack-router.es.js.map

package/dist/tanstack-router.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tanstack-router.es.js","sources":["../src/tanstack-router/useLocationState.tsx"],"sourcesContent":["import type { IStateAccessor } from '@/components/IStateAccessor';\nimport type { IStateCodec } from '@/components/IStateCodec';\nimport type { IStateHandlerOptions } from '@/components/IStateHandlerOptions';\nimport { useStateHandler } from '@/components/useStateHandler';\nimport type { IStateStore } from '@/stores/IStateStore';\nimport { useLocation, useNavigate } from '@tanstack/react-router';\nimport { type ParsedQs, parse } from 'qs';\nimport { useCallback, useMemo } from 'react';\n\nconst useLocationStateDeserializer = (): (() => ParsedQs) => {\n\tconst location = useLocation();\n\n\t// Pass `location` as deps instead of `location.search`.\n\treturn useCallback(\n\t\t(): ParsedQs => parse(location.searchStr.slice(1)),\n\t\t[location],\n\t);\n};\n\nconst useLocationStateSerializer = <TState,>(): ((state: TState) => void) => {\n\tconst navigate = useNavigate();\n\n\treturn useCallback(\n\t\tasync (state: TState): Promise<void> => {\n\t\t\tawait navigate({ search: state as any /* FIXME */ });\n\t\t},\n\t\t[navigate],\n\t);\n};\n\nconst useLocationStateCodec = <TState,>(): IStateCodec<TState> => {\n\tconst deserializer = useLocationStateDeserializer();\n\tconst serializer = useLocationStateSerializer();\n\tconst codec = useMemo(\n\t\t(): IStateCodec<TState> => ({\n\t\t\tdeserialize: deserializer,\n\t\t\tserialize: serializer,\n\t\t}),\n\t\t[deserializer, serializer],\n\t);\n\treturn codec;\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nconst useLocationStateHandler = <TState,>(\n\tvalidator: (state: unknown) => state is TState,\n\taccessor: IStateAccessor<TState>,\n\toptions: IStateHandlerOptions<TState>,\n): void => {\n\tconst codec = useLocationStateCodec();\n\tuseStateHandler(codec, validator, accessor, options);\n};\n\nconst useLocationStateGetter = <TState,>(\n\tstore: IStateStore<TState>,\n): (() => TState) => {\n\treturn useCallback(() => store.state, [store]);\n};\n\nconst useLocationStateSetter = <TState,>(\n\tstore: IStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn useCallback(\n\t\t(state: TState) => {\n\t\t\tstore.state = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nconst useLocationStateAccessor = <TState,>(\n\tstore: IStateStore<TState>,\n): IStateAccessor<TState> => {\n\tconst getter = useLocationStateGetter(store);\n\tconst setter = useLocationStateSetter(store);\n\tconst accessor = useMemo(\n\t\t(): IStateAccessor<TState> => ({ get: getter, set: setter }),\n\t\t[getter, setter],\n\t);\n\treturn accessor;\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nexport const useLocationState = <TState,>(store: IStateStore<TState>): void => {\n\tconst accessor = useLocationStateAccessor(store);\n\tconst options = useMemo(\n\t\t() => ({\n\t\t\tonStateRestore: store.onStateRestore,\n\t\t\tonStateChange: store.onStateChange,\n\t\t\tonStateSave: store.onStateSave,\n\t\t}),\n\t\t[store],\n\t);\n\tuseLocationStateHandler(store.validateState, accessor, options);\n};\n"],"names":["useLocationStateDeserializer","location","useLocation","useCallback","parse","useLocationStateSerializer","navigate","useNavigate","state","useLocationStateCodec","deserializer","serializer","useMemo","useLocationStateHandler","validator","accessor","options","codec","useStateHandler","useLocationStateGetter","store","useLocationStateSetter","useLocationStateAccessor","getter","setter","useLocationState"],"mappings":";;;;AASA,MAAMA,IAA+B,MAAwB;AAC5D,QAAMC,IAAWC,EAAA;AAGjB,SAAOC;AAAA,IACN,MAAgBC,EAAMH,EAAS,UAAU,MAAM,CAAC,CAAC;AAAA,IACjD,CAACA,CAAQ;AAAA,EAAA;AAEX,GAEMI,IAA6B,MAA0C;AAC5E,QAAMC,IAAWC,EAAA;AAEjB,SAAOJ;AAAA,IACN,OAAOK,MAAiC;AACvC,YAAMF,EAAS;AAAA,QAAE,QAAQE;AAAA;AAAA,MAAA,CAA0B;AAAA,IACpD;AAAA,IACA,CAACF,CAAQ;AAAA,EAAA;AAEX,GAEMG,IAAwB,MAAoC;AACjE,QAAMC,IAAeV,EAAA,GACfW,IAAaN,EAAA;AAQnB,SAPcO;AAAA,IACb,OAA4B;AAAA,MAC3B,aAAaF;AAAA,MACb,WAAWC;AAAA,IAAA;AAAA,IAEZ,CAACD,GAAcC,CAAU;AAAA,EAAA;AAG3B,GAGME,IAA0B,CAC/BC,GACAC,GACAC,MACU;AACV,QAAMC,IAAQR,EAAA;AACd,EAAAS,EAAgBD,GAAOH,GAAWC,GAAUC,CAAO;AACpD,GAEMG,IAAyB,CAC9BC,MAEOjB,EAAY,MAAMiB,EAAM,OAAO,CAACA,CAAK,CAAC,GAGxCC,IAAyB,CAC9BD,MAEOjB;AAAA,EACN,CAACK,MAAkB;AAClB,IAAAY,EAAM,QAAQZ;AAAA,EACf;AAAA,EACA,CAACY,CAAK;AAAA,GAIFE,IAA2B,CAChCF,MAC4B;AAC5B,QAAMG,IAASJ,EAAuBC,CAAK,GACrCI,IAASH,EAAuBD,CAAK;AAK3C,SAJiBR;AAAA,IAChB,OAA+B,EAAE,KAAKW,GAAQ,KAAKC,EAAA;AAAA,IACnD,CAACD,GAAQC,CAAM;AAAA,EAAA;AAGjB,GAGaC,IAAmB,CAAUL,MAAqC;AAC9E,QAAML,IAAWO,EAAyBF,CAAK,GACzCJ,IAAUJ;AAAA,IACf,OAAO;AAAA,MACN,gBAAgBQ,EAAM;AAAA,MACtB,eAAeA,EAAM;AAAA,MACrB,aAAaA,EAAM;AAAA,IAAA;AAAA,IAEpB,CAACA,CAAK;AAAA,EAAA;AAEP,EAAAP,EAAwBO,EAAM,eAAeL,GAAUC,CAAO;AAC/D;"}
+{"version":3,"file":"tanstack-router.es.js","names":[],"sources":["../src/tanstack-router/useLocationState.tsx"],"sourcesContent":["import type { IStateAccessor } from '@/components/IStateAccessor';\nimport type { IStateCodec } from '@/components/IStateCodec';\nimport type { IStateHandlerOptions } from '@/components/IStateHandlerOptions';\nimport { useStateHandler } from '@/components/useStateHandler';\nimport type { IStateStore } from '@/stores/IStateStore';\nimport { useLocation, useNavigate } from '@tanstack/react-router';\nimport { type ParsedQs, parse } from 'qs';\nimport { useCallback, useMemo } from 'react';\n\nconst useLocationStateDeserializer = (): (() => ParsedQs) => {\n\tconst location = useLocation();\n\n\t// Pass `location` as deps instead of `location.search`.\n\treturn useCallback(\n\t\t(): ParsedQs => parse(location.searchStr.slice(1)),\n\t\t[location],\n\t);\n};\n\nconst useLocationStateSerializer = <TState,>(): ((state: TState) => void) => {\n\tconst navigate = useNavigate();\n\n\treturn useCallback(\n\t\tasync (state: TState): Promise<void> => {\n\t\t\tawait navigate({ search: state as any /* FIXME */ });\n\t\t},\n\t\t[navigate],\n\t);\n};\n\nconst useLocationStateCodec = <TState,>(): IStateCodec<TState> => {\n\tconst deserializer = useLocationStateDeserializer();\n\tconst serializer = useLocationStateSerializer();\n\tconst codec = useMemo(\n\t\t(): IStateCodec<TState> => ({\n\t\t\tdeserialize: deserializer,\n\t\t\tserialize: serializer,\n\t\t}),\n\t\t[deserializer, serializer],\n\t);\n\treturn codec;\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nconst useLocationStateHandler = <TState,>(\n\tvalidator: (state: unknown) => state is TState,\n\taccessor: IStateAccessor<TState>,\n\toptions: IStateHandlerOptions<TState>,\n): void => {\n\tconst codec = useLocationStateCodec();\n\tuseStateHandler(codec, validator, accessor, options);\n};\n\nconst useLocationStateGetter = <TState,>(\n\tstore: IStateStore<TState>,\n): (() => TState) => {\n\treturn useCallback(() => store.state, [store]);\n};\n\nconst useLocationStateSetter = <TState,>(\n\tstore: IStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn useCallback(\n\t\t(state: TState) => {\n\t\t\tstore.state = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nconst useLocationStateAccessor = <TState,>(\n\tstore: IStateStore<TState>,\n): IStateAccessor<TState> => {\n\tconst getter = useLocationStateGetter(store);\n\tconst setter = useLocationStateSetter(store);\n\tconst accessor = useMemo(\n\t\t(): IStateAccessor<TState> => ({ get: getter, set: setter }),\n\t\t[getter, setter],\n\t);\n\treturn accessor;\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nexport const useLocationState = <TState,>(store: IStateStore<TState>): void => {\n\tconst accessor = useLocationStateAccessor(store);\n\tconst options = useMemo(\n\t\t() => ({\n\t\t\tonStateRestore: store.onStateRestore,\n\t\t\tonStateChange: store.onStateChange,\n\t\t\tonStateSave: store.onStateSave,\n\t\t}),\n\t\t[store],\n\t);\n\tuseLocationStateHandler(store.validateState, accessor, options);\n};\n"],"mappings":";;;;;AASA,IAAM,UAAuD;CAC5D,IAAM,IAAW,GAAa;AAG9B,QAAO,QACU,EAAM,EAAS,UAAU,MAAM,EAAE,CAAC,EAClD,CAAC,EAAS,CACV;GAGI,UAAuE;CAC5E,IAAM,IAAW,GAAa;AAE9B,QAAO,EACN,OAAO,MAAiC;AACvC,QAAM,EAAS,EAAE,QAAQ,GAA0B,CAAC;IAErD,CAAC,EAAS,CACV;GAGI,UAA4D;CACjE,IAAM,IAAe,GAA8B,EAC7C,IAAa,GAA4B;AAQ/C,QAPc,SACe;EAC3B,aAAa;EACb,WAAW;EACX,GACD,CAAC,GAAc,EAAW,CAC1B;GAKI,KACL,GACA,GACA,MACU;AAEV,GADc,GAAuB,EACd,GAAW,GAAU,EAAQ;GAG/C,KACL,MAEO,QAAkB,EAAM,OAAO,CAAC,EAAM,CAAC,EAGzC,KACL,MAEO,GACL,MAAkB;AAClB,GAAM,QAAQ;GAEf,CAAC,EAAM,CACP,EAGI,KACL,MAC4B;CAC5B,IAAM,IAAS,EAAuB,EAAM,EACtC,IAAS,EAAuB,EAAM;AAK5C,QAJiB,SACe;EAAE,KAAK;EAAQ,KAAK;EAAQ,GAC3D,CAAC,GAAQ,EAAO,CAChB;GAKW,KAA6B,MAAqC;CAC9E,IAAM,IAAW,EAAyB,EAAM,EAC1C,IAAU,SACR;EACN,gBAAgB,EAAM;EACtB,eAAe,EAAM;EACrB,aAAa,EAAM;EACnB,GACD,CAAC,EAAM,CACP;AACD,GAAwB,EAAM,eAAe,GAAU,EAAQ"}

package/dist/useStateHandler-cGvOZfIR.js

@@ -0,0 +1,51 @@
+import { useCallback as e, useEffect as t, useRef as n } from "react";
+import { isEqual as r, omitBy as i } from "lodash-es";
+import { reaction as a } from "mobx";
+//#region src/components/useStateHandler.tsx
+var o = (e, n, r, i, a) => {
+	t(() => {
+		let t = n.deserialize();
+		r(t) && (e.current = !0, i.set(t), e.current = !1, a.onStateRestore?.({ state: t }));
+	}, [
+		n,
+		r,
+		e,
+		i,
+		a
+	]);
+}, s = (n, o, s) => {
+	let c = e((e, t) => {
+		if (!s.onStateChange) return;
+		let a = i(e, (e, n) => r(t[n], e)), o = Object.keys(a);
+		console.assert(o.length > 0), s.onStateChange({
+			state: e,
+			previousState: t,
+			keys: o,
+			popState: n.current
+		});
+	}, [n, s]);
+	t(() => a(o.get, c), [o, c]), t(() => {
+		let e = o.get();
+		n.current = !0, c(e, {}), n.current = !1;
+	}, [
+		o,
+		n,
+		c
+	]);
+}, c = (e, n, r, i) => {
+	t(() => a(n.get, (t) => {
+		e.current || (r.serialize(t), i.onStateSave?.({ state: t }));
+	}), [
+		n,
+		e,
+		r,
+		i
+	]);
+}, l = (e, t, r, i) => {
+	let a = n(!1);
+	o(a, e, t, r, i), s(a, r, i), c(a, r, e, i);
+};
+//#endregion
+export { l as t };
+
+//# sourceMappingURL=useStateHandler-cGvOZfIR.js.map

package/dist/useStateHandler-cGvOZfIR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStateHandler-cGvOZfIR.js","names":[],"sources":["../src/components/useStateHandler.tsx"],"sourcesContent":["import type {\n\tIStateAccessor,\n\tIStateGetter,\n\tIStateSetter,\n} from '@/components/IStateAccessor';\nimport type {\n\tIStateCodec,\n\tIStateDeserializer,\n\tIStateSerializer,\n} from '@/components/IStateCodec';\nimport type {\n\tIHandleStateChangeOptions,\n\tIRestoreStateOptions,\n\tISaveStateOptions,\n\tIStateHandlerOptions,\n} from '@/components/IStateHandlerOptions';\nimport { isEqual, omitBy } from 'lodash-es';\nimport { reaction } from 'mobx';\nimport { type MutableRefObject, useCallback, useEffect, useRef } from 'react';\n\nconst useRestoreState = <TState,>(\n\tpopStateRef: MutableRefObject<boolean>,\n\tdeserializer: IStateDeserializer /*<TState>*/,\n\tvalidator: (state: unknown) => state is TState,\n\tsetter: IStateSetter<TState>,\n\toptions: IRestoreStateOptions<TState>,\n): void => {\n\tuseEffect(() => {\n\t\tconst state = deserializer.deserialize();\n\n\t\tif (validator(state)) {\n\t\t\tpopStateRef.current = true;\n\n\t\t\tsetter.set(state);\n\n\t\t\tpopStateRef.current = false;\n\n\t\t\toptions.onStateRestore?.({ state: state });\n\t\t}\n\t}, [deserializer, validator, popStateRef, setter, options]);\n};\n\nconst useHandleStateChange = <TState extends Partial<TState>>(\n\tpopStateRef: MutableRefObject<boolean>,\n\tgetter: IStateGetter<TState>,\n\toptions: IHandleStateChangeOptions<TState>,\n): void => {\n\tconst handleStateChange = useCallback(\n\t\t(state: TState, previousState: TState): void => {\n\t\t\tif (!options.onStateChange) return;\n\n\t\t\t// Compare the current and previous values.\n\t\t\tconst diff = omitBy(state, (v, k) =>\n\t\t\t\tisEqual(previousState[k as keyof typeof previousState], v),\n\t\t\t);\n\n\t\t\t// Assuming that the current value is `{ filter: 'Miku', page: 3939, searchType: 'Artist' }`, and the previous one is `{ filter: 'Miku', page: 1 }`,\n\t\t\t// then the diff will be `{ page: 3939, searchType: 'Artist' }`, which results in `['page', 'searchType']`.\n\t\t\tconst keys = Object.keys(diff) as (keyof TState)[];\n\t\t\tconsole.assert(keys.length > 0);\n\n\t\t\toptions.onStateChange({\n\t\t\t\tstate: state,\n\t\t\t\tpreviousState: previousState,\n\t\t\t\tkeys: keys,\n\t\t\t\tpopState: popStateRef.current,\n\t\t\t});\n\t\t},\n\t\t[popStateRef, options],\n\t);\n\n\tuseEffect(() => {\n\t\t// Returns the disposer.\n\t\treturn reaction(getter.get, handleStateChange);\n\t}, [getter, handleStateChange]);\n\n\t// This is called when the page is first loaded.\n\tuseEffect(() => {\n\t\tconst state = getter.get();\n\t\tconst previousState = {} as TState;\n\n\t\tpopStateRef.current = true;\n\n\t\thandleStateChange(state, previousState);\n\n\t\tpopStateRef.current = false;\n\t}, [getter, popStateRef, handleStateChange]);\n};\n\nconst useSaveState = <TState,>(\n\tpopStateRef: MutableRefObject<boolean>,\n\tgetter: IStateGetter<TState>,\n\tserializer: IStateSerializer<TState>,\n\toptions: ISaveStateOptions<TState>,\n): void => {\n\tuseEffect(() => {\n\t\t// Returns the disposer.\n\t\treturn reaction(getter.get, (state) => {\n\t\t\tif (popStateRef.current) return;\n\n\t\t\tserializer.serialize(state);\n\n\t\t\toptions.onStateSave?.({ state: state });\n\t\t});\n\t}, [getter, popStateRef, serializer, options]);\n};\n\nexport const useStateHandler = <TState,>(\n\tcodec: IStateCodec<TState>,\n\tvalidator: (state: unknown) => state is TState,\n\taccessor: IStateAccessor<TState>,\n\toptions: IStateHandlerOptions<TState>,\n): void => {\n\t// Whether currently processing popstate. This is to prevent adding the previous state to history.\n\tconst popStateRef = useRef(false);\n\n\tuseRestoreState(popStateRef, codec, validator, accessor, options);\n\n\t// This must be called before `useSaveState`, so that state can be changed in the `onStateChange` callback.\n\tuseHandleStateChange(popStateRef, accessor, options);\n\n\tuseSaveState(popStateRef, accessor, codec, options);\n};\n"],"mappings":";;;;AAoBA,IAAM,KACL,GACA,GACA,GACA,GACA,MACU;AACV,SAAgB;EACf,IAAM,IAAQ,EAAa,aAAa;AAExC,EAAI,EAAU,EAAM,KACnB,EAAY,UAAU,IAEtB,EAAO,IAAI,EAAM,EAEjB,EAAY,UAAU,IAEtB,EAAQ,iBAAiB,EAAS,UAAO,CAAC;IAEzC;EAAC;EAAc;EAAW;EAAa;EAAQ;EAAQ,CAAC;GAGtD,KACL,GACA,GACA,MACU;CACV,IAAM,IAAoB,GACxB,GAAe,MAAgC;AAC/C,MAAI,CAAC,EAAQ,cAAe;EAG5B,IAAM,IAAO,EAAO,IAAQ,GAAG,MAC9B,EAAQ,EAAc,IAAkC,EAAE,CAC1D,EAIK,IAAO,OAAO,KAAK,EAAK;AAG9B,EAFA,QAAQ,OAAO,EAAK,SAAS,EAAE,EAE/B,EAAQ,cAAc;GACd;GACQ;GACT;GACN,UAAU,EAAY;GACtB,CAAC;IAEH,CAAC,GAAa,EAAQ,CACtB;AAQD,CANA,QAEQ,EAAS,EAAO,KAAK,EAAkB,EAC5C,CAAC,GAAQ,EAAkB,CAAC,EAG/B,QAAgB;EACf,IAAM,IAAQ,EAAO,KAAK;AAO1B,EAJA,EAAY,UAAU,IAEtB,EAAkB,GAJI,EAAE,CAIe,EAEvC,EAAY,UAAU;IACpB;EAAC;EAAQ;EAAa;EAAkB,CAAC;GAGvC,KACL,GACA,GACA,GACA,MACU;AACV,SAEQ,EAAS,EAAO,MAAM,MAAU;AAClC,IAAY,YAEhB,EAAW,UAAU,EAAM,EAE3B,EAAQ,cAAc,EAAS,UAAO,CAAC;GACtC,EACA;EAAC;EAAQ;EAAa;EAAY;EAAQ,CAAC;GAGlC,KACZ,GACA,GACA,GACA,MACU;CAEV,IAAM,IAAc,EAAO,GAAM;AAOjC,CALA,EAAgB,GAAa,GAAO,GAAW,GAAU,EAAQ,EAGjE,EAAqB,GAAa,GAAU,EAAQ,EAEpD,EAAa,GAAa,GAAU,GAAO,EAAQ"}

package/dist/useStateHandler-lwgfPmpv.cjs

@@ -0,0 +1,2 @@
+let e=require(`react`),t=require(`lodash-es`),n=require(`mobx`);var r=(t,n,r,i,a)=>{(0,e.useEffect)(()=>{let e=n.deserialize();r(e)&&(t.current=!0,i.set(e),t.current=!1,a.onStateRestore?.({state:e}))},[n,r,t,i,a])},i=(r,i,a)=>{let o=(0,e.useCallback)((e,n)=>{if(!a.onStateChange)return;let i=(0,t.omitBy)(e,(e,r)=>(0,t.isEqual)(n[r],e)),o=Object.keys(i);console.assert(o.length>0),a.onStateChange({state:e,previousState:n,keys:o,popState:r.current})},[r,a]);(0,e.useEffect)(()=>(0,n.reaction)(i.get,o),[i,o]),(0,e.useEffect)(()=>{let e=i.get();r.current=!0,o(e,{}),r.current=!1},[i,r,o])},a=(t,r,i,a)=>{(0,e.useEffect)(()=>(0,n.reaction)(r.get,e=>{t.current||(i.serialize(e),a.onStateSave?.({state:e}))}),[r,t,i,a])},o=(t,n,o,s)=>{let c=(0,e.useRef)(!1);r(c,t,n,o,s),i(c,o,s),a(c,o,t,s)};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=useStateHandler-lwgfPmpv.cjs.map

package/dist/useStateHandler-lwgfPmpv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStateHandler-lwgfPmpv.cjs","names":[],"sources":["../src/components/useStateHandler.tsx"],"sourcesContent":["import type {\n\tIStateAccessor,\n\tIStateGetter,\n\tIStateSetter,\n} from '@/components/IStateAccessor';\nimport type {\n\tIStateCodec,\n\tIStateDeserializer,\n\tIStateSerializer,\n} from '@/components/IStateCodec';\nimport type {\n\tIHandleStateChangeOptions,\n\tIRestoreStateOptions,\n\tISaveStateOptions,\n\tIStateHandlerOptions,\n} from '@/components/IStateHandlerOptions';\nimport { isEqual, omitBy } from 'lodash-es';\nimport { reaction } from 'mobx';\nimport { type MutableRefObject, useCallback, useEffect, useRef } from 'react';\n\nconst useRestoreState = <TState,>(\n\tpopStateRef: MutableRefObject<boolean>,\n\tdeserializer: IStateDeserializer /*<TState>*/,\n\tvalidator: (state: unknown) => state is TState,\n\tsetter: IStateSetter<TState>,\n\toptions: IRestoreStateOptions<TState>,\n): void => {\n\tuseEffect(() => {\n\t\tconst state = deserializer.deserialize();\n\n\t\tif (validator(state)) {\n\t\t\tpopStateRef.current = true;\n\n\t\t\tsetter.set(state);\n\n\t\t\tpopStateRef.current = false;\n\n\t\t\toptions.onStateRestore?.({ state: state });\n\t\t}\n\t}, [deserializer, validator, popStateRef, setter, options]);\n};\n\nconst useHandleStateChange = <TState extends Partial<TState>>(\n\tpopStateRef: MutableRefObject<boolean>,\n\tgetter: IStateGetter<TState>,\n\toptions: IHandleStateChangeOptions<TState>,\n): void => {\n\tconst handleStateChange = useCallback(\n\t\t(state: TState, previousState: TState): void => {\n\t\t\tif (!options.onStateChange) return;\n\n\t\t\t// Compare the current and previous values.\n\t\t\tconst diff = omitBy(state, (v, k) =>\n\t\t\t\tisEqual(previousState[k as keyof typeof previousState], v),\n\t\t\t);\n\n\t\t\t// Assuming that the current value is `{ filter: 'Miku', page: 3939, searchType: 'Artist' }`, and the previous one is `{ filter: 'Miku', page: 1 }`,\n\t\t\t// then the diff will be `{ page: 3939, searchType: 'Artist' }`, which results in `['page', 'searchType']`.\n\t\t\tconst keys = Object.keys(diff) as (keyof TState)[];\n\t\t\tconsole.assert(keys.length > 0);\n\n\t\t\toptions.onStateChange({\n\t\t\t\tstate: state,\n\t\t\t\tpreviousState: previousState,\n\t\t\t\tkeys: keys,\n\t\t\t\tpopState: popStateRef.current,\n\t\t\t});\n\t\t},\n\t\t[popStateRef, options],\n\t);\n\n\tuseEffect(() => {\n\t\t// Returns the disposer.\n\t\treturn reaction(getter.get, handleStateChange);\n\t}, [getter, handleStateChange]);\n\n\t// This is called when the page is first loaded.\n\tuseEffect(() => {\n\t\tconst state = getter.get();\n\t\tconst previousState = {} as TState;\n\n\t\tpopStateRef.current = true;\n\n\t\thandleStateChange(state, previousState);\n\n\t\tpopStateRef.current = false;\n\t}, [getter, popStateRef, handleStateChange]);\n};\n\nconst useSaveState = <TState,>(\n\tpopStateRef: MutableRefObject<boolean>,\n\tgetter: IStateGetter<TState>,\n\tserializer: IStateSerializer<TState>,\n\toptions: ISaveStateOptions<TState>,\n): void => {\n\tuseEffect(() => {\n\t\t// Returns the disposer.\n\t\treturn reaction(getter.get, (state) => {\n\t\t\tif (popStateRef.current) return;\n\n\t\t\tserializer.serialize(state);\n\n\t\t\toptions.onStateSave?.({ state: state });\n\t\t});\n\t}, [getter, popStateRef, serializer, options]);\n};\n\nexport const useStateHandler = <TState,>(\n\tcodec: IStateCodec<TState>,\n\tvalidator: (state: unknown) => state is TState,\n\taccessor: IStateAccessor<TState>,\n\toptions: IStateHandlerOptions<TState>,\n): void => {\n\t// Whether currently processing popstate. This is to prevent adding the previous state to history.\n\tconst popStateRef = useRef(false);\n\n\tuseRestoreState(popStateRef, codec, validator, accessor, options);\n\n\t// This must be called before `useSaveState`, so that state can be changed in the `onStateChange` callback.\n\tuseHandleStateChange(popStateRef, accessor, options);\n\n\tuseSaveState(popStateRef, accessor, codec, options);\n};\n"],"mappings":"gEAoBA,IAAM,GACL,EACA,EACA,EACA,EACA,IACU,EACV,EAAA,EAAA,eAAgB,CACf,IAAM,EAAQ,EAAa,aAAa,CAEpC,EAAU,EAAM,GACnB,EAAY,QAAU,GAEtB,EAAO,IAAI,EAAM,CAEjB,EAAY,QAAU,GAEtB,EAAQ,iBAAiB,CAAS,QAAO,CAAC,GAEzC,CAAC,EAAc,EAAW,EAAa,EAAQ,EAAQ,CAAC,EAGtD,GACL,EACA,EACA,IACU,CACV,IAAM,GAAA,EAAA,EAAA,cACJ,EAAe,IAAgC,CAC/C,GAAI,CAAC,EAAQ,cAAe,OAG5B,IAAM,GAAA,EAAA,EAAA,QAAc,GAAQ,EAAG,KAAA,EAAA,EAAA,SACtB,EAAc,GAAkC,EAAE,CAC1D,CAIK,EAAO,OAAO,KAAK,EAAK,CAC9B,QAAQ,OAAO,EAAK,OAAS,EAAE,CAE/B,EAAQ,cAAc,CACd,QACQ,gBACT,OACN,SAAU,EAAY,QACtB,CAAC,EAEH,CAAC,EAAa,EAAQ,CACtB,EAED,EAAA,EAAA,gBAEC,EAAA,EAAA,UAAgB,EAAO,IAAK,EAAkB,CAC5C,CAAC,EAAQ,EAAkB,CAAC,EAG/B,EAAA,EAAA,eAAgB,CACf,IAAM,EAAQ,EAAO,KAAK,CAG1B,EAAY,QAAU,GAEtB,EAAkB,EAJI,EAAE,CAIe,CAEvC,EAAY,QAAU,IACpB,CAAC,EAAQ,EAAa,EAAkB,CAAC,EAGvC,GACL,EACA,EACA,EACA,IACU,EACV,EAAA,EAAA,gBAEC,EAAA,EAAA,UAAgB,EAAO,IAAM,GAAU,CAClC,EAAY,UAEhB,EAAW,UAAU,EAAM,CAE3B,EAAQ,cAAc,CAAS,QAAO,CAAC,GACtC,CACA,CAAC,EAAQ,EAAa,EAAY,EAAQ,CAAC,EAGlC,GACZ,EACA,EACA,EACA,IACU,CAEV,IAAM,GAAA,EAAA,EAAA,QAAqB,GAAM,CAEjC,EAAgB,EAAa,EAAO,EAAW,EAAU,EAAQ,CAGjE,EAAqB,EAAa,EAAU,EAAQ,CAEpD,EAAa,EAAa,EAAU,EAAO,EAAQ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aigamo/route-sphere",
-  "version": "2.2.11",
+  "version": "2.2.13",
   "type": "module",
   "dependencies": {},
   "devDependencies": {
@@ -16,7 +16,7 @@
     "@typescript-eslint/eslint-plugin": "^8.51.0",
     "@typescript-eslint/parser": "^8.51.0",
     "@typescript/native-preview": "7.0.0-dev.20260217.1",
-    "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react": "^6.0.0",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-config-react-app": "^7.0.1",
@@ -35,9 +35,9 @@
     "react-dom": "^18.3.1",
     "react-router-dom": "^7.13.1",
     "rimraf": "^6.1.2",
-    "vite": "^7.3.1",
+    "vite": "^8.0.0",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.0.18"
+    "vitest": "^4.1.0"
   },
   "peerDependencies": {
     "@tanstack/react-router": "^1.144.0",

package/dist/useStateHandler-Dbkejxjm.js

@@ -1,41 +0,0 @@
-import { omitBy as h, isEqual as S } from "lodash-es";
-import { reaction as l } from "mobx";
-import { useRef as C, useEffect as a, useCallback as g } from "react";
-const i = (e, u, r, t, n) => {
-  a(() => {
-    const s = u.deserialize();
-    r(s) && (e.current = !0, t.set(s), e.current = !1, n.onStateRestore?.({ state: s }));
-  }, [u, r, e, t, n]);
-}, k = (e, u, r) => {
-  const t = g(
-    (n, s) => {
-      if (!r.onStateChange) return;
-      const f = h(
-        n,
-        (m, o) => S(s[o], m)
-      ), c = Object.keys(f);
-      console.assert(c.length > 0), r.onStateChange({
-        state: n,
-        previousState: s,
-        keys: c,
-        popState: e.current
-      });
-    },
-    [e, r]
-  );
-  a(() => l(u.get, t), [u, t]), a(() => {
-    const n = u.get(), s = {};
-    e.current = !0, t(n, s), e.current = !1;
-  }, [u, e, t]);
-}, y = (e, u, r, t) => {
-  a(() => l(u.get, (n) => {
-    e.current || (r.serialize(n), t.onStateSave?.({ state: n }));
-  }), [u, e, r, t]);
-}, H = (e, u, r, t) => {
-  const n = C(!1);
-  i(n, e, u, r, t), k(n, r, t), y(n, r, e, t);
-};
-export {
-  H as u
-};
-//# sourceMappingURL=useStateHandler-Dbkejxjm.js.map

package/dist/useStateHandler-Dbkejxjm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStateHandler-Dbkejxjm.js","sources":["../src/components/useStateHandler.tsx"],"sourcesContent":["import type {\n\tIStateAccessor,\n\tIStateGetter,\n\tIStateSetter,\n} from '@/components/IStateAccessor';\nimport type {\n\tIStateCodec,\n\tIStateDeserializer,\n\tIStateSerializer,\n} from '@/components/IStateCodec';\nimport type {\n\tIHandleStateChangeOptions,\n\tIRestoreStateOptions,\n\tISaveStateOptions,\n\tIStateHandlerOptions,\n} from '@/components/IStateHandlerOptions';\nimport { isEqual, omitBy } from 'lodash-es';\nimport { reaction } from 'mobx';\nimport { type MutableRefObject, useCallback, useEffect, useRef } from 'react';\n\nconst useRestoreState = <TState,>(\n\tpopStateRef: MutableRefObject<boolean>,\n\tdeserializer: IStateDeserializer /*<TState>*/,\n\tvalidator: (state: unknown) => state is TState,\n\tsetter: IStateSetter<TState>,\n\toptions: IRestoreStateOptions<TState>,\n): void => {\n\tuseEffect(() => {\n\t\tconst state = deserializer.deserialize();\n\n\t\tif (validator(state)) {\n\t\t\tpopStateRef.current = true;\n\n\t\t\tsetter.set(state);\n\n\t\t\tpopStateRef.current = false;\n\n\t\t\toptions.onStateRestore?.({ state: state });\n\t\t}\n\t}, [deserializer, validator, popStateRef, setter, options]);\n};\n\nconst useHandleStateChange = <TState extends Partial<TState>>(\n\tpopStateRef: MutableRefObject<boolean>,\n\tgetter: IStateGetter<TState>,\n\toptions: IHandleStateChangeOptions<TState>,\n): void => {\n\tconst handleStateChange = useCallback(\n\t\t(state: TState, previousState: TState): void => {\n\t\t\tif (!options.onStateChange) return;\n\n\t\t\t// Compare the current and previous values.\n\t\t\tconst diff = omitBy(state, (v, k) =>\n\t\t\t\tisEqual(previousState[k as keyof typeof previousState], v),\n\t\t\t);\n\n\t\t\t// Assuming that the current value is `{ filter: 'Miku', page: 3939, searchType: 'Artist' }`, and the previous one is `{ filter: 'Miku', page: 1 }`,\n\t\t\t// then the diff will be `{ page: 3939, searchType: 'Artist' }`, which results in `['page', 'searchType']`.\n\t\t\tconst keys = Object.keys(diff) as (keyof TState)[];\n\t\t\tconsole.assert(keys.length > 0);\n\n\t\t\toptions.onStateChange({\n\t\t\t\tstate: state,\n\t\t\t\tpreviousState: previousState,\n\t\t\t\tkeys: keys,\n\t\t\t\tpopState: popStateRef.current,\n\t\t\t});\n\t\t},\n\t\t[popStateRef, options],\n\t);\n\n\tuseEffect(() => {\n\t\t// Returns the disposer.\n\t\treturn reaction(getter.get, handleStateChange);\n\t}, [getter, handleStateChange]);\n\n\t// This is called when the page is first loaded.\n\tuseEffect(() => {\n\t\tconst state = getter.get();\n\t\tconst previousState = {} as TState;\n\n\t\tpopStateRef.current = true;\n\n\t\thandleStateChange(state, previousState);\n\n\t\tpopStateRef.current = false;\n\t}, [getter, popStateRef, handleStateChange]);\n};\n\nconst useSaveState = <TState,>(\n\tpopStateRef: MutableRefObject<boolean>,\n\tgetter: IStateGetter<TState>,\n\tserializer: IStateSerializer<TState>,\n\toptions: ISaveStateOptions<TState>,\n): void => {\n\tuseEffect(() => {\n\t\t// Returns the disposer.\n\t\treturn reaction(getter.get, (state) => {\n\t\t\tif (popStateRef.current) return;\n\n\t\t\tserializer.serialize(state);\n\n\t\t\toptions.onStateSave?.({ state: state });\n\t\t});\n\t}, [getter, popStateRef, serializer, options]);\n};\n\nexport const useStateHandler = <TState,>(\n\tcodec: IStateCodec<TState>,\n\tvalidator: (state: unknown) => state is TState,\n\taccessor: IStateAccessor<TState>,\n\toptions: IStateHandlerOptions<TState>,\n): void => {\n\t// Whether currently processing popstate. This is to prevent adding the previous state to history.\n\tconst popStateRef = useRef(false);\n\n\tuseRestoreState(popStateRef, codec, validator, accessor, options);\n\n\t// This must be called before `useSaveState`, so that state can be changed in the `onStateChange` callback.\n\tuseHandleStateChange(popStateRef, accessor, options);\n\n\tuseSaveState(popStateRef, accessor, codec, options);\n};\n"],"names":["useRestoreState","popStateRef","deserializer","validator","setter","options","useEffect","state","useHandleStateChange","getter","handleStateChange","useCallback","previousState","diff","omitBy","v","k","isEqual","keys","reaction","useSaveState","serializer","useStateHandler","codec","accessor","useRef"],"mappings":";;;AAoBA,MAAMA,IAAkB,CACvBC,GACAC,GACAC,GACAC,GACAC,MACU;AACV,EAAAC,EAAU,MAAM;AACf,UAAMC,IAAQL,EAAa,YAAA;AAE3B,IAAIC,EAAUI,CAAK,MAClBN,EAAY,UAAU,IAEtBG,EAAO,IAAIG,CAAK,GAEhBN,EAAY,UAAU,IAEtBI,EAAQ,iBAAiB,EAAE,OAAAE,GAAc;AAAA,EAE3C,GAAG,CAACL,GAAcC,GAAWF,GAAaG,GAAQC,CAAO,CAAC;AAC3D,GAEMG,IAAuB,CAC5BP,GACAQ,GACAJ,MACU;AACV,QAAMK,IAAoBC;AAAA,IACzB,CAACJ,GAAeK,MAAgC;AAC/C,UAAI,CAACP,EAAQ,cAAe;AAG5B,YAAMQ,IAAOC;AAAA,QAAOP;AAAA,QAAO,CAACQ,GAAGC,MAC9BC,EAAQL,EAAcI,CAA+B,GAAGD,CAAC;AAAA,MAAA,GAKpDG,IAAO,OAAO,KAAKL,CAAI;AAC7B,cAAQ,OAAOK,EAAK,SAAS,CAAC,GAE9Bb,EAAQ,cAAc;AAAA,QACrB,OAAAE;AAAA,QACA,eAAAK;AAAA,QACA,MAAAM;AAAA,QACA,UAAUjB,EAAY;AAAA,MAAA,CACtB;AAAA,IACF;AAAA,IACA,CAACA,GAAaI,CAAO;AAAA,EAAA;AAGtB,EAAAC,EAAU,MAEFa,EAASV,EAAO,KAAKC,CAAiB,GAC3C,CAACD,GAAQC,CAAiB,CAAC,GAG9BJ,EAAU,MAAM;AACf,UAAMC,IAAQE,EAAO,IAAA,GACfG,IAAgB,CAAA;AAEtB,IAAAX,EAAY,UAAU,IAEtBS,EAAkBH,GAAOK,CAAa,GAEtCX,EAAY,UAAU;AAAA,EACvB,GAAG,CAACQ,GAAQR,GAAaS,CAAiB,CAAC;AAC5C,GAEMU,IAAe,CACpBnB,GACAQ,GACAY,GACAhB,MACU;AACV,EAAAC,EAAU,MAEFa,EAASV,EAAO,KAAK,CAACF,MAAU;AACtC,IAAIN,EAAY,YAEhBoB,EAAW,UAAUd,CAAK,GAE1BF,EAAQ,cAAc,EAAE,OAAAE,GAAc;AAAA,EACvC,CAAC,GACC,CAACE,GAAQR,GAAaoB,GAAYhB,CAAO,CAAC;AAC9C,GAEaiB,IAAkB,CAC9BC,GACApB,GACAqB,GACAnB,MACU;AAEV,QAAMJ,IAAcwB,EAAO,EAAK;AAEhC,EAAAzB,EAAgBC,GAAasB,GAAOpB,GAAWqB,GAAUnB,CAAO,GAGhEG,EAAqBP,GAAauB,GAAUnB,CAAO,GAEnDe,EAAanB,GAAauB,GAAUD,GAAOlB,CAAO;AACnD;"}

package/dist/useStateHandler-Ff_CnvN8.cjs

@@ -1,2 +0,0 @@
-"use strict";const l=require("lodash-es"),f=require("mobx"),c=require("react"),E=(e,u,s,t,n)=>{c.useEffect(()=>{const r=u.deserialize();s(r)&&(e.current=!0,t.set(r),e.current=!1,n.onStateRestore?.({state:r}))},[u,s,e,t,n])},i=(e,u,s)=>{const t=c.useCallback((n,r)=>{if(!s.onStateChange)return;const h=l.omitBy(n,(S,o)=>l.isEqual(r[o],S)),a=Object.keys(h);console.assert(a.length>0),s.onStateChange({state:n,previousState:r,keys:a,popState:e.current})},[e,s]);c.useEffect(()=>f.reaction(u.get,t),[u,t]),c.useEffect(()=>{const n=u.get(),r={};e.current=!0,t(n,r),e.current=!1},[u,e,t])},C=(e,u,s,t)=>{c.useEffect(()=>f.reaction(u.get,n=>{e.current||(s.serialize(n),t.onStateSave?.({state:n}))}),[u,e,s,t])},d=(e,u,s,t)=>{const n=c.useRef(!1);E(n,e,u,s,t),i(n,s,t),C(n,s,e,t)};exports.useStateHandler=d;
-//# sourceMappingURL=useStateHandler-Ff_CnvN8.cjs.map

package/dist/useStateHandler-Ff_CnvN8.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStateHandler-Ff_CnvN8.cjs","sources":["../src/components/useStateHandler.tsx"],"sourcesContent":["import type {\n\tIStateAccessor,\n\tIStateGetter,\n\tIStateSetter,\n} from '@/components/IStateAccessor';\nimport type {\n\tIStateCodec,\n\tIStateDeserializer,\n\tIStateSerializer,\n} from '@/components/IStateCodec';\nimport type {\n\tIHandleStateChangeOptions,\n\tIRestoreStateOptions,\n\tISaveStateOptions,\n\tIStateHandlerOptions,\n} from '@/components/IStateHandlerOptions';\nimport { isEqual, omitBy } from 'lodash-es';\nimport { reaction } from 'mobx';\nimport { type MutableRefObject, useCallback, useEffect, useRef } from 'react';\n\nconst useRestoreState = <TState,>(\n\tpopStateRef: MutableRefObject<boolean>,\n\tdeserializer: IStateDeserializer /*<TState>*/,\n\tvalidator: (state: unknown) => state is TState,\n\tsetter: IStateSetter<TState>,\n\toptions: IRestoreStateOptions<TState>,\n): void => {\n\tuseEffect(() => {\n\t\tconst state = deserializer.deserialize();\n\n\t\tif (validator(state)) {\n\t\t\tpopStateRef.current = true;\n\n\t\t\tsetter.set(state);\n\n\t\t\tpopStateRef.current = false;\n\n\t\t\toptions.onStateRestore?.({ state: state });\n\t\t}\n\t}, [deserializer, validator, popStateRef, setter, options]);\n};\n\nconst useHandleStateChange = <TState extends Partial<TState>>(\n\tpopStateRef: MutableRefObject<boolean>,\n\tgetter: IStateGetter<TState>,\n\toptions: IHandleStateChangeOptions<TState>,\n): void => {\n\tconst handleStateChange = useCallback(\n\t\t(state: TState, previousState: TState): void => {\n\t\t\tif (!options.onStateChange) return;\n\n\t\t\t// Compare the current and previous values.\n\t\t\tconst diff = omitBy(state, (v, k) =>\n\t\t\t\tisEqual(previousState[k as keyof typeof previousState], v),\n\t\t\t);\n\n\t\t\t// Assuming that the current value is `{ filter: 'Miku', page: 3939, searchType: 'Artist' }`, and the previous one is `{ filter: 'Miku', page: 1 }`,\n\t\t\t// then the diff will be `{ page: 3939, searchType: 'Artist' }`, which results in `['page', 'searchType']`.\n\t\t\tconst keys = Object.keys(diff) as (keyof TState)[];\n\t\t\tconsole.assert(keys.length > 0);\n\n\t\t\toptions.onStateChange({\n\t\t\t\tstate: state,\n\t\t\t\tpreviousState: previousState,\n\t\t\t\tkeys: keys,\n\t\t\t\tpopState: popStateRef.current,\n\t\t\t});\n\t\t},\n\t\t[popStateRef, options],\n\t);\n\n\tuseEffect(() => {\n\t\t// Returns the disposer.\n\t\treturn reaction(getter.get, handleStateChange);\n\t}, [getter, handleStateChange]);\n\n\t// This is called when the page is first loaded.\n\tuseEffect(() => {\n\t\tconst state = getter.get();\n\t\tconst previousState = {} as TState;\n\n\t\tpopStateRef.current = true;\n\n\t\thandleStateChange(state, previousState);\n\n\t\tpopStateRef.current = false;\n\t}, [getter, popStateRef, handleStateChange]);\n};\n\nconst useSaveState = <TState,>(\n\tpopStateRef: MutableRefObject<boolean>,\n\tgetter: IStateGetter<TState>,\n\tserializer: IStateSerializer<TState>,\n\toptions: ISaveStateOptions<TState>,\n): void => {\n\tuseEffect(() => {\n\t\t// Returns the disposer.\n\t\treturn reaction(getter.get, (state) => {\n\t\t\tif (popStateRef.current) return;\n\n\t\t\tserializer.serialize(state);\n\n\t\t\toptions.onStateSave?.({ state: state });\n\t\t});\n\t}, [getter, popStateRef, serializer, options]);\n};\n\nexport const useStateHandler = <TState,>(\n\tcodec: IStateCodec<TState>,\n\tvalidator: (state: unknown) => state is TState,\n\taccessor: IStateAccessor<TState>,\n\toptions: IStateHandlerOptions<TState>,\n): void => {\n\t// Whether currently processing popstate. This is to prevent adding the previous state to history.\n\tconst popStateRef = useRef(false);\n\n\tuseRestoreState(popStateRef, codec, validator, accessor, options);\n\n\t// This must be called before `useSaveState`, so that state can be changed in the `onStateChange` callback.\n\tuseHandleStateChange(popStateRef, accessor, options);\n\n\tuseSaveState(popStateRef, accessor, codec, options);\n};\n"],"names":["useRestoreState","popStateRef","deserializer","validator","setter","options","useEffect","state","useHandleStateChange","getter","handleStateChange","useCallback","previousState","diff","omitBy","v","k","isEqual","keys","reaction","useSaveState","serializer","useStateHandler","codec","accessor","useRef"],"mappings":"+EAoBMA,EAAkB,CACvBC,EACAC,EACAC,EACAC,EACAC,IACU,CACVC,EAAAA,UAAU,IAAM,CACf,MAAMC,EAAQL,EAAa,YAAA,EAEvBC,EAAUI,CAAK,IAClBN,EAAY,QAAU,GAEtBG,EAAO,IAAIG,CAAK,EAEhBN,EAAY,QAAU,GAEtBI,EAAQ,iBAAiB,CAAE,MAAAE,EAAc,EAE3C,EAAG,CAACL,EAAcC,EAAWF,EAAaG,EAAQC,CAAO,CAAC,CAC3D,EAEMG,EAAuB,CAC5BP,EACAQ,EACAJ,IACU,CACV,MAAMK,EAAoBC,EAAAA,YACzB,CAACJ,EAAeK,IAAgC,CAC/C,GAAI,CAACP,EAAQ,cAAe,OAG5B,MAAMQ,EAAOC,EAAAA,OAAOP,EAAO,CAACQ,EAAGC,IAC9BC,EAAAA,QAAQL,EAAcI,CAA+B,EAAGD,CAAC,CAAA,EAKpDG,EAAO,OAAO,KAAKL,CAAI,EAC7B,QAAQ,OAAOK,EAAK,OAAS,CAAC,EAE9Bb,EAAQ,cAAc,CACrB,MAAAE,EACA,cAAAK,EACA,KAAAM,EACA,SAAUjB,EAAY,OAAA,CACtB,CACF,EACA,CAACA,EAAaI,CAAO,CAAA,EAGtBC,EAAAA,UAAU,IAEFa,WAASV,EAAO,IAAKC,CAAiB,EAC3C,CAACD,EAAQC,CAAiB,CAAC,EAG9BJ,EAAAA,UAAU,IAAM,CACf,MAAMC,EAAQE,EAAO,IAAA,EACfG,EAAgB,CAAA,EAEtBX,EAAY,QAAU,GAEtBS,EAAkBH,EAAOK,CAAa,EAEtCX,EAAY,QAAU,EACvB,EAAG,CAACQ,EAAQR,EAAaS,CAAiB,CAAC,CAC5C,EAEMU,EAAe,CACpBnB,EACAQ,EACAY,EACAhB,IACU,CACVC,EAAAA,UAAU,IAEFa,WAASV,EAAO,IAAMF,GAAU,CAClCN,EAAY,UAEhBoB,EAAW,UAAUd,CAAK,EAE1BF,EAAQ,cAAc,CAAE,MAAAE,EAAc,EACvC,CAAC,EACC,CAACE,EAAQR,EAAaoB,EAAYhB,CAAO,CAAC,CAC9C,EAEaiB,EAAkB,CAC9BC,EACApB,EACAqB,EACAnB,IACU,CAEV,MAAMJ,EAAcwB,EAAAA,OAAO,EAAK,EAEhCzB,EAAgBC,EAAasB,EAAOpB,EAAWqB,EAAUnB,CAAO,EAGhEG,EAAqBP,EAAauB,EAAUnB,CAAO,EAEnDe,EAAanB,EAAauB,EAAUD,EAAOlB,CAAO,CACnD"}