@seafile/sdoc-editor 2.0.179 → 2.0.181-test-0.0.1

package/dist/assets/css/default.css

@@ -25,3 +25,15 @@
 .sdoc-icon-btn:hover .sdocfont {
   color: #5a5a5a;
 }
+
+.linked-block-highlight-overlay {
+  position: relative;
+}
+
+.linked-block-highlight-overlay::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: rgba(169, 201, 237, 0.3);
+  pointer-events: none;
+}

package/dist/constants/index.js

@@ -77,7 +77,8 @@ var INTERNAL_EVENT = exports.INTERNAL_EVENT = {
   IMAGE_COLUMN_TOGGLE: 'Image_column_toggle',
   CREATE_WHITEBOARD_FILE: 'create_whiteboard_file',
   GENERATE_EXDRAW_READ_ONLY_LINK: 'generate_exdraw_read_only_link',
-  TRANSFER_PREVIEW_FILE_ID: 'transfer_preview_file_id'
+  TRANSFER_PREVIEW_FILE_ID: 'transfer_preview_file_id',
+  FILE_METADATA_COMPONENT: 'file_metadata_component'
 };
 var PAGE_EDIT_AREA_WIDTH = exports.PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
 var COMMENT_EDITOR_EDIT_AREA_WIDTH = exports.COMMENT_EDITOR_EDIT_AREA_WIDTH = 364;

package/dist/editor/editable-article.js

@@ -63,6 +63,26 @@ var EditableArticle = function EditableArticle(_ref) {
         eventBus.dispatch(_constants.INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
       }
     }
+
+    // Remove linked block overlay style when operating
+    var _Editor$nodes = _slate.Editor.nodes(editor, {
+        at: [],
+        match: function match(n) {
+          return n.linked_block === true;
+        }
+      }),
+      _Editor$nodes2 = (0, _slicedToArray2["default"])(_Editor$nodes, 1),
+      linkedNodeEntry = _Editor$nodes2[0];
+    if (linkedNodeEntry) {
+      var _linkedNodeEntry = (0, _slicedToArray2["default"])(linkedNodeEntry, 2),
+        node = _linkedNodeEntry[0],
+        path = _linkedNodeEntry[1];
+      var linkedDomNode = _slateReact.ReactEditor.toDOMNode(editor, node);
+      linkedDomNode.classList.remove('linked-block-highlight-overlay');
+      _slate.Transforms.unsetNodes(editor, ['linked_block'], {
+        at: path
+      });
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var scrollRef = (0, _useScrollContext.useScrollContext)();
@@ -334,14 +354,14 @@ var EditableArticle = function EditableArticle(_ref) {
       editor.oldSelection = (0, _objectSpread2["default"])({}, selection);
 
       // Do not scroll into view, when focus on image
-      var _Editor$nodes = _slate.Editor.nodes(editor, {
+      var _Editor$nodes3 = _slate.Editor.nodes(editor, {
           match: function match(n) {
             return [_constants2.IMAGE, _constants2.IMAGE_BLOCK].includes(n.type);
           },
           at: selection
         }),
-        _Editor$nodes2 = (0, _slicedToArray2["default"])(_Editor$nodes, 1),
-        imageNodeEntry = _Editor$nodes2[0];
+        _Editor$nodes4 = (0, _slicedToArray2["default"])(_Editor$nodes3, 1),
+        imageNodeEntry = _Editor$nodes4[0];
       if (imageNodeEntry) return;
       var focusedNode = _slate.Node.get(editor, selection.focus.path);
       var domNode = _slateReact.ReactEditor.toDOMNode(editor, focusedNode);

package/dist/extension/commons/select-file-dialog/index.css

@@ -97,7 +97,6 @@
   height: 28px;
   padding: 0 25px;
   line-height: 28px;
-
 }
 
 .sdoc-search-input::placeholder {
@@ -135,3 +134,7 @@
   position: absolute;
   right: 4px;
 }
+
+.sdoc-file-select-container .sdoc-file-select-wrapper {
+  display: flex;
+}

package/dist/extension/commons/select-file-dialog/index.js

@@ -18,6 +18,7 @@ var _commonUtils = require("../../../utils/common-utils");
 var _constants = require("../../constants");
 var _localFiles = _interopRequireDefault(require("./local-files"));
 require("./index.css");
+var _seafileSdocEditor = require("@seafile/seafile-sdoc-editor");
 var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
   var editor = _ref.editor,
     dialogType = _ref.dialogType,
@@ -43,6 +44,10 @@ var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
     _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
     isOpenSearch = _useState8[0],
     setIsOpenSearch = _useState8[1];
+  var _useState9 = (0, _react.useState)(null),
+    _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
+    fileMetadataComponent = _useState0[0],
+    setFileMetadataComponent = _useState0[1];
   var modalTitle;
   switch (dialogType) {
     case _constants.ELEMENT_TYPE.FILE_LINK:
@@ -61,6 +66,7 @@ var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
       break;
   }
   var onSelectedFile = (0, _react.useCallback)(function (fileInfo) {
+    console.log(3, fileInfo);
     setCurrentSelectedFile(fileInfo);
   }, []);
   var insertFile = (0, _react.useCallback)(function (fileInfo) {
@@ -166,6 +172,15 @@ var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
       setSearchContent('');
     }
   }, [isOpenSearch]);
+  (0, _react.useEffect)(function () {
+    var eventBus = _seafileSdocEditor.EventBus.getInstance();
+    var unsubscribeFileMetadataComponent = eventBus.subscribe(EXTERNAL_EVENT.FILE_METADATA_COMPONENT, function (component) {
+      setFileMetadataComponent(component);
+    });
+    return function () {
+      unsubscribeFileMetadataComponent();
+    };
+  }, []);
   return /*#__PURE__*/_react["default"].createElement(_reactstrap.Modal, {
     isOpen: true,
     autoFocus: true,
@@ -208,6 +223,8 @@ var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
     className: "p-0"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-file-select-container"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-file-select-wrapper"
   }, /*#__PURE__*/_react["default"].createElement(_localFiles["default"], {
     fileType: _constants.FILE_TYPE[dialogType],
     onSelectedFile: onSelectedFile,
@@ -215,6 +232,8 @@ var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
     searchContent: searchContent,
     isOpenSearch: isOpenSearch
   }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-file-metadata-wrapper"
+  }, fileMetadataComponent && /*#__PURE__*/_react["default"].createElement("fileMetadataComponent", null))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-file-select-footer"
   }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
     color: "secondary",

package/dist/extension/constants/index.js

@@ -220,7 +220,7 @@ Object.defineProperty(exports, "INLINE_LEVEL_TYPES", {
     return _elementType.INLINE_LEVEL_TYPES;
   }
 });
