@seafile/comment-editor 0.0.1-alpha.8 → 0.0.1-alpha.81

package/dist/basic-sdk/context.js

@@ -11,12 +11,12 @@ var _sdocServerApi = _interopRequireDefault(require("./api/sdoc-server-api"));
 var _seafileApi = _interopRequireDefault(require("./api/seafile-api"));
 class Context {
   constructor() {
-    (0, _defineProperty2.default)(this, "initSettings", () => {
-      this.settings = window.seafile ? window.seafile : window.seafileConfig;
+    (0, _defineProperty2.default)(this, "initSettings", settings => {
+      this.settings = settings ? settings : window.seafile ? window.seafile : window.seafileConfig;
       const {
-        name,
-        username,
-        avatarURL
+        name = '',
+        username = '',
+        avatarURL = ''
       } = this.settings;
       const userInfo = {
         name,
@@ -24,13 +24,6 @@ class Context {
         avatar_url: avatarURL
       };
       this.user = userInfo;
-      if (this.settings['isSdocRevision']) {
-        const repoID = this.getSetting('repoID');
-        const siteRoot = this.getSetting('siteRoot');
-        const originFilePath = this.getSetting('originFilePath');
-        const originFileURL = `${siteRoot}lib/${repoID}/file${originFilePath}`;
-        this.settings['originFileURL'] = originFileURL;
-      }
     });
     (0, _defineProperty2.default)(this, "uploadLocalImage", imageFiles => {
       const docUuid = this.getSetting('docUuid');
@@ -55,16 +48,9 @@ class Context {
     this.api = null;
     this.config = null;
   }
-  init(api) {
-    this.initSettings(); // lazy init context class
+  init(settings, api) {
+    this.initSettings(settings);
     this.api = api;
-    // const server = this.getSetting('serviceUrl');
-    // const token = this.getSetting('accessToken');
-    // this.api = new SeafileAPI(server, token);
-    // const isOpenSocket = this.getSetting('isOpenSocket');
-    // if (isOpenSocket) {
-    //   this.sdocServerApi = new SDocServerApi(this.settings);
-    // }
   }
   getSettings() {
     return this.settings;

package/dist/basic-sdk/editor/comment-editor.js

@@ -14,7 +14,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
 var _scrollIntoViewIfNeeded = _interopRequireDefault(require("scroll-into-view-if-needed"));
 var _constants = require("../constants");
-var _context = _interopRequireDefault(require("../context"));
 var _useCursors = require("../cursor/use-cursors");
 var _decorates = require("../decorates");
 var _extension = require("../extension");
@@ -39,16 +38,13 @@ const DEFAULT_PLACEHOLDER = 'Enter_comment_shift_enter_for_new_line_Enter_to_sen
 const CommentEditor = _ref => {
   let {
     content,
-    commentContent,
     placeholder = DEFAULT_PLACEHOLDER,
+    toolMenus = ['text_style', _constants2.BLOCKQUOTE, _constants2.UNORDERED_LIST, _constants2.ORDERED_LIST, _constants2.LINK, _constants2.IMAGE],
     insertContent,
-    updateContent,
     onContentChange,
-    setIsEditing,
     hiddenComment,
     hiddenUserInfo,
-    closeComment,
-    addParticipants
+    closePanel
   } = _ref;
   const commentWrapperRef = (0, _react.useRef)();
   const {
@@ -91,23 +87,18 @@ const CommentEditor = _ref => {
   // init eventHandler
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const eventProxy = (0, _react.useMemo)(() => new _eventHandler.default(editor), []);
-  const updateValue = (0, _react.useCallback)(value => {
-    if (!value || value.trim() === '') return;
-    if (!content) return insertContent(value);
-    updateContent && updateContent(value);
-  }, [content, insertContent, updateContent]);
   const onSubmit = (0, _react.useCallback)(event => {
     event && event.stopPropagation();
     const mdString = (0, _slateToMd.default)(editor.children);
-    updateValue(mdString);
-    addParticipants(userInfo.username);
+    if (mdString && mdString.trim()) insertContent(mdString);
     editor.children = [(0, _core.generateEmptyElement)(_constants2.PARAGRAPH, {
       placeholder
     })];
     _slate.Transforms.select(editor, _slate.Editor.start(editor, []));
     onContentChange && onContentChange(null);
-    closeComment && closeComment();
-  }, [editor, updateValue, addParticipants, userInfo.username, placeholder, onContentChange, closeComment]);
+    closePanel && closePanel();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, insertContent, placeholder, onContentChange, closePanel]);
   const onSubmitByEnterKey = (0, _react.useCallback)(event => {
     if (!_slateReact.ReactEditor.isFocused(editor)) return;
     onSubmit(event);
@@ -139,7 +130,6 @@ const CommentEditor = _ref => {
       const isPreventCancel = isClickOnListContainer || isClickOnCommentEditorContainer || isClickResizeContainer || isSdocContentWrapper;
       if (isPreventCancel) return;
     }
-    setIsEditing && setIsEditing(false);
     hiddenComment && hiddenComment(false);
     if (onContentChange) {
       if (editor.children.find(n => _slate.Node.string(n).trim())) {
@@ -149,17 +139,14 @@ const CommentEditor = _ref => {
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [setIsEditing]);
+  }, []);
 
   // set editor children
   (0, _react.useEffect)(() => {
     let children = (0, _mdToSlate.default)(content);
-    if (commentContent) {
-      children = (0, _mdToSlate.default)(commentContent);
-    }
     editor.children = children;
     _slate.Transforms.select(editor, _slate.Editor.end(editor, []));
-  }, [editor, content, commentContent]);
+  }, [editor, content]);
 
   // useMount: focus editor
   (0, _react.useEffect)(() => {
@@ -279,10 +266,11 @@ const CommentEditor = _ref => {
     onBeforeInput: eventProxy.onBeforeInput
   })))), /*#__PURE__*/_react.default.createElement(_commentEditorToolbar.default, {
     editor: editor,
+    toolMenus: toolMenus,
     onSubmit: onSubmit,
     submitBtnText: t(submitTip),
     onCancel: onCancel
-  }))), /*#__PURE__*/_react.default.createElement(_insertElementDialog.default, {
+  }))), toolMenus.includes(_constants2.IMAGE) && /*#__PURE__*/_react.default.createElement(_insertElementDialog.default, {
     editor: editor
   }));
 };

package/dist/basic-sdk/extension/commons/color-menu/color-item.js

@@ -10,10 +10,12 @@ var _reactI18next = require("react-i18next");
 var _classnames = _interopRequireDefault(require("classnames"));
 const ColorItem = _ref => {
   let {
-    t,
     color,
     lastUsedColor
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('sdoc-color-item', {
       'selected': lastUsedColor === color.value
@@ -28,4 +30,4 @@ const ColorItem = _ref => {
     }) : t(color.name)
   });
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(ColorItem);
+var _default = exports.default = ColorItem;

package/dist/basic-sdk/extension/commons/color-menu/index.js

@@ -26,7 +26,6 @@ const ColorMenu = _ref => {
     id,
     popoverClassName,
     disabled,
-    t,
     setColor,
     recentUsedColorsKey,
     text,
@@ -35,6 +34,9 @@ const ColorMenu = _ref => {
     lastUsedColor,
     updateLastUsedColor
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const popoverRef = (0, _react.useRef)(null);
   const moreColorsPopoverRef = (0, _react.useRef)(null);
   const [recentUsedColors, setRecentUsedColors] = (0, _react.useState)(_localStorageUtils.default.getItem(recentUsedColorsKey, _constants.DEFAULT_RECENT_USED_LIST));
@@ -205,4 +207,4 @@ const ColorMenu = _ref => {
     onChange: onChange
   }))))));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(ColorMenu);
