SAVE & LOAD

app/Root.js

@@ -10,6 +10,11 @@ type Props = {
 };
 
 export default class Root extends Component<Props> {
+  componentDidMount() {
+    window.store = this.props.store;
+    document.store = this.props.store;
+  }
+
   render() {
     return (
         <Provider store={this.props.store}>

app/home-page/menu-drawer/MenuDrawer.css

@@ -1,3 +1,4 @@
+
 .closeButton {
   width: 15px;
   height: 15px;

app/index.js

@@ -2,14 +2,15 @@ import React from 'react';
 import { render } from 'react-dom';
 import { AppContainer } from 'react-hot-loader';
 import Root from './Root';
-import { configureStore, history } from './state/store/configureStore';
+import { history } from './state/store/configureStore';
+import store from "./state/store/store";
 import './app.global.scss';
 
-const store = configureStore();
+const globalStore = store;
 
 render(
   <AppContainer>
-    <Root store={store} history={history} />
+    <Root store={globalStore} history={history} />
   </AppContainer>,
   document.getElementById('root')
 );
@@ -19,7 +20,7 @@ if (module.hot) {
     const NextRoot = require('./Root'); // eslint-disable-line global-require
     render(
       <AppContainer>
-        <NextRoot store={store} history={history} />
+        <NextRoot store={globalStore} history={history} />
       </AppContainer>,
       document.getElementById('root')
     );

app/main.dev.js

@@ -78,6 +78,8 @@ app.on('ready', async () => {
     mainWindow.focus();
   });
 
+
+
   mainWindow.on('closed', () => {
     mainWindow = null;
   });

app/menu.js

@@ -1,5 +1,6 @@
 // @flow
-import { app, Menu, shell, BrowserWindow } from 'electron';
+import fs from 'fs';
+import { app, Menu, shell, BrowserWindow, dialog } from 'electron';
 
 export default class MenuBuilder {
   mainWindow: BrowserWindow;
@@ -17,7 +18,7 @@ export default class MenuBuilder {
     }
 
     const template = process.platform === 'darwin'
-      ? this.buildDarwinTemplate()
+      ? this.buildDefaultTemplate()
       : this.buildDefaultTemplate();
 
     const menu = Menu.buildFromTemplate(template);
@@ -141,42 +142,11 @@ export default class MenuBuilder {
         { label: 'Bring All to Front', selector: 'arrangeInFront:' }
       ]
     };
-    const subMenuHelp = {
-      label: 'Help',
-      submenu: [
-        {
-          label: 'Learn More',
-          click() {
-            shell.openExternal('http://electron.atom.io');
-          }
-        },
-        {
-          label: 'Documentation',
-          click() {
-            shell.openExternal(
-              'https://github.com/atom/electron/tree/master/docs#readme'
-            );
-          }
-        },
-        {
-          label: 'Community Discussions',
-          click() {
-            shell.openExternal('https://discuss.atom.io/c/electron');
-          }
-        },
-        {
-          label: 'Search Issues',
-          click() {
-            shell.openExternal('https://github.com/atom/electron/issues');
-          }
-        }
-      ]
-    };
 
     const subMenuView =
       process.env.NODE_ENV === 'development' ? subMenuViewDev : subMenuViewProd;
 
-    return [subMenuAbout, subMenuEdit, subMenuView, subMenuWindow, subMenuHelp];
+    return [subMenuAbout, subMenuEdit, subMenuView, subMenuWindow];
   }
 
   buildDefaultTemplate() {
@@ -186,7 +156,33 @@ export default class MenuBuilder {
         submenu: [
           {
             label: '&Open',
-            accelerator: 'Ctrl+O'
+            accelerator: 'Ctrl+O',
+            click: () => {
+              const path = dialog.showOpenDialog({properties: ['openFile'], filters: [{name: "Character", extensions: ["dnd"]}]});
+
+              fs.readFile(path[0], 'utf8', (err, data) => {
+                if (err) throw err;
+
+                this.mainWindow.webContents.executeJavaScript(`document.store.dispatch({type: "LOAD_CHARACTER", payload: '${data}'})`);
+              });
+            }
+          },
+          {
+            label: '&Save',
+            accelerator: 'Ctrl+S',
+            click: () => {
+              this.mainWindow.webContents.executeJavaScript(`JSON.stringify(document.store.getState())`, function (state) {
+                dialog.showSaveDialog((fileName) => {
+                  if (fileName === undefined) return;
+                  fs.writeFile(fileName, state, (err) => {
+                    // ToDo handle error
+                  });
+                });
+              });
+
+
+
+            }
           },
           {
             label: '&Close',
@@ -238,37 +234,6 @@ export default class MenuBuilder {
                 }
               ]
       },
-      {
-        label: 'Help',
-        submenu: [
-          {
-            label: 'Learn More',
-            click() {
-              shell.openExternal('http://electron.atom.io');
-            }
-          },
-          {
-            label: 'Documentation',
-            click() {
-              shell.openExternal(
-                'https://github.com/atom/electron/tree/master/docs#readme'
-              );
-            }
-          },
-          {
-            label: 'Community Discussions',
-            click() {
-              shell.openExternal('https://discuss.atom.io/c/electron');
-            }
-          },
-          {
-            label: 'Search Issues',
-            click() {
-              shell.openExternal('https://github.com/atom/electron/issues');
-            }
-          }
-        ]
-      }
     ];
 
     return templateDefault;

app/state/RootReducer.js

@@ -7,10 +7,19 @@ import attributesMutator from '../home-page/character-sheet/page-one/elements/at
 import savingThrowsMutator
   from '../home-page/character-sheet/page-one/elements/saving-throws/state/savingThrowsMutator';
 
-const rootReducer = combineReducers({
+const combinedReducers = combineReducers({
   router,
   form: attributesMutator(formReducer),
   homePageReducer,
 });
 
+const rootReducer = (state, action) => {
+
+  if (action.type === "LOAD_CHARACTER") {
+    return JSON.parse(action.payload);
+  }
+
+  return combinedReducers(state, action)
+};
+
 export default savingThrowsMutator(rootReducer);

app/state/store/store.js

@@ -0,0 +1,3 @@
+import {configureStore} from './configureStore';
+
+export default configureStore();