@seafile/sdoc-editor 2.0.133 → 2.0.134-alpha.1

package/dist/comment/components/comment-item-content.js

@@ -13,12 +13,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
+var _commentEditor = require("@seafile/comment-editor");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _tooltip = _interopRequireDefault(require("../../components/tooltip"));
 var _context2 = _interopRequireDefault(require("../../context"));
 var _mdToHtml = _interopRequireDefault(require("../../slate-convert/md-to-html"));
 var _notificationHooks = require("../hooks/notification-hooks");
-var _commentEditor = _interopRequireDefault(require("./comment-editor"));
+var _useParticipants = require("../hooks/use-participants");
 var _commentImagePreviewer = _interopRequireDefault(require("./comment-image-previewer"));
 var CommentItemContent = function CommentItemContent(_ref) {
   var isActive = _ref.isActive,
@@ -29,6 +30,8 @@ var CommentItemContent = function CommentItemContent(_ref) {
     onDeleteComment = _ref.onDeleteComment,
     t = _ref.t,
     targetId = _ref.targetId;
+  var _useParticipantsConte = (0, _useParticipants.useParticipantsContext)(),
+    addParticipants = _useParticipantsConte.addParticipants;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isDropdownOpen = _useState2[0],
@@ -119,6 +122,16 @@ var CommentItemContent = function CommentItemContent(_ref) {
       setImageUrl(event.target.src);
     }
   }, []);