+var _default = exports.default = ColorMenu;

package/dist/basic-sdk/extension/commons/select-file-dialog/local-files/index.js

@@ -20,10 +20,12 @@ const LocalFiles = _ref => {
     onSelectedFile,
     toggle,
     fileType,
-    t,
     searchContent,
     isOpenSearch
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const folderRef = (0, _react.useRef)(null);
   const [expandedFolder, setExpandedFolder] = (0, _react.useState)(new Set([]));
   const [currentActiveItem, setCurrentActiveItem] = (0, _react.useState)(null);
@@ -188,4 +190,4 @@ const LocalFiles = _ref => {
     className: "sdoc-file-search-no-result"
   }, t('No_results')));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(LocalFiles);
+var _default = exports.default = LocalFiles;

package/dist/basic-sdk/extension/plugins/code-block/hover-menu/index.js

@@ -55,9 +55,11 @@ const CodeBlockHoverMenu = _ref2 => {
     onChangeLanguage,
     onChangeAutoLineWrap,
     onCopyCodeBlock,
-    onDeleteCodeBlock,
-    t
+    onDeleteCodeBlock
   } = _ref2;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const {
     white_space = 'nowrap'
   } = style;
@@ -254,4 +256,4 @@ const CodeBlockHoverMenu = _ref2 => {
     ref: langRefs
   })))));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(CodeBlockHoverMenu);
+var _default = exports.default = CodeBlockHoverMenu;

package/dist/basic-sdk/extension/plugins/file-link/hover-menu/index.js

@@ -24,9 +24,11 @@ const FileLinkHoverMenu = _ref => {
     menuPosition,
     element,
     onUnwrapFileLinkNode,
-    onHideInsertHoverMenu,
-    t
+    onHideInsertHoverMenu
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const readOnly = (0, _slateReact.useReadOnly)();
   const [isShowDisplayStylePopover, setIsShowDisplayStylePopover] = (0, _react.useState)(false);
   const onCopy = (0, _react.useCallback)(e => {
@@ -117,4 +119,4 @@ const FileLinkHoverMenu = _ref => {
     }));
   }))));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(FileLinkHoverMenu);
+var _default = exports.default = FileLinkHoverMenu;

package/dist/basic-sdk/extension/plugins/image/helpers.js

