Creates a persistent store for data, meaning the key is encapsulated and the data is parsed to/from a string for you.

createStorage.js

"use strict";
export const createStorage = (key, scope = localStorage) => {
    return {
        get() {
            const stored = scope.getItem(key);
            if (stored === null) {
                return null;
            }
            return JSON.parse(stored);
        },
        set(item) {
            scope.setItem(key, JSON.stringify(item));
            return item;
        },
        remove() {
            scope.removeItem(key);
        },
    };
};

createStorage.ts

export const createStorage = <T>(key: string, scope = localStorage) => {
	return {
		get(): T | null {
			const stored = scope.getItem(key);

			if (stored === null) {
				return null;
			}

			return JSON.parse(stored);
		},
		set(item: T): T {
			scope.setItem(key, JSON.stringify(item));
			return item;
		},
		remove(): void {
			scope.removeItem(key);
		},
	};
};