impl GC-525: copy document when start to edit on HackMD

resource/js/agent-for-hackmd.js

@@ -11,6 +11,8 @@
  */
 import { debounce } from 'throttle-debounce';
 
+const JSON = window.JSON;
+
 /* eslint-disable no-console  */
 
 const allowedOrigin = '{{origin}}';         // will be replaced by swig
@@ -42,7 +44,7 @@ function postMessageOnSave(body) {
     operation: 'notifyBodyChanges',
     body
   };
-  window.parent.postMessage(window.JSON.stringify(data), allowedOrigin);
+  window.parent.postMessage(JSON.stringify(data), allowedOrigin);
 }
 
 function addEventListenersToCodemirror() {
@@ -57,6 +59,13 @@ function addEventListenersToCodemirror() {
   });
 }
 
+function setValue(document) {
+  // get CodeMirror instance
+  const editor = window.editor;
+  editor.doc.setValue(document);
+}
+
+
 /**
  * main
  */
@@ -81,7 +90,7 @@ function addEventListenersToCodemirror() {
         console.log('getValue called');
         break;
       case 'setValue':
-        console.log('setValue called');
+        setValue(data.document);
         break;
     }
   });

resource/js/components/PageEditorByHackmd.jsx

@@ -118,12 +118,16 @@ export default class PageEditorByHackmd extends React.PureComponent {
   render() {
     const hackmdUri = this.getHackmdUri();
 
+    const isPageExistsOnHackmd = (this.state.pageIdOnHackmd != null);
+    const isRevisionMatch = (this.props.revisionId === this.props.revisionIdHackmdSynced);
+    const isResume = isPageExistsOnHackmd && isRevisionMatch && this.props.hasDraftOnHackmd;
+
     if (this.state.isInitialized) {
       return (
         <HackmdEditor
-          markdown={this.props.markdown}
           hackmdUri={hackmdUri}
           pageIdOnHackmd={this.state.pageIdOnHackmd}
+          initializationMarkdown={isResume ? null : this.props.markdown}
           onChange={this.hackmdEditorChangeHandler}
         >
         </HackmdEditor>
@@ -131,9 +135,6 @@ export default class PageEditorByHackmd extends React.PureComponent {
     }
 
     let content = undefined;
-    const isPageExistsOnHackmd = (this.state.pageIdOnHackmd != null);
-    const isRevisionMatch = (this.props.revisionId === this.props.revisionIdHackmdSynced);
-
     // HackMD is not setup
     if (hackmdUri == null) {
       content = (
@@ -142,8 +143,7 @@ export default class PageEditorByHackmd extends React.PureComponent {
         </div>
       );
     }
-    // page is exists, revisions are match, hasDraftOnHackmd is true
-    else if (isPageExistsOnHackmd && isRevisionMatch && this.props.hasDraftOnHackmd) {
+    else if (isResume) {
       content = (
         <div>
           <p className="text-center hackmd-status-label"><i className="fa fa-file-text"></i> HackMD is READY!</p>

resource/js/components/PageEditorByHackmd/HackmdEditor.jsx

@@ -40,6 +40,14 @@ export default class HackmdEditor extends React.PureComponent {
     });
   }
 
+  /**
+   *
+   * @param {object} data
+   */
+  postMessageToHackmd(data) {
+    this.refs.iframe.contentWindow.postMessage(JSON.stringify(data), this.props.hackmdUri);
+  }
+
   notifyBodyChangesHandler(body) {
     // dispatch onChange()
     if (this.props.onChange != null) {
@@ -48,7 +56,11 @@ export default class HackmdEditor extends React.PureComponent {
   }
 
   loadHandler() {
-    // this.refs.iframe.postMessage('initialize', )
+    const data = { operation: 'setValue' };
+    if (this.props.initializationMarkdown != null) {
+      data.document = this.props.initializationMarkdown;
+    }
+    this.postMessageToHackmd(data);
   }
 
   render() {
@@ -65,8 +77,8 @@ export default class HackmdEditor extends React.PureComponent {
 }
 
 HackmdEditor.propTypes = {
-  markdown: PropTypes.string.isRequired,
   hackmdUri: PropTypes.string.isRequired,
   pageIdOnHackmd: PropTypes.string.isRequired,
+  initializationMarkdown: PropTypes.string,
   onChange: PropTypes.func,
 };