@@ -291,8 +291,7 @@ const handleBase64Image = (editor, path, imgData) => {
   const file = new File([blob], `${_slugid.default.nice()}.jpg`, {
     type: unit8Array.mime
   });
-  console.log(111);
-  _context.default.uploadLocalImage([file]).then(res => {
+  _context.default.api.uploadLocalImage([file]).then(res => {
     const _data = {
       ...imgData,
       src: res[0]

package/dist/basic-sdk/extension/plugins/image/hover-menu/index.js

@@ -27,9 +27,11 @@ const ImageHoverMenu = _ref => {
     parentNodeEntry,
     imageCaptionInputRef,
     onHideImageHoverMenu,
-    t,
     readonly
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const {
     data,
     border_type = _constants2.IMAGE_BORDER_TYPE[0].type
@@ -299,4 +301,4 @@ const ImageHoverMenu = _ref => {
     }
   })));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(ImageHoverMenu);
+var _default = exports.default = ImageHoverMenu;

package/dist/basic-sdk/extension/plugins/image/render-elem.js

@@ -33,9 +33,11 @@ const Image = _ref => {
     className,
     attributes,
     children,
-    isSelected,
-    t
+    isSelected
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const {
     data,
     border_type = _constants3.IMAGE_BORDER_TYPE[0].type
@@ -348,7 +350,7 @@ const Image = _ref => {
     }
   })));
 };
-const SdocImage = (0, _reactI18next.withTranslation)('sdoc-editor')(Image);
+const SdocImage = Image;
 function renderImage(props, editor) {
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const isSelected = (0, _slateReact.useSelected)();

package/dist/basic-sdk/extension/plugins/image/use-copy-image.js

@@ -51,8 +51,7 @@ const useCopyImage = _ref => {
           const file = new File([blob], 'downloaded_image.png', {
             type: blob.type
           });
-          console.log(222);
-          const imageUrl = await _context.default.uploadLocalImage([file]);
+          const imageUrl = await _context.default.api.uploadLocalImage([file]);
           if (imageUrl && imageUrl[0]) {
             updateImageNode(editor, element, imageUrl[0]);
           }

package/dist/basic-sdk/extension/plugins/image/use-upload-image.js

@@ -42,8 +42,8 @@ const useUploadImage = _ref => {
     const uploadCurrentImage = async () => {
       try {
         const fileItem = _imageCache.default.getImage(file_uuid);
-        console.log(333, _context.default);
-        const imageUrl = await _context.default.uploadLocalImage([fileItem]);
+        const imageUrl = await _context.default.api.uploadLocalImage([fileItem]);
+        console.log('imageUrl', imageUrl);
         if (imageUrl && imageUrl[0]) {
           updateImageNode(editor, element, imageUrl[0]);
         }

package/dist/basic-sdk/extension/plugins/sdoc-link/hover-menu/index.js

@@ -25,9 +25,11 @@ const SdocLinkHoverMenu = _ref => {
     element,
     onUnwrapFileLinkNode,
     onHideInsertHoverMenu,
-    t,
     url
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const readOnly = (0, _slateReact.useReadOnly)();
   const [isShowDisplayStylePopover, setIsShowDisplayStylePopover] = (0, _react.useState)(false);
   const onCopy = (0, _react.useCallback)(e => {
@@ -116,4 +118,4 @@ const SdocLinkHoverMenu = _ref => {
     }));
   }))));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(SdocLinkHoverMenu);
+var _default = exports.default = SdocLinkHoverMenu;

package/dist/basic-sdk/extension/plugins/table/menu/color-selector-popover/color-item.js

@@ -10,10 +10,12 @@ var _reactI18next = require("react-i18next");
 var _classnames = _interopRequireDefault(require("classnames"));
 const ColorItem = _ref => {
   let {
-    t,
     color,
     lastUsedColor
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('sdoc-color-item', {
       'selected': lastUsedColor === color.value
@@ -28,4 +30,4 @@ const ColorItem = _ref => {
     }) : t(color.name)
   });
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(ColorItem);
+var _default = exports.default = ColorItem;

package/dist/basic-sdk/extension/plugins/table/menu/table-menu/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
 var _dropdownMenuItem = _interopRequireDefault(require("../../../../commons/dropdown-menu-item"));
 var _constants = require("../../../../constants");
 var _helpers = require("../../helpers");
@@ -38,4 +37,4 @@ const TableMenu = _ref => {
     createTable: createTable
   }));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TableMenu);
+var _default = exports.default = TableMenu;

package/dist/basic-sdk/extension/plugins/text-align/menu/index.js

@@ -95,4 +95,4 @@ const TextAlignMenu = _ref => {
     }));
   }))));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TextAlignMenu);
+var _default = exports.default = TextAlignMenu;

package/dist/basic-sdk/extension/plugins/text-style/menu/comemnt-editor-menu.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
 var _commons = require("../../../commons");
 var _constants = require("../../../constants");
 var _menusConfig = require("../../../constants/menus-config");
@@ -69,4 +68,4 @@ const CommentEditorTextStyleMenuList = _ref => {
     key: index
   }, itemProps))));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(CommentEditorTextStyleMenuList);
+var _default = exports.default = CommentEditorTextStyleMenuList;

package/dist/basic-sdk/extension/plugins/text-style/menu/index.js

@@ -25,12 +25,14 @@ var _helpers3 = require("../helpers");
 const TextStyleMenuList = _ref => {
   let {
     editor,
-    t,
     isRichEditor,
     className,
     idPrefix,
     readonly
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   let selectedFontSize = (0, _helpers.getFontSize)(editor);
   let selectedFontSizeValue = selectedFontSize;
   const enableSeafileAI = _context.default.getSetting('enableSeafileAI');
@@ -159,4 +161,4 @@ const TextStyleMenuList = _ref => {
     isRichEditor: isRichEditor
   }));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TextStyleMenuList);
