react-floorplanner/src/plugins/autosave.js

react-floorplanner is a React Component for plans design. Draw a 2D floorplan and navigate it in 3D mode.

const localStorage = window.hasOwnProperty('localStorage') ? window.localStorage : false;
import {loadProject} from '../actions/project-actions';

const TIMEOUT_DELAY = 500;

let timeout = null;

export default function autosave(autosaveKey, delay) {

  return (store, stateExtractor) => {

    delay = delay || TIMEOUT_DELAY;

    if (!autosaveKey) return;
    if (!localStorage) return;

    //revert
    if (localStorage.getItem(autosaveKey) !== null) {
      let data = localStorage.getItem(autosaveKey);
      let json = JSON.parse(data);
      store.dispatch(loadProject(json));
    }

    //update
    store.subscribe(() => {
      if (timeout) clearTimeout(timeout);
      timeout = setTimeout(() => {

        let state = stateExtractor(store.getState());

        let scene = state.sceneHistory.last();
        let json = JSON.stringify(scene.toJS());
        localStorage.setItem(autosaveKey, json);
      }, delay)
    });
  }
}