@seafile/sdoc-editor 3.0.124 → 3.0.126

package/dist/extension/commons/insert-element-dialog/index.js

@@ -15,16 +15,17 @@ var _context = _interopRequireDefault(require("../../../context"));
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants2 = require("../../constants");
 var _index = _interopRequireDefault(require("../../plugins/ai/ai-module/index.js"));
+var _index2 = _interopRequireDefault(require("../../plugins/embed-link/dialog/add-embed-link-dialog/index.js"));
 var _formulaModal = _interopRequireDefault(require("../../plugins/formula/menu/formula-modal.js"));
 var _helpers = require("../../plugins/image/helpers");
 var _addLinkDialog = _interopRequireDefault(require("../../plugins/link/dialog/add-link-dialog"));
 var _dialogs = require("../../plugins/table/dialogs");
-var _index2 = require("../../plugins/video/constants/index.js");
-var _index3 = _interopRequireDefault(require("../../plugins/video/dialog/add-video-link-dialog/index.js"));
+var _index3 = require("../../plugins/video/constants/index.js");
+var _index4 = _interopRequireDefault(require("../../plugins/video/dialog/add-video-link-dialog/index.js"));
 var _helpers2 = require("../../plugins/video/helpers");
-var _index4 = _interopRequireDefault(require("../file-insert-dialog/index.js"));
-var _index5 = _interopRequireDefault(require("../select-file-dialog/index.js"));
-var _index6 = _interopRequireDefault(require("../wiki-file-insert-dialog/index.js"));
+var _index5 = _interopRequireDefault(require("../file-insert-dialog/index.js"));
+var _index6 = _interopRequireDefault(require("../select-file-dialog/index.js"));
+var _index7 = _interopRequireDefault(require("../wiki-file-insert-dialog/index.js"));
 var InsertElementDialog = function InsertElementDialog(_ref) {
   var editor = _ref.editor;
   var _useState = (0, _react.useState)(''),
@@ -100,7 +101,7 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
   var onVideoFileChanged = (0, _react.useCallback)(function (event) {
     var files = event.target.files;
     // Show warning for 3s and no further insertion if video file is more than 5MB
-    if (files[0].size > _index2.VIDEO_MAX_SIZE_5MB) {
+    if (files[0].size > _index3.VIDEO_MAX_SIZE_5MB) {
       handleDisplayAlert();
       event.target.value = null;
       return;
@@ -214,6 +215,10 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
       {
         return /*#__PURE__*/_react["default"].createElement(_addLinkDialog["default"], props);
       }
+    case _constants2.ELEMENT_TYPE.EMBED_LINK:
+      {
+        return /*#__PURE__*/_react["default"].createElement(_index2["default"], props);
+      }
     case _constants2.ELEMENT_TYPE.SDOC_LINK:
       {
         var sdocLinkProps = {
@@ -222,7 +227,7 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
           insertLinkCallback: insertLinkCallback,
           closeDialog: closeDialog
         };
-        return /*#__PURE__*/_react["default"].createElement(_index5["default"], sdocLinkProps);
+        return /*#__PURE__*/_react["default"].createElement(_index6["default"], sdocLinkProps);
       }
     case _constants2.ELEMENT_TYPE.FILE_LINK:
       {
@@ -232,7 +237,7 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
           insertLinkCallback: insertLinkCallback,
           closeDialog: closeDialog
         };
-        return /*#__PURE__*/_react["default"].createElement(_index5["default"], fileLinkProps);
+        return /*#__PURE__*/_react["default"].createElement(_index6["default"], fileLinkProps);
       }
     case _constants2.ELEMENT_TYPE.WHITEBOARD:
       {
@@ -242,7 +247,7 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
           insertWhiteboardFile: insertWhiteboardFile,
           closeDialog: closeDialog
         };
-        return /*#__PURE__*/_react["default"].createElement(_index5["default"], whiteboardProps);
+        return /*#__PURE__*/_react["default"].createElement(_index6["default"], whiteboardProps);
       }
     case _constants2.ELEMENT_TYPE.VIDEO:
       {
@@ -252,11 +257,11 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
           insertVideoCallback: insertVideoCallback,
           closeDialog: closeDialog
         };
-        return /*#__PURE__*/_react["default"].createElement(_index5["default"], videoProps);
+        return /*#__PURE__*/_react["default"].createElement(_index6["default"], videoProps);
       }
     case _constants2.ELEMENT_TYPE.VIDEO_LINK:
       {
-        return /*#__PURE__*/_react["default"].createElement(_index3["default"], props);
+        return /*#__PURE__*/_react["default"].createElement(_index4["default"], props);
       }
     case _constants2.ELEMENT_TYPE.FORMULA:
       {
@@ -300,13 +305,13 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
     case _constants2.ELEMENT_TYPE.FILE_LINK_INSET_INPUT_TEMP:
       {
         if (editor.editorType === _constants.WIKI_EDITOR) {
-          return /*#__PURE__*/_react["default"].createElement(_index6["default"], {
+          return /*#__PURE__*/_react["default"].createElement(_index7["default"], {
             element: slateNode,
             editor: editor,
             closeDialog: closeDialog
           });
         }
-        return /*#__PURE__*/_react["default"].createElement(_index4["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_index5["default"], {
           element: slateNode,
           editor: editor,
           closeDialog: closeDialog

package/dist/extension/constants/element-type.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WIKI_LINK = exports.WHITEBOARD = exports.VIDEO_LINK = exports.VIDEO = exports.UNORDERED_LIST = exports.TWO_COLUMN = exports.TOP_LEVEL_TYPES = exports.TOGGLE_HEADER3 = exports.TOGGLE_HEADER2 = exports.TOGGLE_HEADER1 = exports.TOGGLE_HEADER = exports.TOGGLE_CONTENT = exports.TITLE = exports.THREE_COLUMN = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.SUBTITLE = exports.SDOC_LINK = exports.QUICK_INSERT = exports.PARAGRAPH = exports.ORDERED_LIST = exports.MULTI_COLUMN = exports.MENTION_TEMP = exports.MENTION = exports.LIST_ITEM = exports.LINK = exports.INLINE_LEVEL_TYPES = exports.IMAGE_BLOCK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.GROUP = exports.FOUR_COLUMN = exports.FORMULA = exports.FONT_SIZE_REDUCE = exports.FONT_SIZE_INCREASE = exports.FONT_SIZE = exports.FIVE_COLUMN = exports.FILE_VIEW = exports.FILE_LINK_INSET_INPUT_TEMP = exports.FILE_LINK = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.CALL_OUT = exports.BLOCKQUOTE = exports.ASK_AI = void 0;
+exports.WIKI_LINK = exports.WHITEBOARD = exports.VIDEO_LINK = exports.VIDEO = exports.UNORDERED_LIST = exports.TWO_COLUMN = exports.TOP_LEVEL_TYPES = exports.TOGGLE_HEADER3 = exports.TOGGLE_HEADER2 = exports.TOGGLE_HEADER1 = exports.TOGGLE_HEADER = exports.TOGGLE_CONTENT = exports.TITLE = exports.THREE_COLUMN = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.SUBTITLE = exports.SDOC_LINK = exports.QUICK_INSERT = exports.PARAGRAPH = exports.ORDERED_LIST = exports.MULTI_COLUMN = exports.MENTION_TEMP = exports.MENTION = exports.LIST_ITEM = exports.LINK = exports.INLINE_LEVEL_TYPES = exports.IMAGE_BLOCK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.GROUP = exports.FOUR_COLUMN = exports.FORMULA = exports.FONT_SIZE_REDUCE = exports.FONT_SIZE_INCREASE = exports.FONT_SIZE = exports.FIVE_COLUMN = exports.FILE_VIEW = exports.FILE_LINK_INSET_INPUT_TEMP = exports.FILE_LINK = exports.EMBED_LINK = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.CALL_OUT = exports.BLOCKQUOTE = exports.ASK_AI = void 0;
 var BLOCKQUOTE = exports.BLOCKQUOTE = 'blockquote';
 var TITLE = exports.TITLE = 'title';
 var SUBTITLE = exports.SUBTITLE = 'subtitle';
@@ -51,6 +51,7 @@ var TOGGLE_HEADER1 = exports.TOGGLE_HEADER1 = 'toggle_header1';
 var TOGGLE_HEADER2 = exports.TOGGLE_HEADER2 = 'toggle_header2';
 var TOGGLE_HEADER3 = exports.TOGGLE_HEADER3 = 'toggle_header3';
 var TOGGLE_CONTENT = exports.TOGGLE_CONTENT = 'toggle_content';
+var EMBED_LINK = exports.EMBED_LINK = 'embed_link';
 var ASK_AI = exports.ASK_AI = 'ask_ai';
 
 // font

package/dist/extension/constants/menus-config.js

@@ -311,6 +311,11 @@ var SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = (_SIDE_INSERT_
   iconClass: 'sdocfont sdoc-link',
   type: _elementType.LINK,
   text: 'Link'
+}), _elementType.EMBED_LINK, {
+  id: '',
+  iconClass: 'sdocfont sdoc-embed-link',
+  type: _elementType.EMBED_LINK,
+  text: 'Embed_link'
 }), _elementType.CODE_BLOCK, {
   id: '',
   iconClass: 'sdocfont sdoc-code-block',
@@ -335,12 +340,12 @@ var SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = (_SIDE_INSERT_
   iconClass: 'sdocfont sdoc-check-square',
   type: _elementType.CHECK_LIST_ITEM,
   text: 'Check_list'
-}), _elementType.PARAGRAPH, {
+}), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_INSERT_MENUS_CO, _elementType.PARAGRAPH, {
   id: _elementType.PARAGRAPH,
   iconClass: 'sdocfont sdoc-text',
   type: _elementType.PARAGRAPH,
   text: 'Paragraph'
-}), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_INSERT_MENUS_CO, _elementType.HEADER, [{
+}), _elementType.HEADER, [{
   id: _elementType.HEADER1,
   iconClass: 'sdocfont sdoc-header1',
   type: _elementType.HEADER1,
@@ -402,7 +407,7 @@ var SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = (_SIDE_INSERT_
   text: 'Formula'
 }));
 var SIDE_INSERT_MENUS_SEARCH_MAP = exports.SIDE_INSERT_MENUS_SEARCH_MAP = (_SIDE_INSERT_MENUS_SE = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_INSERT_MENUS_SE, _elementType.IMAGE, 'Image'), _elementType.VIDEO, 'Video'), _elementType.TABLE, 'Table'), _elementType.COLUMN, 'Column'), _elementType.TWO_COLUMN, 'Two_column'), _elementType.THREE_COLUMN, 'Three_column'), _elementType.FOUR_COLUMN, 'Four_column'), _elementType.LINK, 'Link'), _elementType.CODE_BLOCK, 'Code_block'), _elementType.CALL_OUT, 'Callout'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_INSERT_MENUS_SE, _elementType.UNORDERED_LIST, 'Unordered_list'), _elementType.ORDERED_LIST, 'Ordered_list'), _elementType.CHECK_LIST_ITEM, 'Check_list'), _elementType.PARAGRAPH, 'Paragraph'), _elementType.HEADER1, 'Header_one'), _elementType.HEADER2, 'Header_two'), _elementType.HEADER3, 'Header_three'), _elementType.HEADER4, 'Header_four'), _elementType.TOGGLE_HEADER1, 'Toggle_header_one'), _elementType.TOGGLE_HEADER2, 'Toggle_header_two'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_INSERT_MENUS_SE, _elementType.TOGGLE_HEADER3, 'Toggle_header_three'), _elementType.FILE_VIEW, 'File_view'));
