CommentsService.js

import Service from "../Service";
import { commentMark } from "wax-prosemirror-schema";
import {
  CommentComponent,
  CommentBubbleComponent
} from "wax-prosemirror-components";

export default class CommentsService extends Service {
  name = "CommentsService";

  boot() {
    const createOverlay = this.container.get("CreateOverlay");
    const layout = this.container.get("Layout");
    createOverlay(
      CommentBubbleComponent,
      {
        showComment: activeViewId => activeViewId === "main",
        group: "main"
      },
      {
        markType: "",
        followCursor: false,
        selection: true
      }
    );
    layout.addComponent("commentsArea", CommentComponent);
  }

  register() {
    const createMark = this.container.get("CreateMark");
    createMark({
      comment: commentMark
    });
  }
}