+  var commentEditorProps = {
+    className: 'pb-3',
+    addParticipants: addParticipants,
+    content: comment.comment,
+    insertContent: updateContent,
+    hiddenComment: setIsEditing,
+    api: {
+      uploadLocalImage: _context2["default"].uploadLocalImage
+    }
+  };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "comment-item"
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -187,12 +200,7 @@ var CommentItemContent = function CommentItemContent(_ref) {
     dangerouslySetInnerHTML: {
       __html: editorContent
     }
-  })), isEditing && /*#__PURE__*/_react["default"].createElement(_commentEditor["default"], {
-    className: "pb-3",
-    content: comment.comment,
-    updateContent: updateContent,
-    setIsEditing: setIsEditing
-  }), imageUrl && /*#__PURE__*/_react["default"].createElement(_commentImagePreviewer["default"], {
+  })), isEditing && /*#__PURE__*/_react["default"].createElement(_commentEditor.SeafileCommentEditor, commentEditorProps), imageUrl && /*#__PURE__*/_react["default"].createElement(_commentImagePreviewer["default"], {
     imageUrl: imageUrl,
     toggle: function toggle() {
       return setImageUrl('');

package/dist/comment/components/comment-item-reply.js

@@ -12,11 +12,12 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
+var _commentEditor = require("@seafile/comment-editor");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _context2 = _interopRequireDefault(require("../../context"));
 var _mdToHtml = _interopRequireDefault(require("../../slate-convert/md-to-html"));
+var _useParticipants = require("../hooks/use-participants");
 var _commentDeletePopover = _interopRequireDefault(require("./comment-delete-popover"));
-var _commentEditor = _interopRequireDefault(require("./comment-editor"));
 var _commentImagePreviewer = _interopRequireDefault(require("./comment-image-previewer"));
 var CommentItemReply = function CommentItemReply(_ref) {
   var isActive = _ref.isActive,
@@ -25,6 +26,8 @@ var CommentItemReply = function CommentItemReply(_ref) {
     deleteReply = _ref.deleteReply,
     updateReply = _ref.updateReply,
     t = _ref.t;
+  var _useParticipantsConte = (0, _useParticipants.useParticipantsContext)(),
+    addParticipants = _useParticipantsConte.addParticipants;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isDropdownOpen = _useState2[0],
@@ -101,6 +104,17 @@ var CommentItemReply = function CommentItemReply(_ref) {
       setImageUrl(event.target.src);
     }
   }, []);
+  var commentEditorProps = {
+    type: 'reply',
+    className: 'pb-3',
+    addParticipants: addParticipants,
+    content: editorContent,
+    insertContent: updateContent,
+    hiddenComment: setIsEditing,
+    api: {
+      uploadLocalImage: _context2["default"].uploadLocalImage
+    }
+  };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "comment-item",
     ref: itemRef
@@ -150,13 +164,7 @@ var CommentItemReply = function CommentItemReply(_ref) {
     dangerouslySetInnerHTML: {
       __html: editorContent
     }
-  })), isEditing && /*#__PURE__*/_react["default"].createElement(_commentEditor["default"], {
-    className: "pb-3",
-    type: "reply",
-    content: editorContent,
-    updateContent: updateContent,
-    setIsEditing: setIsEditing
-  }), isShowDeletePopover && isActive && /*#__PURE__*/_react["default"].createElement(_commentDeletePopover["default"], {
+  })), isEditing && /*#__PURE__*/_react["default"].createElement(_commentEditor.SeafileCommentEditor, commentEditorProps), isShowDeletePopover && isActive && /*#__PURE__*/_react["default"].createElement(_commentDeletePopover["default"], {
     parentDom: itemRef.current,
     type: "reply",
     deleteConfirm: _deleteReply,

package/dist/comment/components/comment-list.js

@@ -14,6 +14,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
+var _commentEditor = require("@seafile/comment-editor");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _slugid = _interopRequireDefault(require("slugid"));
@@ -21,7 +22,7 @@ var _context2 = _interopRequireDefault(require("../../context"));
 var _useSelectionPosition = require("../../hooks/use-selection-position");
 var _helper = require("../helper");
 var _useCommentContext2 = require("../hooks/comment-hooks/use-comment-context");
-var _commentEditor = _interopRequireDefault(require("./comment-editor"));
+var _useParticipants = require("../hooks/use-participants");
 var _commentItemWrapper = _interopRequireDefault(require("./comment-item-wrapper"));
 require("./comment-list.css");
 var CommentList = function CommentList(_ref) {
@@ -41,6 +42,8 @@ var CommentList = function CommentList(_ref) {
     t = _ref.t;
   var commentPopover = (0, _react.useRef)(null);
   var commentDetailRef = (0, _react.useRef)(null);
+  var _useParticipantsConte = (0, _useParticipants.useParticipantsContext)(),
+    addParticipants = _useParticipantsConte.addParticipants;
   var position = (0, _useSelectionPosition.useCommentListPosition)(activeElementIds, isContextComment, isClickedContextComment, commentedDom, commentDetail, closeComment);
   var _useCommentContext = (0, _useCommentContext2.useCommentContext)(),
     dispatch = _useCommentContext.dispatch;
@@ -202,12 +205,15 @@ var CommentList = function CommentList(_ref) {
       style: {
         paddingTop: isEmptyComment ? '16px' : ''
       }
-    }, isEmptyComment && /*#__PURE__*/_react["default"].createElement(_commentEditor["default"], {
+    }, isEmptyComment && /*#__PURE__*/_react["default"].createElement(_commentEditor.SeafileCommentEditor, {
+      addParticipants: addParticipants,
       type: "comment",
       insertContent: addNewComment,
       hiddenComment: hiddenComment,
-      isContextComment: isContextComment,
-      closeComment: closeComment
+      closePanel: closeComment,
+      api: {
+        uploadLocalImage: _context2["default"].uploadLocalImage
+      }
     }), !isEmptyComment && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !isActiveEditor && /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, {
       value: inputContent !== null && inputContent !== void 0 && inputContent.trim() ? '.....' : '',
       readOnly: true,
@@ -215,29 +221,36 @@ var CommentList = function CommentList(_ref) {
       onFocus: function onFocus() {
         setActiveCommentKey(index);
       }
-    }), isActiveEditor && /*#__PURE__*/_react["default"].createElement(_commentEditor["default"], {
+    }), isActiveEditor && /*#__PURE__*/_react["default"].createElement(_commentEditor.SeafileCommentEditor, {
       type: "reply",
       placeholder: 'Enter_reply_shift_Enter_for_new_line_Enter_to_send',
-      commentContent: commentInputs[item.id] || '',
+      addParticipants: addParticipants,
+      content: commentInputs[item.id] || '',
       insertContent: function insertContent(value) {
         return handleReplySubmit(value, item.id);
       },
       onContentChange: function onContentChange(content) {
         return handleInputChange(item.id, content);
       },
-      hiddenComment: hiddenComment
+      hiddenComment: hiddenComment,
+      api: {
+        uploadLocalImage: _context2["default"].uploadLocalImage
+      }
     }))));
   }), Object.values(commentDetail).length === 0 && /*#__PURE__*/_react["default"].createElement("div", {
     className: "non-global-comment-input-wrapper",
     style: {
       paddingTop: isEmptyComment ? '16px' : ''
     }
-  }, isEmptyComment && /*#__PURE__*/_react["default"].createElement(_commentEditor["default"], {
+  }, isEmptyComment && /*#__PURE__*/_react["default"].createElement(_commentEditor.SeafileCommentEditor, {
     type: "comment",
+    addParticipants: addParticipants,
     insertContent: addNewComment,
     hiddenComment: hiddenComment,
-    isContextComment: isContextComment,
-    closeComment: closeComment
+    closePanel: closeComment,
+    api: {
+      uploadLocalImage: _context2["default"].uploadLocalImage
+    }
   }), !isEmptyComment && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !showEditor && /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, {
     value: inputContent !== null && inputContent !== void 0 && inputContent.trim() ? '.....' : '',
     readOnly: true,
@@ -245,15 +258,19 @@ var CommentList = function CommentList(_ref) {
     onFocus: function onFocus() {
       setShowEditor(true);
     }
-  }), showEditor && /*#__PURE__*/_react["default"].createElement(_commentEditor["default"], {
+  }), showEditor && /*#__PURE__*/_react["default"].createElement(_commentEditor.SeafileCommentEditor, {
     type: "reply",
     placeholder: 'Enter_reply_shift_Enter_for_new_line_Enter_to_send',
-    commentContent: inputContent,
+    addParticipants: addParticipants,
+    content: inputContent,
     insertContent: replyComment,
     onContentChange: function onContentChange(content) {
       setInputContent(content);
     },
-    hiddenComment: hiddenComment
+    hiddenComment: hiddenComment,
+    api: {
+      uploadLocalImage: _context2["default"].uploadLocalImage
+    }
   }))));
 };
 var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(CommentList);

