@seafile/sdoc-editor 2.0.69 → 2.0.71

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

@@ -8,10 +8,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _slate = require("@seafile/slate");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
-var _constants2 = require("../../extension/constants");
+var _helpers = require("../../extension/plugins/ai/ai-module/helpers");
 var _useSelectionElement = require("../../hooks/use-selection-element");
 var _useSelectionUpdate = _interopRequireDefault(require("../../hooks/use-selection-update"));
+var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
 var _helper = require("../helper");
 var _useCommentContext = require("../hooks/comment-hooks/use-comment-context");
 var _index = require("../utils/index");
@@ -28,39 +30,84 @@ const EditorComment = _ref => {
   const currentSelectionElement = (0, _useSelectionElement.useSelectionElement)({
     editor
   }); // The slate node of the current cursor line
-  const [activeElement, setActiveElement] = (0, _react.useState)(null); // The slate node currently activated by clicking
+  const [activeElementIds, setActiveElementIds] = (0, _react.useState)([]); // The elements currently activated by clicking
   const [isShowComments, setIsShowComments] = (0, _react.useState)(false);
   const [commentDetail, setCommentDetail] = (0, _react.useState)({});
-  const onAddCommentToggle = (0, _react.useCallback)(event => {
-    event.stopPropagation();
-    let activeElement = currentSelectionElement;
-    // Add comments to image elements in the image block
-    if (currentSelectionElement.type === _constants2.ELEMENT_TYPE.IMAGE_BLOCK) {
-      activeElement = currentSelectionElement.children.find(item => (item === null || item === void 0 ? void 0 : item.type) === _constants2.ELEMENT_TYPE.IMAGE);
-    }
-    setActiveElement(activeElement);
-    setIsShowComments(true);
+  const [isContextComment, setIsContextComment] = (0, _react.useState)(false);
+  const [isClickedContextComment, setIsClickedContextComment] = (0, _react.useState)(false);
+  const commentedDomRef = (0, _react.useRef)(null);
+  const hiddenComment = (0, _react.useCallback)(() => {
     setCommentDetail({});
-  }, [currentSelectionElement]);
-  const onSelectElement = (0, _react.useCallback)(elementId => {
-    const activeElement = (0, _index.getCommentElementById)(elementId, editor);
-    setActiveElement(activeElement);
-    const unresolvedComments = element_comments_map[elementId].filter(item => !item.resolved);
-    setCommentDetail(unresolvedComments[0]);
+    setIsShowComments(false);
+    setIsContextComment(false);
+    (0, _helpers.removeMarks)(editor);
+    setIsClickedContextComment(false);
+  }, [editor]);
+  const onSelectElement = (0, _react.useCallback)(function (elementId) {
+    let isClickInContext = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    if (!isClickInContext) {
+      hiddenComment();
+      const activeElementIds = [elementId];
+      setActiveElementIds(activeElementIds);
+      const unresolvedComments = element_comments_map[elementId].filter(item => !item.resolved);
+      setCommentDetail({
+        ...unresolvedComments
+      });
+      setIsClickedContextComment(false);
+    }
     setIsShowComments(true);
-  }, [editor, element_comments_map]);
+    if (isClickInContext) {
+      const clickedComments = [];
+      for (const comments of Object.values(editor.element_comments_map)) {
+        for (const comment of comments) {
+          if (elementId.includes(comment.detail.text_comment_id)) {
+            clickedComments.push(comment);
+          }
+        }
+      }
+      setCommentDetail({
+        ...clickedComments
+      });
+      setIsClickedContextComment(true);
+    }
+  }, [editor, element_comments_map, hiddenComment]);
+  (0, _react.useEffect)(() => {
+    const handleHoverContextComment = event => {
+      var _parentDom$className;
+      const parentDom = event.target.parentElement;
+      if (parentDom !== null && parentDom !== void 0 && (_parentDom$className = parentDom.className) !== null && _parentDom$className !== void 0 && _parentDom$className.includes('sdoc_comment_')) {
+        const isHover = event.type === 'mouseover';
+        const matchedAttributes = parentDom.className.split(' ').filter(cls => cls.startsWith('sdoc_comment_'));
+        matchedAttributes.forEach(className => {
+          const el = document.querySelectorAll(`.${className}`);
+          el.forEach(el => {
+            el.style.textDecoration = isHover ? 'underline #eb8205' : '';
+            el.style.textDecorationThickness = isHover ? '2px' : '';
+          });
+        });
+      }
+    };
+    document.addEventListener('mouseover', handleHoverContextComment);
+    document.addEventListener('mouseout', handleHoverContextComment);
+    return () => {
+      document.removeEventListener('mouseover', handleHoverContextComment);
+      document.removeEventListener('mouseout', handleHoverContextComment);
+    };
+  }, []);
   const onSetCommentDetail = (0, _react.useCallback)(comment => {
     setCommentDetail(comment);
   }, []);
-  const hiddenComment = (0, _react.useCallback)(() => {
-    setCommentDetail({});
-    setIsShowComments(false);
-  }, []);
 
   // Comments are updated to modify the current comment
   (0, _react.useEffect)(() => {
-    if (activeElement) {
-      const unresolvedComments = element_comments_map[activeElement.id].filter(item => !item.resolved);
+    if (isContextComment && activeElementIds) {
+      const unresolvedComments = element_comments_map[activeElementIds[0].element.id].filter(item => !item.resolved);
+      if (unresolvedComments.length === 0) {
+        setIsShowComments(false);
+      }
+    }
+    if (activeElementIds && !Array.isArray(activeElementIds)) {
+      const unresolvedComments = element_comments_map[activeElementIds.id].filter(item => !item.resolved);
       if (unresolvedComments.length === 0) {
         setIsShowComments(false);
       }
@@ -72,53 +119,66 @@ const EditorComment = _ref => {
     if (isShowComments) {
       hiddenComment();
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [currentSelectionElement]);
-  const cursor = (0, _helper.useCursorPosition)();
-  const style = (0, _react.useMemo)(() => {
-    var _Node$string;
-    if (currentSelectionElement && ((_Node$string = _slate.Node.string(currentSelectionElement)) === null || _Node$string === void 0 ? void 0 : _Node$string.length) === 0 && !currentSelectionElement.children.find(n => n.type === _constants2.ELEMENT_TYPE.IMAGE)) {
-      return {
-        top: '-99999px'
-      };
+    if (isContextComment) {
+      (0, _helpers.removeMarks)(editor);
     }
-    const comments = element_comments_map[currentSelectionElement === null || currentSelectionElement === void 0 ? void 0 : currentSelectionElement.id];
-    const unresolvedComments = comments && comments.filter(item => !item.resolved);
-    const hasComments = unresolvedComments && unresolvedComments.length > 0;
-    if (hasComments) return {
-      top: '-99999px'
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [currentSelectionElement, editor.selection]);
+  (0, _react.useEffect)(() => {
+    const handleAddContextComment = () => {
+      // Add temporary marks for selection
+      _slate.Editor.addMark(editor, 'comment', true);
+      setTimeout(() => {
+        const activeElementIds = (0, _helper.getSelectedElemIds)(editor);
+        const lastSelectedDom = (0, _helper.getDomById)(activeElementIds[activeElementIds.length - 1]);
+        commentedDomRef.current = lastSelectedDom;
+        setActiveElementIds(activeElementIds);
+        setIsShowComments(true);
+        setCommentDetail({});
+        setIsContextComment(true);
+      }, 0);
     };
-    if (cursor.y === 0 || isShowComments) return {
-      top: '-99999px'
+    const handleClickCommentedText = event => {
+      const parentDom = event.target.parentElement;
+      if (parentDom.className.split(/\s+/).some(cls => cls.startsWith('sdoc_comment'))) {
+        commentedDomRef.current = parentDom;
+        const matchedAttributes = parentDom.className.split(' ').filter(cls => cls.startsWith('sdoc_comment_'));
+        const clickedCommmentIdArray = matchedAttributes.map(item => item.replace('sdoc_comment_', ''));
+        onSelectElement(clickedCommmentIdArray, true);
+      }
     };
-    return {
-      top: cursor.y,
-      zIndex: _constants.Z_INDEX.COMMENT_ADD
+    const eventBus = _eventBus.default.getInstance();
+    const unsubscribeAddContextComment = eventBus.subscribe(_constants.INTERNAL_EVENT.ADD_CONTEXT_COMMENT, handleAddContextComment);
+    document.addEventListener('click', handleClickCommentedText);
+    return () => {
+      unsubscribeAddContextComment();
+      document.removeEventListener('click', handleClickCommentedText);
     };
-  }, [currentSelectionElement, element_comments_map, cursor.y, isShowComments]);
+  }, [editor, onSelectElement]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-comment-container"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-container-main"
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "comment-container-right"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "comment-add-wrapper",
-    style: style
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "add-comment-icon",
-    onClick: onAddCommentToggle
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-add-comment mr-1"
-  }))), /*#__PURE__*/_react.default.createElement(_elementsCommentCount.default, {
+    className: (0, _classnames.default)('comment-container-right', {
+      'isContextComment': isContextComment
+    })
+  }, /*#__PURE__*/_react.default.createElement(_elementsCommentCount.default, {
     elementCommentsMap: element_comments_map,
-    activeElement: activeElement,
+    activeElementIds: activeElementIds,
     editor: editor,
     onSelectElement: onSelectElement
   }), isShowComments && /*#__PURE__*/_react.default.createElement(_commentList.default, {
-    activeElement: activeElement,
+    activeElementIds: activeElementIds,
     commentDetail: commentDetail,
-    onSetCommentDetail: onSetCommentDetail
+    onSetCommentDetail: onSetCommentDetail,
+    isContextComment: isContextComment,
+    isClickedContextComment: isClickedContextComment,
+    setIsClickedContextComment: setIsClickedContextComment,
+    onSelectElement: onSelectElement,
+    commentedDom: commentedDomRef.current,
+    closeComment: hiddenComment,
+    editor: editor
   })));
 };
 var _default = exports.default = EditorComment;

package/dist/basic-sdk/comment/components/elements-comment-count/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _utils = require("../../utils");
 var _elementCommentCount = _interopRequireDefault(require("./element-comment-count"));
 require("./index.css");
 const ElementsCommentCount = _ref => {
@@ -18,14 +19,25 @@ const ElementsCommentCount = _ref => {
   if (!elementCommentsMap) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "elements-comments-count"
-  }, Object.keys(elementCommentsMap).map(elementId => {
-    const comments = elementCommentsMap[elementId];
+  }, Object.keys(elementCommentsMap).map(originElementId => {
+    var _comments$0$detail$el, _comments$0$detail;
+    const comments = elementCommentsMap[originElementId];
     if (!Array.isArray(comments) || comments.length === 0) return null;
+    let elementId = originElementId;
+    const elementIdList = (_comments$0$detail$el = (_comments$0$detail = comments[0].detail) === null || _comments$0$detail === void 0 ? void 0 : _comments$0$detail.element_id_list) !== null && _comments$0$detail$el !== void 0 ? _comments$0$detail$el : [];
+    if (elementIdList.length > 1) {
+      const existedId = elementIdList.find(id => (0, _utils.getCommentElementById)(id, editor));
+      if (existedId) {
+        elementId = existedId;
+      } else {
+        return null;
+      }
+    }
     const unresolvedComment = comments.filter(item => !item.resolved);
     const unresolvedCommentCount = unresolvedComment.length;
     if (unresolvedCommentCount === 0) return null;
     return /*#__PURE__*/_react.default.createElement(_elementCommentCount.default, {
-      key: elementId,
+      key: `${originElementId}-${elementId}`,
       elementId: elementId,
       isElementSelected: selectionElement && selectionElement.id === elementId,
       commentsCount: unresolvedCommentCount,

package/dist/basic-sdk/comment/components/global-comment/index.css

@@ -278,6 +278,31 @@
   overflow: hidden;
 }
 
+.sdoc-comment-drawer .sdoc-comment-list-container .detail-context-comment {
+  align-items: start !important;
+}
+
+.sdoc-comment-drawer .sdoc-comment-list-container .detail-context-comment .sdoc-comment-quote {
+  padding-top: 1px;
+}
+
+.sdoc-comment-drawer .sdoc-comment-list-container .context-comment-item-selected-text-container {
+  padding: 16px 16px 0 16px;
+  color: #666;
+  display: flex;
+}
+
+.sdoc-comment-drawer .sdoc-comment-list-container .context-comment-item-selected-text-container .sdoc-comment-quote {
+  font-size: 12px;
+  padding-top: 1px;
+}
+
+.sdoc-comment-drawer .sdoc-comment-list-container .context-comment-item-selected-text-container .context-comment-items {
+  display: flex;
+  flex-direction: column;
+  font-size: 14px;
+}
+
 .comments-panel-body__header .sdoc-comment-filter-dropdown.sdoc-dropdown-menu {
   border: 1px solid #dee3eb;
 }

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

@@ -4,9 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCursorPosition = exports.getSelectionRange = exports.getElementCommentCountTop = exports.getCursorPosition = exports.getAvatarUrl = void 0;
+exports.useCursorPosition = exports.updateElementsAttrs = exports.updateCommentedElementsAttrs = exports.getSelectionRange = exports.getSelectedElemIds = exports.getPrimaryElementId = exports.getElementCommentCountTop = exports.getDomById = exports.getCursorPosition = exports.getCommentedTextsByElementId = exports.getAvatarUrl = void 0;
+var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _context = _interopRequireDefault(require("../../context"));
+var _core = require("../extension/core");
 var _useScrollContext = require("../hooks/use-scroll-context");
 const getSelectionRange = () => {
   if (window.getSelection) {
@@ -72,4 +74,111 @@ const getElementCommentCountTop = (editor, element, scrollTop) => {
   });
   return minY - 93 + scrollTop; // 100: header height(56) + toolbar height(37)
 };
-exports.getElementCommentCountTop = getElementCommentCountTop;
+exports.getElementCommentCountTop = getElementCommentCountTop;
+const getSelectedElemIds = editor => {
+  const {
+    selection
+  } = editor;
+  if (!selection) return;
+  const selectedElemId = [];
+  const nodeEntries = Array.from(_slate.Editor.nodes(editor, {
+    match: n => _slate.Element.isElement(n) && _slate.Editor.isBlock(editor, n),
+    mode: 'lowest'
+  }));
+  for (const [node] of nodeEntries) {
+    selectedElemId.push(node.id);
+  }
+  return selectedElemId;
+};
+exports.getSelectedElemIds = getSelectedElemIds;
+const getCommentedTextsByElementId = (elementId, textCommentId) => {
+  const container = document.querySelector(`[data-id='${elementId}']`);
+  if (!container) return [];
+  let targetDoms = container.querySelectorAll(`.sdoc_comment_${textCommentId}`);
+  if (targetDoms.length === 0) {
+    targetDoms = container.querySelectorAll(`.removed_sdoc_comment_${textCommentId}`);
+  }
+  const texts = [];
+  targetDoms.forEach(dom => {
+    var _dom$textContent;
+    texts.push(((_dom$textContent = dom.textContent) === null || _dom$textContent === void 0 ? void 0 : _dom$textContent.trim()) || '');
+  });
+  return texts;
+};
+exports.getCommentedTextsByElementId = getCommentedTextsByElementId;
+const getDomById = elementId => {
+  const container = document.querySelector(`[data-id='${elementId}']`);
+  if (!container) return [];
+  const lastCommentedDomWithMarks = container.querySelector('.comment');
+  return lastCommentedDomWithMarks;
+};
+exports.getDomById = getDomById;
+const updateElementsAttrs = (activeElementIds, editor, text_comment_id) => {
+  if (Array.isArray(activeElementIds)) {
+    for (const elemId of activeElementIds) {
+      const dom = document.querySelectorAll(`[data-id="${elemId}"]`)[0];
+      if (!dom) continue;
+      const domNode = _slateReact.ReactEditor.toSlateNode(editor, dom);
+      const nodePath = (0, _core.findPath)(editor, domNode);
+      domNode.children.forEach((textNode, index) => {
+        if (textNode.comment) {
+          const textNodePath = [...nodePath, index];
+          _slate.Transforms.setNodes(editor, {
+            [`sdoc_comment_${text_comment_id}`]: true
+          }, {
+            at: textNodePath,
+            match: _slate.Text.isText,
+            split: true
+          });
+        }
+      });
+    }
+  }
+};
+exports.updateElementsAttrs = updateElementsAttrs;
+const updateCommentedElementsAttrs = function (activeElementIds, editor, text_comment_id) {
+  let resolved = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  let isDeleteComment = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  if (Array.isArray(activeElementIds)) {
+    _slate.Editor.withoutNormalizing(editor, () => {
+      for (const elemId of activeElementIds) {
+        // const { element } = elem;
+        const dom = document.querySelector(`[data-id="${elemId}"]`);
+        if (!dom) continue;
+        const domNode = _slateReact.ReactEditor.toSlateNode(editor, dom);
+        const domNodePath = (0, _core.findPath)(editor, domNode);
+        domNode.children.forEach((child, index) => {
+          const childPath = [...domNodePath, index];
+          if (_slate.Text.isText(child) && `sdoc_comment_${text_comment_id}` in child) {
+            _slate.Transforms.unsetNodes(editor, [`sdoc_comment_${text_comment_id}`], {
+              at: childPath,
+              match: _slate.Text.isText
+            });
+            !isDeleteComment && _slate.Transforms.setNodes(editor, {
+              [`sdoc_comment_${text_comment_id}`]: resolved
+            }, {
+              at: childPath,
+              match: _slate.Text.isText
+            });
+          }
+        });
+      }
+    });
+  }
+};
+exports.updateCommentedElementsAttrs = updateCommentedElementsAttrs;
+const getPrimaryElementId = detail => {
+  if (!detail) return null;
+  let elementId;
+  const {
+    element_id,
+    element_id_list = []
+  } = detail;
+  if (element_id_list.length > 0) {
+    elementId = element_id_list[0];
+  } else {
+    elementId = element_id;
+  }
+  return elementId;
+};
+exports.getPrimaryElementId = getPrimaryElementId;

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.sortCommentList = exports.initElementCommentsMap = exports.initCommentsInfo = exports.initCommentList = exports.formatCommentsData = exports.commentReducer = void 0;
 var _deepCopy = _interopRequireDefault(require("deep-copy"));
+var _helper = require("../helper");
 const formatCommentsData = comments => {
   const formatComments = [];
   const dupComments = (0, _deepCopy.default)(comments);
@@ -29,9 +30,7 @@ const initElementCommentsMap = comments => {
   const formatComments = formatCommentsData(comments);
   for (let i = 0; i < formatComments.length; i++) {
     const item = formatComments[i];
-    const {
-      element_id
-    } = item.detail;
+    const element_id = (0, _helper.getPrimaryElementId)(item.detail);
     if (!elementCommentsMap[element_id]) {
       elementCommentsMap[element_id] = [];
     }

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

@@ -49,7 +49,8 @@ const INTERNAL_EVENT = exports.INTERNAL_EVENT = {
   RESIZE_ARTICLE: 'resize_article',
   ON_VIDEO_FILES_UPLOADED: 'on_video_files_uploaded',
   RELOAD_COMMENT: 'reload_comment',
-  ASK_AI: 'ask_ai'
+  ASK_AI: 'ask_ai',
+  ADD_CONTEXT_COMMENT: 'add_context_comment'
 };
 const REVISION_DIFF_KEY = exports.REVISION_DIFF_KEY = 'diff';
 const REVISION_DIFF_VALUE = exports.REVISION_DIFF_VALUE = '1';

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

@@ -122,12 +122,12 @@ const SdocEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     const eventBus = _basicSdk.EventBus.getInstance();
     eventBus.subscribe(_constants.EXTERNAL_EVENT.REFRESH_DOCUMENT, onRefreshDocument);
 
-    // Remove aiMarks on special conditions like unexpected exit or refresh page using AI
-    const hasAIMark = !_slate.Editor.nodes(validEditor, {
+    // Remove Marks on special conditions like unexpected exit or refresh page using AI or context comment
+    const hasSpecialMark = !_slate.Editor.nodes(validEditor, {
       at: [],
-      match: n => _slate.Text.isText(n) && n.sdoc_ai === true
+      match: n => _slate.Text.isText(n) && (n.sdoc_ai === true || n.comment === true)
     }).next().done;
-    if (hasAIMark) {
+    if (hasSpecialMark) {
       (0, _helpers.removeMarks)(validEditor);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps

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

@@ -12,7 +12,7 @@ var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
-var _utils = require("../../../../utils");
+var _localStorageUtils = _interopRequireDefault(require("../../../utils/local-storage-utils"));
 var _mouseEvent = require("../../../utils/mouse-event");
 var _constants = require("../../constants");
 var _colorItem = _interopRequireDefault(require("./color-item"));
@@ -37,7 +37,7 @@ const ColorMenu = _ref => {
   } = _ref;
   const popoverRef = (0, _react.useRef)(null);
   const moreColorsPopoverRef = (0, _react.useRef)(null);
-  const [recentUsedColors, setRecentUsedColors] = (0, _react.useState)(_utils.LocalStorage.getItem(recentUsedColorsKey, _constants.DEFAULT_RECENT_USED_LIST));
+  const [recentUsedColors, setRecentUsedColors] = (0, _react.useState)(_localStorageUtils.default.getItem(recentUsedColorsKey, _constants.DEFAULT_RECENT_USED_LIST));
   const [isShowMenu, setMenuShow] = (0, _react.useState)(false);
   const [isPickerShow, setPickerShow] = (0, _react.useState)(false);
   const onSetColor = (0, _react.useCallback)(function (color) {
@@ -48,7 +48,7 @@ const ColorMenu = _ref => {
     if (validColor !== '' && recentUsedColors[0] !== validColor) {
       let newRecentUsedColors = recentUsedColors.slice(0, 9);
       newRecentUsedColors.unshift(validColor);
-      _utils.LocalStorage.setItem(recentUsedColorsKey, newRecentUsedColors);
+      _localStorageUtils.default.setItem(recentUsedColorsKey, newRecentUsedColors);
       setRecentUsedColors(newRecentUsedColors);
     }
     updateLastUsedColor && updateLastUsedColor(validColor);

package/dist/basic-sdk/extension/commons/file-insert-dialog/index.js

@@ -14,10 +14,11 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _toast = _interopRequireDefault(require("../../../../components/toast"));
 var _constants = require("../../../../constants");
 var _context = _interopRequireDefault(require("../../../../context"));
-var _utils = require("../../../../utils");
 var _constants2 = require("../../../constants");
+var _commonUtils = require("../../../utils/common-utils");
 var _debounce = _interopRequireDefault(require("../../../utils/debounce"));
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _localStorageUtils = _interopRequireDefault(require("../../../utils/local-storage-utils"));
 var _constants3 = require("../../constants");
 var _helpers = require("../../plugins/sdoc-link/helpers");
 var _helpers2 = require("../select-file-dialog/helpers");
@@ -98,9 +99,9 @@ const FileLinkInsertDialog = _ref => {
   }, [getPosition]);
   const getHistoryFiles = (0, _react.useCallback)(isCalculatedByFiles => {
     const getItemKey = 'sdoc-recent-files';
-    let files = _utils.LocalStorage.getItem(getItemKey) || [];
+    let files = _localStorageUtils.default.getItem(getItemKey) || [];
     if (isCalculatedByFiles) {
-      const newFiles = (0, _utils.getMaximumCapacity)(files);
+      const newFiles = (0, _commonUtils.getMaximumCapacity)(files);
       // Can accommodate all without showing more operations
       if (files.length <= newFiles.length) {
         setHiddenMoreMenu(true);
@@ -166,7 +167,7 @@ const FileLinkInsertDialog = _ref => {
     setNewFileName(searchText);
 
     // Cannot be found if the search is less than three characters.
-    if ((0, _utils.isEnglish)(searchText.trim()) && searchText.length < 3) {
+    if ((0, _commonUtils.isEnglish)(searchText.trim()) && searchText.length < 3) {
       setFiles([]);
       setHeader(t('Enter_more_character_start_search'));
       return;

package/dist/basic-sdk/extension/commons/wiki-file-insert-dialog/index.js

@@ -13,9 +13,10 @@ var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
 var _constants = require("../../../../constants");
-var _utils = require("../../../../utils");
 var _constants2 = require("../../../constants");
+var _commonUtils = require("../../../utils/common-utils");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _localStorageUtils = _interopRequireDefault(require("../../../utils/local-storage-utils"));
 var _helpers = require("../../plugins/sdoc-link/helpers");
 var _helpers2 = require("../../plugins/wiki-link/helpers");
 require("./style.css");
@@ -91,9 +92,9 @@ const WikiFileLinkInsertDialog = _ref => {
     getPosition();
   }, 100);
   const getHistoryFiles = (0, _react.useCallback)(isCalculatedByFiles => {
-    let files = (0, _utils.getLocalStorageFiles)(_utils.LocalStorage.getItem('wiki-recent-files') || []);
+    let files = (0, _commonUtils.getLocalStorageFiles)(_localStorageUtils.default.getItem('wiki-recent-files') || []);
     if (isCalculatedByFiles) {
-      const newFiles = (0, _utils.getMaximumCapacity)(files);
+      const newFiles = (0, _commonUtils.getMaximumCapacity)(files);
       // Can accommodate all without showing more operations
       if (files.length <= newFiles.length) {
         setHiddenMoreMenu(true);
@@ -202,7 +203,7 @@ const WikiFileLinkInsertDialog = _ref => {
   }, [closeDialog, editor, element]);
   const onShowMoreWiki = (0, _react.useCallback)(e => {
     e.stopPropagation();
-    const recentFiles = (0, _utils.getLocalStorageFiles)(_utils.LocalStorage.getItem('wiki-recent-files') || []);
+    const recentFiles = (0, _commonUtils.getLocalStorageFiles)(_localStorageUtils.default.getItem('wiki-recent-files') || []);
     setFiles(recentFiles);
     setHiddenMoreMenu(true);
   }, []);

package/dist/basic-sdk/extension/core/queries/index.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.someNode = exports.isTopLevelListItem = exports.isTextNode = exports.isStartPoint = exports.isSelectionAtBlockStart = exports.isSelectionAtBlockEnd = exports.isRangeInSameBlock = exports.isRangeAcrossBlocks = exports.isMultiLevelList = exports.isMiddlePoint = exports.isLastNode = exports.isLastChild = exports.isHasImg = exports.isFirstChild = exports.isEndPoint = exports.isEmptyArticle = exports.isCursorAtBlockStart = exports.isCurrentLineHasText = exports.isCurrentLineEmpty = exports.isContainsVoidElement = exports.isBlockTextEmptyAfterSelection = exports.isBlockAboveEmpty = exports.isAncestorEmpty = exports.getTopLevelBlockNode = exports.getStartPoint = exports.getSelectedNodeEntryByType = exports.getSelectedNodeByTypes = exports.getSelectedNodeByType = exports.getSelectedElems = exports.getQueryOptions = exports.getPreviousPath = exports.getPrevNode = exports.getPointBefore = exports.getParentNode = exports.getNodes = exports.getNodeType = exports.getNodeEntries = exports.getNodeById = exports.getNode = exports.getNextSiblingNodes = exports.getNextNode = exports.getLastChildPath = exports.getLastChild = exports.getEndPoint = exports.getEditorString = exports.getDeepInlineChildren = exports.getCurrentNode = exports.getCommonNode = exports.getChildren = exports.getAboveNode = exports.getAboveBlockNode = exports.findPath = exports.findNode = exports.findDescendant = void 0;
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
-var _objectUtils = _interopRequireDefault(require("../../../utils/object-utils"));
 var _constants = require("../../constants");
 var _utils = require("../utils");
 // options
@@ -377,7 +375,8 @@ const findDescendant = (editor, options) => {
 exports.findDescendant = findDescendant;
 const isTextNode = node => {
   if (!node) return false;
-  if (!_objectUtils.default.hasProperty(node, 'children') && _objectUtils.default.hasProperty(node, 'text')) return true;
+  if (_slate.Text.isText(node)) return true;
+  return false;
 };
 exports.isTextNode = isTextNode;
 const isLastChild = (nodeEntry, childPath) => {

package/dist/basic-sdk/extension/core/utils/index.js

@@ -4,10 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Placeholder = Placeholder;
 exports.match = exports.generateEmptyElement = exports.generateDefaultText = exports.generateDefaultParagraph = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactI18next = require("react-i18next");
 var _slugid = _interopRequireDefault(require("slugid"));
 var _constants = require("../../constants");
 const match = (node, path, predicate) => {
@@ -50,29 +47,4 @@ const generateEmptyElement = function (type) {
     children: [generateDefaultText(text)]
   };
 };
-exports.generateEmptyElement = generateEmptyElement;
-function Placeholder(props) {
-  const {
-    title,
-    top = 5
-  } = props;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  return /*#__PURE__*/_react.default.createElement("span", {
-    contentEditable: "false",
-    suppressContentEditableWarning: true,
-    style: {
-      position: 'absolute',
-      top: `${top}px`,
-      color: 'rgba(191,191,191,1)',
-      pointerEvents: 'none',
-      width: '100%',
-      maxWidth: '100%',
-      display: 'block',
-      userSelect: 'none',
-      textDecoration: 'none',
-      left: '1px'
-    }
-  }, t(title));
-}
+exports.generateEmptyElement = generateEmptyElement;

package/dist/basic-sdk/extension/plugins/ai/ai-icon/index.js

@@ -17,9 +17,9 @@ function AIIcon(_ref) {
   const {
     t
   } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const clazznames = (0, _classnames.default)('sdoc-ask-ai-icon', className);
+  const classnames = (0, _classnames.default)('sdoc-ask-ai-icon', className);
   return /*#__PURE__*/_react.default.createElement("img", {
-    className: clazznames,
+    className: classnames,
     src: _sdocAskAi.default,
     alt: t('Ask_AI')
   });

package/dist/basic-sdk/extension/plugins/ai/ai-module/helpers.js

@@ -13,6 +13,10 @@ const removeMarks = editor => {
     at: [],
     match: n => _slate.Text.isText(n) && n.sdoc_ai === true
   });
+  _slate.Transforms.unsetNodes(editor, 'comment', {
+    at: [],
+    match: n => _slate.Text.isText(n) && n.comment === true
+  });
   if (selection) {
     _slate.Transforms.select(editor, selection);
   } else {