-var SIDE_QUICK_INSERT_MENUS_SEARCH_MAP = exports.SIDE_QUICK_INSERT_MENUS_SEARCH_MAP = (_SIDE_QUICK_INSERT_ME = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_QUICK_INSERT_ME, _elementType.IMAGE, 'Image'), _elementType.VIDEO, 'Video'), _elementType.TABLE, 'Table'), _elementType.COLUMN, 'Column'), _elementType.TWO_COLUMN, 'Two_column'), _elementType.THREE_COLUMN, 'Three_column'), _elementType.FOUR_COLUMN, 'Four_column'), _elementType.LINK, 'Link'), _elementType.CODE_BLOCK, 'Code_block'), _elementType.CALL_OUT, 'Callout'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_QUICK_INSERT_ME, _elementType.UNORDERED_LIST, 'Unordered_list'), _elementType.ORDERED_LIST, 'Ordered_list'), _elementType.CHECK_LIST_ITEM, 'Check_list'), _elementType.PARAGRAPH, 'Paragraph'), _elementType.HEADER1, 'Header_one'), _elementType.HEADER2, 'Header_two'), _elementType.HEADER3, 'Header_three'), _elementType.HEADER4, 'Header_four'), _elementType.FILE_VIEW, 'File_view'), _elementType.FORMULA, 'Formula'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_QUICK_INSERT_ME, _elementType.TOGGLE_HEADER1, 'Toggle_header_one'), _elementType.TOGGLE_HEADER2, 'Toggle_header_two'), _elementType.TOGGLE_HEADER3, 'Toggle_header_three'));
+var SIDE_QUICK_INSERT_MENUS_SEARCH_MAP = exports.SIDE_QUICK_INSERT_MENUS_SEARCH_MAP = (_SIDE_QUICK_INSERT_ME = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_QUICK_INSERT_ME, _elementType.IMAGE, 'Image'), _elementType.VIDEO, 'Video'), _elementType.TABLE, 'Table'), _elementType.COLUMN, 'Column'), _elementType.TWO_COLUMN, 'Two_column'), _elementType.THREE_COLUMN, 'Three_column'), _elementType.FOUR_COLUMN, 'Four_column'), _elementType.LINK, 'Link'), _elementType.CODE_BLOCK, 'Code_block'), _elementType.CALL_OUT, 'Callout'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_QUICK_INSERT_ME, _elementType.UNORDERED_LIST, 'Unordered_list'), _elementType.ORDERED_LIST, 'Ordered_list'), _elementType.CHECK_LIST_ITEM, 'Check_list'), _elementType.PARAGRAPH, 'Paragraph'), _elementType.HEADER1, 'Header_one'), _elementType.HEADER2, 'Header_two'), _elementType.HEADER3, 'Header_three'), _elementType.HEADER4, 'Header_four'), _elementType.FILE_VIEW, 'File_view'), _elementType.FORMULA, 'Formula'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_QUICK_INSERT_ME, _elementType.TOGGLE_HEADER1, 'Toggle_header_one'), _elementType.TOGGLE_HEADER2, 'Toggle_header_two'), _elementType.TOGGLE_HEADER3, 'Toggle_header_three'), _elementType.EMBED_LINK, 'Embed_link'));
 
 // Other operations menu config
 var SIDE_OTHER_OPERATIONS_MENUS_SEARCH_MAP = exports.SIDE_OTHER_OPERATIONS_MENUS_SEARCH_MAP = {

package/dist/extension/plugins/embed-link/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EMBED_LINK_SOURCE = void 0;
+var EMBED_LINK_SOURCE = exports.EMBED_LINK_SOURCE = {
+  SEATABLE: 'seatable',
+  FIGMA: 'figma'
+};

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

@@ -0,0 +1,107 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _helper = require("../../helper");
+var AddEmbedLinkDialog = function AddEmbedLinkDialog(_ref) {
+  var editor = _ref.editor,
+    className = _ref.className,
+    closeDialog = _ref.closeDialog,
+    handleSubmit = _ref.handleSubmit;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    linkErrorMessage = _useState2[0],
+    setLinkErrorMessage = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    url = _useState4[0],
+    setURL = _useState4[1];
+  var submit = (0, _react.useCallback)(function () {
+    setLinkErrorMessage('');
+    if (!url) {
+      setLinkErrorMessage(t('The_link_address_is_required'));
+      return;
+    }
+    var embedLinkType = (0, _helper.getEmbedLinkType)(url);
+    if (!embedLinkType) {
+      setLinkErrorMessage(t('The_link_address_is_invalid'));
+      return;
+    }
+    (0, _helper.insertEmbedLink)(editor, url, embedLinkType);
+    handleSubmit && handleSubmit();
+    closeDialog();
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, url]);
+  var onKeyDown = (0, _react.useCallback)(function (event) {
+    if (event.keyCode === 13) {
+      event.preventDefault();
+      submit();
+      return;
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, url]);
+  var handleUrlChange = (0, _react.useCallback)(function (event) {
+    var embedLinkUrl = event.target.value.trim();
+    if (embedLinkUrl === url) return;
+    setURL(embedLinkUrl);
+  }, [url]);
+  var close = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: "sdoc-add-link-close-icon",
+      onClick: closeDialog
+    }, /*#__PURE__*/_react["default"].createElement("i", {
+      className: "sdocfont sdoc-sm-close",
+      "aria-hidden": "true"
+    }));
+  }, [closeDialog]);
+  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Modal, {
+    isOpen: true,
+    autoFocus: false,
+    toggle: closeDialog,
+    className: className,
+    zIndex: 1071,
+    returnFocusAfterClose: false
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalHeader, {
+    close: close
+  }, t('Embed_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: "addVideoLink",
+    value: url || '',
+    onChange: handleUrlChange
+  }), linkErrorMessage && /*#__PURE__*/_react["default"].createElement(_reactstrap.Alert, {
+    color: "danger",
+    className: "mt-2"
+  }, t(linkErrorMessage))), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      textAlign: 'center',
+      fontSize: '12px',
+      color: '#787774'
+    }
+  }, t('Support_Figma_Seatable_link')))), /*#__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, {
+    color: "primary",
+    disabled: false,
+    onClick: submit
+  }, t('Add_link'))));
+};
+var _default = exports["default"] = AddEmbedLinkDialog;

package/dist/extension/plugins/embed-link/helper.js

@@ -0,0 +1,134 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalizeFigmaEmbedLink = exports.isInsertEmbedLinkDisabled = exports.insertEmbedLink = exports.getEmbedLinkType = exports.generateEmbedLinkNode = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _slugid = _interopRequireDefault(require("slugid"));
+var _constants = require("../../constants");
+var _elementType = require("../../constants/element-type");
+var _core = require("../../core");
+var _constants2 = require("./constants");
+var isInsertEmbedLinkDisabled = exports.isInsertEmbedLinkDisabled = function isInsertEmbedLinkDisabled(editor, readonly) {
+  if (readonly) return true;
+  var selection = editor.selection;
+  if (selection === null) return true;
+  if (!_slate.Range.isCollapsed(selection)) return true;
+  var _Editor$nodes = _slate.Editor.nodes(editor, {
+      match: function match(n) {
+        var type = (0, _core.getNodeType)(n);
+        if (!type && (0, _core.isTextNode)(n) && n.id) {
+          var parentNode = (0, _core.getParentNode)(editor.children, n.id);
+          type = (0, _core.getNodeType)(parentNode);
+        }
+        if (_constants.TOGGLE_TITLE_TYPES.includes(type)) return true;
+        if (type === _constants.CODE_BLOCK) return true;
+        if (type.startsWith('header')) return true;
+        if (type === _constants.TITLE) return true;
+        if (type === _constants.SUBTITLE) return true;
+        if (type === _constants.LIST_ITEM) return true;
+        if (type === _constants.CHECK_LIST_ITEM) return true;
+        if (type === _constants.MULTI_COLUMN) return true;
+        if (type === _constants.BLOCKQUOTE) return true;
+        if (type === _constants.CALL_OUT) return true;
+        if (_slate.Editor.isVoid(editor, n)) return true;
+        return false;
+      },
+      universal: true
+    }),
+    _Editor$nodes2 = (0, _slicedToArray2["default"])(_Editor$nodes, 1),
+    match = _Editor$nodes2[0];
+  if (match) return true;
+  return false;
+};
+var getEmbedLinkType = exports.getEmbedLinkType = function getEmbedLinkType(text) {
+  var link = text.trim();
+  try {
+    var url = new URL(link);
+    var host = url.hostname.toLowerCase();
+    var path = url.pathname.toLowerCase();
+    // SeaTable
+    var isSeaTable = /(^|\.)seatable\.cn$/.test(host) && /^\/workspace\/\d+\/dtable\/.+/.test(path);
+    if (isSeaTable) return _constants2.EMBED_LINK_SOURCE.SEATABLE;
+
+    // Figma
+    var isFigma = /(^|\.)figma\.com$/.test(host) && /^\/(design|file|proto|board|slides)\//.test(path);
+    if (isFigma) return _constants2.EMBED_LINK_SOURCE.FIGMA;
+    return null;
+  } catch (e) {
+    return null;
+  }
+};
+var normalizeFigmaEmbedLink = exports.normalizeFigmaEmbedLink = function normalizeFigmaEmbedLink(text) {
+  var link = text.trim();
+  try {
+    var url = new URL(link);
+    var host = url.hostname.toLowerCase();
+    if (host === 'embed.figma.com') {
+      return url.toString();
+    }
+    if (!/(^|\.)figma\.com$/i.test(host)) return null;
+    if (!/^\/(design|file|proto|board|slides)\//i.test(url.pathname)) return null;
+    var embedUrl = new URL(url);
+    embedUrl.hostname = 'embed.figma.com';
+    embedUrl.searchParams["delete"]('t');
+    embedUrl.searchParams.set('embed-host', 'share');
+    return embedUrl.toString();
+  } catch (e) {
+    return null;
+  }
+};
+var generateEmbedLinkNode = exports.generateEmbedLinkNode = function generateEmbedLinkNode(link, type) {
+  var embedLinkNode = {
+    id: _slugid["default"].nice(),
+    type: _elementType.EMBED_LINK,
+    link: link,
+    link_type: type,
+    children: [{
+      id: _slugid["default"].nice(),
+      text: ''
+    }]
+  };
+  return embedLinkNode;
+};
+var insertEmbedLink = exports.insertEmbedLink = function insertEmbedLink(editor, link, type) {
+  var _editor$selection;
+  if (isInsertEmbedLinkDisabled(editor)) return;
+  if (editor.selection == null) return;
+  var embedLinkNode = generateEmbedLinkNode(link, type);
+  var path = (_editor$selection = editor.selection) === null || _editor$selection === void 0 ? void 0 : _editor$selection.anchor.path;
+
+  // When inserting embed link in the toggle content, insert current
+  var currentToggleContentEntry = (0, _core.getSelectedNodeEntryByType)(editor, _constants.TOGGLE_CONTENT);
+  if (currentToggleContentEntry) {
+    _slate.Transforms.insertNodes(editor, embedLinkNode, {
+      at: path.slice(0, -1)
+    });
+    _slate.Transforms.select(editor, _slate.Editor.start(editor, path));
+    _slateReact.ReactEditor.focus(editor);
+    return;
+  }
+  var position = 'after';
+  if (position === _constants.INSERT_POSITION.AFTER) {
+    _slate.Transforms.insertNodes(editor, embedLinkNode, {
+      at: [path[0] + 1]
+    });
+    var nextPath = _slate.Path.next([path[0] + 1]);
+    if (!(0, _core.getNode)(editor, nextPath)) {
+      _slate.Transforms.insertNodes(editor, (0, _core.generateDefaultParagraph)(), {
+        at: nextPath
+      });
+    }
+    var endOfFirstNode = _slate.Editor.start(editor, nextPath);
+    var range = {
+      anchor: endOfFirstNode,
+      focus: endOfFirstNode
+    };
+    (0, _core.focusEditor)(editor, range);
+    return;
+  }
+};

package/dist/extension/plugins/embed-link/hover-menu/index.css

@@ -0,0 +1,50 @@
+.sdoc-embed-link-hover-menu-container {
+  position: absolute;
+  height: 42px;
+  z-index: 101;
+  width: auto;
+}
+
+.sdoc-embed-link-hover-menu-container .hover-menu-container {
+  height: 36px;
+  background-color: #fff;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  border-radius: 3px;
+  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
+  border: 1px solid #e8e8e8;
+}
+
+.sdoc-embed-link-hover-menu-container .hover-menu-container>span {
+  padding: 0 8px;
+}
+
+.sdoc-embed-link-hover-menu-container .hover-menu-container>span:not(:last-of-type) {
+  padding: 0 8px;
+  border-right: 1px solid #e5e5e5;
+}
+
+.sdoc-embed-link-hover-menu-container .hover-menu-container .op-item {
+  position: relative;
+  font-size: 12px;
+  color: #212529;
+  padding: 0 5px;
+  border-radius: 2px;
+  min-width: 24px;
+  height: 24px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.sdoc-embed-link-hover-menu-container .hover-menu-container .op-item:hover {
+  text-decoration: none;
+  background: #EFEFEF;
+}
+
+.sdoc-embed-link-hover-menu-container .hover-menu-container .sdocfont {
+  line-height: 1;
+  font-size: 14px;
+  color: #666;
+}

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

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
+var _commons = require("../../../commons");
+require("./index.css");
+var EmbedLinkHoverMenu = function EmbedLinkHoverMenu(_ref) {
+  var isValidUrl = _ref.isValidUrl,
+    menuPosition = _ref.menuPosition,
+    onOpen = _ref.onOpen,
+    openFullscreen = _ref.openFullscreen,
+    onDeleteEmbedLink = _ref.onDeleteEmbedLink;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    showTooltip = _useState2[0],
+    setShowTooltip = _useState2[1];
+  (0, _react.useEffect)(function () {
+    setShowTooltip(true);
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement(_commons.ElementPopover, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-embed-link-hover-menu-container",
+    style: menuPosition
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "hover-menu-container"
+  }, isValidUrl && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "op-group-item"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    id: "sdoc_embed_link_open",
+    role: "button",
+    className: "op-item",
+    onClick: onOpen
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "mr-1"
+  }, t('Open')))), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "op-group-item"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    id: "sdoc_embed_link_delete",
+    role: "button",
+    className: "op-item",
+    onClick: onDeleteEmbedLink
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-delete"
+  }), showTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    target: "sdoc_embed_link_delete",
+    placement: "top",
+    fade: true
+  }, t('Delete')))), isValidUrl && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "op-group-item"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    id: "sdoc_embed_link_full_screen_mode",
+    role: "button",
+    className: "op-item",
+    onClick: openFullscreen
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-fullscreen icon-font"
+  }), showTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    target: "sdoc_embed_link_full_screen_mode",
+    placement: "top",
+    fade: true
+  }, t('Full_screen_mode')))))));
+};
+var _default = exports["default"] = EmbedLinkHoverMenu;

package/dist/extension/plugins/embed-link/index.css

@@ -0,0 +1,69 @@
+.sdoc-embed-link-container {
+  position: relative;
+  width: 100%;
+  height: 300px;
+  border: 1px solid #ccc;
+  margin: 5px 0;
+}
+
+.sdoc-embed-link-container.isSelected {
+  border: 2px solid rgb(0, 123, 255);
+}
+
+.sdoc-embed-link-title {
+  font-size: 14px;
+  color: #333;
+  text-align: center;
+  margin: 5px;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0%;
+  z-index: 3;
+}
+
+.sdoc-embed-link-container .iframe-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  z-index: 2;
+}
+
+.sdoc-embed-link-container .sdoc-embed-link-element {
+  width: 100%;
+  height: 100%;
+  border: none;
+  position: relative;
+  z-index: 1;
+}
+
+.embed-link-zoom-out-container {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.7);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 9999;
+}
+
+.embed-link-zoom-out-container .sdoc-embed-link-element-full-screen {
+  pointer-events: auto;
+  background: #fff;
+  border-radius: 12px;
+  width: 80%;
+  height: 80%;
+  overflow: auto;
+}
+
+.sdoc-embed-link-tip {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: red;
+}

package/dist/extension/plugins/embed-link/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _elementType = require("../../constants/element-type");
+var _plugin = _interopRequireDefault(require("./plugin"));
+var _renderElem = require("./render-elem");
+var EmbedLinkPlugin = {
+  type: _elementType.EMBED_LINK,
+  editorPlugin: _plugin["default"],
+  renderElements: [_renderElem.renderEmbedLink]
+};
+var _default = exports["default"] = EmbedLinkPlugin;

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

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _slate = require("@seafile/slate");
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
+var _constants = require("../../constants");
+var _elementType = require("../../constants/element-type");
+var _core = require("../../core");
+var _helpers = require("../../toolbar/side-toolbar/helpers");
+var withEmbedLink = function withEmbedLink(editor) {
+  var isVoid = editor.isVoid,
+    onHotKeyDown = editor.onHotKeyDown;
+  var newEditor = editor;
+
+  // Make embed link as void node
+  newEditor.isVoid = function (elem) {
+    var type = elem.type;
+    if (type === _elementType.EMBED_LINK) {
+      return true;
+    }
+    return isVoid(elem);
+  };
+  newEditor.onHotKeyDown = function (event) {
+    var _ref = (0, _core.getSelectedNodeEntryByType)(editor, _elementType.EMBED_LINK) || [],
+      _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+      embedLinkNode = _ref2[0],
+      path = _ref2[1];
+    if (path) {
+      // Insert empty paragraph node after embed link when clicking 'enter' on selected embed link
+      if ((0, _isHotkey["default"])('enter', event)) {
+        event.preventDefault();
+        var emptyParagraph = (0, _core.generateEmptyElement)(_constants.PARAGRAPH);
+        _slate.Transforms.insertNodes(editor, emptyParagraph, {
+          at: _slate.Path.next(path)
+        });
+        var focusPoint = _slate.Editor.end(editor, _slate.Path.next(path));
+        (0, _core.focusEditor)(newEditor, focusPoint);
+      }
+      if ((0, _isHotkey["default"])('mod+c', event)) {
+        (0, _helpers.onCopyNode)(editor, embedLinkNode);
+      }
+      return true;
+    }
+    return onHotKeyDown && onHotKeyDown(event);
+  };
+  return newEditor;
+};
+var _default = exports["default"] = withEmbedLink;

package/dist/extension/plugins/embed-link/render-elem.js

@@ -0,0 +1,180 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderEmbedLink = renderEmbedLink;
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createForOfIteratorHelper"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _reactI18next = require("react-i18next");
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _isUrl = _interopRequireDefault(require("is-url"));
+var _useScrollContext = require("../../../hooks/use-scroll-context");
+var _core = require("../../core");
+var _utils = require("../../utils");
+var _constants = require("./constants");
+var _helper = require("./helper");
+var _hoverMenu = _interopRequireDefault(require("./hover-menu"));
+require("./index.css");
+var EmbedLink = function EmbedLink(_ref) {
+  var editor = _ref.editor,
+    element = _ref.element;
+  var EmbedLinkRef = (0, _react.useRef)();
+  var fullscreenRef = (0, _react.useRef)();
+  var scrollRef = (0, _useScrollContext.useScrollContext)();
+  var isSelected = (0, _slateReact.useSelected)();
+  var readOnly = (0, _slateReact.useReadOnly)();
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var _useState = (0, _react.useState)({
+      top: '',
+      left: ''
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    menuPosition = _useState2[0],
+    setMenuPosition = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isShowZoomOut = _useState4[0],
+    setIsShowZoomOut = _useState4[1];
+  var originalLink = element.link,
+    link_type = element.link_type;
+  var link = originalLink;
+  if (link_type === _constants.EMBED_LINK_SOURCE.FIGMA) {
+    link = (0, _helper.normalizeFigmaEmbedLink)(originalLink);
+  }
+  var isValidUrl = (0, _react.useMemo)(function () {
+    return (0, _isUrl["default"])(link);
+  }, [link]);
+  var onDeleteEmbedLink = (0, _react.useCallback)(function () {
+    var path = _slateReact.ReactEditor.findPath(editor, element);
+    _slate.Transforms.removeNodes(editor, {
+      at: path
+    });
+    (0, _core.focusEditor)(editor);
+    _slate.Transforms.select(editor, editor.selection);
+  }, [editor, element]);
+  var handleDoubleClick = function handleDoubleClick(event) {
+    event.preventDefault();
+    if (!isValidUrl) return;
+    window.open(link, '_blank');
+    return;
+  };
+  var handleScroll = (0, _react.useCallback)(function (e) {
+    if (readOnly) return;
+    if (!isSelected && !isShowZoomOut) return;
+    var menuPosition = (0, _utils.getMenuPosition)(EmbedLinkRef.current, editor);
+    setMenuPosition(menuPosition);
+  }, [editor, isSelected, readOnly, isShowZoomOut]);
+  (0, _react.useEffect)(function () {
+    if (readOnly) return;
+    var observerRefValue = null;
+    var resizeObserver = null;
+    if (scrollRef.current) {
+      scrollRef.current.addEventListener('scroll', handleScroll);
+      observerRefValue = scrollRef.current;
+      resizeObserver = new ResizeObserver(function (entries) {
+        // eslint-disable-next-line no-unused-vars
+        var _iterator = (0, _createForOfIteratorHelper2["default"])(entries),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var entry = _step.value;
+            if (resizeObserver) {
+              handleScroll();
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      });
+      resizeObserver.observe(scrollRef.current);
+    }
+    return function () {
+      observerRefValue.removeEventListener('scroll', handleScroll);
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      }
+    };
+  }, [handleScroll, readOnly, scrollRef]);
+  var handleOnClick = (0, _react.useCallback)(function () {
+    if (readOnly) return;
+    if (isSelected) {
+      var _menuPosition = (0, _utils.getMenuPosition)(EmbedLinkRef.current, editor);
+      setMenuPosition(_menuPosition);
+    }
+  }, [editor, isSelected, readOnly]);
+  var openFullscreen = function openFullscreen(e) {
+    e.stopPropagation();
+    setIsShowZoomOut(true);
+  };
+  (0, _react.useEffect)(function () {
+    var handleKeyDown = function handleKeyDown(e) {
+      if (e.key === 'Escape') {
+        setIsShowZoomOut(false);
+      }
+    };
+    if (isShowZoomOut) {
+      document.addEventListener('keydown', handleKeyDown);
+    }
+    return function () {
+      document.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [isShowZoomOut, setIsShowZoomOut]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('sdoc-embed-link-container', {
+      'isSelected': isSelected
+    }),
+    onDoubleClick: handleDoubleClick,
+    scrolling: "no"
+  }, isValidUrl && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("iframe", {
+    className: "sdoc-embed-link-element ".concat(link_type),
+    title: link,
+    src: link,
+    ref: EmbedLinkRef
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "iframe-overlay",
+    onDoubleClick: handleDoubleClick,
+    onClick: handleOnClick
+  })), !isValidUrl && /*#__PURE__*/_react["default"].createElement("div", {
+    ref: EmbedLinkRef,
+    className: "sdoc-embed-link-tip"
+  }, t('Embed_link_invalid_tip'))), isSelected && !readOnly && !isShowZoomOut && /*#__PURE__*/_react["default"].createElement(_hoverMenu["default"], {
+    isValidUrl: isValidUrl,
+    menuPosition: menuPosition,
+    onOpen: handleDoubleClick,
+    openFullscreen: openFullscreen,
+    onDeleteEmbedLink: onDeleteEmbedLink
+  }), isShowZoomOut && (/*#__PURE__*/_reactDom["default"].createPortal(/*#__PURE__*/_react["default"].createElement("div", {
+    className: "embed-link-zoom-out-container",
+    onClick: function onClick() {
+      return setIsShowZoomOut(false);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("iframe", {
+    title: link,
+    className: "sdoc-embed-link-element-full-screen ".concat(link_type),
+    src: link,
+    ref: fullscreenRef
+  })), document.body)));
+};
+function renderEmbedLink(props, editor) {
+  var element = props.element,
+    children = props.children,
+    attributes = props.attributes;
+  return /*#__PURE__*/_react["default"].createElement("div", Object.assign({}, attributes, {
+    contentEditable: "false",
+    suppressContentEditableWarning: true
+  }), children, /*#__PURE__*/_react["default"].createElement(EmbedLink, {
+    editor: editor,
+    element: element,
+    contentEditable: "false"
+  }));
+}

