add: cacheable images/quotes

Valexr · May 8, 2024 · 7933ec3 · 7933ec3
1 parent 324fd35
commit 7933ec3
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 19 deletions.
diff --git a/src/lib/getable.ts b/src/lib/getable.ts
diff --git a/src/lib/images.ts b/src/lib/images.ts
@@ -1,4 +1,4 @@
-import { getable } from "./getable";
+import { cacheable } from "./cacheable";
 
 type Size = {
     width: number;
@@ -26,7 +26,7 @@ export const images = createImages()
 
 function createImages() {
     type API = [string, number, string]
-    const { subscribe, set, get, update } = getable<Array<API>>([])
+    const { subscribe, set, get, update } = cacheable<Array<API>>('County-Images', [], true)
 
     async function load() {
         if (!get().length) {

diff --git a/src/lib/quotes.ts b/src/lib/quotes.ts
@@ -1,16 +1,17 @@
-import { getable } from "./getable";
+import { cacheable } from "./cacheable";
 import { locale, random } from "./utils";
 
 export const quotes = createQuotes()
 function createQuotes() {
-    const { subscribe, set, get, update } = getable<Quote[]>([['', '']])
+    const { subscribe, set, get, update } = cacheable<Quote[]>('County_Quotes', [['', '']], true)
     return {
         subscribe, set, get, update,
         async load() {
-            const url = `./assets/quotes_${locale()}.json`
-            const res = await fetch(url);
-            const json = await res.json()
-            set(json)
+            if (!get().length) {
+                const url = `./assets/quotes_${locale()}.json`
+                const res = await fetch(url);
+                set(await res.json())
+            }
         },
         random(id: number) {
             return get()[random(get().length - id)]