package/dist/comment/components/global-comment/global-comment-editor.js

@@ -6,8 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _commentEditor = require("@seafile/comment-editor");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _commentEditor = _interopRequireDefault(require("../comment-editor"));
+var _context = _interopRequireDefault(require("../../../context"));
+var _useCollaborators2 = require("../../../hooks/use-collaborators");
+var _useParticipants = require("../../hooks/use-participants");
 var GlobalCommentEditor = function GlobalCommentEditor(_ref) {
   var isScrollDisplayed = _ref.isScrollDisplayed,
     globalCommentContent = _ref.globalCommentContent,
@@ -15,20 +18,34 @@ var GlobalCommentEditor = function GlobalCommentEditor(_ref) {
     insertDocComment = _ref.insertDocComment,
     hiddenCommentEditor = _ref.hiddenCommentEditor,
     onContentChange = _ref.onContentChange;
+  var _useParticipantsConte = (0, _useParticipants.useParticipantsContext)(),
+    addParticipants = _useParticipantsConte.addParticipants,
+    participants = _useParticipantsConte.participants;
+  var _useCollaborators = (0, _useCollaborators2.useCollaborators)(),
+    collaborators = _useCollaborators.collaborators;
+  console.log('participants', participants);
+  console.log('collaborators', collaborators);
+  var commentEditorProps = {
+    type: type,
+    className: 'sdoc-doc-comment-editor',
+    hiddenUserInfo: true,
+    content: globalCommentContent,
+    insertContent: insertDocComment,
+    onContentChange: onContentChange,
+    hiddenComment: hiddenCommentEditor,
+    addParticipants: addParticipants,
+    collaborators: [],
+    participants: [],
+    api: {
+      uploadLocalImage: _context["default"].uploadLocalImage
+    }
+  };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])('sdoc-doc-comment-editor-container', 'sdoc-comment-list-container', {
       'scrolled': isScrollDisplayed
     })
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-doc-comment-editor-content"
-  }, /*#__PURE__*/_react["default"].createElement(_commentEditor["default"], {
-    type: type,
-    className: "sdoc-doc-comment-editor",
-    commentContent: globalCommentContent,
-    hiddenUserInfo: true,
-    insertContent: insertDocComment,
-    hiddenComment: hiddenCommentEditor,
-    onContentChange: onContentChange
-  })));
+  }, /*#__PURE__*/_react["default"].createElement(_commentEditor.SeafileCommentEditor, commentEditorProps)));
 };
 var _default = exports["default"] = GlobalCommentEditor;

