Simple local and session storage wrapper - falls back to memory in the case of Safari Private browser

storage-wrapper.js

function isAvailable() {
  try {
    this.storage.setItem('__testFeature', true);
    this.storage.removeItem('__testFeature');
    return true;
  } catch (ex) {
    return false;
  }
}

class Storage {
  constructor(type) {
    this.storage = window[type];
    this.backupStorage = {};
    this.isAvailable = isAvailable();
  }

  get(key, defaultValue) {
    if (!this.isAvailable) {
      return this.backupStorage[key] !== undefined ?
        this.backupStorage[key] : defaultValue;
    }

    try {
      const storageData = JSON.parse(this.storage.getItem(key));
      return storageData !== null ? storageData : defaultValue;
    } catch (ex) {
      // eslint-disable-next-line no-console
      console.warn(`Unable to parse storage value ${key}`);
      return defaultValue;
    }
  }

  set(key, value) {
    if (!this.isAvailable) {
      this.backupStorage[key] = value;
      return;
    }

    this.storage.setItem(key, JSON.stringify(value));
  }

  remove(key) {
    if (!this.isAvailable) {
      delete this.backupStorage[key];
      return;
    }

    this.storage.removeItem(key);
  }
}

export const local = new Storage('localStorage');
export const session = new Storage('sessionStorage');