feat: Move remaining localStorage usages to localforage

1 files changed, 24 insertions, 22 deletions

diff --git a/src/stores/lastPruneTimes.ts b/src/stores/lastPruneTimes.ts
index 9c4afc5b..212f2bc9 100644
--- a/src/stores/lastPruneTimes.ts
+++ b/src/stores/lastPruneTimes.ts
@@ -1,5 +1,6 @@
 import { browser } from '$app/environment';
 import { writable } from 'svelte/store';
+import localforage from 'localforage';
 
 interface LastPruneTimes {
   anime: number;
@@ -14,41 +15,42 @@ const defaultTimes: LastPruneTimes = {
 };
 
 const createStore = () => {
-  const { subscribe, set, update } = writable<LastPruneTimes>(
-    JSON.parse(
-      browser
-        ? (localStorage.getItem('lastPruneTimes') ?? JSON.stringify(defaultTimes))
-        : JSON.stringify(defaultTimes)
-    )
-  );
-  let state: LastPruneTimes;
+  const store = writable<LastPruneTimes>(defaultTimes);
+  let state: LastPruneTimes = defaultTimes;
 
-  subscribe((value) => (state = value));
+  if (browser)
+    localforage.getItem<LastPruneTimes>('lastPruneTimes').then((value) => {
+      if (value && Object.keys(value).length === Object.keys(defaultTimes).length) store.set(value);
+    });
+
+  store.subscribe((value) => {
+    state = value;
+
+    if (browser) localforage.setItem('lastPruneTimes', value);
+  });
 
   return {
-    subscribe,
-    set,
-    update,
-    reset: () => set(defaultTimes),
+    subscribe: store.subscribe,
+    set: store.set,
+    update: store.update,
+    reset: () => store.set(defaultTimes),
+
     get: () => {
       const keys = Object.keys(defaultTimes);
-      const lastPruneTimesKeys = Object.keys(state);
+      const stateKeys = Object.keys(state);
 
-      if (keys.length !== lastPruneTimesKeys.length) return defaultTimes;
+      if (keys.length !== stateKeys.length) return defaultTimes;
 
-      for (const key of keys) if (!lastPruneTimesKeys.includes(key)) return defaultTimes;
+      for (const key of keys) if (!stateKeys.includes(key)) return defaultTimes;
 
       return state;
     },
-    setKey: (key: keyof LastPruneTimes, value: unknown) =>
-      update((lastPruneTimes) => ({ ...lastPruneTimes, [key]: value }))
+
+    setKey: (key: keyof LastPruneTimes, value: number) =>
+      store.update((times) => ({ ...times, [key]: value }))
   };
 };
 
 const lastPruneTimes = createStore();
 
-lastPruneTimes.subscribe((value) => {
-  if (browser) localStorage.setItem('lastPruneTimes', JSON.stringify(value));
-});
-
 export default lastPruneTimes;