start plugin

editors/demo/src/Editors.js

@@ -90,7 +90,7 @@ const Editors = () => {
       case 'oen':
         return <OEN />;
       default:
-        return <HHMI />;
+        return <Editoria />;
     }
   };
 

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

@@ -4,6 +4,7 @@ import RightArea from './components/RightArea';
 import commentMark from './schema/commentMark';
 import CommentPlugin from './plugins/CommentPlugin';
 import CopyPasteCommentPlugin from './plugins/CopyPasteCommentPlugin';
+import { AnnotationPlugin } from './plugins/AnnotationPlugin';
 import './comments.css';
 
 const PLUGIN_KEY = 'commentPlugin';
@@ -15,6 +16,25 @@ export default class CommentsService extends Service {
       'copyPasteCommentPlugin',
       CopyPasteCommentPlugin('copyPasteCommentPlugin', this.app.context),
     );
+
+    const options = {
+      styles: {
+        rightFragment: '',
+        leftFragment: '',
+        normal: '',
+        middleFragment: '',
+      },
+      onSelectionChange: items => items,
+      onAnnotationListChange: items => items,
+      document: null,
+      field: 'annotations',
+      instance: '',
+    };
+
+    this.app.PmPlugins.add(
+      'AnnotationPlugin',
+      AnnotationPlugin('AnnotationPlugin', options),
+    );
     const createOverlay = this.container.get('CreateOverlay');
     const layout = this.container.get('Layout');
     createOverlay(

wax-prosemirror-services/src/CommentsService/plugins/AnnotationPlugin.js

@@ -3,7 +3,8 @@ import AnnotationState from './AnnotationState';
 
 export const AnnotationPluginKey = new PluginKey('annotation-magic');
 
-export const AnnotationPlugin = options => {
+export const AnnotationPlugin = (name, options) => {
+  console.log(options);
   return new Plugin({
     key: AnnotationPluginKey,
     state: {