grapesjs-clot/src/storage_manager/model/LocalStorage.js

Free and Open Source Web Builder Framework

import { Model } from 'backbone';
import { hasWin } from 'utils/mixins';

export default Model.extend({
  defaults: {
    checkLocal: true,
  },

  /**
   * @private
   */
  store(data, clb = () => {}) {
    if (this.hasLocal()) {
      for (let key in data) localStorage.setItem(key, data[key]);
    }

    clb && clb();
  },

  /**
   * @private
   */
  load(keys, clb = () => {}) {
    //console.log("LocalStorage => load");
    const result = {};

    if (this.hasLocal()) {
      for (let i = 0, len = keys.length; i < len; i++) {
        const value = localStorage.getItem(keys[i]);
        if (value) result[keys[i]] = value;
      }
    }

    clb && clb(result);

    return result;
  },

  /**
   * @private
   */
  remove(keys) {
    if (!this.hasLocal()) return;

    for (let i = 0, len = keys.length; i < len; i++) localStorage.removeItem(keys[i]);
  },

  /**
   * Check storage environment
   * @private
   * */
  hasLocal() {
    const win = hasWin();

    if (this.get('checkLocal') && (!win || !localStorage)) {
      win && console.warn("Your browser doesn't support localStorage");
      return false;
    }

    return true;
  },
});