a9cf5630fe
todo: problem: In a short period of time, several functions that depend on the latest state at the same time do operations and update the state according to the state they got, which will cause all calls except the first one to update the state incorrectly due to incorrect dependencies (not-updated state) because of the asynchronous updating of the React state.
59 lines
1.8 KiB
TypeScript
59 lines
1.8 KiB
TypeScript
import { settingsType } from "@/global";
|
|
import isLocalStorageAvailable from "@/lib/isLocalStorageAvailable";
|
|
import { atom } from "recoil";
|
|
|
|
const defaultSettings: settingsType = {
|
|
"version": 2,
|
|
"elementBackdrop": true,
|
|
"bgBlur": true,
|
|
"timeShowSecond": false,
|
|
"currentSearchEngine": "google",
|
|
"searchInNewTab": true,
|
|
"searchEngines": {
|
|
"google": "https://www.google.com/search?q=%s",
|
|
"bing": "https://www.bing.com/search?q=%s",
|
|
"baidu": "https://www.baidu.com/s?wd=%s",
|
|
"duckduckgo": "https://duckduckgo.com/?q=%s",
|
|
"yandex": "https://yandex.com/search/?text=%s",
|
|
"yahoo": "https://search.yahoo.com/search?p=%s",
|
|
"ecosia": "https://www.ecosia.org/search?q=%s"
|
|
}
|
|
};
|
|
|
|
|
|
const localStorageEffect =
|
|
(key: string) =>
|
|
({ setSelf, onSet }: any) => {
|
|
if (isLocalStorageAvailable()===false){
|
|
return;
|
|
}
|
|
if (localStorage.getItem(key) === null) {
|
|
localStorage.setItem(key, JSON.stringify(defaultSettings));
|
|
return;
|
|
}
|
|
let settings =JSON.parse(JSON.stringify(defaultSettings));
|
|
const savedSettings = localStorage.getItem(key)!;
|
|
const parsedSettings = JSON.parse(savedSettings);
|
|
|
|
Object.keys(settings).map((key) => {
|
|
if (parsedSettings[key] !== undefined && key !== "version"){
|
|
settings[key] = parsedSettings[key];
|
|
}
|
|
})
|
|
|
|
setSelf(settings);
|
|
localStorage.setItem(key, JSON.stringify(settings));
|
|
|
|
onSet((newValue: settingsType) => {
|
|
localStorage.setItem(key, JSON.stringify(newValue));
|
|
});
|
|
};
|
|
|
|
const settingsState = atom({
|
|
key: "settings",
|
|
default: defaultSettings,
|
|
effects_UNSTABLE: [localStorageEffect("settings")]
|
|
});
|
|
|
|
export { settingsState };
|