temp

editors/demo/src/Editoria/config/config.js

@@ -60,7 +60,7 @@ import invisibles, {
 // };
 
 const updateTitle = debounce(title => {
-  console.log(title);
+  // console.log(title);
 }, 3000);
 
 const saveTags = tags => {

editors/demo/src/Editors.js

@@ -54,7 +54,7 @@ const Editors = () => {
       case 'ncbi':
         break;
       default:
-        return <Editoria />;
+        return <HHMI />;
     }
   };
 

editors/demo/src/HHMI/HHMI.js

@@ -183,7 +183,7 @@ const Hhmi = () => {
         config={config}
         autoFocus
         fileUpload={file => renderImage(file)}
-        value={initialValue}
+        value=""
         targetFormat="JSON"
         // readonly
         layout={HhmiLayout}

editors/demo/src/HHMI/MultipleChoiceQuestionService/FeedBackNodeView.js

+import { AbstractNodeView } from 'wax-prosemirror-services';
+
+export default class FeedBackNodeView extends AbstractNodeView {
+  static name() {
+    return 'feedback';
+  }
+}

editors/demo/src/HHMI/MultipleChoiceQuestionService/MultipleChoiceQuestion.js

@@ -12,6 +12,7 @@ class MultipleChoiceQuestion extends Tools {
 
   get run() {
     return (state, dispatch) => {
+      console.log(state);
       const { from, to } = state.selection;
       const { tr } = state;
 

editors/demo/src/HHMI/MultipleChoiceQuestionService/MultipleChoiceQuestionService.js

 import { Service } from 'wax-prosemirror-services';
 import MultipleChoiceQuestion from './MultipleChoiceQuestion';
 import multipleChoiceNode from './schema/multipleChoiceNode';
+// import feedBackNode from './schema/feedBackNode';
 import QuestionComponent from './components/QuestionComponent';
-import FeedbackComponent from './components/FeedbackComponent';
+// import FeedbackComponent from './components/FeedbackComponent';
 import MultipleChoiceNodeView from './MultipleChoiceNodeView';
+// import FeedBackNodeView from './FeedBackNodeView';
 
 class MultipleChoiceQuestionService extends Service {
   boot() {}
@@ -16,6 +18,10 @@ class MultipleChoiceQuestionService extends Service {
       multiple_choice: multipleChoiceNode,
     });
 
+    // createNode({
+    //   feedback: feedBackNode,
+    // });
+
     createNode({
       question_wrapper: {
         group: 'block',
@@ -47,7 +53,11 @@ class MultipleChoiceQuestionService extends Service {
       component: QuestionComponent,
       context: this.app,
     });
-    // addPortal({ nodeView, component: FeedbackComponent, context: this.app });
+    // addPortal({
+    //   nodeView: FeedBackNodeView,
+    //   component: FeedbackComponent,
+    //   context: this.app,
+    // });
   }
 }
 

editors/demo/src/HHMI/MultipleChoiceQuestionService/components/FeedbackComponent.js

@@ -6,6 +6,6 @@ import { WaxContext } from 'wax-prosemirror-core';
 import EditorComponent from './EditorComponent';
 
 export default ({ node, view, getPos }) => {
-  console.log(node);
-  return null;
+  console.log(node, 'feedback');
+  return <EditorComponent node={node} view={view} getPos={getPos} />;
 };

editors/demo/src/HHMI/MultipleChoiceQuestionService/components/QuestionComponent.js

@@ -4,6 +4,7 @@ import styled from 'styled-components';
 import { TextSelection } from 'prosemirror-state';
 import { WaxContext } from 'wax-prosemirror-core';
 import EditorComponent from './EditorComponent';
+import FeedbackComponent from './FeedbackComponent';
 
 const QuestionWrapper = styled.div`
   display: flex;
@@ -59,6 +60,7 @@ const Question = styled.div`
 `;
 
 export default ({ node, view, getPos }) => {
+  console.log(node);
   const context = useContext(WaxContext);
   const [showExplanation, setShowExplanation] = useState(false);
   const [explanationValue, setExplanationValue] = useState('');