mapcomplete/Logic/Web/IdbLocalStorage.ts

import {UIEventSource} from "../UIEventSource";
import * as idb from "idb-keyval"
import {Utils} from "../../Utils";

/**
 * UIEventsource-wrapper around indexedDB key-value
 */
export class IdbLocalStorage {

    private static readonly _sourceCache: Record<string, UIEventSource<any>> = {}
    
    public static Get<T>(key: string, options?: { defaultValue?: T, whenLoaded?: (t: T | null) => void }): UIEventSource<T> {
        if(IdbLocalStorage._sourceCache[key] !== undefined){
            return IdbLocalStorage._sourceCache[key]
        }
        const src = new UIEventSource<T>(options?.defaultValue, "idb-local-storage:" + key)
        if (Utils.runningFromConsole) {
            return src;
        }
        src.addCallback(v => idb.set(key, v))
        
        idb.get(key).then(v => {
            src.setData(v ?? options?.defaultValue);
            if (options?.whenLoaded !== undefined) {
                options?.whenLoaded(v)
            }
        }).catch(err => {
            console.warn("Loading from local storage failed due to", err)
            if (options?.whenLoaded !== undefined) {
                options?.whenLoaded(null)
            }
        })
        IdbLocalStorage._sourceCache[key] = src;
        return src;

    }

    public static SetDirectly(key: string, value) {
        idb.set(key, value)
    }

    static GetDirectly(key: string) {
        return idb.get(key)
    }
}