mapcomplete/Logic/Web/LocalStorageSource.ts

import {UIEventSource} from "../UIEventSource";

/**
 * UIEventsource-wrapper around localStorage
 */
export class LocalStorageSource {

    static GetParsed<T>(key: string, defaultValue: T): UIEventSource<T> {
        return LocalStorageSource.Get(key).map(
            str => {
                if (str === undefined) {
                    return defaultValue
                }
                try {
                    return JSON.parse(str)
                } catch {
                    return defaultValue
                }
            }, [],
            value => JSON.stringify(value)
        )
    }

    static Get(key: string, defaultValue: string = undefined): UIEventSource<string> {
        try {
            const saved = localStorage.getItem(key);
            const source = new UIEventSource<string>(saved ?? defaultValue, "localstorage:" + key);

            source.addCallback((data) => {
                try {
                    localStorage.setItem(key, data);
                } catch (e) {
                    // Probably exceeded the quota with this item!
                    // Lets nuke everything
                    localStorage.clear()
                }

            });
            return source;
        } catch (e) {
            return new UIEventSource<string>(defaultValue);
        }
    }
}