diff --git a/editors/demo/src/Editoria/config/config.js b/editors/demo/src/Editoria/config/config.js
index 61e5b303976045c3462c9b0eb7430454faaeb749..82fc67860d03d3e611f829e2125777bdabf545ed 100644
--- a/editors/demo/src/Editoria/config/config.js
+++ b/editors/demo/src/Editoria/config/config.js
@@ -304,9 +304,9 @@ export default {
},
YjsService: {
// eslint-disable-next-line no-restricted-globals
- // connectionUrl: 'ws://localhost:5010',
- connectionUrl: 'ws://0.tcp.ap.ngrok.io:17607',
- docIdentifier: 'prosemirror-demo1',
+ connectionUrl: 'ws://localhost:5010',
+ // connectionUrl: 'ws://0.tcp.ap.ngrok.io:17607',
+ docIdentifier: 'prosemirror-demo7',
YjsType: 'prosemirror',
},
diff --git a/wax-prosemirror-services/src/CommentsService/CommentsService.js b/wax-prosemirror-services/src/CommentsService/CommentsService.js
index 8adfb42a7f597b6196e556f866e95568e48a63ed..7fcf0cbcd106d87fe1060056b295e31bb56502cf 100644
--- a/wax-prosemirror-services/src/CommentsService/CommentsService.js
+++ b/wax-prosemirror-services/src/CommentsService/CommentsService.js
@@ -11,11 +11,6 @@ export default class CommentsService extends Service {
boot() {
const commentsConfig = this.app.config.get('config.CommentsService');
- this.app.PmPlugins.add(
- 'commentPlugin',
- CommentPlugin('commentPlugin', this.app.context),
- );
-
const options = {
existingComments: () => {
const map = this.app.config.get('config.YjsService')
@@ -52,7 +47,6 @@ export default class CommentsService extends Service {
}
commentsConfig.getComments(this.allCommentsFromStates);
- this.app.context.setOption({ comments: this.allCommentsFromStates });
},
};
@@ -61,6 +55,11 @@ export default class CommentsService extends Service {
CommentDecorationPlugin('commentDecorationPlugin', options),
);
+ this.app.PmPlugins.add(
+ 'commentPlugin',
+ CommentPlugin('commentPlugin', this.app.context),
+ );
+
const createOverlay = this.container.get('CreateOverlay');
const layout = this.container.get('Layout');
createOverlay(
diff --git a/wax-prosemirror-services/src/CommentsService/components/ConnectedComment.js b/wax-prosemirror-services/src/CommentsService/components/ConnectedComment.js
index 0ad4b86940593248ebf8f5bb216d6324c2161cb6..ab67e1c87d8545dca28361129f02bc5482bfdde6 100644
--- a/wax-prosemirror-services/src/CommentsService/components/ConnectedComment.js
+++ b/wax-prosemirror-services/src/CommentsService/components/ConnectedComment.js
@@ -32,7 +32,6 @@ export default ({ comment, top, commentId, recalculateTops, users }) => {
},
app,
activeView,
- options: { commentsMap },
} = context;
const [isActive, setIsActive] = useState(false);
@@ -118,20 +117,6 @@ export default ({ comment, top, commentId, recalculateTops, users }) => {
dispatch(state.tr);
activeView.focus();
-
- if (context.app.config.get('config.YjsService')) {
- commentsMap.observe(() => {
- const transaction = context.pmViews.main.state.tr.setMeta(
- CommentDecorationPluginKey,
- {
- type: 'deleteComment',
- id: activeComment.id,
- },
- );
-
- context.pmViews.main.dispatch(transaction);
- });
- }
};
const onTextAreaBlur = () => {
diff --git a/wax-prosemirror-services/src/CommentsService/components/ui/comments/CommentBubbleComponent.js b/wax-prosemirror-services/src/CommentsService/components/ui/comments/CommentBubbleComponent.js
index 9582588a83e0b87e97400e134e03a314d26f77e4..8f2e86116118cba93de10d157d95763dbeead396 100644
--- a/wax-prosemirror-services/src/CommentsService/components/ui/comments/CommentBubbleComponent.js
+++ b/wax-prosemirror-services/src/CommentsService/components/ui/comments/CommentBubbleComponent.js
@@ -1,25 +1,13 @@
/* eslint react/prop-types: 0 */
-import React, { useLayoutEffect, useContext, useEffect, useState } from 'react';
+import React, { useLayoutEffect, useContext } from 'react';
import { WaxContext } from 'wax-prosemirror-core';
-import {
- ySyncPluginKey,
- relativePositionToAbsolutePosition,
- absolutePositionToRelativePosition,
-} from 'y-prosemirror';
-
import CommentBubble from './CommentBubble';
import { CommentDecorationPluginKey } from '../../../plugins/CommentDecorationPlugin';
const CommentBubbleComponent = ({ setPosition, position, group }) => {
const context = useContext(WaxContext);
- const {
- activeView,
- activeViewId,
- options: { comments },
- } = context;
+ const { activeView, activeViewId } = context;
const { state, dispatch } = activeView;
- const [fromPos, setFromPos] = useState(state.selection.from);
- const [toPos, setToPos] = useState(state.selection.to);
useLayoutEffect(() => {
const WaxSurface = activeView.dom.getBoundingClientRect();
@@ -73,17 +61,21 @@ const CommentBubbleComponent = ({ setPosition, position, group }) => {
}
},
);
-
- if (
- comments.find(
- comm =>
- comm.data.pmFrom === state.selection.from &&
- comm.data.pmTo === state.selection.to,
- )
- ) {
- allowed = false;
- }
-
+ const commentsMap = CommentDecorationPluginKey.getState(state).getMap();
+ const commentData = [];
+ commentsMap.forEach(comment => {
+ console.log(comment);
+ if (
+ comment.data.pmFrom === state.selection.from &&
+ comment.data.pmTo === state.selection.to
+ ) {
+ console.log('here');
+ commentData.push(comment);
+ }
+ console.log(commentData);
+ if (commentData.length !== 0) allowed = false;
+ console.log(allowed);
+ });
return allowed;
};
diff --git a/wax-prosemirror-services/src/CommentsService/plugins/CommentPlugin.js b/wax-prosemirror-services/src/CommentsService/plugins/CommentPlugin.js
index 742a9dd5a949b218f54b01e262552ed0c72498c8..5b5fdc773c3ee2923b7aa3384799512462d4479f 100644
--- a/wax-prosemirror-services/src/CommentsService/plugins/CommentPlugin.js
+++ b/wax-prosemirror-services/src/CommentsService/plugins/CommentPlugin.js
@@ -2,17 +2,21 @@
import { inRange, last, sortBy } from 'lodash';
import { Plugin, PluginKey } from 'prosemirror-state';
import { Decoration, DecorationSet } from 'prosemirror-view';
+import { CommentDecorationPluginKey } from './CommentDecorationPlugin';
const commentPlugin = new PluginKey('commentPlugin');
-const getComment = (state, context) => {
- const {
- options: { comments },
- } = context;
- if (!comments?.length) return;
- let commentData = comments.filter(comment =>
- inRange(state.selection.from, comment.data.pmFrom, comment.data.pmTo),
- );
+const getComment = state => {
+ const commentsMap = CommentDecorationPluginKey.getState(state).getMap();
+
+ if (commentsMap.size === 0) return;
+ let commentData = [];
+
+ commentsMap.forEach(comment => {
+ if (inRange(state.selection.from, comment.data.pmFrom, comment.data.pmTo)) {
+ commentData.push(comment);
+ }
+ });
commentData = sortBy(commentData, ['data.pmFrom']);
if (commentData.length > 0) {
@@ -29,15 +33,15 @@ const getComment = (state, context) => {
return undefined;
};
-export default (key, context) => {
+export default () => {
return new Plugin({
key: commentPlugin,
state: {
init: (_, state) => {
- return { comment: getComment(state, context) };
+ return { comment: getComment(state) };
},
apply(tr, prev, _, newState) {
- const comment = getComment(newState, context);
+ const comment = getComment(newState);
let createDecoration;
if (comment) {
createDecoration = DecorationSet.create(newState.doc, [
diff --git a/wax-prosemirror-services/src/CommentsService/plugins/CommentState.js b/wax-prosemirror-services/src/CommentsService/plugins/CommentState.js
index d1fe3cf2d9732739e9557a9ddebbea11eaaf0dbe..f613bc77c86b6360ace4dbc22fe5baef5fa8b124 100644
--- a/wax-prosemirror-services/src/CommentsService/plugins/CommentState.js
+++ b/wax-prosemirror-services/src/CommentsService/plugins/CommentState.js
@@ -157,15 +157,6 @@ export default class CommentState {
ystate.binding.mapping,
);
- console.log(
- relativePositionToAbsolutePosition(
- ystate.doc,
- ystate.type,
- newTo,
- ystate.binding.mapping,
- ),
- );
-
const annotation = this.options.map.get(id);
annotation.from = newFrom;