@aigamo/route-sphere 2.0.5-rc.0 → 2.0.5-rc.1

package/dist/components/useLocationStateHandler.d.ts

@@ -1,6 +1,6 @@
-import { ParsedQs } from 'qs';
 import { LocationStateStore } from '../stores/LocationStateStore';
 import { StateChangeEvent } from '../stores/StateChangeEvent';
+import { ParsedQs } from 'qs';
 export declare const useLocationStateDeserializer: () => (() => ParsedQs);
 export declare const useLocationStateSerializer: <TState>() => ((state: TState) => void);
 /** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */

package/dist/components/useStateHandler.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { StateChangeEvent } from '../stores/StateChangeEvent';
+import { default as React } from 'react';
 export declare const useRestoreState: <TState>(popStateRef: React.MutableRefObject<boolean>, deserializer: () => any, stateValidator: (state: any) => state is TState, stateSetter: (state: TState) => void) => void;
 export declare const useHandleStateChange: <TState extends Partial<TState>>(popStateRef: React.MutableRefObject<boolean>, onStateChange: ((event: StateChangeEvent<TState>) => void) | undefined, stateGetter: () => TState) => void;
 export declare const useSaveState: <TState>(popStateRef: React.MutableRefObject<boolean>, stateGetter: () => TState, serializer: (state: TState) => void) => void;

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/components/ScrollToTop.tsx","../src/components/useStateHandler.tsx","../src/components/useLocalStorageStateHandler.tsx","../src/components/useLocationStateHandler.tsx","../src/stores/StateChangeEvent.ts"],"sourcesContent":["import React from 'react';\nimport { useLocation } from 'react-router-dom';\n\nexport const ScrollToTop = (): null => {\n\tconst location = useLocation();\n\n\tReact.useLayoutEffect(() => {\n\t\twindow.scrollTo(0, 0);\n\t}, [location]);\n\n\treturn null;\n};\n","import { isEqual, omitBy } from 'lodash-es';\nimport { reaction } from 'mobx';\nimport React from 'react';\n\nimport { StateChangeEvent } from '../stores/StateChangeEvent';\n\nexport const useRestoreState = <TState,>(\n\tpopStateRef: React.MutableRefObject<boolean>,\n\tdeserializer: () => any,\n\tstateValidator: (state: any) => state is TState,\n\tstateSetter: (state: TState) => void,\n): void => {\n\tReact.useEffect(() => {\n\t\tconst state = deserializer();\n\n\t\tif (stateValidator(state)) {\n\t\t\tpopStateRef.current = true;\n\n\t\t\tstateSetter(state);\n\n\t\t\tpopStateRef.current = false;\n\t\t}\n\t}, [deserializer, stateValidator, popStateRef, stateSetter]);\n};\n\nexport const useHandleStateChange = <TState extends Partial<TState>>(\n\tpopStateRef: React.MutableRefObject<boolean>,\n\tonStateChange: ((event: StateChangeEvent<TState>) => void) | undefined,\n\tstateGetter: () => TState,\n): void => {\n\tReact.useEffect(() => {\n\t\tif (!onStateChange) return;\n\n\t\t// Returns the disposer.\n\t\treturn reaction(stateGetter, (state, previousState) => {\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\tonStateChange({ keys: keys, popState: popStateRef.current });\n\t\t});\n\t}, [stateGetter, onStateChange, popStateRef]);\n\n\t// This is called when the page is first loaded.\n\tReact.useEffect(() => {\n\t\tif (!onStateChange) return;\n\n\t\tconst keys = Object.keys(stateGetter()) as (keyof TState)[];\n\n\t\tonStateChange({ keys: keys, popState: true /* Always true. */ });\n\t}, [stateGetter, onStateChange]);\n};\n\nexport const useSaveState = <TState,>(\n\tpopStateRef: React.MutableRefObject<boolean>,\n\tstateGetter: () => TState,\n\tserializer: (state: TState) => void,\n): void => {\n\tReact.useEffect(() => {\n\t\t// Returns the disposer.\n\t\treturn reaction(stateGetter, (state) => {\n\t\t\tif (popStateRef.current) return;\n\n\t\t\tserializer(state);\n\t\t});\n\t}, [stateGetter, popStateRef, serializer]);\n};\n\nexport const useStateHandler = <TState,>(\n\tdeserializer: () => any,\n\tstateValidator: (state: any) => state is TState,\n\tstateSetter: (state: TState) => void,\n\tonStateChange: ((event: StateChangeEvent<TState>) => void) | undefined,\n\tstateGetter: () => TState,\n\tserializer: (state: TState) => void,\n): void => {\n\t// Whether currently processing popstate. This is to prevent adding the previous state to history.\n\tconst popStateRef = React.useRef(false);\n\n\tuseRestoreState(popStateRef, deserializer, stateValidator, stateSetter);\n\n\t// This must be called before `useSaveState`, so that state can be changed in the `onStateChange` callback.\n\tuseHandleStateChange(popStateRef, onStateChange, stateGetter);\n\n\tuseSaveState(popStateRef, stateGetter, serializer);\n};\n","import React from 'react';\n\nimport { LocalStorageStateStore } from '../stores/LocalStorageStateStore';\nimport { StateChangeEvent } from '../stores/StateChangeEvent';\nimport { useStateHandler } from './useStateHandler';\n\nexport const useLocalStorageStateDeserializer = (key: string): (() => any) => {\n\treturn React.useCallback((): any => {\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\nexport const useLocalStorageStateSerializer = <TState,>(\n\tkey: string,\n): ((state: TState) => void) => {\n\treturn React.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\nexport const useLocalStorageStateHandler = <TState,>(\n\tkey: string,\n\tstateValidator: (state: any) => state is TState,\n\tstateSetter: (state: TState) => void,\n\tonStateChange: ((event: StateChangeEvent<TState>) => void) | undefined,\n\tstateGetter: () => TState,\n): void => {\n\tconst deserializer = useLocalStorageStateDeserializer(key);\n\tconst serializer = useLocalStorageStateSerializer(key);\n\tuseStateHandler(\n\t\tdeserializer,\n\t\tstateValidator,\n\t\tstateSetter,\n\t\tonStateChange,\n\t\tstateGetter,\n\t\tserializer,\n\t);\n};\n\nexport const useLocalStorageStateSetter = <TState,>(\n\tstore: LocalStorageStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn React.useCallback(\n\t\t(state: TState): void => {\n\t\t\tstore.localStorageState = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nexport const useLocalStorageStateGetter = <TState,>(\n\tstore: LocalStorageStateStore<TState>,\n): (() => TState) => {\n\treturn React.useCallback((): TState => store.localStorageState, [store]);\n};\n\nexport const useLocalStorageStateStore = <TState,>(\n\tkey: string,\n\tstore: LocalStorageStateStore<TState>,\n): void => {\n\tconst stateSetter = useLocalStorageStateSetter(store);\n\tconst stateGetter = useLocalStorageStateGetter(store);\n\tuseLocalStorageStateHandler(\n\t\tkey,\n\t\tstore.validateLocalStorageState,\n\t\tstateSetter,\n\t\tstore.onLocalStorageStateChange,\n\t\tstateGetter,\n\t);\n};\n","import { ParsedQs, parse, stringify } from 'qs';\nimport React from 'react';\nimport { useLocation, useNavigate } from 'react-router-dom';\n\nimport { LocationStateStore } from '../stores/LocationStateStore';\nimport { StateChangeEvent } from '../stores/StateChangeEvent';\nimport { useStateHandler } from './useStateHandler';\n\nexport const useLocationStateDeserializer = (): (() => ParsedQs) => {\n\tconst location = useLocation();\n\n\t// Pass `location` as deps instead of `location.search`.\n\treturn React.useCallback(\n\t\t(): ParsedQs => parse(location.search.slice(1)),\n\t\t[location],\n\t);\n};\n\nexport const useLocationStateSerializer = <TState,>(): ((\n\tstate: TState,\n) => void) => {\n\tconst navigate = useNavigate();\n\n\treturn React.useCallback(\n\t\t(state: TState): void => {\n\t\t\tconst newUrl = `?${stringify(state)}`;\n\t\t\tnavigate(newUrl);\n\t\t},\n\t\t[navigate],\n\t);\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nexport const useLocationStateHandler = <TState,>(\n\tstateValidator: (state: any) => state is TState,\n\tstateSetter: (state: TState) => void,\n\tonStateChange: ((event: StateChangeEvent<TState>) => void) | undefined,\n\tstateGetter: () => TState,\n): void => {\n\tconst deserializer = useLocationStateDeserializer();\n\tconst serializer = useLocationStateSerializer();\n\tuseStateHandler(\n\t\tdeserializer,\n\t\tstateValidator,\n\t\tstateSetter,\n\t\tonStateChange,\n\t\tstateGetter,\n\t\tserializer,\n\t);\n};\n\nexport const useLocationStateSetter = <TState,>(\n\tstore: LocationStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn React.useCallback(\n\t\t(state: TState): void => {\n\t\t\tstore.locationState = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nexport const useLocationStateGetter = <TState,>(\n\tstore: LocationStateStore<TState>,\n): (() => TState) => {\n\treturn React.useCallback((): TState => store.locationState, [store]);\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nexport const useLocationStateStore = <TState,>(\n\tstore: LocationStateStore<TState>,\n): void => {\n\tconst stateSetter = useLocationStateSetter(store);\n\tconst stateGetter = useLocationStateGetter(store);\n\tuseLocationStateHandler(\n\t\tstore.validateLocationState,\n\t\tstateSetter,\n\t\tstore.onLocationStateChange,\n\t\tstateGetter,\n\t);\n};\n","export const includesAny = <T>(array: T[], values: T[]): boolean => {\n\treturn values.some((value) => array.includes(value));\n};\n\nexport interface StateChangeEvent<TState> {\n\tkeys: (keyof TState)[];\n\tpopState: boolean;\n}\n"],"names":["ScrollToTop","location","useLocation","React","useRestoreState","popStateRef","deserializer","stateValidator","stateSetter","state","useHandleStateChange","onStateChange","stateGetter","reaction","previousState","diff","omitBy","v","k","isEqual","keys","useSaveState","serializer","useStateHandler","useLocalStorageStateDeserializer","key","error","useLocalStorageStateSerializer","useLocalStorageStateHandler","useLocalStorageStateSetter","store","useLocalStorageStateGetter","useLocalStorageStateStore","useLocationStateDeserializer","parse","useLocationStateSerializer","navigate","useNavigate","newUrl","stringify","useLocationStateHandler","useLocationStateSetter","useLocationStateGetter","useLocationStateStore","includesAny","array","values","value"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../src/components/ScrollToTop.tsx","../src/components/useStateHandler.tsx","../src/components/useLocalStorageStateHandler.tsx","../src/components/useLocationStateHandler.tsx","../src/stores/StateChangeEvent.ts"],"sourcesContent":["import React from 'react';\nimport { useLocation } from 'react-router-dom';\n\nexport const ScrollToTop = (): null => {\n\tconst location = useLocation();\n\n\tReact.useLayoutEffect(() => {\n\t\twindow.scrollTo(0, 0);\n\t}, [location]);\n\n\treturn null;\n};\n","import type { StateChangeEvent } from '@/stores/StateChangeEvent';\nimport { isEqual, omitBy } from 'lodash-es';\nimport { reaction } from 'mobx';\nimport React from 'react';\n\nexport const useRestoreState = <TState,>(\n\tpopStateRef: React.MutableRefObject<boolean>,\n\tdeserializer: () => any,\n\tstateValidator: (state: any) => state is TState,\n\tstateSetter: (state: TState) => void,\n): void => {\n\tReact.useEffect(() => {\n\t\tconst state = deserializer();\n\n\t\tif (stateValidator(state)) {\n\t\t\tpopStateRef.current = true;\n\n\t\t\tstateSetter(state);\n\n\t\t\tpopStateRef.current = false;\n\t\t}\n\t}, [deserializer, stateValidator, popStateRef, stateSetter]);\n};\n\nexport const useHandleStateChange = <TState extends Partial<TState>>(\n\tpopStateRef: React.MutableRefObject<boolean>,\n\tonStateChange: ((event: StateChangeEvent<TState>) => void) | undefined,\n\tstateGetter: () => TState,\n): void => {\n\tReact.useEffect(() => {\n\t\tif (!onStateChange) return;\n\n\t\t// Returns the disposer.\n\t\treturn reaction(stateGetter, (state, previousState) => {\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\tonStateChange({ keys: keys, popState: popStateRef.current });\n\t\t});\n\t}, [stateGetter, onStateChange, popStateRef]);\n\n\t// This is called when the page is first loaded.\n\tReact.useEffect(() => {\n\t\tif (!onStateChange) return;\n\n\t\tconst keys = Object.keys(stateGetter()) as (keyof TState)[];\n\n\t\tonStateChange({ keys: keys, popState: true /* Always true. */ });\n\t}, [stateGetter, onStateChange]);\n};\n\nexport const useSaveState = <TState,>(\n\tpopStateRef: React.MutableRefObject<boolean>,\n\tstateGetter: () => TState,\n\tserializer: (state: TState) => void,\n): void => {\n\tReact.useEffect(() => {\n\t\t// Returns the disposer.\n\t\treturn reaction(stateGetter, (state) => {\n\t\t\tif (popStateRef.current) return;\n\n\t\t\tserializer(state);\n\t\t});\n\t}, [stateGetter, popStateRef, serializer]);\n};\n\nexport const useStateHandler = <TState,>(\n\tdeserializer: () => any,\n\tstateValidator: (state: any) => state is TState,\n\tstateSetter: (state: TState) => void,\n\tonStateChange: ((event: StateChangeEvent<TState>) => void) | undefined,\n\tstateGetter: () => TState,\n\tserializer: (state: TState) => void,\n): void => {\n\t// Whether currently processing popstate. This is to prevent adding the previous state to history.\n\tconst popStateRef = React.useRef(false);\n\n\tuseRestoreState(popStateRef, deserializer, stateValidator, stateSetter);\n\n\t// This must be called before `useSaveState`, so that state can be changed in the `onStateChange` callback.\n\tuseHandleStateChange(popStateRef, onStateChange, stateGetter);\n\n\tuseSaveState(popStateRef, stateGetter, serializer);\n};\n","import type { LocalStorageStateStore } from '@/stores/LocalStorageStateStore';\nimport type { StateChangeEvent } from '@/stores/StateChangeEvent';\nimport React from 'react';\n\nimport { useStateHandler } from './useStateHandler';\n\nexport const useLocalStorageStateDeserializer = (key: string): (() => any) => {\n\treturn React.useCallback((): any => {\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\nexport const useLocalStorageStateSerializer = <TState,>(\n\tkey: string,\n): ((state: TState) => void) => {\n\treturn React.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\nexport const useLocalStorageStateHandler = <TState,>(\n\tkey: string,\n\tstateValidator: (state: any) => state is TState,\n\tstateSetter: (state: TState) => void,\n\tonStateChange: ((event: StateChangeEvent<TState>) => void) | undefined,\n\tstateGetter: () => TState,\n): void => {\n\tconst deserializer = useLocalStorageStateDeserializer(key);\n\tconst serializer = useLocalStorageStateSerializer(key);\n\tuseStateHandler(\n\t\tdeserializer,\n\t\tstateValidator,\n\t\tstateSetter,\n\t\tonStateChange,\n\t\tstateGetter,\n\t\tserializer,\n\t);\n};\n\nexport const useLocalStorageStateSetter = <TState,>(\n\tstore: LocalStorageStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn React.useCallback(\n\t\t(state: TState): void => {\n\t\t\tstore.localStorageState = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nexport const useLocalStorageStateGetter = <TState,>(\n\tstore: LocalStorageStateStore<TState>,\n): (() => TState) => {\n\treturn React.useCallback((): TState => store.localStorageState, [store]);\n};\n\nexport const useLocalStorageStateStore = <TState,>(\n\tkey: string,\n\tstore: LocalStorageStateStore<TState>,\n): void => {\n\tconst stateSetter = useLocalStorageStateSetter(store);\n\tconst stateGetter = useLocalStorageStateGetter(store);\n\tuseLocalStorageStateHandler(\n\t\tkey,\n\t\tstore.validateLocalStorageState,\n\t\tstateSetter,\n\t\tstore.onLocalStorageStateChange,\n\t\tstateGetter,\n\t);\n};\n","import type { LocationStateStore } from '@/stores/LocationStateStore';\nimport type { StateChangeEvent } from '@/stores/StateChangeEvent';\nimport { type ParsedQs, parse, stringify } from 'qs';\nimport React from 'react';\nimport { useLocation, useNavigate } from 'react-router-dom';\n\nimport { useStateHandler } from './useStateHandler';\n\nexport const useLocationStateDeserializer = (): (() => ParsedQs) => {\n\tconst location = useLocation();\n\n\t// Pass `location` as deps instead of `location.search`.\n\treturn React.useCallback(\n\t\t(): ParsedQs => parse(location.search.slice(1)),\n\t\t[location],\n\t);\n};\n\nexport const useLocationStateSerializer = <TState,>(): ((\n\tstate: TState,\n) => void) => {\n\tconst navigate = useNavigate();\n\n\treturn React.useCallback(\n\t\t(state: TState): void => {\n\t\t\tconst newUrl = `?${stringify(state)}`;\n\t\t\tnavigate(newUrl);\n\t\t},\n\t\t[navigate],\n\t);\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nexport const useLocationStateHandler = <TState,>(\n\tstateValidator: (state: any) => state is TState,\n\tstateSetter: (state: TState) => void,\n\tonStateChange: ((event: StateChangeEvent<TState>) => void) | undefined,\n\tstateGetter: () => TState,\n): void => {\n\tconst deserializer = useLocationStateDeserializer();\n\tconst serializer = useLocationStateSerializer();\n\tuseStateHandler(\n\t\tdeserializer,\n\t\tstateValidator,\n\t\tstateSetter,\n\t\tonStateChange,\n\t\tstateGetter,\n\t\tserializer,\n\t);\n};\n\nexport const useLocationStateSetter = <TState,>(\n\tstore: LocationStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn React.useCallback(\n\t\t(state: TState): void => {\n\t\t\tstore.locationState = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nexport const useLocationStateGetter = <TState,>(\n\tstore: LocationStateStore<TState>,\n): (() => TState) => {\n\treturn React.useCallback((): TState => store.locationState, [store]);\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nexport const useLocationStateStore = <TState,>(\n\tstore: LocationStateStore<TState>,\n): void => {\n\tconst stateSetter = useLocationStateSetter(store);\n\tconst stateGetter = useLocationStateGetter(store);\n\tuseLocationStateHandler(\n\t\tstore.validateLocationState,\n\t\tstateSetter,\n\t\tstore.onLocationStateChange,\n\t\tstateGetter,\n\t);\n};\n","export const includesAny = <T>(array: T[], values: T[]): boolean => {\n\treturn values.some((value) => array.includes(value));\n};\n\nexport interface StateChangeEvent<TState> {\n\tkeys: (keyof TState)[];\n\tpopState: boolean;\n}\n"],"names":["ScrollToTop","location","useLocation","React","useRestoreState","popStateRef","deserializer","stateValidator","stateSetter","state","useHandleStateChange","onStateChange","stateGetter","reaction","previousState","diff","omitBy","v","k","isEqual","keys","useSaveState","serializer","useStateHandler","useLocalStorageStateDeserializer","key","error","useLocalStorageStateSerializer","useLocalStorageStateHandler","useLocalStorageStateSetter","store","useLocalStorageStateGetter","useLocalStorageStateStore","useLocationStateDeserializer","parse","useLocationStateSerializer","navigate","useNavigate","newUrl","stringify","useLocationStateHandler","useLocationStateSetter","useLocationStateGetter","useLocationStateStore","includesAny","array","values","value"],"mappings":"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"}

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/components/ScrollToTop.tsx","../src/components/useStateHandler.tsx","../src/components/useLocalStorageStateHandler.tsx","../src/components/useLocationStateHandler.tsx","../src/stores/StateChangeEvent.ts"],"sourcesContent":["import React from 'react';\nimport { useLocation } from 'react-router-dom';\n\nexport const ScrollToTop = (): null => {\n\tconst location = useLocation();\n\n\tReact.useLayoutEffect(() => {\n\t\twindow.scrollTo(0, 0);\n\t}, [location]);\n\n\treturn null;\n};\n","import { isEqual, omitBy } from 'lodash-es';\nimport { reaction } from 'mobx';\nimport React from 'react';\n\nimport { StateChangeEvent } from '../stores/StateChangeEvent';\n\nexport const useRestoreState = <TState,>(\n\tpopStateRef: React.MutableRefObject<boolean>,\n\tdeserializer: () => any,\n\tstateValidator: (state: any) => state is TState,\n\tstateSetter: (state: TState) => void,\n): void => {\n\tReact.useEffect(() => {\n\t\tconst state = deserializer();\n\n\t\tif (stateValidator(state)) {\n\t\t\tpopStateRef.current = true;\n\n\t\t\tstateSetter(state);\n\n\t\t\tpopStateRef.current = false;\n\t\t}\n\t}, [deserializer, stateValidator, popStateRef, stateSetter]);\n};\n\nexport const useHandleStateChange = <TState extends Partial<TState>>(\n\tpopStateRef: React.MutableRefObject<boolean>,\n\tonStateChange: ((event: StateChangeEvent<TState>) => void) | undefined,\n\tstateGetter: () => TState,\n): void => {\n\tReact.useEffect(() => {\n\t\tif (!onStateChange) return;\n\n\t\t// Returns the disposer.\n\t\treturn reaction(stateGetter, (state, previousState) => {\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\tonStateChange({ keys: keys, popState: popStateRef.current });\n\t\t});\n\t}, [stateGetter, onStateChange, popStateRef]);\n\n\t// This is called when the page is first loaded.\n\tReact.useEffect(() => {\n\t\tif (!onStateChange) return;\n\n\t\tconst keys = Object.keys(stateGetter()) as (keyof TState)[];\n\n\t\tonStateChange({ keys: keys, popState: true /* Always true. */ });\n\t}, [stateGetter, onStateChange]);\n};\n\nexport const useSaveState = <TState,>(\n\tpopStateRef: React.MutableRefObject<boolean>,\n\tstateGetter: () => TState,\n\tserializer: (state: TState) => void,\n): void => {\n\tReact.useEffect(() => {\n\t\t// Returns the disposer.\n\t\treturn reaction(stateGetter, (state) => {\n\t\t\tif (popStateRef.current) return;\n\n\t\t\tserializer(state);\n\t\t});\n\t}, [stateGetter, popStateRef, serializer]);\n};\n\nexport const useStateHandler = <TState,>(\n\tdeserializer: () => any,\n\tstateValidator: (state: any) => state is TState,\n\tstateSetter: (state: TState) => void,\n\tonStateChange: ((event: StateChangeEvent<TState>) => void) | undefined,\n\tstateGetter: () => TState,\n\tserializer: (state: TState) => void,\n): void => {\n\t// Whether currently processing popstate. This is to prevent adding the previous state to history.\n\tconst popStateRef = React.useRef(false);\n\n\tuseRestoreState(popStateRef, deserializer, stateValidator, stateSetter);\n\n\t// This must be called before `useSaveState`, so that state can be changed in the `onStateChange` callback.\n\tuseHandleStateChange(popStateRef, onStateChange, stateGetter);\n\n\tuseSaveState(popStateRef, stateGetter, serializer);\n};\n","import React from 'react';\n\nimport { LocalStorageStateStore } from '../stores/LocalStorageStateStore';\nimport { StateChangeEvent } from '../stores/StateChangeEvent';\nimport { useStateHandler } from './useStateHandler';\n\nexport const useLocalStorageStateDeserializer = (key: string): (() => any) => {\n\treturn React.useCallback((): any => {\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\nexport const useLocalStorageStateSerializer = <TState,>(\n\tkey: string,\n): ((state: TState) => void) => {\n\treturn React.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\nexport const useLocalStorageStateHandler = <TState,>(\n\tkey: string,\n\tstateValidator: (state: any) => state is TState,\n\tstateSetter: (state: TState) => void,\n\tonStateChange: ((event: StateChangeEvent<TState>) => void) | undefined,\n\tstateGetter: () => TState,\n): void => {\n\tconst deserializer = useLocalStorageStateDeserializer(key);\n\tconst serializer = useLocalStorageStateSerializer(key);\n\tuseStateHandler(\n\t\tdeserializer,\n\t\tstateValidator,\n\t\tstateSetter,\n\t\tonStateChange,\n\t\tstateGetter,\n\t\tserializer,\n\t);\n};\n\nexport const useLocalStorageStateSetter = <TState,>(\n\tstore: LocalStorageStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn React.useCallback(\n\t\t(state: TState): void => {\n\t\t\tstore.localStorageState = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nexport const useLocalStorageStateGetter = <TState,>(\n\tstore: LocalStorageStateStore<TState>,\n): (() => TState) => {\n\treturn React.useCallback((): TState => store.localStorageState, [store]);\n};\n\nexport const useLocalStorageStateStore = <TState,>(\n\tkey: string,\n\tstore: LocalStorageStateStore<TState>,\n): void => {\n\tconst stateSetter = useLocalStorageStateSetter(store);\n\tconst stateGetter = useLocalStorageStateGetter(store);\n\tuseLocalStorageStateHandler(\n\t\tkey,\n\t\tstore.validateLocalStorageState,\n\t\tstateSetter,\n\t\tstore.onLocalStorageStateChange,\n\t\tstateGetter,\n\t);\n};\n","import { ParsedQs, parse, stringify } from 'qs';\nimport React from 'react';\nimport { useLocation, useNavigate } from 'react-router-dom';\n\nimport { LocationStateStore } from '../stores/LocationStateStore';\nimport { StateChangeEvent } from '../stores/StateChangeEvent';\nimport { useStateHandler } from './useStateHandler';\n\nexport const useLocationStateDeserializer = (): (() => ParsedQs) => {\n\tconst location = useLocation();\n\n\t// Pass `location` as deps instead of `location.search`.\n\treturn React.useCallback(\n\t\t(): ParsedQs => parse(location.search.slice(1)),\n\t\t[location],\n\t);\n};\n\nexport const useLocationStateSerializer = <TState,>(): ((\n\tstate: TState,\n) => void) => {\n\tconst navigate = useNavigate();\n\n\treturn React.useCallback(\n\t\t(state: TState): void => {\n\t\t\tconst newUrl = `?${stringify(state)}`;\n\t\t\tnavigate(newUrl);\n\t\t},\n\t\t[navigate],\n\t);\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nexport const useLocationStateHandler = <TState,>(\n\tstateValidator: (state: any) => state is TState,\n\tstateSetter: (state: TState) => void,\n\tonStateChange: ((event: StateChangeEvent<TState>) => void) | undefined,\n\tstateGetter: () => TState,\n): void => {\n\tconst deserializer = useLocationStateDeserializer();\n\tconst serializer = useLocationStateSerializer();\n\tuseStateHandler(\n\t\tdeserializer,\n\t\tstateValidator,\n\t\tstateSetter,\n\t\tonStateChange,\n\t\tstateGetter,\n\t\tserializer,\n\t);\n};\n\nexport const useLocationStateSetter = <TState,>(\n\tstore: LocationStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn React.useCallback(\n\t\t(state: TState): void => {\n\t\t\tstore.locationState = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nexport const useLocationStateGetter = <TState,>(\n\tstore: LocationStateStore<TState>,\n): (() => TState) => {\n\treturn React.useCallback((): TState => store.locationState, [store]);\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nexport const useLocationStateStore = <TState,>(\n\tstore: LocationStateStore<TState>,\n): void => {\n\tconst stateSetter = useLocationStateSetter(store);\n\tconst stateGetter = useLocationStateGetter(store);\n\tuseLocationStateHandler(\n\t\tstore.validateLocationState,\n\t\tstateSetter,\n\t\tstore.onLocationStateChange,\n\t\tstateGetter,\n\t);\n};\n","export const includesAny = <T>(array: T[], values: T[]): boolean => {\n\treturn values.some((value) => array.includes(value));\n};\n\nexport interface StateChangeEvent<TState> {\n\tkeys: (keyof TState)[];\n\tpopState: boolean;\n}\n"],"names":["ScrollToTop","location","useLocation","React","useRestoreState","popStateRef","deserializer","stateValidator","stateSetter","state","useHandleStateChange","onStateChange","stateGetter","reaction","previousState","diff","omitBy","v","k","isEqual","keys","useSaveState","serializer","useStateHandler","useLocalStorageStateDeserializer","key","error","useLocalStorageStateSerializer","useLocalStorageStateHandler","useLocalStorageStateSetter","store","useLocalStorageStateGetter","useLocalStorageStateStore","useLocationStateDeserializer","parse","useLocationStateSerializer","navigate","useNavigate","newUrl","stringify","useLocationStateHandler","useLocationStateSetter","useLocationStateGetter","useLocationStateStore","includesAny","array","values","value"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../src/components/ScrollToTop.tsx","../src/components/useStateHandler.tsx","../src/components/useLocalStorageStateHandler.tsx","../src/components/useLocationStateHandler.tsx","../src/stores/StateChangeEvent.ts"],"sourcesContent":["import React from 'react';\nimport { useLocation } from 'react-router-dom';\n\nexport const ScrollToTop = (): null => {\n\tconst location = useLocation();\n\n\tReact.useLayoutEffect(() => {\n\t\twindow.scrollTo(0, 0);\n\t}, [location]);\n\n\treturn null;\n};\n","import type { StateChangeEvent } from '@/stores/StateChangeEvent';\nimport { isEqual, omitBy } from 'lodash-es';\nimport { reaction } from 'mobx';\nimport React from 'react';\n\nexport const useRestoreState = <TState,>(\n\tpopStateRef: React.MutableRefObject<boolean>,\n\tdeserializer: () => any,\n\tstateValidator: (state: any) => state is TState,\n\tstateSetter: (state: TState) => void,\n): void => {\n\tReact.useEffect(() => {\n\t\tconst state = deserializer();\n\n\t\tif (stateValidator(state)) {\n\t\t\tpopStateRef.current = true;\n\n\t\t\tstateSetter(state);\n\n\t\t\tpopStateRef.current = false;\n\t\t}\n\t}, [deserializer, stateValidator, popStateRef, stateSetter]);\n};\n\nexport const useHandleStateChange = <TState extends Partial<TState>>(\n\tpopStateRef: React.MutableRefObject<boolean>,\n\tonStateChange: ((event: StateChangeEvent<TState>) => void) | undefined,\n\tstateGetter: () => TState,\n): void => {\n\tReact.useEffect(() => {\n\t\tif (!onStateChange) return;\n\n\t\t// Returns the disposer.\n\t\treturn reaction(stateGetter, (state, previousState) => {\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\tonStateChange({ keys: keys, popState: popStateRef.current });\n\t\t});\n\t}, [stateGetter, onStateChange, popStateRef]);\n\n\t// This is called when the page is first loaded.\n\tReact.useEffect(() => {\n\t\tif (!onStateChange) return;\n\n\t\tconst keys = Object.keys(stateGetter()) as (keyof TState)[];\n\n\t\tonStateChange({ keys: keys, popState: true /* Always true. */ });\n\t}, [stateGetter, onStateChange]);\n};\n\nexport const useSaveState = <TState,>(\n\tpopStateRef: React.MutableRefObject<boolean>,\n\tstateGetter: () => TState,\n\tserializer: (state: TState) => void,\n): void => {\n\tReact.useEffect(() => {\n\t\t// Returns the disposer.\n\t\treturn reaction(stateGetter, (state) => {\n\t\t\tif (popStateRef.current) return;\n\n\t\t\tserializer(state);\n\t\t});\n\t}, [stateGetter, popStateRef, serializer]);\n};\n\nexport const useStateHandler = <TState,>(\n\tdeserializer: () => any,\n\tstateValidator: (state: any) => state is TState,\n\tstateSetter: (state: TState) => void,\n\tonStateChange: ((event: StateChangeEvent<TState>) => void) | undefined,\n\tstateGetter: () => TState,\n\tserializer: (state: TState) => void,\n): void => {\n\t// Whether currently processing popstate. This is to prevent adding the previous state to history.\n\tconst popStateRef = React.useRef(false);\n\n\tuseRestoreState(popStateRef, deserializer, stateValidator, stateSetter);\n\n\t// This must be called before `useSaveState`, so that state can be changed in the `onStateChange` callback.\n\tuseHandleStateChange(popStateRef, onStateChange, stateGetter);\n\n\tuseSaveState(popStateRef, stateGetter, serializer);\n};\n","import type { LocalStorageStateStore } from '@/stores/LocalStorageStateStore';\nimport type { StateChangeEvent } from '@/stores/StateChangeEvent';\nimport React from 'react';\n\nimport { useStateHandler } from './useStateHandler';\n\nexport const useLocalStorageStateDeserializer = (key: string): (() => any) => {\n\treturn React.useCallback((): any => {\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\nexport const useLocalStorageStateSerializer = <TState,>(\n\tkey: string,\n): ((state: TState) => void) => {\n\treturn React.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\nexport const useLocalStorageStateHandler = <TState,>(\n\tkey: string,\n\tstateValidator: (state: any) => state is TState,\n\tstateSetter: (state: TState) => void,\n\tonStateChange: ((event: StateChangeEvent<TState>) => void) | undefined,\n\tstateGetter: () => TState,\n): void => {\n\tconst deserializer = useLocalStorageStateDeserializer(key);\n\tconst serializer = useLocalStorageStateSerializer(key);\n\tuseStateHandler(\n\t\tdeserializer,\n\t\tstateValidator,\n\t\tstateSetter,\n\t\tonStateChange,\n\t\tstateGetter,\n\t\tserializer,\n\t);\n};\n\nexport const useLocalStorageStateSetter = <TState,>(\n\tstore: LocalStorageStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn React.useCallback(\n\t\t(state: TState): void => {\n\t\t\tstore.localStorageState = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nexport const useLocalStorageStateGetter = <TState,>(\n\tstore: LocalStorageStateStore<TState>,\n): (() => TState) => {\n\treturn React.useCallback((): TState => store.localStorageState, [store]);\n};\n\nexport const useLocalStorageStateStore = <TState,>(\n\tkey: string,\n\tstore: LocalStorageStateStore<TState>,\n): void => {\n\tconst stateSetter = useLocalStorageStateSetter(store);\n\tconst stateGetter = useLocalStorageStateGetter(store);\n\tuseLocalStorageStateHandler(\n\t\tkey,\n\t\tstore.validateLocalStorageState,\n\t\tstateSetter,\n\t\tstore.onLocalStorageStateChange,\n\t\tstateGetter,\n\t);\n};\n","import type { LocationStateStore } from '@/stores/LocationStateStore';\nimport type { StateChangeEvent } from '@/stores/StateChangeEvent';\nimport { type ParsedQs, parse, stringify } from 'qs';\nimport React from 'react';\nimport { useLocation, useNavigate } from 'react-router-dom';\n\nimport { useStateHandler } from './useStateHandler';\n\nexport const useLocationStateDeserializer = (): (() => ParsedQs) => {\n\tconst location = useLocation();\n\n\t// Pass `location` as deps instead of `location.search`.\n\treturn React.useCallback(\n\t\t(): ParsedQs => parse(location.search.slice(1)),\n\t\t[location],\n\t);\n};\n\nexport const useLocationStateSerializer = <TState,>(): ((\n\tstate: TState,\n) => void) => {\n\tconst navigate = useNavigate();\n\n\treturn React.useCallback(\n\t\t(state: TState): void => {\n\t\t\tconst newUrl = `?${stringify(state)}`;\n\t\t\tnavigate(newUrl);\n\t\t},\n\t\t[navigate],\n\t);\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nexport const useLocationStateHandler = <TState,>(\n\tstateValidator: (state: any) => state is TState,\n\tstateSetter: (state: TState) => void,\n\tonStateChange: ((event: StateChangeEvent<TState>) => void) | undefined,\n\tstateGetter: () => TState,\n): void => {\n\tconst deserializer = useLocationStateDeserializer();\n\tconst serializer = useLocationStateSerializer();\n\tuseStateHandler(\n\t\tdeserializer,\n\t\tstateValidator,\n\t\tstateSetter,\n\t\tonStateChange,\n\t\tstateGetter,\n\t\tserializer,\n\t);\n};\n\nexport const useLocationStateSetter = <TState,>(\n\tstore: LocationStateStore<TState>,\n): ((state: TState) => void) => {\n\treturn React.useCallback(\n\t\t(state: TState): void => {\n\t\t\tstore.locationState = state;\n\t\t},\n\t\t[store],\n\t);\n};\n\nexport const useLocationStateGetter = <TState,>(\n\tstore: LocationStateStore<TState>,\n): (() => TState) => {\n\treturn React.useCallback((): TState => store.locationState, [store]);\n};\n\n/** Updates a store that implements the {@link LocationStateStore} interface when a route changes, and vice versa. */\nexport const useLocationStateStore = <TState,>(\n\tstore: LocationStateStore<TState>,\n): void => {\n\tconst stateSetter = useLocationStateSetter(store);\n\tconst stateGetter = useLocationStateGetter(store);\n\tuseLocationStateHandler(\n\t\tstore.validateLocationState,\n\t\tstateSetter,\n\t\tstore.onLocationStateChange,\n\t\tstateGetter,\n\t);\n};\n","export const includesAny = <T>(array: T[], values: T[]): boolean => {\n\treturn values.some((value) => array.includes(value));\n};\n\nexport interface StateChangeEvent<TState> {\n\tkeys: (keyof TState)[];\n\tpopState: boolean;\n}\n"],"names":["ScrollToTop","location","useLocation","React","useRestoreState","popStateRef","deserializer","stateValidator","stateSetter","state","useHandleStateChange","onStateChange","stateGetter","reaction","previousState","diff","omitBy","v","k","isEqual","keys","useSaveState","serializer","useStateHandler","useLocalStorageStateDeserializer","key","error","useLocalStorageStateSerializer","useLocalStorageStateHandler","useLocalStorageStateSetter","store","useLocalStorageStateGetter","useLocalStorageStateStore","useLocationStateDeserializer","parse","useLocationStateSerializer","navigate","useNavigate","newUrl","stringify","useLocationStateHandler","useLocationStateSetter","useLocationStateGetter","useLocationStateStore","includesAny","array","values","value"],"mappings":"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"}

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@aigamo/route-sphere",
-  "version": "2.0.5-rc.0",
+  "version": "2.0.5-rc.1",
   "type": "module",
   "devDependencies": {
     "@eslint/compat": "^2.0.0",
     "@eslint/eslintrc": "^3.3.3",
-    "@testing-library/jest-dom": "^6.9.1",
     "@trivago/prettier-plugin-sort-imports": "^6.0.0",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^25.0.3",
@@ -14,6 +13,7 @@
     "@types/react-dom": "^18.3.7",
     "@typescript-eslint/eslint-plugin": "^8.51.0",
     "@typescript-eslint/parser": "^8.51.0",
+    "@typescript/native-preview": "7.0.0-dev.20251212.1",
     "@vitejs/plugin-react": "^5.1.2",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
@@ -33,7 +33,6 @@
     "react-dom": "^17.0.2",
     "react-router-dom": "^6.4.3",
     "rimraf": "^6.1.2",
-    "typescript": "^5.9.3",
     "vite": "^7.3.0",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.16"
@@ -82,6 +81,7 @@
   },
   "scripts": {
     "clean": "rimraf ./dist",
-    "build": "pnpm clean && tsc && vite build"
+    "build": "pnpm clean && tsgo && vite build",
+    "lint": "eslint ."
   }
 }