import localforage from 'localforage'; /** The storage type */ export type StorageType = 'local' | 'session'; export function createStorage(type: StorageType, storagePrefix: string) { const stg = type === 'session' ? window.sessionStorage : window.localStorage; const storage = { /** * Set session * * @param key Session key * @param value Session value */ set(key: K, value: T[K]) { const json = JSON.stringify(value); stg.setItem(`${storagePrefix}${key as string}`, json); }, /** * Get session * * @param key Session key */ get(key: K): T[K] | null { const json = stg.getItem(`${storagePrefix}${key as string}`); if (json) { let storageData: T[K] | null = null; try { storageData = JSON.parse(json); } catch {} if (storageData) { return storageData as T[K]; } } stg.removeItem(`${storagePrefix}${key as string}`); return null; }, remove(key: keyof T) { stg.removeItem(`${storagePrefix}${key as string}`); }, clear() { stg.clear(); } }; return storage; } type LocalForage = Omit & { getItem(key: K, callback?: (err: any, value: T[K] | null) => void): Promise; setItem(key: K, value: T[K], callback?: (err: any, value: T[K]) => void): Promise; removeItem(key: keyof T, callback?: (err: any) => void): Promise; }; type LocalforageDriver = 'local' | 'indexedDB' | 'webSQL'; export function createLocalforage(driver: LocalforageDriver) { const driverMap: Record = { local: localforage.LOCALSTORAGE, indexedDB: localforage.INDEXEDDB, webSQL: localforage.WEBSQL }; localforage.config({ driver: driverMap[driver] }); return localforage as LocalForage; }