@seafile/sdoc-editor 2.0.94 → 2.0.96

package/dist/comment/components/comment-image-previewer.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactImageLightbox = _interopRequireDefault(require("@seafile/react-image-lightbox"));
+require("@seafile/react-image-lightbox/style.css");
+function CommentImagePreviewer(props) {
+  var mainSrc = props.imageUrl;
+  var imageTitle = '';
+  try {
+    imageTitle = mainSrc ? decodeURI(mainSrc.slice(mainSrc.lastIndexOf('/') + 1)) : '';
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.log(error);
+  }
+  return /*#__PURE__*/_react["default"].createElement(_reactImageLightbox["default"], {
+    wrapperClassName: "sf-editor-image-previewer",
+    imageTitle: /*#__PURE__*/_react["default"].createElement("span", {
+      className: "d-flex"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "text-truncate"
+    }, imageTitle)),
+    mainSrc: mainSrc,
+    toolbarButtons: [],
+    nextSrc: mainSrc,
+    prevSrc: mainSrc,
+    onCloseRequest: props.toggle,
+    onMovePrevRequest: function onMovePrevRequest() {},
+    onMoveNextRequest: function onMoveNextRequest() {},
+    reactModalProps: {
+      shouldReturnFocusAfterClose: false
+    }
+  });
+}
+var _default = exports["default"] = CommentImagePreviewer;

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

@@ -19,6 +19,7 @@ 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 _commentImagePreviewer = _interopRequireDefault(require("./comment-image-previewer"));
 var CommentItemContent = function CommentItemContent(_ref) {
   var isActive = _ref.isActive,
     container = _ref.container,
@@ -42,6 +43,10 @@ var CommentItemContent = function CommentItemContent(_ref) {
     _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
     editorContent = _useState6[0],
     setEditorContent = _useState6[1];
+  var _useState7 = (0, _react.useState)(''),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    imageUrl = _useState8[0],
+    setImageUrl = _useState8[1];
   var onEditToggle = (0, _react.useCallback)(function (event) {
     event.stopPropagation();
     setIsEditing(true);
@@ -109,6 +114,11 @@ var CommentItemContent = function CommentItemContent(_ref) {
     return "comment_".concat(comment.id);
   }, [comment]);
   var user = _context2["default"].getUserInfo();
+  var onCommentContentClick = (0, _react.useCallback)(function (event) {
+    if (event.target && event.target.tagName === 'IMG' && event.target.src) {
+      setImageUrl(event.target.src);
+    }
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "comment-item"
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -171,7 +181,8 @@ var CommentItemContent = function CommentItemContent(_ref) {
     tag: "div",
     onClick: resubmit
   }, t('Resubmit')))))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "comment-content"
+    className: "comment-content",
+    onClick: onCommentContentClick
   }, !isEditing && /*#__PURE__*/_react["default"].createElement("div", {
     dangerouslySetInnerHTML: {
       __html: editorContent
@@ -181,6 +192,11 @@ var CommentItemContent = function CommentItemContent(_ref) {
     content: comment.comment,
     updateContent: updateContent,
     setIsEditing: setIsEditing
+  }), imageUrl && /*#__PURE__*/_react["default"].createElement(_commentImagePreviewer["default"], {
+    imageUrl: imageUrl,
+    toggle: function toggle() {
+      return setImageUrl('');
+    }
   }));
 };
 var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(CommentItemContent);

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

@@ -17,6 +17,7 @@ var _context2 = _interopRequireDefault(require("../../context"));
 var _mdToHtml = _interopRequireDefault(require("../../slate-convert/md-to-html"));
 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,
     container = _ref.container,