package/dist/extension/plugins/index.js

@@ -29,6 +29,12 @@ Object.defineProperty(exports, "CodeBlockPlugin", {
   }
 });
 exports.CommentPlugins = void 0;
+Object.defineProperty(exports, "EmbedLinkPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _embedLink["default"];
+  }
+});
 Object.defineProperty(exports, "FileLinkPlugin", {
   enumerable: true,
   get: function get() {
@@ -178,6 +184,7 @@ var _blockquote = _interopRequireDefault(require("./blockquote"));
 var _callout = _interopRequireDefault(require("./callout"));
 var _checkList = _interopRequireDefault(require("./check-list"));
 var _codeBlock = _interopRequireDefault(require("./code-block"));
+var _embedLink = _interopRequireDefault(require("./embed-link"));
 var _fileLink = _interopRequireDefault(require("./file-link"));
 var _fileView = _interopRequireDefault(require("./file-view"));
 var _font = _interopRequireDefault(require("./font"));
@@ -202,7 +209,7 @@ var _toggleHeader = _interopRequireDefault(require("./toggle-header"));
 var _video = _interopRequireDefault(require("./video"));
 var _whiteboard = _interopRequireDefault(require("./whiteboard"));
 var _wikiLink = _interopRequireDefault(require("./wiki-link"));
-var Plugins = [_markdown["default"], _html["default"], _header["default"], _link["default"], _blockquote["default"], _list["default"], _checkList["default"], _codeBlock["default"], _image["default"], _video["default"], _table["default"], _multiColumn["default"], _textStyle["default"], _textAlign["default"], _font["default"], _sdocLink["default"], _paragraph["default"], _fileLink["default"], _callout["default"], _searchReplace["default"], _quickInsert["default"], _group["default"], _whiteboard["default"], _fileView["default"], _formula["default"], _toggleHeader["default"]];
+var Plugins = [_markdown["default"], _html["default"], _header["default"], _link["default"], _blockquote["default"], _list["default"], _checkList["default"], _codeBlock["default"], _image["default"], _video["default"], _table["default"], _multiColumn["default"], _textStyle["default"], _textAlign["default"], _font["default"], _sdocLink["default"], _paragraph["default"], _fileLink["default"], _callout["default"], _searchReplace["default"], _quickInsert["default"], _group["default"], _whiteboard["default"], _fileView["default"], _formula["default"], _toggleHeader["default"], _embedLink["default"]];
 var WikiPlugins = exports.WikiPlugins = [].concat(Plugins, [_wikiLink["default"], _fileView["default"]]);
 var CommentPlugins = exports.CommentPlugins = [_markdown["default"], _html["default"], _paragraph["default"], _textStyle["default"], _list["default"], _image["default"], _link["default"], _mention["default"], _blockquote["default"]];
 var _default = exports["default"] = Plugins;

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

@@ -19,9 +19,10 @@ var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants2 = require("../../constants");
 var _core = require("../../core");
 var _utils = require("../../utils");
+var _helper = require("../embed-link/helper");
 var _helpers = require("../file-link/helpers");
 var _helpers2 = require("../sdoc-link/helpers");
-var _helper = require("../whiteboard/helper");
+var _helper2 = require("../whiteboard/helper");
 var _helpers3 = require("../wiki-link/helpers");
 var _helpers4 = require("./helpers");
 var withLink = function withLink(editor) {
@@ -43,7 +44,7 @@ var withLink = function withLink(editor) {
   };
   newEditor.insertData = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(data) {
-      var text, selectedElems, isCodeContext, res, fileName, fileUuid, _fileName, fileParentPath, filePath, repoId, _fileName2, _fileUuid, url, pathname, _context$getSetting, parts, wikiPageId, title, wikiPageList, page, linkedNodeId, _title, params, link, _link, _link2, _Editor$next, _Editor$next2, focusPath, focusPoint, _t;
+      var text, selectedElems, isCodeContext, res, fileName, fileUuid, _fileName, fileParentPath, filePath, repoId, _fileName2, _fileUuid, url, pathname, _context$getSetting, parts, wikiPageId, title, wikiPageList, page, linkedNodeId, _title, params, link, _link, embedLinkType, _link2, _Editor$next, _Editor$next2, focusPath, focusPoint, _t;
       return (0, _regenerator2["default"])().w(function (_context) {
         while (1) switch (_context.p = _context.n) {
           case 0:
@@ -60,7 +61,7 @@ var withLink = function withLink(editor) {
             return _context.a(2, insertData(data));
           case 1:
             if (!((0, _isUrl["default"])(text) && !(0, _utils.isImage)(text))) {
-              _context.n = 15;
+              _context.n = 16;
               break;
             }
             if (!(0, _utils.isSameDomain)(text, _context2["default"].getSetting('serviceUrl'))) {
@@ -90,7 +91,7 @@ var withLink = function withLink(editor) {
             fileParentPath = res.data.files_info[text].parent_path;
             filePath = fileParentPath + '/' + _fileName;
             repoId = res.data.files_info[text].repo_id;
-            (0, _helper.insertWhiteboard)(editor, _fileName, filePath, repoId);
+            (0, _helper2.insertWhiteboard)(editor, _fileName, filePath, repoId);
             _context.n = 10;
             break;
           case 5:
@@ -153,20 +154,29 @@ var withLink = function withLink(editor) {
             _link = (0, _helpers4.genLinkNode)(text, text);
             _slate.Transforms.insertNodes(newEditor, _link);
           case 12:
-            _context.n = 14;
+            _context.n = 15;
             break;
           case 13:
+            // Paste Seatable or Figma link
+            embedLinkType = (0, _helper.getEmbedLinkType)(text);
+            if (!embedLinkType) {
+              _context.n = 14;
+              break;
+            }
+            (0, _helper.insertEmbedLink)(newEditor, text, embedLinkType);
+            return _context.a(2);
+          case 14:
             _link2 = (0, _helpers4.genLinkNode)(text, text);
             _slate.Transforms.insertNodes(newEditor, _link2);
-          case 14:
+          case 15:
             // 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 15:
-            insertData(data);
           case 16:
+            insertData(data);
+          case 17:
             return _context.a(2);
         }
       }, _callee, null, [[2, 11]]);

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

@@ -260,6 +260,12 @@ var CustomRenderElement = function CustomRenderElement(props) {
           renderWhiteboard = _WhiteboardPlugin$ren[0];
         return renderWhiteboard((0, _objectSpread2["default"])({}, props), editor);
       }
+    case _elementType.EMBED_LINK:
+      {
+        var _EmbedLinkPlugin$rend = (0, _slicedToArray2["default"])(_plugins.EmbedLinkPlugin.renderElements, 1),
+          _renderWhiteboard = _EmbedLinkPlugin$rend[0];
+        return _renderWhiteboard((0, _objectSpread2["default"])({}, props), editor);
+      }
     case _elementType.FILE_VIEW:
       {
         var _FileViewPlugin$rende = (0, _slicedToArray2["default"])(_plugins.FileViewPlugin.renderElements, 1),

package/dist/extension/toolbar/insert-element-toolbar/index.js

@@ -22,6 +22,7 @@ var _commonUtils = require("../../../utils/common-utils");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _dropdownMenuItem = _interopRequireDefault(require("../../commons/dropdown-menu-item"));
 var _constants2 = require("../../constants");
+var _elementType = require("../../constants/element-type");
 var _core = require("../../core");
 var _helper = require("../../plugins/callout/helper");
 var _helpers = require("../../plugins/check-list/helpers");
@@ -132,6 +133,16 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [insertPosition]);
+  var addEmbedLinkDialog = (0, _react.useCallback)(function () {
+    callback && callback();
+    var eventBus = _eventBus["default"].getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.ELEMENT_TYPE.EMBED_LINK,
+      insertPosition: insertPosition,
+      slateNode: slateNode
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [insertPosition]);
   var openFileViewDialog = (0, _react.useCallback)(function () {
     callback && callback();
     var eventBus = _eventBus["default"].getInstance();
@@ -381,7 +392,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     }, t('Add_video_link')), editor.editorType !== _constants.WIKI_EDITOR && /*#__PURE__*/_react["default"].createElement("div", {
       className: "sdoc-dropdown-menu-item",
       onClick: openSelectVideoFileDialog
-    }, t('Link_video_file'))))))), {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants2.TABLE,
+    }, t('Link_video_file'))))))), {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants2.TABLE,
     /*#__PURE__*/
     // eslint-disable-next-line react/jsx-indent
     _react["default"].createElement(_dropdownMenuItem["default"], {
@@ -407,6 +418,11 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
       key: "sdoc-insert-menu-link",
       menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.LINK]),
       onClick: openLinkDialog
+    })), _elementType.EMBED_LINK, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+      isHidden: !quickInsertMenuSearchMap[_elementType.EMBED_LINK],
+      key: "sdoc-insert-menu-embed-link",
+      menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.EMBED_LINK]),
+      onClick: addEmbedLinkDialog
     })), _constants2.CODE_BLOCK, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.CODE_BLOCK],
       disabled: isDisableCodeBlock,
