fix: hydrated
This commit is contained in:
parent
886ffc0af8
commit
ed9aae531e
|
@ -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);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>;
|
||||||
},
|
},
|
||||||
),
|
),
|
||||||
|
|
Loading…
Reference in New Issue