1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
|
import { browser } from "$app/environment";
import type { UserIdentity } from "$lib/Data/AniList/identity";
import { writable } from "svelte/store";
import localforage from "localforage";
export const defaultIdentity: UserIdentity = {
name: "",
id: -2,
avatar: "https://s4.anilist.co/file/anilistcdn/user/avatar/large/default.png",
};
const createStore = () => {
const store = writable<UserIdentity>(defaultIdentity);
let state: UserIdentity = defaultIdentity;
let hydrated = !browser;
store.subscribe((value) => {
state = value;
if (browser && hydrated) localforage.setItem("identity", value);
});
if (browser)
localforage.getItem<UserIdentity>("identity").then(async (value) => {
if (value && typeof value === "object") store.set(value);
hydrated = true;
await localforage.setItem("identity", state);
});
return {
subscribe: store.subscribe,
set: store.set,
update: store.update,
reset: () => store.set(defaultIdentity),
get: () => {
const keys = Object.keys(defaultIdentity);
const identityKeys = Object.keys(state);
const updatedIdentity = { ...state };
for (const key of keys)
if (!identityKeys.includes(key))
(updatedIdentity as unknown as Record<string, unknown>)[key] = (
defaultIdentity as unknown as Record<string, unknown>
)[key];
if (browser && hydrated) localforage.setItem("identity", updatedIdentity);
return updatedIdentity;
},
setKey: (key: keyof UserIdentity, value: unknown) =>
store.update((identity) => ({ ...identity, [key]: value })),
};
};
const identity = createStore();
export default identity;
|