feat(client): add save using backend

Related to #894

client/src/app/App.js

@@ -418,7 +418,7 @@ export class App extends Component {
     }
   }
 
-  async saveTab(tab) {
+  async saveTab(tab, options = {}) {
     await this.showTab(tab);
 
     const action = await this.askSave(tab);
@@ -430,9 +430,20 @@ export class App extends Component {
     if (action === 'save') {
       const contents = await this.tabRef.current.triggerAction('save');
 
-      // TODO(nikku): actually save using backend
-      // TODO(nikku): update dirty state once saved
-      console.log('saved contents', contents);
+      // unsaved ?
+      if (!tab.file.path) {
+        options = {
+          ...options,
+          saveAs: true
+        };
+      }
+
+      const newFile = await this.props.globals.fileSystem.writeFile({
+        ...tab.file,
+        contents
+      }, options);
+
+      tab.file = newFile;
     }
   }
 
@@ -484,6 +495,11 @@ export class App extends Component {
 
   triggerAction = (action, options) => {
 
+    const {
+      activeTab
+    } = this.state;
+
+
     console.log('App#triggerAction %s %o', action, options);
 
     if (action === 'select-tab') {
@@ -522,6 +538,14 @@ export class App extends Component {
       return this.saveAllTabs();
     }
 
+    if (action === 'save') {
+      return this.saveTab(activeTab);
+    }
+
+    if (action === 'save-as') {
+      return this.saveTab(activeTab, { saveAs: true });
+    }
+
     if (action === 'quit') {
       return this.quit();
     }

client/src/index.js

@@ -7,7 +7,8 @@ import mitt from 'mitt';
 
 import {
   backend,
-  dialog
+  dialog,
+  fileSystem
 } from './remote';
 
 const eventBus = mitt();
@@ -17,7 +18,8 @@ const tabsProvider = new TabsProvider();
 const globals = {
   backend,
   dialog,
-  eventBus
+  eventBus,
+  fileSystem
 };
 
 const rootElement = document.getElementById('root');

client/src/remote/FileSystem.js

@@ -0,0 +1,42 @@
+/**
+ * File system API used by app.
+ */
+export default class FileSystem {
+
+  constructor(backend) {
+    this.backend = backend;
+  }
+
+  /**
+   * Read file and return it.
+   *
+   * @param {String} filePath
+   */
+  readFile(filePath) {
+    return this.backend.send('file:read', filePath);
+  }
+
+  /**
+   * Read file attributes, but skip content.
+   *
+   * @param {String} filePath
+   */
+  readFileStats(filePath) {
+    return this.backend.send('file:read-stats', filePath);
+  }
+
+
+  /**
+   * Write file and return a promise for the written file.
+   *
+   * @param {File} file
+   * @param {Object} options
+   */
+  writeFile(file, options) {
+
+    const action = options && options.saveAs ? 'file:save-as' : 'file:save';
+
+    return this.backend.send(action, file);
+  }
+
+}

client/src/remote/index.js

@@ -2,9 +2,12 @@ import { electronRequire } from './electron';
 
 import Backend from './Backend';
 import Dialog from './Dialog';
+import FileSystem from './FileSystem';
 
 export const ipcRenderer = electronRequire('ipcRenderer');
 
 export const backend = new Backend(ipcRenderer);
 
+export const fileSystem = new FileSystem(backend);
+
 export const dialog = new Dialog(backend);