add persist state in localStorage. closes #467

app/actions/index.js

@@ -11,6 +11,7 @@ import { basename } from 'path'
 
 const dats = {}
 
+const { localStorage } = window
 const stat = promisify(fs.stat)
 
 export const shareDat = key => ({ type: 'DIALOGS_LINK_OPEN', key })
@@ -44,7 +45,17 @@ export const addDat = ({ key, path }) => dispatch => {
       }
     })
 
+    dat.path = path
     dats[key] = dat
+    localStorage.setItem(
+      'state',
+      JSON.stringify(
+        Object.keys(dats).map(key => ({
+          key,
+          path: dats[key].path
+        }))
+      )
+    )
 
     dispatch({ type: 'ADD_DAT_SUCCESS', key })
     dispatch({ type: 'DAT_WRITABLE', key, writable: dat.writable })
@@ -192,3 +203,12 @@ export const dropFolder = folder => async dispatch => {
   if (!isDirectory) return
   addDat({ path: folder.path })(dispatch)
 }
+
+export const loadFromLocalStorage = () => dispatch => {
+  const blob = localStorage.getItem('state')
+  if (!blob) return
+  const dats = JSON.parse(blob)
+  for (const dat of dats) {
+    addDat(dat)(dispatch)
+  }
+}

app/index.js

@@ -7,14 +7,11 @@ import { createStore, applyMiddleware, compose } from 'redux'
 import redatApp from './reducers'
 import App from './components/app'
 import logger from 'redux-logger'
-// import persistState from 'redux-localstorage'
 import thunk from 'redux-thunk'
 import { ipcRenderer as ipc } from 'electron'
+import { loadFromLocalStorage } from './actions'
 
-const store = createStore(
-  redatApp,
-  compose(/* persistState(), */ applyMiddleware(thunk, logger))
-)
+const store = createStore(redatApp, compose(applyMiddleware(thunk, logger)))
 
 render(
   <Provider store={store}>
@@ -23,4 +20,6 @@ render(
   document.querySelector('div')
 )
 
+store.dispatch(loadFromLocalStorage())
+
 ipc.on('log', (_, str) => console.log(str))