package/dist/extension/plugins/ai/ai-module/index.js

@@ -87,7 +87,7 @@ function AIModule(_ref) {
       var selectElements = (0, _helpers.handleSelectElements)(editor);
       var _content = '';
       if (selectElements) {
-        if ((0, _helpers.validateNestedStructure)(selectElements[0])) {
+        if (selectElements.length === 1 && (0, _helpers.validateNestedStructure)(selectElements[0])) {
           // list.length === 1
           _content = window.getSelection().toString();
         } else {

package/dist/right-panel/index.css

@@ -5,7 +5,12 @@
   min-width: 360px;
   position: relative;
   right: 0;
-  animation: rightdrawer .3s 1ms;
+  margin-right: -360px;
+  transition: margin-right .3s ease-in-out;
+}
+
+.sdoc-content-right-panel-wrapper.open {
+  margin-right: 0;
 }
 
 .sdoc-content-right-panel-wrapper .sdoc-content-right-panel {
@@ -14,13 +19,3 @@
   overflow: hidden;
   border-left: 1px solid #d8d8d8;
 }
-
-@keyframes rightdrawer {
-  0% {
-    transform: translate(100%);
-  }
-
-  100% {
-    transform: translate(0);
-  }
-}

package/dist/right-panel/index.js

@@ -60,12 +60,15 @@ var RightPanel = function RightPanel(_ref) {
   (0, _react.useEffect)(function () {
     var isShowGlobalComments = displayPluginName === 'sdoc-comment' ? true : false;
     var commentBox = document.querySelector('.sdoc-content-right-panel-wrapper');
-    var editorEl = document.querySelector('#sdoc-scroll-container');
+    var editorEl = document.querySelector('.sdoc-scroll-container');
     var commentWidth = commentBox === null || commentBox === void 0 ? void 0 : commentBox.offsetWidth;
-    editorEl.scrollTo({
-      left: commentWidth + 36,
-      behavior: 'smooth'
-    });
+    commentBox === null || commentBox === void 0 ? void 0 : commentBox.classList.add('open');
+    setTimeout(function () {
+      editorEl.scrollTo({
+        left: commentWidth + 36,
+        behavior: 'smooth'
+      });
+    }, 300);
     var settings = _localStorageUtils["default"].getItem(_constants.SDOC_STORAGE) || {};
     _localStorageUtils["default"].setItem(_constants.SDOC_STORAGE, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, settings), {}, {
       isShowGlobalComments: isShowGlobalComments

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.133",
+  "version": "2.0.134-alpha.1",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -17,6 +17,7 @@
   "license": "ISC",
   "description": "",
   "dependencies": {
+    "@seafile/comment-editor": "^0.0.1-alpha.32",
     "@seafile/print-js": "1.6.6",
     "@seafile/react-image-lightbox": "4.0.2",
     "@seafile/slate": "0.91.8",
@@ -69,6 +70,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "gitHead": "6725af00b4ed23abf5615990ee7e561b279d754d"
-}
+  }
+}

package/LICENSE.txt

@@ -1,13 +0,0 @@
-Copyright (c) 2025 Seafile Ltd.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-  http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.