Typed localStorage

TypedStorage.ts

export class TypedStorage<Items> {
  private prefix: string;

  constructor(prefix: string) {
    this.prefix = prefix;
  }

  public delete<Key extends keyof Items>(key: Key) {
    const value = this.get(key);
    const prefixedKey = this.getPrefixedKey(key);
    localStorage.removeItem(prefixedKey);
    return value;
  }

  public get<Key extends keyof Items>(key: Key, defaultValue?: Items[Key]) {
    const prefixedKey = this.getPrefixedKey(key);
    const value = localStorage.getItem(prefixedKey);
    return value === null ? defaultValue : JSON.parse(value);
  }

  public set<Key extends keyof Items>(key: Key, value: Items[Key]) {
    const prefixedKey = this.getPrefixedKey(key);
    try {
      localStorage.setItem(prefixedKey, JSON.stringify(value));
    } catch (error) {
      console.log(`Failed to persist ${prefixedKey} in localStorage`, error);
    }
  }

  private getPrefixedKey<Key extends keyof Items>(key: Key) {
    return `${this.prefix}${key}`;
  }
}