@@ -28,24 +29,28 @@ var CommentItemReply = function CommentItemReply(_ref) {
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isDropdownOpen = _useState2[0],
     setDropdownOpen = _useState2[1];
-  var itemRef = (0, _react.useRef)(null);
-  var _useState3 = (0, _react.useState)(false),
+  var _useState3 = (0, _react.useState)(''),
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    isEditing = _useState4[0],
-    setIsEditing = _useState4[1];
-  var _useState5 = (0, _react.useState)(''),
+    imageUrl = _useState4[0],
+    setImageUrl = _useState4[1];
+  var itemRef = (0, _react.useRef)(null);
+  var _useState5 = (0, _react.useState)(false),
     _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    editorContent = _useState6[0],
-    setEditorContent = _useState6[1];
+    isEditing = _useState6[0],
+    setIsEditing = _useState6[1];
+  var _useState7 = (0, _react.useState)(''),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    editorContent = _useState8[0],
+    setEditorContent = _useState8[1];
   var replyOpToolsId = "replyOpTools_".concat(reply.id);
   var onEditToggle = (0, _react.useCallback)(function (event) {
     event.stopPropagation();
     setIsEditing(true);
   }, []);
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-    isShowDeletePopover = _useState8[0],
-    setIsShowDeletePopover = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
+    isShowDeletePopover = _useState0[0],
+    setIsShowDeletePopover = _useState0[1];
   var onDeleteToggle = (0, _react.useCallback)(function (event) {
     event.stopPropagation();
     setIsShowDeletePopover(true);
@@ -91,6 +96,11 @@ var CommentItemReply = function CommentItemReply(_ref) {
     setIsEditing(false);
   }, [reply, updateReply]);
   var user = _context2["default"].getUserInfo();
+  var onCommentContentClick = (0, _react.useCallback)(function (event) {
+    if (event.target && event.target.tagName === 'IMG' && event.target.src) {
+      setImageUrl(event.target.src);
+    }
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "comment-item",
     ref: itemRef
@@ -134,7 +144,8 @@ var CommentItemReply = function CommentItemReply(_ref) {
     tag: "div",
     onClick: onDeleteToggle
   }, t('Delete')))))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "comment-content"
+    className: "comment-content",
+    onClick: onCommentContentClick
   }, !isEditing && /*#__PURE__*/_react["default"].createElement("div", {
     dangerouslySetInnerHTML: {
       __html: editorContent
@@ -151,6 +162,11 @@ var CommentItemReply = function CommentItemReply(_ref) {
     deleteConfirm: _deleteReply,
     setIsShowDeletePopover: setIsShowDeletePopover,
     targetId: replyOpToolsId
+  }), imageUrl && /*#__PURE__*/_react["default"].createElement(_commentImagePreviewer["default"], {
+    imageUrl: imageUrl,
+    toggle: function toggle() {
+      return setImageUrl('');
+    }
   }));
 };
 var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(CommentItemReply);

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

@@ -120,6 +120,10 @@
   margin: 0;
 }
 