+var _default = exports.default = TextStyleMenuList;

package/dist/basic-sdk/extension/plugins/video/render-elem.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderVideo = renderVideo;
 var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _helpers = require("./helpers");
@@ -128,7 +127,7 @@ const Video = _ref => {
     }
   }))));
 };
-const SdocVideo = (0, _reactI18next.withTranslation)('sdoc-editor')(Video);
+const SdocVideo = Video;
 function renderVideo(props, editor) {
   const {
     element,

package/dist/basic-sdk/extension/toolbar/comment-editor-toolbar/index.js

@@ -22,33 +22,37 @@ const CommentEditorToolbar = _ref => {
     readonly = false,
     onSubmit,
     submitBtnText,
-    onCancel
+    onCancel,
+    toolMenus
   } = _ref;
   (0, _useSelectionUpdate.default)();
   const eventBus = _eventBus.default.getInstance();
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "comment-editor-toolbar"
-  }, /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, {
+    className: "comment-editor-toolbar",
+    style: {
+      justifyContent: toolMenus.length === 0 ? 'end' : ''
+    }
+  }, toolMenus.length !== 0 && /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, {
     className: "menu-group comment-editor-menu-group"
-  }, /*#__PURE__*/_react.default.createElement(_comemntEditorMenu.default, {
+  }, toolMenus.includes('text_style') && /*#__PURE__*/_react.default.createElement(_comemntEditorMenu.default, {
     editor: editor,
     readonly: readonly
-  }), /*#__PURE__*/_react.default.createElement(_menu.default, {
+  }), toolMenus.includes(_constants.BLOCKQUOTE) && /*#__PURE__*/_react.default.createElement(_menu.default, {
     editor: editor,
     readonly: readonly
-  }), /*#__PURE__*/_react.default.createElement(_menu4.default, {
+  }), toolMenus.includes(_constants.UNORDERED_LIST) && /*#__PURE__*/_react.default.createElement(_menu4.default, {
     editor: editor,
     type: _constants.UNORDERED_LIST,
     readonly: readonly
-  }), /*#__PURE__*/_react.default.createElement(_menu4.default, {
+  }), toolMenus.includes(_constants.ORDERED_LIST) && /*#__PURE__*/_react.default.createElement(_menu4.default, {
     editor: editor,
     type: _constants.ORDERED_LIST,
     readonly: readonly
-  }), /*#__PURE__*/_react.default.createElement(_menu3.default, {
+  }), toolMenus.includes(_constants.LINK) && /*#__PURE__*/_react.default.createElement(_menu3.default, {
     editor: editor,
     readonly: readonly,
     eventBus: eventBus
-  }), /*#__PURE__*/_react.default.createElement(_menu2.default, {
+  }), toolMenus.includes(_constants.IMAGE) && /*#__PURE__*/_react.default.createElement(_menu2.default, {
     editor: editor,
     readonly: readonly,
     eventBus: eventBus

package/dist/basic-sdk/hooks/use-comment.js

@@ -1,12 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useComment = exports.CommentProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
+var _context = _interopRequireDefault(require("../context"));
+var _model = require("../model");
 require("../assets/css/layout.css");
 require("../assets/css/default.css");
 require("../assets/css/sdoc-editor-article.css");
@@ -18,25 +20,35 @@ const CommentProvider = _ref => {
   let {
     children,
     type,
-    userInfo,
-    pluginName = '',
+    // comment or replay
     className = '',
+    pluginName = '',
+    // sdoc or wiki or txt ...
     pluginEventBus,
-    pluginEvent
+    pluginEvent,
+    collaborators = [],
+    participants = [],
+    addParticipants
   } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const [collaborators, setCollaborators] = (0, _react.useState)([]);
+  const getCollaborators = (0, _react.useCallback)(() => {
+    const newCollaborators = collaborators.map(user => new _model.User(user));
+    return newCollaborators;
+  }, [collaborators]);
+  const getParticipants = (0, _react.useCallback)(() => {
+    const newParticipants = participants.map(user => new _model.User(user));
+    return newParticipants;
+  }, [participants]);
   return /*#__PURE__*/_react.default.createElement(CommentContext.Provider, {
     value: {
       type,
-      userInfo,
-      pluginName,
+      userInfo: _context.default.getUserInfo(),
       className,
+      pluginName,
       pluginEventBus,
       pluginEvent,
-      collaborators
+      collaborators: getCollaborators(),
+      participants: getParticipants(),
+      addParticipants
     }
   }, children);
 };

package/dist/basic-sdk/model/index.js

@@ -4,17 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Notification", {
-  enumerable: true,
-  get: function () {
-    return _notification.default;
-  }
-});
 Object.defineProperty(exports, "User", {
   enumerable: true,
   get: function () {
     return _user.default;
   }
 });
-var _user = _interopRequireDefault(require("./user"));
-var _notification = _interopRequireDefault(require("./notification"));
+var _user = _interopRequireDefault(require("./user"));

package/dist/basic-sdk/socket/helpers.js

@@ -0,0 +1,312 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateOperation = exports.syncRemoteOperations = exports.syncRemoteCursorLocation = exports.revertOperationList = exports.reExecRevertOperationList = exports.getRevertOperationList = exports.getNodePathById = void 0;
+var _slate = require("@seafile/slate");
+var _deepCopy = _interopRequireDefault(require("deep-copy"));
+var _helper = require("../cursor/helper");
+var _core = require("../extension/core");
+var OPERATION = _interopRequireWildcard(require("../node-id/constants"));
+const getNodePathById = function (rootNode, nodeId) {
+  let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  if (rootNode.id === nodeId) return path;
+  const {
+    children = []
+  } = rootNode;
+  for (let i = 0; i < children.length; i++) {
+    const child = children[i];
+    path.push(i);
+    const nodePath = getNodePathById(child, nodeId, path);
+    if (nodePath) return nodePath;
+    path.pop();
+  }
+  return null;
+};
+exports.getNodePathById = getNodePathById;
+const validateOperation = (editor, operation) => {
+  let isValid = false;
+  let newOperation = (0, _deepCopy.default)(operation);
+  const {
+    type
+  } = newOperation;
+  switch (type) {
+    case OPERATION.INSERT_TEXT:
+    case OPERATION.REMOVE_TEXT:
+      {
+        const {
+          node_id,
+          path
+        } = newOperation;
+        const node = (0, _core.getNode)(editor, path);
+        // node is exist and node path is not changed
+        if (node && node.id === node_id) {
+          isValid = true;
+          break;
+        }
+
+        // node is exist but node path is changed
+        const nodePath = getNodePathById(editor, node_id);
+        if (nodePath) {
+          isValid = true;
+          newOperation.path = nodePath;
+          break;
+        }
+        // node is not exist
+        isValid = false;
+        break;
+      }
+    case OPERATION.INSERT_NODE:
+      {
+        let {
+          parent_node_id,
+          path
+        } = newOperation;
+        const parentNodePath = getNodePathById(editor, parent_node_id);
+        if (!parentNodePath) {
+          isValid = false;
+          break;
+        }
+        const parentPath = path.slice(0, path.length - 1);
+        if (parentPath.join() === parentNodePath.join()) {
+          isValid = true;
+          break;
+        }
+
+        // reset insert node path
+        const parentNode = (0, _core.getNode)(editor, path);
+        if (parentNode) {
+          const childLength = parentNode.children.length;
+          const index = Math.min(path[path.length - 1], childLength);
+          newOperation.path = parentNodePath.concat([index]);
+          isValid = true;
+        }
+        break;
+      }
+    case OPERATION.REMOVE_NODE:
+      {
+        const {
+          node_id,
+          path
+        } = newOperation;
+        const node = (0, _core.getNode)(editor, path);
+        // node is exist and node path is not changed
+        if (node && node.id === node_id) {
+          isValid = true;
+          break;
+        }
+
+        // node is exist but node path is changed
+        const nodePath = getNodePathById(editor, node_id);
+        if (nodePath) {
+          isValid = true;
+          newOperation.path = nodePath;
+          break;
+        }
+
+        // node is not exist
+        isValid = false;
+        break;
+      }
+    case OPERATION.MERGE_NODE:
+      {
+        // merge next node into prev node
+        const {
+          node_id,
+          path
+        } = newOperation;
+        const node = (0, _core.getNode)(editor, path);
+        // node is exist and node path is not changed
+        if (node && node.id === node_id) {
+          isValid = true;
+          break;
+        }
+
+        // node is exist but node path is changed
+        const nodePath = getNodePathById(editor, node_id);
+        if (nodePath) {
+          isValid = true;
+          newOperation.path = nodePath;
+          break;
+        }
+
+        // node is not exist
+        isValid = false;
+        break;
+      }
+    case OPERATION.SPLIT_NODE:
+      {
+        const {
+          node_id,
+          path
+        } = newOperation;
+        const node = (0, _core.getNode)(editor, path);
+        // node is exist and node path is not changed
+        if (node && node.id === node_id) {
+          isValid = true;
+          break;
+        }
+
+        // node is exist but node path is changed
+        const nodePath = getNodePathById(editor, node_id);
+        if (nodePath) {
+          isValid = true;
+          newOperation.path = nodePath;
+          break;
+        }
+
+        // node is not exist
+        isValid = false;
+        break;
+      }
+    case OPERATION.SET_NODE:
+      {
+        const {
+          node_id,
+          path,
+          properties
+        } = newOperation;
+        const node = (0, _core.getNode)(editor, path);
+        // node is exist and node path is not changed
+        if (node && node.id === node_id) {
+          isValid = true;
+          newOperation.properties = {
+            ...properties,
+            type: node.type
+          };
+          break;
+        }
+
+        // node is exist but node path is changed
+        const nodePath = getNodePathById(editor, node_id);
+        if (nodePath) {
+          isValid = true;
+          const node = (0, _core.getNode)(editor, nodePath);
+          newOperation.properties = {
+            ...properties,
+            type: node.type
+          };
+          newOperation.path = nodePath;
+          break;
+        }
+
+        // node is not exist
+        isValid = false;
+        break;
+      }
+    case OPERATION.MOVE_NODE:
+      {
+        const {
+          node_id,
+          path
+        } = newOperation;
+        const node = (0, _core.getNode)(editor, path);
+        // node is exist and node path is not changed
+        if (node && node.id === node_id) {
+          isValid = true;
+          break;
+        }
+
+        // TODO: newPath can not calculate by nodePath
+        // node is exist but node path is changed
+        // const nodePath = getNodePathById(editor, node_id);
+        // if (nodePath) {}
+
+        // node is not exist
+        isValid = false;
+        break;
+      }
+    default:
+      {
+        // set_selection
+        break;
+      }
+  }
+  if (isValid) return newOperation;
+  return isValid;
+};
+exports.validateOperation = validateOperation;
+const getRevertOperationList = operationList => {
+  if (operationList.length === 0) return [];
+
+  // Generate a duplicate operationList, The original value cannot be modified here
+  let revertOperationList = (0, _deepCopy.default)(operationList);
+  revertOperationList = revertOperationList.reverse();
+  return revertOperationList.map(operations => {
+    const ops = operations.reverse();
+    return ops.map(item => _slate.Operation.inverse(item));
+  });
+};
+exports.getRevertOperationList = getRevertOperationList;
+const revertOperationList = (editor, operationList) => {
+  if (operationList.length === 0) return [];
+  const revertOperationList = getRevertOperationList(operationList);
+
+  // Cancel locale execute operations
+  for (let i = 0; i < revertOperationList.length; i++) {
+    const operations = revertOperationList[i];
+    _slate.Editor.withoutNormalizing(editor, () => {
+      for (let j = 0; j < operations.length; j++) {
+        const op = operations[j];
+        editor.apply(op);
+      }
+    });
+  }
+};
+exports.revertOperationList = revertOperationList;
+const reExecRevertOperationList = (editor, revertOperationList) => {
+  if (revertOperationList.length === 0) return;
+
+  // Re-execute revert operations
+  for (let i = 0; i < revertOperationList.length; i++) {
+    const operations = revertOperationList[i];
+    _slate.Editor.withoutNormalizing(editor, () => {
+      for (let j = 0; j < operations.length; j++) {
+        const op = validateOperation(editor, operations[j]);
+        if (op) {
+          editor.apply(op);
+        }
+      }
+    });
+  }
+};
+exports.reExecRevertOperationList = reExecRevertOperationList;
+const syncRemoteOperations = (editor, remoteOperations) => {
+  if (remoteOperations.length === 0) return;
+  _slate.Editor.withoutNormalizing(editor, () => {
+    for (let i = 0; i < remoteOperations.length; i++) {
+      const op = remoteOperations[i];
+      if (op.type === 'set_selection') {
+        continue;
+      }
+      editor.apply(op);
+    }
+  });
+};
+exports.syncRemoteOperations = syncRemoteOperations;
+const syncRemoteCursorLocation = (editor, user, location, cursorData) => {
+  const currentUser = editor.user;
+  if (user && user.username !== currentUser.username) {
+    // Get front Point as cursor
+    const {
+      anchor,
+      focus
+    } = location;
+    let newLocation = location;
+    if (!_slate.Point.equals(anchor, focus)) {
+      const frontPoint = _slate.Editor.start(editor, location);
+      newLocation = {
+        anchor: frontPoint,
+        focus: frontPoint
+      };
+    }
+    (0, _helper.setCursor)(editor, user, newLocation, cursorData);
+
+    // sync cursor position
+    editor.onCursor && editor.onCursor(editor.cursors);
+  }
+};
+exports.syncRemoteCursorLocation = syncRemoteCursorLocation;

package/dist/components/error-boundary/error-page.js

@@ -10,10 +10,10 @@ var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _basicSdk = require("../../basic-sdk");
 require("./error-page.css");
-function ErrorPage(_ref) {
-  let {
+function ErrorPage() {
+  const {
     t
-  } = _ref;
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const normalizeSdoc = (0, _react.useCallback)(async () => {
     const res = await _basicSdk.context.normalizeSdocContent();
     const {
@@ -33,4 +33,4 @@ function ErrorPage(_ref) {
     onClick: () => normalizeSdoc()
   }, t('Repair')));
 }
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(ErrorPage);
+var _default = exports.default = ErrorPage;

package/dist/pages/seafile-comment-editor.js

@@ -1,45 +1,58 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactI18next = require("react-i18next");
+var _react = _interopRequireWildcard(require("react"));
 var _basicSdk = require("../basic-sdk");
 var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
 const SeafileCommentEditor = _ref => {
   let {
+    // Provider
     type,
-    userInfo,
-    pluginName = '',
+    // comment or replay
     className = '',
-    commentContent,
-    hiddenUserInfo,
+    pluginName = '',
+    // sdoc or wiki or txt ...
+    pluginEventBus,
+    pluginEvent,
+    // Comment editor
+    content,
     insertContent,
-    hiddenComment,
     onContentChange,
+    hiddenUserInfo,
+    hiddenComment,
+    toolMenus,
+    closePanel,
+    collaborators,
+    participants,
     addParticipants,
-    pluginEventBus,
-    pluginEvent,
+    // settings
+    settings,
     api
   } = _ref;
-  _basicSdk.context.init(api);
-  return /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentProvider, {
+  _basicSdk.context.init(settings, api);
+  return /*#__PURE__*/_react.default.createElement(_react.Suspense, null, /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentProvider, {
     type: type,
-    userInfo: userInfo,
-    pluginName: pluginName,
     className: className,
+    pluginName: pluginName,
     pluginEventBus: pluginEventBus,
-    pluginEvent: pluginEvent
+    pluginEvent: pluginEvent,
+    collaborators: collaborators,
+    participants: participants,
+    addParticipants: addParticipants
   }, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentEditor, {
-    commentContent: commentContent,
-    hiddenUserInfo: hiddenUserInfo,
+    content: content,
     insertContent: insertContent,
-    hiddenComment: hiddenComment,
     onContentChange: onContentChange,
+    hiddenUserInfo: hiddenUserInfo,
+    hiddenComment: hiddenComment,
+    toolMenus: toolMenus,
+    closePanel: closePanel,
     addParticipants: addParticipants
-  })));
+  }))));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(SeafileCommentEditor);
+var _default = exports.default = SeafileCommentEditor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/comment-editor",
-  "version": "0.0.1-alpha.8",
+  "version": "0.0.1-alpha.81",
   "private": false,
   "description": "This is a comment editor",
   "main": "dist/index.js",