-exports.INSERT_POSITION = exports.INSERT_FILE_DISPLAY_TYPE = void 0;
+exports.INTERNAL_LINKED_TYPE = exports.INSERT_POSITION = exports.INSERT_FILE_DISPLAY_TYPE = void 0;
 Object.defineProperty(exports, "KEYBOARD", {
   enumerable: true,
   get: function get() {
@@ -516,6 +516,7 @@ var LIST_TYPE_ARRAY = exports.LIST_TYPE_ARRAY = [_elementType.UNORDERED_LIST, _e
 var LIST_ITEM_CORRELATION_TYPE = exports.LIST_ITEM_CORRELATION_TYPE = [_elementType.UNORDERED_LIST, _elementType.ORDERED_LIST, _elementType.LIST_ITEM];
 var LIST_ITEM_SUPPORTED_TRANSFORMATION = exports.LIST_ITEM_SUPPORTED_TRANSFORMATION = [_elementType.UNORDERED_LIST, _elementType.ORDERED_LIST, 'left', 'center', 'right', _elementType.BLOCKQUOTE];
 var ADD_POSITION_OFFSET_TYPE = exports.ADD_POSITION_OFFSET_TYPE = [_elementType.PARAGRAPH, _elementType.SUBTITLE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CHECK_LIST_ITEM, _elementType.IMAGE_BLOCK];
+var INTERNAL_LINKED_TYPE = exports.INTERNAL_LINKED_TYPE = [_elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.IMAGE_BLOCK, _elementType.CODE_BLOCK, _elementType.BLOCKQUOTE];
 var FILE_TYPE = exports.FILE_TYPE = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _elementType.FILE_LINK, 'file'), _elementType.SDOC_LINK, 'sdoc'), _elementType.VIDEO, 'video'), _elementType.WHITEBOARD, 'exdraw');
 var FILEEXT_TYPE = exports.FILEEXT_TYPE = {
   VIDEO: ['mp4', 'ogv', 'webm', 'mov'],

package/dist/extension/plugins/image/helpers.js

@@ -182,7 +182,7 @@ var getImageURL = exports.getImageURL = function getImageURL(data, editor) {
   var assetsUrl = _context2["default"].getSetting('assetsUrl');
 
   // If in sdoc link preview
-  var docUuid = editor.preview_docUuid;
+  var docUuid = editor && editor.preview_docUuid;
   if (docUuid) {
     var baseUrl = assetsUrl.split('/');
     baseUrl[baseUrl.length - 1] = docUuid;

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

@@ -36,7 +36,8 @@ var Image = function Image(_ref) {
     attributes = _ref.attributes,
     children = _ref.children,
     isSelected = _ref.isSelected,
-    t = _ref.t;
+    t = _ref.t,
+    parentImageBlockId = _ref.parentImageBlockId;
   var data = element.data,
     _element$border_type = element.border_type,
     border_type = _element$border_type === void 0 ? _constants3.IMAGE_BORDER_TYPE[0].type : _element$border_type;
@@ -326,6 +327,7 @@ var Image = function Image(_ref) {
     imageRef: imageRef
   }), children), !isShowImagePlaceholder && !isCopyImageError && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", Object.assign({
     "data-id": element.id,
+    "data-parent-id": parentImageBlockId,
     className: (0, _classnames["default"])('sdoc-image-wrapper', className)
   }, attributes, {
     contentEditable: canEditable,

package/dist/extension/plugins/link/dialog/add-link-dialog/index.css

@@ -0,0 +1,122 @@
+.select-btn {
+  margin-bottom: .575rem;
+  display: flex;
+  flex-direction: row;
+}
+
+.select-btn .link-address-btn,
+.select-btn .link-block-btn {
+  font-size: .875rem;
+  font-weight: 600;
+  padding-bottom: 1px;
+}
+
+.select-btn .link-address-btn:hover,
+.select-btn .link-block-btn:hover {
+  cursor: pointer;
+}
+
+.select-btn .link-address-btn.active,
+.select-btn .link-block-btn.active {
+  color: #ff9800;
+  border-bottom: 1.5px solid #ff9800;
+}
+
+.select-btn .link-address-btn {
+  margin-right: 40px;
+}
+
+.selected-linked-block-wrapper {
+  position: relative;
+}
+
+.selected-linked-block-wrapper .form-control {
+  display: flex;
+  justify-content: space-between;
+  cursor: pointer;
+}
+
+.selected-linked-block-wrapper .select-block-wrapper.expanded .sdoc-file-icon-toggle,
+.selected-linked-block-wrapper .form-control.expanded .sdoc-file-icon-toggle {
+  transform: rotate(90deg);
+}
+
+.selected-linked-block-wrapper .sdoc-file-icon-toggle {
+  color: #9aa0ac;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.selected-linked-block-wrapper .selected-linked-block:not(img) {
+  width: 95%;
+  overflow-y: auto;
+}
+
+.selected-linked-block-wrapper .selected-linked-block .linked-block-item {
+  margin-bottom: 0 !important;
+}
+
+.selected-linked-block-wrapper .linked-block-item:not(img) {
+  max-height: 60px;
+  overflow-y: auto;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.selected-linked-block-wrapper .linked-block-item:has(img) {
+  max-height: none !important;
+}
+
+.selected-linked-block-wrapper .link-block-wrapper {
+  border: 1px solid rgba(0, 40, 100, 0.12);
+  max-height: 400px;
+  width: 100%;
+  height: fit-content;
+  padding: 0.75rem;
+  margin-top: 3px;
+  overflow-y: auto;
+  box-sizing: border-box;
+  position: absolute;
+  background-color: white;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.link-block-wrapper .select-block-wrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+
+.link-block-wrapper .select-block-wrapper .title {
+  margin-left: 5px;
+  color: #666;
+  font-size: 14px;
+}
+
+.link-block-wrapper .link-block-container {
+  width: 100%;
+  margin: 5px 0;
+}
+
+.link-block-wrapper .link-block-container .linked-block-item {
+  margin-bottom: 5px !important;
+}
+
+.selected-linked-block-wrapper img {
+  width: 160px !important;
+  height: auto !important;
+}
+
+.selected-linked-block-wrapper .link-block-wrapper .linked-block-item:hover {
+  background-color: rgb(245, 245, 245);
+}
+
+.selected-linked-block-wrapper .link-block-wrapper .dropdown-item {
+  padding: 3px 8px;
+}

package/dist/extension/plugins/link/dialog/add-link-dialog/index.js

@@ -6,12 +6,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
+var _slate = require("@seafile/slate");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _mdToHtml = require("../../../../../slate-convert/md-to-html");
+var _slateToMd = _interopRequireDefault(require("../../../../../slate-convert/slate-to-md"));
+var _constants = require("../../../../constants");
 var _core = require("../../../../core");
 var _helpers = require("../../helpers");
+require("./index.css");
 var AddLinkDialog = function AddLinkDialog(_ref) {
   var editor = _ref.editor,
     className = _ref.className,
@@ -36,7 +44,8 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
       href: ''
     },
     oldTitle = _ref2.title,
-    oldURL = _ref2.href;
+    oldURL = _ref2.href,
+    linked_id = _ref2.linked_id;
   var initTitle = (0, _react.useMemo)(function () {
     return oldTitle ? oldTitle : (0, _core.getEditorString)(editor, editor.selection);
   }, [editor, oldTitle]);
@@ -44,36 +53,68 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
     title = _useState6[0],
     setTitle = _useState6[1];
-  var _useState7 = (0, _react.useState)(oldURL),
+  var _useState7 = (0, _react.useState)(linked_id ? '' : oldURL),
     _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
     url = _useState8[0],
     setURL = _useState8[1];
+  var _useState9 = (0, _react.useState)(linked_id ? 'block' : 'url'),
+    _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
+    activeTab = _useState0[0],
+    setActiveTab = _useState0[1];
+  var _useState1 = (0, _react.useState)(''),
+    _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
+    selectedBlockId = _useState10[0],
+    setSelectedBlockId = _useState10[1];
+  var _useState11 = (0, _react.useState)(false),
+    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+    isOpenSelect = _useState12[0],
+    setIsOpenSelect = _useState12[1];
+  var _useState13 = (0, _react.useState)(false),
+    _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
+    isOpenSelectHeader = _useState14[0],
+    setIsOpenSelectHeader = _useState14[1];
+  var _useState15 = (0, _react.useState)(false),
+    _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
+    isOpenSelectImageBlock = _useState16[0],
+    setIsOpenSelectImageBlock = _useState16[1];
+  var _useState17 = (0, _react.useState)(false),
+    _useState18 = (0, _slicedToArray2["default"])(_useState17, 2),
+    isOpenSelectCodeBlock = _useState18[0],
+    setIsOpenSelectCodeBlock = _useState18[1];
+  var _useState19 = (0, _react.useState)(false),
+    _useState20 = (0, _slicedToArray2["default"])(_useState19, 2),
+    isOpenSelectBlockquote = _useState20[0],
+    setIsOpenSelectBlockquote = _useState20[1];
+  var _useState21 = (0, _react.useState)(''),
+    _useState22 = (0, _slicedToArray2["default"])(_useState21, 2),
+    htmlString = _useState22[0],
+    setHtmlString = _useState22[1];
   var submit = (0, _react.useCallback)(function () {
     setLinkErrorMessage('');
     setTitleErrorMessage('');
-    if (!url) {
-      setLinkErrorMessage(t('The_link_address_is_required'));
+    if (!url && !selectedBlockId) {
+      setLinkErrorMessage(t('The_link_address_or_link_block_is_required'));
       return;
     }
     if (!title) {
       setTitleErrorMessage(t('The_link_title_is_required'));
       return;
     }
-    if ((0, _helpers.checkLink)(url)) {
+    if (url && (0, _helpers.checkLink)(url)) {
       setLinkErrorMessage(t('The_link_address_is_invalid'));
       return;
     }
     var isEdit = oldURL || oldTitle;
     if (isEdit) {
-      (0, _helpers.updateLink)(editor, title, url);
+      (0, _helpers.updateLink)(editor, title, url, selectedBlockId);
     } else {
-      (0, _helpers.insertLink)(editor, title, url, insertPosition, slateNode);
+      (0, _helpers.insertLink)(editor, title, url, insertPosition, slateNode, selectedBlockId);
     }
     handleSubmit && handleSubmit();
     closeDialog();
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, url, title, oldTitle, oldURL, insertPosition]);
+  }, [editor, url, title, oldTitle, oldURL, insertPosition, selectedBlockId]);
   var onKeyDown = (0, _react.useCallback)(function (event) {
     if (event.keyCode === 13) {
       event.preventDefault();
@@ -87,6 +128,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     var value = event.target.value.trim();
     if (value === url) return;
     setURL(value);
+    setSelectedBlockId('');
   }, [url]);
   var handleTitleChange = (0, _react.useCallback)(function (event) {
     var value = event.target.value;
@@ -102,6 +144,74 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
       "aria-hidden": "true"
     }));
   }, [closeDialog]);
+  var handleOnChangeBlock = function handleOnChangeBlock(e) {
+    var block = e.target.closest('.linked-block-item');
+    if (block) {
+      var clone = block.cloneNode(true);
+      var displayContainer = document.getElementById('selected-block-display');
+      displayContainer.innerHTML = '';
+      displayContainer.appendChild(clone);
+      var nodeId = block.dataset.id;
+      setSelectedBlockId(nodeId);
+      setURL('');
+      setIsOpenSelect(false);
+    }
+  };
+  (0, _react.useEffect)(function () {
+    if (!linked_id) return;
+    var timer = setTimeout(function () {
+      var displayContainer = document.getElementById('selected-block-display');
+      if (!displayContainer) return;
+
+      // 'data-parent-id' check for linked image block node
+      var linkedDomNode = document.querySelector("[data-id=\"".concat(linked_id, "\"]")) || document.querySelector("[data-parent-id=\"".concat(linked_id, "\"]"));
+      if (linkedDomNode) {
+        var clone = linkedDomNode.cloneNode(true);
+        displayContainer.innerHTML = '';
+        displayContainer.appendChild(clone);
+      }
+    }, 0);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    var genHtml = /*#__PURE__*/function () {
+      var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee() {
+        var list, mdValue, ids, processor, file;
+        return (0, _regenerator2["default"])().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              list = editor.children.filter(function (node) {
+                return _slate.Element.isElement(node) && _constants.INTERNAL_LINKED_TYPE.includes(node.type);
+              });
+              mdValue = list.map(function (node) {
+                return "<!--".concat(node.id, "-->\n").concat((0, _slateToMd["default"])([node]));
+              }).join('\n\n');
+              ids = list.map(function (n) {
+                return n.id;
+              });
+              processor = (0, _mdToHtml.createProcessor)(ids, 'linked-block-item');
+              _context.n = 1;
+              return processor.process(mdValue);
+            case 1:
+              file = _context.v;
+              setHtmlString(String(file));
+            case 2:
+              return _context.a(2);
+          }
+        }, _callee);
+      }));
+      return function genHtml() {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+    genHtml();
+  }, [editor.children]);
+  var headersHTML = (0, _helpers.parseHtmlString)(htmlString, 'h1,h2,h3,h4,h5,h6');
+  var imagesHTML = (0, _helpers.parseHtmlString)(htmlString, 'img');
+  var codeBlockHTML = (0, _helpers.parseHtmlString)(htmlString, 'pre');
+  var blockquoteHTML = (0, _helpers.parseHtmlString)(htmlString, 'blockquote');
   return /*#__PURE__*/_react["default"].createElement(_reactstrap.Modal, {
     isOpen: true,
     autoFocus: false,
@@ -113,21 +223,6 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     close: close
   }, t('Insert_link')), /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: "form-group"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Label, {
-    "for": "addLink"
-  }, t('Link_address')), /*#__PURE__*/_react["default"].createElement("input", {
-    onKeyDown: onKeyDown,
-    autoFocus: true,
-    type: "url",
-    className: "form-control",
-    id: "addLink",
-    value: url || '',
-    onChange: handleUrlChange
-  }), linkErrorMessage && /*#__PURE__*/_react["default"].createElement(_reactstrap.Alert, {
-    color: "danger",
-    className: "mt-2"
-  }, t(linkErrorMessage))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "form-group"
   }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Label, {
     "for": "addTitle"
   }, t('Link_title')), /*#__PURE__*/_react["default"].createElement("input", {
@@ -140,7 +235,128 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
   }), titleErrorMessage && /*#__PURE__*/_react["default"].createElement(_reactstrap.Alert, {
     color: "danger",
     className: "mt-2"
-  }, t(titleErrorMessage))))), /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+  }, t(titleErrorMessage))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "select-btn"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('link-address-btn', {
+      'active': activeTab === 'url'
+    }),
+    onClick: function onClick() {
+      return setActiveTab('url');
+    }
+  }, t('Link_address')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('link-block-btn', {
+      'active': activeTab === 'block'
+    }),
+    onClick: function onClick() {
+      return setActiveTab('block');
+    }
+  }, t('Link_block'))), activeTab === 'url' && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "form-group"
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    onKeyDown: onKeyDown,
+    autoFocus: true,
+    type: "url",
+    className: "form-control",
+    id: "addLink",
+    value: url || '',
+    onChange: handleUrlChange
+  }), linkErrorMessage && /*#__PURE__*/_react["default"].createElement(_reactstrap.Alert, {
+    color: "danger",
+    className: "mt-2"
+  }, t(linkErrorMessage))), activeTab === 'block' && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "form-group selected-linked-block-wrapper"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('form-control', {
+      'expanded': isOpenSelect
+    }),
+    onClick: function onClick() {
+      setIsOpenSelect(!isOpenSelect);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    id: "selected-block-display",
+    className: "selected-linked-block"
+  }), /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-right-slide"
+  })), isOpenSelect && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "link-block-wrapper"
+  }, headersHTML && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('select-block-wrapper', {
+      'expanded': isOpenSelectHeader
+    }),
+    onClick: function onClick(e) {
+      return setIsOpenSelectHeader(!isOpenSelectHeader);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-right-slide"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "title"
+  }, t('Header'))), isOpenSelectHeader && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "link-block-container",
+    dangerouslySetInnerHTML: {
+      __html: headersHTML
+    },
+    onClick: function onClick(e) {
+      return handleOnChangeBlock(e);
+    }
+  }), imagesHTML && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('select-block-wrapper', {
+      'expanded': isOpenSelectImageBlock
+    }),
+    onClick: function onClick(e) {
+      return setIsOpenSelectImageBlock(!isOpenSelectImageBlock);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-right-slide"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "title"
+  }, t('Image'))), isOpenSelectImageBlock && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "link-block-container",
+    dangerouslySetInnerHTML: {
+      __html: imagesHTML
+    },
+    onClick: function onClick(e) {
+      return handleOnChangeBlock(e);
+    }
+  }), codeBlockHTML && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('select-block-wrapper', {
+      'expanded': isOpenSelectCodeBlock
+    }),
+    onClick: function onClick(e) {
+      return setIsOpenSelectCodeBlock(!isOpenSelectCodeBlock);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-right-slide"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "title"
+  }, t('Code_block'))), isOpenSelectCodeBlock && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "link-block-container",
+    dangerouslySetInnerHTML: {
+      __html: codeBlockHTML
+    },
+    onClick: function onClick(e) {
+      return handleOnChangeBlock(e);
+    }
+  }), blockquoteHTML && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('select-block-wrapper', {
+      'expanded': isOpenSelectBlockquote
+    }),
+    onClick: function onClick(e) {
+      return setIsOpenSelectBlockquote(!isOpenSelectBlockquote);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-right-slide"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "title"
+  }, t('Quote'))), isOpenSelectBlockquote && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "link-block-container",
+    dangerouslySetInnerHTML: {
+      __html: blockquoteHTML
+    },
+    onClick: function onClick(e) {
+      return handleOnChangeBlock(e);
+    }
+  }))))), /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
     color: "secondary",
     onClick: closeDialog
   }, t('Cancel')), /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {

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

@@ -4,7 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.upsertLinkText = exports.updateLink = exports.unWrapLinkNode = exports.isWeChat = exports.isSdocFile = exports.isMenuDisabled = exports.isLinkToolBarActive = exports.insertLink = exports.getMenuPosition = exports.getLinkType = exports.genLinkNode = exports.checkLink = void 0;
+exports.upsertLinkText = exports.updateLink = exports.unWrapLinkNode = exports.parseHtmlString = exports.isWeChat = exports.isSdocFile = exports.isNodeInCurrentView = exports.isMenuDisabled = exports.isLinkToolBarActive = exports.insertLink = exports.getMenuPosition = exports.getLinkType = exports.genLinkNode = exports.checkLink = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _slate = require("@seafile/slate");
@@ -31,12 +32,13 @@ var checkLink = exports.checkLink = function checkLink(url) {
   }
   return false;
 };