+.comment-item .comment-content img {
+  cursor: pointer;
+}
+
 /* footer */
 .comment-item .comment-footer {
   display: flex;

package/dist/editor/editable-article.js

@@ -72,6 +72,11 @@ var EditableArticle = function EditableArticle(_ref) {
       clientHeight = _scrollRef$current.clientHeight;
     eventProxy.onKeyDown(event);
     if (event.key === 'ArrowLeft') {
+      event.preventDefault();
+      _slate.Transforms.move(editor, {
+        unit: 'offset',
+        reverse: true
+      });
       if (!(0, _core.isSelectionAtBlockStart)(editor)) return;
     }
     if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {
@@ -88,6 +93,10 @@ var EditableArticle = function EditableArticle(_ref) {
       return;
     }
     if (event.key === 'ArrowRight') {
+      event.preventDefault();
+      _slate.Transforms.move(editor, {
+        unit: 'offset'
+      });
       if (!(0, _core.isSelectionAtBlockEnd)(editor)) return;
     }
     if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {
@@ -196,11 +205,6 @@ var EditableArticle = function EditableArticle(_ref) {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [scrollRef]);
-  var onCompositionEnd = (0, _react.useCallback)(function (event) {
-    if (event.data && _commonUtils.isMobile) {
-      editor.insertText(event.data);
-    }
-  }, []);
   var handleScrollIntoView = (0, _react.useCallback)(function (editor, domRange) {
     try {
       var selection = editor.selection;
@@ -241,7 +245,6 @@ var EditableArticle = function EditableArticle(_ref) {
     onCut: eventProxy.onCut,
     onCopy: eventProxy.onCopy,
     onCompositionStart: eventProxy.onCompositionStart,
-    onCompositionEnd: onCompositionEnd,
     id: "sdoc-editor",
     "aria-label": "textbox"
   })), /*#__PURE__*/_react["default"].createElement(_extension.SideToolbar, null), showComment && /*#__PURE__*/_react["default"].createElement(_comment["default"], {

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

@@ -422,7 +422,7 @@ function AIModule(_ref) {
       var aboveNode = (0, _core.getAboveBlockNode)(editor, {
         at: end
       });
-      nextPath = _slate.Path.next(aboveNode[1]);
+      nextPath = _slate.Path.next([aboveNode[1][0]]);
     } else {
       var path = _slateReact.ReactEditor.findPath(editor, element);
       nextPath = _slate.Path.next(path);
@@ -443,6 +443,9 @@ function AIModule(_ref) {
       case _constants2.OPERATION_TYPES.TRANSLATE:
         onTranslateClick();
         return;
+      case _constants2.OPERATION_TYPES.MORE_FLUENT:
+        onMoreFluentClick();
+        return;
       case _constants2.OPERATION_TYPES.MORE_DETAILS:
         onMoreDetailsClick();
         return;

package/dist/extension/plugins/file-link/render-elem.css

@@ -1,6 +1,7 @@
 .file-link-selected,
 .sdoc-file-link-render:hover {
   background-color: #e5e5e5 !important;
+  padding: 3px 0;
 }
 
 .sdoc-file-card-link {

package/dist/extension/plugins/sdoc-link/helpers.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unwrapLinkNode = exports.removeTempInput = exports.removeShortCutSymbol = exports.onCopySdocLinkNode = exports.isTriggeredByShortcut = exports.isMenuDisabled = exports.insertTextWhenRemoveFileNameCollector = exports.insertTempInput = exports.insertSdocFileLink = exports.getUrl = exports.getType = exports.getSdocLinkEntry = exports.getSdocFileIcon = exports.getNewFileListData = exports.getFileSearchInputEntry = exports.getBeforeText = exports.generateSdocFileNode = void 0;
+exports.unwrapLinkNode = exports.removeTempInput = exports.removeShortCutSymbol = exports.onCopySdocLinkNode = exports.isTriggeredByShortcut = exports.isMenuDisabled = exports.isInTable = exports.insertTextWhenRemoveFileNameCollector = exports.insertTempInput = exports.insertSdocFileLink = exports.getUrl = exports.getType = exports.getSdocLinkEntry = exports.getSdocFileIcon = exports.getNewFileListData = exports.getFileSearchInputEntry = exports.getBeforeText = exports.generateSdocFileNode = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
@@ -275,4 +275,10 @@ var getSdocLinkEntry = exports.getSdocLinkEntry = function getSdocLinkEntry(edit
     at: at
   });
   return aboveNodeEntry;
+};
+var isInTable = exports.isInTable = function isInTable(editor, element) {
+  var _getNode;
+  var path = _slateReact.ReactEditor.findPath(editor, element);
+  var isInTable = ((_getNode = (0, _core.getNode)(editor, [path[0]])) === null || _getNode === void 0 ? void 0 : _getNode.type) === _constants.TABLE;
+  return isInTable;
 };

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

@@ -14,9 +14,7 @@ var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _toast = _interopRequireDefault(require("../../../../components/toast"));
 var _commons = require("../../../commons");
-var _constants = require("../../../constants");
-var _core = require("../../../core");
-var _constants2 = require("../constants");
+var _constants = require("../constants");
 var _helpers = require("../helpers");
 require("./index.css");
 var SdocLinkHoverMenu = function SdocLinkHoverMenu(_ref) {
@@ -58,10 +56,10 @@ var SdocLinkHoverMenu = function SdocLinkHoverMenu(_ref) {
     onHideInsertHoverMenu();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var selectedType = element.display_type || _constants2.SDOC_LINK_TYPE.TEXT_LINK;
+  var selectedType = element.display_type || _constants.SDOC_LINK_TYPE.TEXT_LINK;
   var id = "sdoc-link-display-type-".concat(element.id);
-  var newSdocFileTypes = _constants2.SDOC_LINK_TYPES.filter(function (sdocLinkType) {
-    return (0, _core.getCurrentNode)(editor)[0].type === _constants.TABLE_CELL ? sdocLinkType !== _constants2.SDOC_LINK_TYPE.CARD_LINK : true;
+  var newSdocFileTypes = _constants.SDOC_LINK_TYPES.filter(function (sdocLinkType) {
+    return (0, _helpers.isInTable)(editor, element) ? sdocLinkType !== _constants.SDOC_LINK_TYPE.CARD_LINK : true;
   });
   return /*#__PURE__*/_react["default"].createElement(_commons.ElementPopover, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-link-hover-menu-container",
@@ -94,7 +92,7 @@ var SdocLinkHoverMenu = function SdocLinkHoverMenu(_ref) {
     onClick: onShowProver,
     id: id
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])('icon-font mr-1', _constants2.SDOC_LINK_TYPE_CONFIG[selectedType].icon)
+    className: (0, _classnames["default"])('icon-font mr-1', _constants.SDOC_LINK_TYPE_CONFIG[selectedType].icon)
   }), /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-drop-down icon-font"
   })), /*#__PURE__*/_react["default"].createElement("span", {
@@ -116,8 +114,8 @@ var SdocLinkHoverMenu = function SdocLinkHoverMenu(_ref) {
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "sdoc-dropdown-item-content"
     }, /*#__PURE__*/_react["default"].createElement("i", {
-      className: (0, _classnames["default"])('sdoc-dropdown-item-content-icon', _constants2.SDOC_LINK_TYPE_CONFIG[sdocLinkType].icon)
-    }), /*#__PURE__*/_react["default"].createElement("span", null, t(_constants2.SDOC_LINK_TYPE_CONFIG[sdocLinkType].text))), selectedType === sdocLinkType && /*#__PURE__*/_react["default"].createElement("i", {
+      className: (0, _classnames["default"])('sdoc-dropdown-item-content-icon', _constants.SDOC_LINK_TYPE_CONFIG[sdocLinkType].icon)
+    }), /*#__PURE__*/_react["default"].createElement("span", null, t(_constants.SDOC_LINK_TYPE_CONFIG[sdocLinkType].text))), selectedType === sdocLinkType && /*#__PURE__*/_react["default"].createElement("i", {
       className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
     }));
   }))));

package/dist/extension/plugins/text-style/render-elem.js

@@ -139,15 +139,38 @@ var renderText = function renderText(props) {
       className: "token ".concat(leaf.type)
     }, markedChildren);
   }