@@ -115,10 +115,10 @@
     "fs-extra": "^10.0.0",
     "html-webpack-plugin": "^5.5.0",
     "husky": "8.0.3",
-    "i18next": "22.4.9",
-    "i18next-browser-languagedetector": "7.0.1",
-    "i18next-xhr-backend": "3.2.2",
-    "identity-obj-proxy": "3.0.0",
+    "i18next": "^25.2.1",
+    "i18next-browser-languagedetector": "^8.1.0",
+    "i18next-http-backend": "^3.0.2",
+    "identity-obj-proxy": "^3.0.0",
     "is-wsl": "^1.1.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
@@ -141,7 +141,7 @@
     "react-app-polyfill": "^3.0.0",
     "react-dev-utils": "^12.0.1",
     "react-dom": "18.3.1",
-    "react-i18next": "12.1.4",
+    "react-i18next": "15.5.2",
     "react-refresh": "^0.11.0",
     "react-router": "7.5.2",
     "react-router-dom": "7.1.3",

package/dist/basic-sdk/model/notification.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _utils = require("../comment/utils");
-class Notification {
-  constructor(options) {
-    var _options$detail, _options$detail2, _options$detail3;
-    this.id = options.id || '';
-    this.comment_id = (options === null || options === void 0 ? void 0 : (_options$detail = options.detail) === null || _options$detail === void 0 ? void 0 : _options$detail.comment_id) || '';
-    this.reply_id = (options === null || options === void 0 ? void 0 : (_options$detail2 = options.detail) === null || _options$detail2 === void 0 ? void 0 : _options$detail2.reply_id) || '';
-    this.type = (options === null || options === void 0 ? void 0 : (_options$detail3 = options.detail) === null || _options$detail3 === void 0 ? void 0 : _options$detail3.msg_type) || '';
-    this.key = this.type !== 'reply' ? (0, _utils.generatorNotificationKey)(this.comment_id) : (0, _utils.generatorNotificationKey)(this.comment_id, this.reply_id);
-  }
-}
-var _default = exports.default = Notification;

