@d-mok/quasar-app-extension-quasar-axe 1.0.13 → 1.0.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@d-mok/quasar-app-extension-quasar-axe",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "A Quasar App Extension",
   "author": "d-mok <49301824+d-mok@users.noreply.github.com>",
   "license": "MIT",
@@ -23,6 +23,7 @@
     "@supabase/supabase-js": "^1.29.4",
     "@types/papaparse": "^5.3.2",
     "@types/webpack-env": "^1.16.3",
+    "localforage": "^1.10.0",
     "papaparse": "^5.3.1",
     "sapphire-js": "^1.0.63"
   },

package/src/utils/ORM/basic.ts

@@ -4,7 +4,7 @@ import { qNotify } from '../notify'
 import { LoadingBar } from 'quasar'
 import { Ordering, Criteria, strKeyOf, Sheet } from 'sapphire-js'
 import { reactive } from 'vue'
-
+import localforage from 'localforage'
 
 export type Where<T> =
     { [K in keyof T]?
@@ -155,30 +155,33 @@ export abstract class BasicTable<T extends R, R extends object> extends Sheet<T>
     }
 
 
-
-    private get cache(): R[] {
-        return JSON.parse(localStorage.getItem(this.tableName) ?? '[]')
+    private async getCache(): Promise<R[]> {
+        return await localforage.getItem<R[]>(this.tableName) ?? []
     }
 
-    private set cache(data: R[]) {
-        let json = JSON.stringify(data)
-        localStorage.setItem(this.tableName, json)
+    private async setCache(data: R[]) {
+        await localforage.setItem(this.tableName, data)
     }
 
-    private restoreCache() {
-        let entities = this.convert(this.cache)
+    private async restoreCache() {
+        let cache = await this.getCache()
+        let entities = this.convert(cache)
         this.set(entities)
         this.log('restore cache')
     }
 
-    private pushCache(data: R[]) {
-        this.cache = [...this.cache, ...data]
+    private async pushCache(data: R[]) {
+        let cache = await this.getCache()
+        cache = [...cache, ...data]
+        await this.setCache(cache)
         this.log('push cache')
     }
 
-    private screenCache() {
+    private async screenCache() {
+        let cache = await this.getCache()
         let ids: any[] = this.scan(this.idField)
-        this.cache = this.cache.filter($ => ids.includes($[this.idField]))
+        cache = cache.filter($ => ids.includes($[this.idField]))
+        await this.setCache(cache)
         this.log('screen cache')
     }