/* This file is part of GNU Anastasis (C) 2021-2022 Anastasis SARL GNU Anastasis is free software; you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation; either version 3, or (at your option) any later version. GNU Anastasis is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with GNU Anastasis; see the file COPYING. If not, see */ /** * * @author Sebastian Javier Marchano (sebasjm) */ import { AbsoluteTime, Codec, codecForString } from "@gnu-taler/taler-util"; import { useEffect, useState } from "preact/hooks"; import { ObservableMap, browserStorageMap, localStorageMap, memoryMap, } from "../utils/observable.js"; declare const opaque_StorageKey: unique symbol; export type StorageKey = { id: string; [opaque_StorageKey]: true; codec: Codec; }; export function buildStorageKey( name: string, codec: Codec, ): StorageKey; export function buildStorageKey(name: string): StorageKey; export function buildStorageKey( name: string, codec?: Codec, ): StorageKey { return { id: name, codec: codec ?? (codecForString() as Codec), } as StorageKey; } export interface StorageState { value?: Type; update: (s: Type) => void; reset: () => void; } const supportLocalStorage = typeof window !== "undefined"; const supportBrowserStorage = typeof chrome !== "undefined" && typeof chrome.storage !== "undefined"; /** * Build setting storage */ const storage: ObservableMap = (function buildStorage() { if (supportBrowserStorage) { //browser storage is like local storage but //with app sync. //Works for almost every browser if (supportLocalStorage) { return browserStorageMap(localStorageMap()); } else { // service worker doesn't have local storage return browserStorageMap(memoryMap()); } } else if (supportLocalStorage) { // fallback if browser is too old return localStorageMap(); } else { // new need to save settings somewhere return memoryMap(); } })(); //with initial value export function useLocalStorage( key: StorageKey, defaultValue: Type, ): Required>; //without initial value export function useLocalStorage( key: StorageKey, ): StorageState; // impl export function useLocalStorage( key: StorageKey, defaultValue?: Type, ): StorageState { const current = convert(storage.get(key.id), key, defaultValue); const [_, setStoredValue] = useState(AbsoluteTime.now().t_ms); useEffect(() => { return storage.onUpdate(key.id, () => { // const newValue = storage.get(key.id); setStoredValue(AbsoluteTime.now().t_ms); }); }, [key.id]); const setValue = (value?: Type): void => { if (value === undefined) { storage.delete(key.id); } else { storage.set( key.id, key.codec ? JSON.stringify(value) : (value as string), ); } }; return { value: current, update: setValue, reset: () => { setValue(defaultValue); }, }; } function convert(updated: string | undefined, key: StorageKey, defaultValue?: Type): Type | undefined { if (updated === undefined) return defaultValue; //optional try { return key.codec.decode(JSON.parse(updated)); } catch (e) { //decode error return defaultValue; } }