@@ -472,7 +488,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     });
     return items;
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [quickInsertMenuSearchMap, isDisableImage, onInsertImageToggle, isDisableVideo, isDisableMultiColumn, onInsertVideoToggle, isDisableTable, editor, createTable, callback, handleClosePopover, openLinkDialog, onInsertCodeBlock, isDisableCallout, isDisableToggleHeader, onInsertCheckList, isEmptyNode, onInsertCallout, onInsertList, onInsert, createMultiColumn, isDisableHeader]);
+  }, [quickInsertMenuSearchMap, isDisableImage, onInsertImageToggle, isDisableVideo, isDisableMultiColumn, onInsertVideoToggle, isDisableTable, editor, createTable, callback, handleClosePopover, openLinkDialog, addEmbedLinkDialog, onInsertCodeBlock, isDisableCallout, isDisableToggleHeader, onInsertCheckList, isEmptyNode, onInsertCallout, onInsertList, onInsert, createMultiColumn, isDisableHeader]);
   var getSelectItemDom = function getSelectItemDom(selectIndex) {
     var dropDownItemWrapper = downDownWrapperRef.current;
     var searchedDropDownItemWrapper = [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.124",
+  "version": "3.0.126",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -17,7 +17,7 @@
   "license": "ISC",
   "description": "",
   "dependencies": {
-    "@seafile/comment-editor": "1.0.19",
+    "@seafile/comment-editor": "1.0.20",
     "@seafile/print-js": "1.6.6",
     "@seafile/react-image-lightbox": "5.0.4",
     "@seafile/seafile-database": "0.0.43",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cac597b945276ad424c9014d4e8647062d984f6b"
+  "gitHead": "13d95e83e1dc8d766ce3e95290f04b9efb2ad572"
 }