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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
|
import { browser } from '$app/environment';
import { writable } from 'svelte/store';
export interface Settings {
cacheMangaMinutes: number;
cacheMinutes: number;
closeAnimeByDefault: boolean;
closeMangaByDefault: boolean;
displayNotStarted: boolean;
displayUnresolved: boolean;
roundDownChapters: boolean;
sortByDifference: boolean;
outboundLinksTo: 'anilist' | 'livechartme' | 'animeschedule' | 'myanimelist';
displayPausedMedia: boolean;
limitListHeight: boolean;
displaySocialButton: boolean;
disableGuessing: boolean;
hoverNavigation: boolean;
displayNativeTitles: boolean;
guessMethod: 'median' | 'iqr_median' | 'iqr_mode' | 'mode';
disableOutOfDateVolumeWarning: boolean;
displayPlannedAnime: boolean;
displayFurigana: boolean;
displayAoButa: 'mai' | 'nodoka' | 'kaede' | 'none';
disableManga: boolean;
disableAnime: boolean;
disableUpcomingAnime: boolean;
// eslint-disable-next-line @typescript-eslint/no-explicit-any
[key: string]: any;
}
const defaultSettings: Settings = {
// Display
outboundLinksTo: 'anilist',
displayPausedMedia: true,
displayPlannedAnime: true,
limitListHeight: false,
displaySocialButton: false,
displayUnresolved: false,
displayNativeTitles: false,
displayFurigana: false,
hoverNavigation: false,
displayNotStarted: false,
closeAnimeByDefault: false,
closeMangaByDefault: false,
sortByDifference: false,
displayAoButa: 'mai',
disableManga: false,
disableAnime: false,
disableUpcomingAnime: false,
// Calculation
roundDownChapters: true,
disableOutOfDateVolumeWarning: false,
disableGuessing: false,
guessMethod: 'median',
// Cache
cacheMangaMinutes: 120,
cacheMinutes: 30
};
const createStore = () => {
const { subscribe, set, update } = writable<Settings>(
JSON.parse(
browser
? localStorage.getItem('settings') ?? JSON.stringify(defaultSettings)
: JSON.stringify(defaultSettings)
)
);
let state: Settings;
subscribe((value) => (state = value));
return {
subscribe,
set,
update,
reset: () => set(defaultSettings),
get: () => {
const keys = Object.keys(defaultSettings);
const settingsKeys = Object.keys(state);
const updatedSettings = { ...state };
for (const key of keys)
if (!settingsKeys.includes(key))
updatedSettings[key] = defaultSettings[key as keyof Settings];
if (browser) localStorage.setItem('settings', JSON.stringify(updatedSettings));
return updatedSettings;
},
setKey: (key: keyof Settings, value: unknown) =>
update((settings) => ({ ...settings, [key]: value }))
};
};
const settings = createStore();
settings.subscribe((value) => {
if (browser) localStorage.setItem('settings', JSON.stringify(value));
});
export default settings;
|