add nodeviews

wax-prosemirror-services/src/EssayService/EssayNodeView.js → wax-prosemirror-services/src/EssayService/EssayAnswerNodeView.js

 import AbstractNodeView from '../PortalService/AbstractNodeView';
 
-export default class EssayNodeView extends AbstractNodeView {
+export default class EssayAnswerNodeView extends AbstractNodeView {
   constructor(
     node,
     view,

wax-prosemirror-services/src/EssayService/EssayQuestionNodeView.js

+import AbstractNodeView from '../PortalService/AbstractNodeView';
+
+export default class EssayQuestionNodeView extends AbstractNodeView {
+  constructor(
+    node,
+    view,
+    getPos,
+    decorations,
+    createPortal,
+    Component,
+    context,
+  ) {
+    super(node, view, getPos, decorations, createPortal, Component, context);
+
+    this.node = node;
+    this.outerView = view;
+    this.getPos = getPos;
+    this.context = context;
+  }
+
+  static name() {
+    return 'essay';
+  }
+
+  update(node) {
+    return true;
+  }
+
+  stopEvent(event) {
+    console.log(event.target.type);
+    if (event.target.type === 'textarea') {
+      return true;
+    }
+    const innerView = this.context.view[this.node.attrs.id];
+    return innerView && innerView.dom.contains(event.target);
+  }
+}

wax-prosemirror-services/src/EssayService/EssayService.js

@@ -4,7 +4,9 @@ import essayContainerNode from './schema/essayContainerNode';
 import essayQuestionNode from './schema/essayQuestionNode';
 import essayAnswerNode from './schema/essayAnswerNode';
 import EssayQuestionComponent from './components/EssayQuestionComponent';
-import EssayNodeView from './EssayNodeView';
+import EssayAnswerComponent from './components/EssayAnswerComponent';
+import EssayQuestionNodeView from './EssayQuestionNodeView';
+import EssayAnswerNodeView from './EssayAnswerNodeView';
 
 class EssayService extends Service {
   register() {
@@ -25,10 +27,16 @@ class EssayService extends Service {
     });
 
     addPortal({
-      nodeView: EssayNodeView,
+      nodeView: EssayQuestionNodeView,
       component: EssayQuestionComponent,
       context: this.app,
     });
+
+    addPortal({
+      nodeView: EssayAnswerNodeView,
+      component: EssayAnswerComponent,
+      context: this.app,
+    });
   }
 }