fix: hydrated

This commit is contained in:
Dogtiti 2024-09-03 20:29:01 +08:00
parent 886ffc0af8
commit ed9aae531e
3 changed files with 14 additions and 5 deletions

View File

@ -179,6 +179,8 @@ export const usePromptStore = createPersistStore(
res.en.length + res.cn.length + res.tw.length; res.en.length + res.cn.length + res.tw.length;
SearchService.init(allPromptsForSearch, userPrompts); SearchService.init(allPromptsForSearch, userPrompts);
}); });
return () => state.setHasHydrated(true);
}, },
}, },
); );

View File

@ -5,11 +5,7 @@ class IndexedDBStorage implements StateStorage {
public async getItem(name: string): Promise<string | null> { public async getItem(name: string): Promise<string | null> {
try { try {
const value = (await get(name)) || localStorage.getItem(name); const value = (await get(name)) || localStorage.getItem(name);
const _value = JSON.parse(value); return value;
if (_value?.state) {
_value.state._hasHydrated = true;
}
return JSON.stringify(_value);
} catch (error) { } catch (error) {
return localStorage.getItem(name); return localStorage.getItem(name);
} }

View File

@ -14,9 +14,11 @@ type SecondParam<T> = T extends (
type MakeUpdater<T> = { type MakeUpdater<T> = {
lastUpdateTime: number; lastUpdateTime: number;
_hasHydrated: boolean;
markUpdate: () => void; markUpdate: () => void;
update: Updater<T>; update: Updater<T>;
setHasHydrated: (state: boolean) => void;
}; };
type SetStoreState<T> = ( type SetStoreState<T> = (
@ -33,12 +35,18 @@ export function createPersistStore<T extends object, M>(
persistOptions: SecondParam<typeof persist<T & M & MakeUpdater<T>>>, persistOptions: SecondParam<typeof persist<T & M & MakeUpdater<T>>>,
) { ) {
persistOptions.storage = createJSONStorage(() => indexedDBStorage); persistOptions.storage = createJSONStorage(() => indexedDBStorage);
persistOptions.onRehydrateStorage = persistOptions.onRehydrateStorage
? persistOptions.onRehydrateStorage
: (state) => {
return () => state.setHasHydrated(true);
};
return create( return create(
persist( persist(
combine( combine(
{ {
...state, ...state,
lastUpdateTime: 0, lastUpdateTime: 0,
_hasHydrated: false,
}, },
(set, get) => { (set, get) => {
return { return {
@ -57,6 +65,9 @@ export function createPersistStore<T extends object, M>(
lastUpdateTime: Date.now(), lastUpdateTime: Date.now(),
}); });
}, },
setHasHydrated: (state: boolean) => {
set({ _hasHydrated: state } as Partial<T & M & MakeUpdater<T>>);
},
} as M & MakeUpdater<T>; } as M & MakeUpdater<T>;
}, },
), ),