-var genLinkNode = exports.genLinkNode = function genLinkNode(url, text) {
+var genLinkNode = exports.genLinkNode = function genLinkNode(url, text, nodeId) {
   var linkNode = {
     id: _slugid["default"].nice(),
     type: 'link',
     href: url,
     title: text,
+    linked_id: nodeId || '',
     children: [{
       id: _slugid["default"].nice(),
       text: text || ''
@@ -61,9 +63,13 @@ var getLinkType = exports.getLinkType = function getLinkType(editor) {
 var insertLink = exports.insertLink = function insertLink(editor, title, url) {
   var position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants.INSERT_POSITION.CURRENT;
   var slateNode = arguments.length > 4 ? arguments[4] : undefined;
+  var linkedNodeId = arguments.length > 5 ? arguments[5] : undefined;
   if (position === _constants.INSERT_POSITION.CURRENT && isMenuDisabled(editor)) return;
-  if (!title || !url) return;
+  if (!title || !url && !linkedNodeId) return;
   var linkNode = genLinkNode(url, title);
+  if (linkedNodeId) {
+    linkNode = genLinkNode(url, title, linkedNodeId);
+  }
   if (position === _constants.INSERT_POSITION.AFTER) {
     var path = _slate.Editor.path(editor, editor.selection);
     if (slateNode && (slateNode === null || slateNode === void 0 ? void 0 : slateNode.type) === _constants.LIST_ITEM) {
@@ -107,7 +113,7 @@ var insertLink = exports.insertLink = function insertLink(editor, title, url) {
     edge: 'end'
   });
 };
-var updateLink = exports.updateLink = function updateLink(editor, newText, newUrl) {
+var updateLink = exports.updateLink = function updateLink(editor, newText, newUrl, linkedNodeId) {
   // Update children
   var linkAbove = (0, _core.getAboveNode)(editor, {
     match: {
@@ -118,10 +124,25 @@ var updateLink = exports.updateLink = function updateLink(editor, newText, newUr
     var _ref = linkAbove[0] || {},
       oldUrl = _ref.href,
       oldText = _ref.title;
-    if (oldUrl !== newUrl || oldText !== newText) {
+    if (linkedNodeId) {
+      _slate.Transforms.setNodes(editor, {
+        linked_id: linkedNodeId
+      }, {
+        at: linkAbove[1]
+      });
+      if (oldText !== newText) {
+        _slate.Transforms.setNodes(editor, {
+          title: newText
+        }, {
+          at: linkAbove[1]
+        });
+      }
+    }
+    if (!linkedNodeId && (oldUrl !== newUrl || oldText !== newText)) {
       _slate.Transforms.setNodes(editor, {
         href: newUrl,
-        title: newText
+        title: newText,
+        linked_id: ''
       }, {
         at: linkAbove[1]
       });
@@ -222,4 +243,23 @@ var isLinkToolBarActive = exports.isLinkToolBarActive = function isLinkToolBarAc
     nodeEntry = _Editor$nodes6[0];
   if (nodeEntry) return true;
   return false;
+};
+var isNodeInCurrentView = exports.isNodeInCurrentView = function isNodeInCurrentView(domNode) {
+  var rect = domNode.getBoundingClientRect();
+  return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
+};
+var parseHtmlString = exports.parseHtmlString = function parseHtmlString(htmlString, targetType) {
+  var parser = new DOMParser();
+  var doc = parser.parseFromString(htmlString, 'text/html');
+  var resultHtml;
+  if (targetType == 'img') {
+    resultHtml = (0, _toConsumableArray2["default"])(doc.querySelectorAll('p:has(img)')).map(function (p) {
+      return p.outerHTML;
+    }).join('');
+  } else {
+    resultHtml = (0, _toConsumableArray2["default"])(doc.querySelectorAll(targetType)).map(function (html) {
+      return html.outerHTML;
+    }).join('');
+  }
+  return resultHtml;
 };

package/dist/extension/plugins/link/hover/index.js

@@ -10,6 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = require("react-dom");
 var _reactI18next = require("react-i18next");
+var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
 var _helpers = require("../helpers");
@@ -23,6 +24,7 @@ var LinkHover = function LinkHover(_ref) {
   var readOnly = (0, _slateReact.useReadOnly)();
   var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
     t = _useTranslation.t;
+  var linked_id = element.linked_id;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isShowTooltip = _useState2[0],
@@ -39,11 +41,43 @@ var LinkHover = function LinkHover(_ref) {
       location.href = element.href;
     }
   }, [element.href]);
+  var handleOnClick = (0, _react.useCallback)(function (event) {
+    event.stopPropagation();
+    if (!linked_id) return;
+    var _Editor$nodes = _slate.Editor.nodes(editor, {
+        at: [],
+        match: function match(n) {
+          return n.id === linked_id;
+        }
+      }),
+      _Editor$nodes2 = (0, _slicedToArray2["default"])(_Editor$nodes, 1),
+      linkedNodeEntry = _Editor$nodes2[0];
+    if (linkedNodeEntry) {
+      var _linkedNodeEntry = (0, _slicedToArray2["default"])(linkedNodeEntry, 2),
+        node = _linkedNodeEntry[0],
+        path = _linkedNodeEntry[1];
+      var linkedDomNode = _slateReact.ReactEditor.toDOMNode(editor, node);
+      linkedDomNode.classList.add('linked-block-highlight-overlay');
+      _slate.Transforms.setNodes(editor, {
+        linked_block: true
+      }, {
+        at: path
+      });
+
+      // Scroll linked node to view if not in current view
+      if (!(0, _helpers.isNodeInCurrentView)(linkedDomNode)) {
+        linkedDomNode.scrollIntoView();
+      }
+    }
+  }, [linked_id]);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react["default"].createElement("div", {
     id: "link-op-menu",
     className: "link-op-menu",
     style: menuPosition
-  }, /*#__PURE__*/_react["default"].createElement("span", {
+  }, linked_id ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: "link-op-menu-link",
+    onClick: handleOnClick
+  }, t('Go_to_link')) : /*#__PURE__*/_react["default"].createElement("span", {
     target: "_blank",
     rel: "noopener noreferrer",
     className: "link-op-menu-link",

package/dist/extension/plugins/link/plugin.js

@@ -39,18 +39,18 @@ var withLink = function withLink(editor) {
   };
   newEditor.insertData = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(data) {
-      var text, res, fileName, fileUuid, link, _link, _link2, _Editor$next, _Editor$next2, focusPath, focusPoint, _t;
+      var text, res, fileName, fileUuid, url, linkedNodeId, title, params, link, _link, _link2, _Editor$next, _Editor$next2, focusPath, focusPoint, _t;
       return (0, _regenerator2["default"])().w(function (_context) {
         while (1) switch (_context.p = _context.n) {
           case 0:
             // Paste link content
             text = data.getData('text/plain'); // Internal link, insert sdoc file link
             if (!((0, _isUrl["default"])(text) && !(0, _utils.isImage)(text))) {
-              _context.n = 7;
+              _context.n = 10;
               break;
             }
             if (!(0, _utils.isSameDomain)(text, _context2["default"].getSetting('serviceUrl'))) {
-              _context.n = 5;
+              _context.n = 8;
               break;
             }
             _context.p = 1;
@@ -58,39 +58,59 @@ var withLink = function withLink(editor) {
             return _context2["default"].getLinkFilesInfo([text]);
           case 2:
             res = _context.v;
-            if ((0, _helpers2.isSdocFile)(res, text)) {
-              fileName = res.data.files_info[text].name;
-              fileUuid = res.data.files_info[text].file_uuid;
-              (0, _helpers.insertSdocFileLink)(editor, fileName, fileUuid);
+            if (!(0, _helpers2.isSdocFile)(res, text)) {
+              _context.n = 3;
+              break;
+            }
+            fileName = res.data.files_info[text].name;
+            fileUuid = res.data.files_info[text].file_uuid;
+            (0, _helpers.insertSdocFileLink)(editor, fileName, fileUuid);
+            _context.n = 5;
+            break;
+          case 3:
+            url = new URL(text);
+            linkedNodeId = url.hash.replace(/^#/, '');
+            if (!(editor.selection && !_slate.Range.isCollapsed(editor.selection))) {
+              _context.n = 4;
+              break;
+            }
+            title = (0, _core.getEditorString)(editor, editor.selection);
+            (0, _helpers2.insertLink)(editor, title, text, _constants2.INSERT_POSITION.CURRENT, null, linkedNodeId);
+            return _context.a(2);
+          case 4:
+            params = new URLSearchParams(url.search);
+            if (params.get('from') === 'copy-block') {
+              link = (0, _helpers2.genLinkNode)(text, text, linkedNodeId);
             } else {
               link = (0, _helpers2.genLinkNode)(text, text);
-              _slate.Transforms.insertNodes(newEditor, link);
             }
-            _context.n = 4;
+            _slate.Transforms.insertNodes(newEditor, link);
+          case 5:
+            _context.n = 7;
             break;
-          case 3:
-            _context.p = 3;
+          case 6:
+            _context.p = 6;
             _t = _context.v;
             _link = (0, _helpers2.genLinkNode)(text, text);
             _slate.Transforms.insertNodes(newEditor, _link);
-          case 4:
-            _context.n = 6;
+          case 7:
+            _context.n = 9;
             break;
-          case 5:
+          case 8:
             _link2 = (0, _helpers2.genLinkNode)(text, text);
             _slate.Transforms.insertNodes(newEditor, _link2);
-          case 6:
+          case 9:
             // Void merging text from link
             _Editor$next = _slate.Editor.next(newEditor), _Editor$next2 = (0, _slicedToArray2["default"])(_Editor$next, 2), focusPath = _Editor$next2[1];
             focusPoint = _slate.Editor.start(newEditor, focusPath);
             _slate.Transforms.select(newEditor, focusPoint);
             return _context.a(2);
-          case 7:
+          case 10:
             insertData(data);
-          case 8:
+          case 11:
             return _context.a(2);
         }
-      }, _callee, null, [[1, 3]]);
+      }, _callee, null, [[1, 6]]);
     }));
     return function (_x) {
       return _ref.apply(this, arguments);

package/dist/extension/render/custom-element.js

@@ -119,6 +119,10 @@ var CustomRenderElement = function CustomRenderElement(props) {
       {
         var _editor$element_comme;
         var _parentNode = (0, _core.getParentNode)(editor.children, element.id);
+        var parentImageBlockId = '';
+        if (_parentNode.type === _constants2.IMAGE_BLOCK) {
+          parentImageBlockId = _parentNode.id;
+        }
         var comments = ((_editor$element_comme = editor.element_comments_map) === null || _editor$element_comme === void 0 ? void 0 : _editor$element_comme[_parentNode.id]) || [];
         var unresolvedComments = comments && comments.filter(function (item) {
           return !item.resolved;
@@ -130,7 +134,8 @@ var CustomRenderElement = function CustomRenderElement(props) {
         var _ImagePlugin$renderEl = (0, _slicedToArray2["default"])(_plugins.ImagePlugin.renderElements, 1),
           renderImage = _ImagePlugin$renderEl[0];
         return renderImage((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-          leaf: leaf
+          leaf: leaf,
+          parentImageBlockId: parentImageBlockId
         }), editor);
       }
     case _constants2.IMAGE_BLOCK:

package/dist/extension/toolbar/side-toolbar/side-menu.js

@@ -74,10 +74,10 @@ var SideMenu = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     (0, _helpers.onDeleteNode)(editor, slateNode);
     onReset();
   }, [editor, onReset, slateNode]);
-  var onCopyHeaderLink = (0, _react.useCallback)(function () {
+  var onCopyBlockLink = (0, _react.useCallback)(function () {
     var serviceUrl = _context["default"].getSetting('serviceUrl');
     var sdocUuid = _context["default"].getSetting('docUuid');
-    var href = serviceUrl + "/smart-link/".concat(sdocUuid, "/#").concat(slateNode.id);
+    var href = serviceUrl + "/smart-link/".concat(sdocUuid, "/?from=copy-block#").concat(slateNode.id);
     (0, _copyToClipboard["default"])(href);
     _toast["default"].success(t('Copied'), {
       hasCloseButton: false,
@@ -227,12 +227,12 @@ var SideMenu = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     slateNode: slateNode
   })), !insertBelowMenuSearchMap['searching'] && /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-dropdown-menu-divider"
-  }), [_constants.HEADER1, _constants.HEADER2, _constants.HEADER3].includes(slateNode === null || slateNode === void 0 ? void 0 : slateNode.type) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+  }), _constants.INTERNAL_LINKED_TYPE.includes(slateNode === null || slateNode === void 0 ? void 0 : slateNode.type) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
     menuConfig: {
       text: 'Copy_link_of_section',
       iconClass: 'sdocfont sdoc-link'
     },
-    onClick: onCopyHeaderLink,
+    onClick: onCopyBlockLink,
     isHidden: !otherOperatonsMenuSearchMap['COPY_LINK_OF_SECTION']
   }), !otherOperatonsMenuSearchMap['searching'] && /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-dropdown-menu-divider"

package/dist/slate-convert/md-to-html/helper.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rehypeAddDataId = void 0;
+var _unistUtilVisit = require("unist-util-visit");
+var _helpers = require("../../extension/plugins/image/helpers");
+var rehypeAddDataId = exports.rehypeAddDataId = function rehypeAddDataId() {
+  var ids = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var className = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return function (tree) {
+    var index = 0;
+    (0, _unistUtilVisit.visit)(tree, 'element', function (node, _, parent) {
+      var _node$properties;
+      if (parent.type === 'root' && ids[index]) {
+        node.properties['data-id'] = ids[index];
+        node.properties.className = className;
+        index++;
+      }
+      if (node.tagName === 'img' && (_node$properties = node.properties) !== null && _node$properties !== void 0 && _node$properties.src) {
+        var oldSrc = node.properties.src;
+        node.properties.src = (0, _helpers.getImageURL)({
+          src: oldSrc
+        });
+      }
+    });
+  };
+};

package/dist/slate-convert/md-to-html/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.createProcessor = void 0;
 var _rehypeFormat = _interopRequireDefault(require("rehype-format"));
 var _browser = _interopRequireDefault(require("rehype-mathjax/browser"));
 var _rehypeRaw = _interopRequireDefault(require("rehype-raw"));
@@ -17,37 +17,48 @@ var _remarkMath = _interopRequireDefault(require("remark-math"));
 var _remarkParse = _interopRequireDefault(require("remark-parse"));
 var _remarkRehype = _interopRequireDefault(require("remark-rehype"));
 var _unified = require("unified");
+var _helper = require("./helper");
 var _sanitizeSchema = _interopRequireDefault(require("./sanitize-schema"));
 // mdString -> mdast -> html ast -> html
-var processor = (0, _unified.unified)()
-// Handles markdown basic syntax
-// https://github.com/remarkjs/remark/tree/main
-.use(_remarkParse["default"])
-// Handle markdown extension syntax
-// https://github.com/remarkjs/remark-gfm
-.use(_remarkGfm["default"])
-// https://github.com/remarkjs/remark-math
-.use(_remarkMath["default"])
-// https://github.com/remarkjs/remark-breaks
-.use(_remarkBreaks["default"]).use(_remarkRehype["default"], {
-  allowDangerousHtml: true
-}) // convert mdast -> hast
-// https://www.npmjs.com/package/rehype-mathjax
-.use(_browser["default"], {
-  displayMath: ['$$', '$$']
-})
-// https://www.npmjs.com/package/rehype-raw
-.use(_rehypeRaw["default"])
-// https://www.npmjs.com/package/rehype-format
-.use(_rehypeFormat["default"], {
-  blanks: ['pre', 'code']
-})
-// https://github.com/rehypejs/rehype-slug
-.use(_rehypeSlug["default"])
-// https://github.com/rehypejs/rehype-sanitize
-.use(_rehypeSanitize["default"], _sanitizeSchema["default"])
-// https://github.com/rehypejs/rehype/tree/main/packages/rehype-stringify
-.use(_rehypeStringify["default"]);
+var createProcessor = exports.createProcessor = function createProcessor() {
+  var nodeIds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  var className = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var p = (0, _unified.unified)()
+  // Handles markdown basic syntax
+  // https://github.com/remarkjs/remark/tree/main
+  .use(_remarkParse["default"])
+  // Handle markdown extension syntax
+  // https://github.com/remarkjs/remark-gfm
+  .use(_remarkGfm["default"])
+  // https://github.com/remarkjs/remark-math
+  .use(_remarkMath["default"])
+  // https://github.com/remarkjs/remark-breaks
+  .use(_remarkBreaks["default"]).use(_remarkRehype["default"], {
+    allowDangerousHtml: true
+  }) // convert mdast -> hast
+  // https://www.npmjs.com/package/rehype-mathjax
+  .use(_browser["default"], {
+    displayMath: ['$$', '$$']
+  })
+  // https://www.npmjs.com/package/rehype-raw
+  .use(_rehypeRaw["default"])
+  // https://www.npmjs.com/package/rehype-format
+  .use(_rehypeFormat["default"], {
+    blanks: ['pre', 'code']
+  })
+  // https://github.com/rehypejs/rehype-slug
+  .use(_rehypeSlug["default"])
+  // https://github.com/rehypejs/rehype-sanitize
+  .use(_rehypeSanitize["default"], _sanitizeSchema["default"])
+  // https://github.com/rehypejs/rehype/tree/main/packages/rehype-stringify
+  .use(_rehypeStringify["default"]);
+  if (nodeIds) {
+    p.use(_helper.rehypeAddDataId, nodeIds, className);
+  }
+  return p;
+};
 
 // transform rules: https://github.com/syntax-tree/mdast-util-to-hast
+
+var processor = createProcessor();
 var _default = exports["default"] = processor;

package/dist/utils/diff-text.js

@@ -156,7 +156,7 @@ var DiffText = /*#__PURE__*/(0, _createClass2["default"])(function DiffText(oldV
     var newPos = basePath.newPos;
     var oldPos = newPos - diagonalPath;
     var commonCount = 0;
-    while (newPos + 1 < newLen && oldPos + 1 < oldLen && _this.equals(newString[newPos + 1], oldString[oldPos + 1])) {
+    while (newPos + 1 < newLen && oldPos + 1 < oldLen && _this.equals(newString[newPos + 1] || '', oldString[oldPos + 1] || '')) {
       newPos++;
       oldPos++;
       commonCount++;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.179",
+  "version": "2.0.181-test-0.0.1",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -70,6 +70,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "gitHead": "91e347e5bec343490b0bf168242eea7e6d84a90c"
+  }
 }

package/LICENSE.txt

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