@talend/react-cmf/lib-esm/localStorage.js

A framework built on top of best react libraries

import Immutable from 'immutable';
import { set } from "lodash";
/**
 * getState read localStorage and create a initilState for redux
 * @param {string} key the localStorage key where to read
 * @return {Object} initialState for redux
 */
function getState(key) {
  let source = localStorage[key];
  if (!source) {
    return {};
  }
  source = JSON.parse(source);
  if (source.cmf) {
    if (source.cmf.components) {
      source.cmf.components = Immutable.fromJS(source.cmf.components);
    }
    if (source.cmf.collections) {
      source.cmf.collections = Immutable.fromJS(source.cmf.collections);
    }
  }
  return source;
}

/**
 * getStoreCallback read localStorage and create a initialState for redux
 * @param {string} key the localStorage key where to read
 * @param {Array} paths the list of paths (Array) to serialize in localStorage
 * @return {Object} initialState for redux
 * @example

 const storeCallback = getStoreCallback('myappV1', [
	 ['cmf', 'components', 'Container(List)', 'foo'],
	 ['cmf', 'components', 'Container(SidePanel)'],
 ]);
 cmf.bootstrap({
	 ...
	 storeCallback,
 });
 */
function getStoreCallback(key, paths) {
  return store => {
    window.addEventListener('beforeunload', () => {
      const toKeep = {};
      const state = store.getState();
      paths.forEach(path => {
        if (path.length > 2) {
          if (path[1] === 'components') {
            const value = state.cmf.components.getIn(path.slice(2));
            if (value) {
              set(toKeep, path, value.toJS());
            }
          } else if (path[1] === 'collections') {
            const value = state.cmf.collections.getIn(path.slice(2));
            if (value) {
              set(toKeep, path, value.toJS());
            }
          }
        }
      });
      localStorage.setItem(key, JSON.stringify(toKeep));
    });
  };
}
export default {
  getState,
  getStoreCallback
};
//# sourceMappingURL=localStorage.js.map