package/dist/components/tip-message/index.js

@@ -1,194 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _reactI18next = require("react-i18next");
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _basicSdk = require("../../basic-sdk");
-require("./style.css");
-class TipMessage extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(this, "onOperationExecuteError", () => {
-      const {
-        t
-      } = this.props;
-      const message = t('Failed_to_execute_operation_on_server');
-      _basicSdk.toaster.warning(message, {
-        hasCloseButton: true
-      });
-    });
-    (0, _defineProperty2.default)(this, "onSyncServerOperationError", () => {
-      const {
-        t
-      } = this.props;
-      const message = t('Failed_to_sync_with_server_operations');
-      _basicSdk.toaster.danger(message, {
-        hasCloseButton: false,
-        duration: null
-      });
-    });
-    (0, _defineProperty2.default)(this, "onInternalServerExecError", () => {
-      const {
-        t
-      } = this.props;
-      const message = t('Internal_server_exec_operations_error');
-      _basicSdk.toaster.danger(message, {
-        hasCloseButton: false,
-        duration: null
-      });
-    });
-    (0, _defineProperty2.default)(this, "onTokenExpiredError", msg => {
-      const {
-        t
-      } = this.props;
-      const message = t('Token_expired_Please_refresh_the_page');
-      _basicSdk.toaster.closeAll();
-      _basicSdk.toaster.danger(message, {
-        duration: null
-      });
-    });
-    (0, _defineProperty2.default)(this, "onPendingOpExceedLimit", () => {
-      const {
-        t
-      } = this.props;
-      _basicSdk.toaster.closeAll();
-      const message = t('Pending_operations_exceed_limit');
-      _basicSdk.toaster.warning(message, {
-        duration: 5
-      });
-    });
-    (0, _defineProperty2.default)(this, "onDisconnect", () => {
-      const {
-        t,
-        isEditMode
-      } = this.props;
-      if (!isEditMode) return;
-      const message = t('Server_is_not_connected_Operation_will_be_sent_to_server_later');
-      _basicSdk.toaster.warning(message, {
-        hasCloseButton: true,
-        duration: null
-      });
-    });
-    (0, _defineProperty2.default)(this, "onReconnectError", () => {
-      if (!this.isConnectError) {
-        this.isConnectError = true;
-        const {
-          t
-        } = this.props;
-        const message = t('Server_is_disconnected_Reconnecting');
-        _basicSdk.toaster.closeAll();
-        _basicSdk.toaster.warning(message, {
-          hasCloseButton: true,
-          duration: null
-        });
-      }
-    });
-    (0, _defineProperty2.default)(this, "onReconnect", () => {
-      this.isConnectError = false;
-      const {
-        t
-      } = this.props;
-      const message = t('Server_is_reconnected');
-      _basicSdk.toaster.closeAll();
-      _basicSdk.toaster.success(message); // close after serval seconds
-    });
-    (0, _defineProperty2.default)(this, "onDocumentSaving", () => {
-      this.setState({
-        isSaving: true,
-        isSaved: false
-      });
-    });
-    (0, _defineProperty2.default)(this, "onDocumentSaved", lastSavedAt => {
-      if (this.saveTimer) clearTimeout(this.saveTimer);
-      if (this.resetTimer) clearTimeout(this.resetTimer);
-      this.saveTimer = setTimeout(() => {
-        this.setState({
-          lastSavedAt,
-          isSaving: false,
-          isSaved: true
-        });
-      }, 1000);
-      this.resetTimer = setTimeout(() => {
-        this.setState({
-          isSaving: false,
-          isSaved: false
-        });
-      }, 2000);
-    });
-    (0, _defineProperty2.default)(this, "render", () => {
-      const {
-        t
-      } = this.props;
-      const {
-        isSaved,
-        isSaving,
-        lastSavedAt
-      } = this.state;
-      if (isSaving && !isSaved) {
-        return /*#__PURE__*/_react.default.createElement("span", {
-          className: "tip-message"
-        }, t('Saving'));
-      }
-      if (!isSaving && isSaved) {
-        return /*#__PURE__*/_react.default.createElement("span", {
-          className: "tip-message"
-        }, t('All_changes_saved'));
-      }
-      if (lastSavedAt) {
-        return /*#__PURE__*/_react.default.createElement("span", {
-          className: "tip-message"
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "sdocfont sdoc-save-tip mr-2"
-        }), /*#__PURE__*/_react.default.createElement("span", {
-          className: "save-time"
-        }, (0, _dayjs.default)(lastSavedAt).format('HH:mm')));
-      }
-      return null;
-    });
-    this.state = {
-      isSaved: false,
-      isSaving: false,
-      lastSavedAt: ''
-    };
-    this.saveTimer = null;
-  }
-  componentDidMount() {
-    const eventBus = _basicSdk.EventBus.getInstance();
-    this.unsubscribeSavingEvent = eventBus.subscribe('is-saving', this.onDocumentSaving);
-    this.unsubscribeSavedEvent = eventBus.subscribe('saved', this.onDocumentSaved);
-    // offline reconnect
-    this.unsubscribeDisconnectEvent = eventBus.subscribe('disconnect', this.onDisconnect);
-    this.unsubscribeReconnectErrorEvent = eventBus.subscribe('reconnect_error', this.onReconnectError);
-    this.unsubscribeReconnectEvent = eventBus.subscribe('reconnect', this.onReconnect);
-
-    // server return error
-    this.unsubscribeOpExecError = eventBus.subscribe('execute_client_operations_error', this.onOperationExecuteError);
-    this.unsubscribeSyncServerOpError = eventBus.subscribe('sync_server_operations_error', this.onSyncServerOperationError);
-    this.unsubscribeDocumentLoadError = eventBus.subscribe('load_document_content_error', this.onInternalServerExecError);
-    this.unsubscribeOperationsSaveError = eventBus.subscribe('save_operations_to_database_error', this.onInternalServerExecError);
-    this.unsubscribeOperationsSaveError = eventBus.subscribe('token_expired', this.onTokenExpiredError);
-
-    // local error
-    this.unsubscribePendingOpExceedLimit = eventBus.subscribe('pending_operations_exceed_limit', this.onPendingOpExceedLimit);
-  }
-  componentWillUnmount() {
-    this.unsubscribeSavingEvent();
-    this.unsubscribeSavedEvent();
-    this.unsubscribeDisconnectEvent();
-    this.unsubscribeReconnectErrorEvent();
-    this.unsubscribeReconnectEvent();
-    this.unsubscribeOpExecError();
-    this.unsubscribeSyncServerOpError();
-    this.unsubscribePendingOpExceedLimit();
-    this.unsubscribeDocumentLoadError();
-    this.unsubscribeOperationsSaveError();
-    clearTimeout(this.saveTimer);
-  }
-}
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TipMessage);

package/dist/components/tip-message/style.css

@@ -1,15 +0,0 @@
-.sdoc-editor-page-wrapper .tip-message {
-  margin-left: 12px;
-  font-size: 12px;
-  opacity: 0.75;
-  color: #999;
-  width: max-content;
-  height: 27px;
-  line-height: 27px;
-  display: inline-flex;
-}
-
-.sdoc-editor-page-wrapper .tip-message .sdocfont {
-  padding-top: 1px;
-  font-size: 14px;
-}