-  return /*#__PURE__*/_react["default"].createElement("span", Object.assign({
-    "data-id": leaf.id
-  }, attributes, {
-    style: style,
-    className: Object.keys(rest).join(' ')
-  }), leaf.isCaret ? /*#__PURE__*/_react["default"].createElement(_caret["default"], leaf) : null, leaf.isCaret && /*#__PURE__*/_react["default"].createElement("span", {
-    key: Math.random(),
-    "data-slate-zero-width": "z",
-    "data-slate-length": "0"
-  }, "\uFEFF"), !leaf.isCaret && markedChildren);
+  var GenericLeafStyle = function GenericLeafStyle() {
+    return /*#__PURE__*/_react["default"].createElement("span", Object.assign({
+      "data-id": leaf.id
+    }, attributes, {
+      style: style,
+      className: Object.keys(rest).join(' ')
+    }), leaf.isCaret ? /*#__PURE__*/_react["default"].createElement(_caret["default"], leaf) : null, leaf.isCaret && /*#__PURE__*/_react["default"].createElement("span", {
+      key: Math.random(),
+      "data-slate-zero-width": "z",
+      "data-slate-length": "0"
+    }, "\uFEFF"), !leaf.isCaret && markedChildren);
+  };
+  var CursorPositonFix = function CursorPositonFix() {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      contentEditable: false,
+      style: {
+        fontSize: 1
+      }
+    }, String.fromCodePoint(160) /* Non-breaking space */);
+  };
+  var InlineCodeCustomized = function InlineCodeCustomized() {
+    return /*#__PURE__*/_react["default"].createElement("span", Object.assign({
+      "data-id": leaf.id
+    }, attributes, {
+      style: style,
+      className: Object.keys(rest).join(' ')
+    }), leaf.isCaret ? /*#__PURE__*/_react["default"].createElement(_caret["default"], leaf) : null, leaf.isCaret && /*#__PURE__*/_react["default"].createElement("span", {
+      key: Math.random(),
+      "data-slate-zero-width": "z",
+      "data-slate-length": "0"
+    }, "\uFEFF"), /*#__PURE__*/_react["default"].createElement(CursorPositonFix, null), !leaf.isCaret && markedChildren, /*#__PURE__*/_react["default"].createElement(CursorPositonFix, null));
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, leaf[_constants.TEXT_STYLE_MAP.CODE] && /*#__PURE__*/_react["default"].createElement(InlineCodeCustomized, null) || /*#__PURE__*/_react["default"].createElement(GenericLeafStyle, null));
 };
 var _default = exports["default"] = renderText;

package/dist/socket/with-socket-io.js

@@ -12,6 +12,7 @@ var withSocketIO = function withSocketIO(editor, options) {
   var onChange = editor.onChange;
   var newEditor = editor;
   var socketManager = null;
+  var lastOperations = null;
   var user = options.config.user;
   newEditor.user = user;
   newEditor.openConnection = function () {
@@ -30,6 +31,11 @@ var withSocketIO = function withSocketIO(editor, options) {
     var document = options.document,
       config = options.config;
     var operations = newEditor.operations;
+    // mobile: If the operation is exactly the same as the previous one, return directly
+    if (JSON.stringify(operations) === JSON.stringify(lastOperations)) {
+      return;
+    }
+    lastOperations = operations;
     if (!newEditor.isRemote && operations.length > 0) {
       var isAllSetSelection = operations.every(function (operation) {
         return operation.type === 'set_selection';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.94",
+  "version": "2.0.96",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -70,5 +70,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0b0c23ad6d27fe9758ddc4f6407c5a4b971eab23"
+  "gitHead": "c2ceb9c5be6f89eea943cc6e0fd856b35791191f"
 }