Renamed /src to /frontend

2016-07-24 15:32:31 -07:00
parent 19da05eee7
commit d2187c4b10
147 changed files with 10 additions and 10 deletions
--- a/frontend/scenes/DocumentEdit/DocumentEditStore.js
+++ b/frontend/scenes/DocumentEdit/DocumentEditStore.js
@@ -0,0 +1,147 @@
+import { observable, action, toJS, autorun } from 'mobx';
+import { client } from 'utils/ApiClient';
+import { browserHistory } from 'react-router';
+import emojify from 'utils/emojify';
+
+const DOCUMENT_EDIT_SETTINGS = 'DOCUMENT_EDIT_SETTINGS';
+
+const parseHeader = (text) => {
+  const firstLine = text.split(/\r?\n/)[0];
+  if (firstLine) {
+    const match = firstLine.match(/^#+ +(.*)$/);
+
+    if (match) {
+      return emojify(match[1]);
+    } else {
+      return '';
+    }
+  }
+  return '';
+};
+
+class DocumentEditStore {
+  @observable documentId = null;
+  @observable atlasId = null;
+  @observable parentDocument;
+  @observable title;
+  @observable text;
+  @observable hasPendingChanges = false;
+  @observable newDocument;
+  @observable newChildDocument;
+
+  @observable preview;
+  @observable isFetching;
+  @observable isSaving;
+
+  /* Actions */
+
+  @action fetchDocument = async () => {
+    this.isFetching = true;
+
+    try {
+      const data = await client.get('/documents.info', {
+        id: this.documentId,
+      });
+      if (this.newChildDocument) {
+        this.parentDocument = data.data;
+      } else {
+        const { title, text } = data.data;
+        this.title = title;
+        this.text = text;
+      }
+    } catch (e) {
+      console.error('Something went wrong');
+    }
+    this.isFetching = false;
+  }
+
+  @action saveDocument = async () => {
+    if (this.isSaving) return;
+
+    this.isSaving = true;
+
+    try {
+      const data = await client.post('/documents.create', {
+        parentDocument: this.parentDocument && this.parentDocument.id,
+        atlas: this.atlasId || this.parentDocument.atlas.id,
+        title: this.title,
+        text: this.text,
+      });
+      const { id } = data.data;
+
+      this.hasPendingChanges = false;
+      browserHistory.push(`/documents/${id}`);
+    } catch (e) {
+      console.error("Something went wrong");
+    }
+    this.isSaving = false;
+  }
+
+  @action updateDocument = async () => {
+    if (this.isSaving) return;
+
+    this.isSaving = true;
+
+    try {
+      await client.post('/documents.update', {
+        id: this.documentId,
+        title: this.title,
+        text: this.text,
+      });
+
+      this.hasPendingChanges = false;
+      browserHistory.push(`/documents/${this.documentId}`);
+    } catch (e) {
+      console.error("Something went wrong");
+    }
+    this.isSaving = false;
+  }
+
+  @action updateText = (text) => {
+    this.text = text;
+    this.title = parseHeader(text);
+    this.hasPendingChanges = true;
+  }
+
+  @action updateTitle = (title) => {
+    this.title = title;
+  }
+
+  @action replaceText = (args) => {
+    this.text = this.text.replace(args.original, args.new);
+    this.hasPendingChanges = true;
+  }
+
+  @action togglePreview = () => {
+    this.preview = !this.preview;
+  }
+
+  @action reset = () => {
+    this.title = 'Lets start with a title';
+    this.text = '# Lets start with a title\n\nAnd continue from there...';
+  }
+
+  // Generic
+
+  persistSettings = () => {
+    localStorage[DOCUMENT_EDIT_SETTINGS] = JSON.stringify({
+      preview: toJS(this.preview),
+    });
+  }
+
+  constructor(settings) {
+    // Rehydrate settings
+    this.preview = settings.preview
+
+    // Persist settings to localStorage
+    // TODO: This could be done more selectively
+    autorun(() => {
+      this.persistSettings();
+    });
+  }
+};
+
+export default DocumentEditStore;
+export {
+  DOCUMENT_EDIT_SETTINGS
+};