@seafile/sdoc-editor 2.0.126 → 2.0.127-test-0.0.2

package/dist/assets/css/link-cursor.css

@@ -0,0 +1,48 @@
+.sdoc-editor__article {
+  position: relative;
+  overflow: auto;
+}
+
+.slate-content.hide-native-cursor {
+  caret-color: transparent;
+}
+
+.custom-cursor {
+  position: absolute;
+  width: 1px;
+  height: 1.2em;
+  background-color: blue;
+  animation: blink 1s infinite;
+}
+
+.custom-cursor.link-start::after,
+.custom-cursor.next-start::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 4px;
+  height: 1px;
+  background-color: blue;
+}
+
+.custom-cursor.link-end::after,
+.custom-cursor.prev-end::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  width: 4px;
+  height: 1px;
+  background-color: blue;
+}
+
+@keyframes blink {
+  0%, 100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+  }
+}

package/dist/assets/css/sdoc-editor-plugins.css

@@ -186,6 +186,7 @@
   padding: 8px 0;
 }
 
+.sdoc-insert-whiteboard-menu-popover-container,
 .sdoc-insert-video-menu-popover-container {
   padding: 8px 0;
 }

package/dist/comment/reducer/notification-reducer.js

@@ -26,7 +26,7 @@ var notificationReducer = exports.notificationReducer = function notificationRed
       {
         var notifications = action.payload;
         var notificationsMap = {};
-        notifications.forEach(function (n) {
+        notifications === null || notifications === void 0 ? void 0 : notifications.forEach(function (n) {
           var newNotification = new _model.Notification(n);
           notificationsMap[newNotification.key] = newNotification;
         });

package/dist/constants/index.js

@@ -74,7 +74,9 @@ var INTERNAL_EVENT = exports.INTERNAL_EVENT = {
   TOGGLE_PRESENTATION_MODE: 'toggle_presentation_mode',
   CREATE_SDOC_FILE: 'create_sdoc_file',
   CREATE_WIKI_PAGE: 'create_wiki_page',
-  IMAGE_COLUMN_TOGGLE: 'Image_column_toggle'
+  IMAGE_COLUMN_TOGGLE: 'Image_column_toggle',
+  CREATE_WHITEBOARD_FILE: 'create_whiteboard_file',
+  GENERATE_EXDRAW_READ_ONLY_LINK: 'generate_exdraw_read_only_link'
 };
 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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createForOfIteratorHelper"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _slate = require("@seafile/slate");
@@ -28,6 +29,7 @@ var _commonUtils = require("../utils/common-utils");
 var _domUtils = require("../utils/dom-utils");
 var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
 var _eventHandler = _interopRequireDefault(require("../utils/event-handler"));
+require("../assets/css/link-cursor.css");
 var EditableArticle = function EditableArticle(_ref) {
   var _ref$showComment = _ref.showComment,
     showComment = _ref$showComment === void 0 ? true : _ref$showComment,
@@ -38,6 +40,14 @@ var EditableArticle = function EditableArticle(_ref) {
     cursors = _useCursors.cursors;
   var decorate = (0, _decorates.usePipDecorate)(editor);
   var forceUpdate = (0, _useForceUpdate["default"])();
+  var _useState = (0, _react.useState)({
+      top: 0,
+      left: 0,
+      type: null // 'link-start' | 'link-end' | 'next-start' | 'prev-end'
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    cursorState = _useState2[0],
+    setCursorState = _useState2[1];
 
   // init eventHandler
   // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -67,6 +77,113 @@ var EditableArticle = function EditableArticle(_ref) {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  (0, _react.useEffect)(function () {
+    var selection = editor.selection;
+    if (!selection || !_slate.Range.isCollapsed(selection)) {
+      setCursorState({
+        top: 0,
+        left: 0,
+        type: null
+      });
+      return;
+    }
+    var domSelection = window.getSelection();
+    if (!domSelection || domSelection.rangeCount === 0) {
+      setCursorState({
+        top: 0,
+        left: 0,
+        type: null
+      });
+      return;
+    }
+    var range = domSelection.getRangeAt(0);
+    var rect = range.getBoundingClientRect();
+    var editorEl = document.querySelector('.sdoc-editor__article');
+    if (!editorEl) {
+      setCursorState({
+        top: 0,
+        left: 0,
+        type: null
+      });
+      return;
+    }
+    var editorRect = editorEl.getBoundingClientRect();
+    var top = rect.top - editorRect.top + editorEl.scrollTop;
+    var left = rect.left - editorRect.left + editorEl.scrollLeft;
+    var _Editor$node = _slate.Editor.node(editor, selection.anchor.path),
+      _Editor$node2 = (0, _slicedToArray2["default"])(_Editor$node, 2),
+      node = _Editor$node2[0],
+      path = _Editor$node2[1];
+    if (!_slate.Text.isText(node)) {
+      setCursorState({
+        top: 0,
+        left: 0,
+        type: null
+      });
+      return;
+    }
+    var isInLink = false;
+    var _iterator = (0, _createForOfIteratorHelper2["default"])(_slate.Node.ancestors(editor, path)),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _step$value = (0, _slicedToArray2["default"])(_step.value, 1),
+          ancestor = _step$value[0];
+        if (ancestor.type === 'link') {
+          isInLink = true;
+          break;
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    if (isInLink) {
+      var offset = selection.anchor.offset;
+      var isStart = offset === 0;
+      var isEnd = offset === node.text.length;
+      if (!isStart && !isEnd) {
+        setCursorState({
+          top: 0,
+          left: 0,
+          type: null
+        });
+        return;
+      }
+      setCursorState({
+        top: top,
+        left: left,
+        type: isStart ? 'link-start' : 'link-end'
+      });
+    } else {
+      var parent = _slate.Node.parent(editor, path);
+      var index = path[path.length - 1];
+      var nextSibling = index < parent.children.length - 1 ? parent.children[index + 1] : null;
+      var prevSibling = index > 0 ? parent.children[index - 1] : null;
+      var isLeftNeighborEnd = nextSibling && _slate.Element.isElement(nextSibling) && nextSibling.type === 'link' && selection.anchor.offset === node.text.length;
+      var isRightNeighborStart = prevSibling && _slate.Element.isElement(prevSibling) && prevSibling.type === 'link' && selection.anchor.offset === 0;
+      if (isLeftNeighborEnd) {
+        setCursorState({
+          top: top,
+          left: left,
+          type: 'prev-end'
+        });
+      } else if (isRightNeighborStart) {
+        setCursorState({
+          top: top,
+          left: left,
+          type: 'next-start'
+        });
+      } else {
+        setCursorState({
+          top: 0,
+          left: 0,
+          type: null
+        });
+      }
+    }
+  }, [editor.selection]);
   var onKeyDown = (0, _react.useCallback)(function (event) {
     var _scrollRef$current = scrollRef.current,
       scrollTop = _scrollRef$current.scrollTop,
@@ -254,7 +371,14 @@ var EditableArticle = function EditableArticle(_ref) {
     onCopy: eventProxy.onCopy,
     onCompositionStart: eventProxy.onCompositionStart,
     id: "sdoc-editor",
-    "aria-label": "textbox"
+    "aria-label": "textbox",
+    className: "slate-content ".concat(cursorState.type ? 'hide-native-cursor' : '')
+  }), cursorState.type && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "custom-cursor ".concat(cursorState.type),
+    style: {
+      top: cursorState.top,
+      left: cursorState.left
+    }
   })), /*#__PURE__*/_react["default"].createElement(_extension.SideToolbar, null), showComment && /*#__PURE__*/_react["default"].createElement(_comment["default"], {
     editor: editor,
     type: "editor"

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

@@ -64,10 +64,14 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
     _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
     handleSubmit = _useState16[0],
     setHandleSubmit = _useState16[1];
-  var _useState17 = (0, _react.useState)({}),
+  var _useState17 = (0, _react.useState)(null),
     _useState18 = (0, _slicedToArray2["default"])(_useState17, 2),
-    data = _useState18[0],
-    setData = _useState18[1];
+    insertWhiteboardFile = _useState18[0],
+    setInsertWhiteboardFile = _useState18[1];
+  var _useState19 = (0, _react.useState)({}),
+    _useState20 = (0, _slicedToArray2["default"])(_useState19, 2),
+    data = _useState20[0],
+    setData = _useState20[1];
   var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
     t = _useTranslation.t;
   var uploadLocalImageInputRef = (0, _react.useRef)();
@@ -121,6 +125,7 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
       insertFileLinkCallback = _ref2.insertFileLinkCallback,
       insertSdocFileLinkCallback = _ref2.insertSdocFileLinkCallback,
       insertVideo = _ref2.insertVideo,
+      insertWhiteboard = _ref2.insertWhiteboard,
       paramEditor = _ref2.editor,
       linkTitle = _ref2.linkTitle,
       handleSubmit = _ref2.handleSubmit,
@@ -133,6 +138,9 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
       insertSdocFileLinkCallback: insertSdocFileLinkCallback,
       insertFileLinkCallback: insertFileLinkCallback
     });
+    setInsertWhiteboardFile({
+      insertWhiteboard: insertWhiteboard
+    });
     setInsertVideoCallback({
       insertVideo: insertVideo
     });
@@ -159,6 +167,7 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
     setDialogType('');
     setInsertLinkCallback(null);
     setInsertVideoCallback(null);
+    setInsertWhiteboardFile(null);
     setValidEditor(null);
     setLinkTitle('');
     setData('');
@@ -206,6 +215,16 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
         };
         return /*#__PURE__*/_react["default"].createElement(_index5["default"], fileLinkProps);
       }
+    case _constants2.ELEMENT_TYPE.WHITEBOARD:
+      {
+        var whiteboardProps = {
+          editor: validEditor,
+          dialogType: dialogType,
+          insertWhiteboardFile: insertWhiteboardFile,
+          closeDialog: closeDialog
+        };
+        return /*#__PURE__*/_react["default"].createElement(_index5["default"], whiteboardProps);
+      }
     case _constants2.ELEMENT_TYPE.VIDEO:
       {
         var videoProps = {

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.parcelFileTypeIcon = exports.getSdocFileIcon = exports.getFileTypeIcon = exports.addDataToTree = void 0;
+exports.whiteboardFileIcon = exports.parcelFileTypeIcon = exports.getSdocFileIcon = exports.getFileTypeIcon = exports.addDataToTree = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _context = _interopRequireDefault(require("../../../context"));
 var _constants = require("../../constants");
@@ -29,6 +29,10 @@ var getSdocFileIcon = exports.getSdocFileIcon = function getSdocFileIcon() {
   var server = _context["default"].getSetting('serviceUrl');
   return "".concat(server, "/media/img/file/256/sdoc.png");
 };
+var whiteboardFileIcon = exports.whiteboardFileIcon = function whiteboardFileIcon() {
+  var server = _context["default"].getSetting('serviceUrl');
+  return "".concat(server, "/media/img/file/256/draw.png");
+};
 var getFileTypeIcon = exports.getFileTypeIcon = function getFileTypeIcon(fileType) {
   var imgResource = ['css', 'draw', 'excel', 'md', 'music', 'pdf', 'pic', 'ppt', 'psd', 'sdoc', 'txt', 'video', 'zip', 'word'];
   if (imgResource.includes(fileType)) {

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

@@ -23,7 +23,8 @@ var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
     dialogType = _ref.dialogType,
     closeDialog = _ref.closeDialog,
     insertLinkCallback = _ref.insertLinkCallback,
-    insertVideoCallback = _ref.insertVideoCallback;
+    insertVideoCallback = _ref.insertVideoCallback,
+    insertWhiteboardFile = _ref.insertWhiteboardFile;
   var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
     t = _useTranslation.t;
   var _useState = (0, _react.useState)(null),
@@ -53,6 +54,9 @@ var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
     case _constants.ELEMENT_TYPE.VIDEO:
       modalTitle = 'Select_video_file';
       break;
+    case _constants.ELEMENT_TYPE.WHITEBOARD:
+      modalTitle = 'Select_whiteboard_document';
+      break;
     default:
       break;
   }
@@ -65,6 +69,8 @@ var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
       insertSdocFileLinkCallback = _ref2.insertSdocFileLinkCallback;
     var _ref3 = insertVideoCallback || {},
       insertVideo = _ref3.insertVideo;
+    var _ref4 = insertWhiteboardFile || {},
+      insertWhiteboard = _ref4.insertWhiteboard;
     switch (dialogType) {
       case _constants.ELEMENT_TYPE.FILE_LINK:
         insertFileLinkCallback && insertFileLinkCallback(editor, fileInfo.name, fileInfo.file_uuid);
@@ -82,10 +88,13 @@ var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
           name: fileInfo.name
         }], [encodedUrl]);
         break;
+      case _constants.ELEMENT_TYPE.WHITEBOARD:
+        insertWhiteboard && insertWhiteboard(editor, fileInfo.name, fileInfo.path);
+        break;
       default:
         break;
     }
-  }, [insertLinkCallback, insertVideoCallback, dialogType, editor]);
+  }, [insertLinkCallback, insertVideoCallback, insertWhiteboardFile, dialogType, editor]);
   var onSubmit = (0, _react.useCallback)(function () {
     if (!currentSelectedFile) return;
     var file_uuid = currentSelectedFile.file_uuid;
@@ -98,6 +107,13 @@ var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
       return;
     }
 
+    // Insert whiteboard file in sdoc
+    if (dialogType === _constants.ELEMENT_TYPE.WHITEBOARD) {
+      insertFile(fileInfo);
+      closeDialog();
+      return;
+    }
+
     // File has no id
     if (!file_uuid || file_uuid === '') {
       _context["default"].getSdocLocalFileId(currentSelectedFile.path).then(function (res) {

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

@@ -36,6 +36,7 @@
   left: 0;
 }
 
+.sdoc-file-icon-container .whiteboard-file-img,
 .sdoc-file-icon-container .video-file-img,
 .sdoc-file-icon-container .sdoc-file-img {
   position: absolute;
@@ -96,6 +97,7 @@
   white-space: nowrap;
 }
 
+.sdoc-folder-container.sdoc-folder-search-results .sdoc-file-info .sdoc-file-icon-container .whiteboard-file-img,
 .sdoc-folder-container.sdoc-folder-search-results .sdoc-file-info .sdoc-file-icon-container .sdoc-file-img {
   width: 36px;
   height: 36px;

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

@@ -194,7 +194,7 @@ var LocalFiles = function LocalFiles(_ref) {
         className: "sdoc-folder-children"
       }, ((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) === 0 && /*#__PURE__*/_react["default"].createElement("div", {
         className: "sdoc-folder-children-empty"
-      }, "(".concat(t('Empty'), ")")), ((_item$children2 = item.children) === null || _item$children2 === void 0 ? void 0 : _item$children2.length) > 0 && renderFileTree(item.children))), ['file', 'video'].includes(type) && /*#__PURE__*/_react["default"].createElement("div", {
+      }, "(".concat(t('Empty'), ")")), ((_item$children2 = item.children) === null || _item$children2 === void 0 ? void 0 : _item$children2.length) > 0 && renderFileTree(item.children))), ['file', 'video', 'exdraw'].includes(type) && /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])('sdoc-file-info', {
           'active': selected
         }),

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WIKI_LINK = exports.VIDEO_LINK = exports.VIDEO = exports.UNORDERED_LIST = exports.TWO_COLUMN = exports.TOP_LEVEL_TYPES = 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.FONT_SIZE_REDUCE = exports.FONT_SIZE_INCREASE = exports.FONT_SIZE = exports.FIVE_COLUMN = 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.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.FONT_SIZE_REDUCE = exports.FONT_SIZE_INCREASE = exports.FONT_SIZE = exports.FIVE_COLUMN = 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;
 var BLOCKQUOTE = exports.BLOCKQUOTE = 'blockquote';
 var TITLE = exports.TITLE = 'title';
 var SUBTITLE = exports.SUBTITLE = 'subtitle';
@@ -43,6 +43,7 @@ var MENTION_TEMP = exports.MENTION_TEMP = 'mention_temp';
 var FILE_LINK_INSET_INPUT_TEMP = exports.FILE_LINK_INSET_INPUT_TEMP = 'file_link_insert_input_temp';
 var QUICK_INSERT = exports.QUICK_INSERT = 'quick_insert';
 var VIDEO_LINK = exports.VIDEO_LINK = 'video_link';
+var WHITEBOARD = exports.WHITEBOARD = 'whiteboard';
 var ASK_AI = exports.ASK_AI = 'ask_ai';
 
 // font

package/dist/extension/constants/index.js

@@ -474,6 +474,12 @@ Object.defineProperty(exports, "VIDEO", {
     return _elementType.VIDEO;
   }
 });
+Object.defineProperty(exports, "WHITEBOARD", {
+  enumerable: true,
+  get: function get() {
+    return _elementType.WHITEBOARD;
+  }
+});
 Object.defineProperty(exports, "WIN_HOTKEYS", {
   enumerable: true,
   get: function get() {
@@ -510,7 +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 FILE_TYPE = exports.FILE_TYPE = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _elementType.FILE_LINK, 'file'), _elementType.SDOC_LINK, 'sdoc'), _elementType.VIDEO, 'video');
+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'],
   MUSIC: ['mp3', 'oga', 'ogg', 'wav', 'flac', 'opus'],
@@ -527,6 +533,6 @@ var FILEEXT_TYPE_MAP = exports.FILEEXT_TYPE_MAP = {
   EXCALIDRAW: 'draw',
   DOCUMENT: 'word'
 };
-var SUPPORTED_SIDE_OPERATION_TYPE = exports.SUPPORTED_SIDE_OPERATION_TYPE = [_elementType.PARAGRAPH, _elementType.SUBTITLE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CHECK_LIST_ITEM, _elementType.CODE_BLOCK, _elementType.TABLE, _elementType.BLOCKQUOTE, _elementType.CALL_OUT, _elementType.IMAGE_BLOCK, _elementType.VIDEO];
+var SUPPORTED_SIDE_OPERATION_TYPE = exports.SUPPORTED_SIDE_OPERATION_TYPE = [_elementType.PARAGRAPH, _elementType.SUBTITLE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CHECK_LIST_ITEM, _elementType.CODE_BLOCK, _elementType.TABLE, _elementType.BLOCKQUOTE, _elementType.CALL_OUT, _elementType.IMAGE_BLOCK, _elementType.VIDEO, _elementType.WHITEBOARD];
 var MOUSE_ENTER_EVENT_DISABLED_MAP = exports.MOUSE_ENTER_EVENT_DISABLED_MAP = (_MOUSE_ENTER_EVENT_DI = {}, (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"])(_MOUSE_ENTER_EVENT_DI, _elementType.PARAGRAPH, [_elementType.CALL_OUT]), _elementType.TITLE, [_elementType.CALL_OUT]), _elementType.SUBTITLE, [_elementType.CALL_OUT]), _elementType.CHECK_LIST_ITEM, [_elementType.CALL_OUT]), _elementType.ORDERED_LIST, [_elementType.CALL_OUT]), _elementType.UNORDERED_LIST, [_elementType.CALL_OUT]), _elementType.LIST_ITEM, [_elementType.CALL_OUT]), _elementType.BLOCKQUOTE, [_elementType.CALL_OUT]), _elementType.HEADER1, [_elementType.CALL_OUT]), _elementType.HEADER2, [_elementType.CALL_OUT]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_MOUSE_ENTER_EVENT_DI, _elementType.HEADER3, [_elementType.CALL_OUT]), _elementType.HEADER4, [_elementType.CALL_OUT]), _elementType.HEADER5, [_elementType.CALL_OUT]), _elementType.HEADER6, [_elementType.CALL_OUT]), _elementType.CALL_OUT, [_elementType.CALL_OUT]));
-var ROOT_ELEMENT_TYPES = exports.ROOT_ELEMENT_TYPES = [_elementType.PARAGRAPH, _elementType.TITLE, _elementType.SUBTITLE, _elementType.CHECK_LIST_ITEM, _elementType.ORDERED_LIST, _elementType.UNORDERED_LIST, _elementType.BLOCKQUOTE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CALL_OUT, _elementType.TABLE, _elementType.CODE_BLOCK, _elementType.IMAGE_BLOCK, _elementType.VIDEO];
+var ROOT_ELEMENT_TYPES = exports.ROOT_ELEMENT_TYPES = [_elementType.PARAGRAPH, _elementType.TITLE, _elementType.SUBTITLE, _elementType.CHECK_LIST_ITEM, _elementType.ORDERED_LIST, _elementType.UNORDERED_LIST, _elementType.BLOCKQUOTE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CALL_OUT, _elementType.TABLE, _elementType.CODE_BLOCK, _elementType.IMAGE_BLOCK, _elementType.VIDEO, _elementType.WHITEBOARD];

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

@@ -89,11 +89,15 @@ var MENUS_CONFIG_MAP = exports.MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, (0, _
   id: "sdoc_".concat(_elementType.VIDEO),
   iconClass: 'sdocfont sdoc-video',
   text: 'Video'
+}), _elementType.WHITEBOARD, {
+  id: "sdoc_".concat(_elementType.WHITEBOARD),
+  iconClass: 'sdocfont sdoc-document',
+  text: 'Whiteboard'
 }), _elementType.TABLE, {
   id: "sdoc_".concat(_elementType.TABLE),
   iconClass: 'sdocfont sdoc-table',
   text: 'Table'
-}), TEXT_STYLE, [{
+}), (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"])(_MENUS_CONFIG_MAP, TEXT_STYLE, [{
   id: ITALIC,
   iconClass: 'sdocfont sdoc-italic',
   text: 'Italic',
@@ -142,7 +146,7 @@ var MENUS_CONFIG_MAP = exports.MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, (0, _
   isColor: true,
   recentUsedColorsKey: _color.RECENT_USED_FONT_COLORS_KEY,
   defaultLastUsedColor: _color.DEFAULT_LAST_USED_FONT_COLOR
-}]), (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"])(_MENUS_CONFIG_MAP, TEXT_STYLE_MORE, [
+}]), TEXT_STYLE_MORE, [
 //
 {
   id: STRIKETHROUGH,

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

@@ -95,7 +95,13 @@ function AIModule(_ref) {
             _content += (0, _slateToMd["default"])(item);
           });
         }
-        setSelectedValue(_content);
+
+        // Add paragraph symbol for selected content
+        var newContent = _content;
+        if (_content.includes('\n')) {
+          newContent = _content.replace(/\n/g, '\n\n');
+        }
+        setSelectedValue(newContent);
       }
       var domSelection = window.getSelection();
       var domRange = domSelection.getRangeAt(0);
@@ -144,7 +150,11 @@ function AIModule(_ref) {
     var slateRect = slateDom.getBoundingClientRect();
     var content = _slate.Node.string(element);
     if (content) {
-      setSelectedValue(content);
+      var _newContent = content;
+      if (content.includes('\n')) {
+        _newContent = content.replace(/\n/g, '\n\n');
+      }
+      setSelectedValue(_newContent);
     }
     var needPaddingBottomHeight = scrollTop + slateRect.bottom + _constants2.AI_MIN_HEIGHT - scrollHeight;
     if (needPaddingBottomHeight > 0) {

package/dist/extension/plugins/ai/ai-module/style.css

@@ -142,7 +142,7 @@
 }
 
 .md-rendered-html p {
-  padding-bottom: 5px;
-  line-height: 1.6;
+  padding: 5px 0;
+  line-height: 1.5;
   margin-bottom: 0 !important;
 }

package/dist/extension/plugins/index.js

@@ -143,6 +143,12 @@ Object.defineProperty(exports, "VideoPlugin", {
     return _video["default"];
   }
 });
+Object.defineProperty(exports, "WhiteboardPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _whiteboard["default"];
+  }
+});
 Object.defineProperty(exports, "WikiLinkPlugin", {
   enumerable: true,
   get: function get() {
@@ -173,8 +179,9 @@ var _table = _interopRequireDefault(require("./table"));
 var _textAlign = _interopRequireDefault(require("./text-align"));
 var _textStyle = _interopRequireDefault(require("./text-style"));
 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"]];
+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"]];
 var WikiPlugins = exports.WikiPlugins = [].concat(Plugins, [_wikiLink["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/whiteboard/helper.js

@@ -0,0 +1,142 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.onCreateWhiteboardFile = exports.isInsertWhiteboardMenuDisabled = exports.insertWhiteboard = exports.generateWhiteboardNode = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _slate = require("@seafile/slate");
+var _slugid = _interopRequireDefault(require("slugid"));
+var _constants = require("../../../constants");
+var _context2 = _interopRequireDefault(require("../../../context"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants2 = require("../../constants");
+var _core = require("../../core");
+var isInsertWhiteboardMenuDisabled = exports.isInsertWhiteboardMenuDisabled = function isInsertWhiteboardMenuDisabled(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 (type === _constants2.CODE_BLOCK) return true;
+        if (type.startsWith('header')) return true;
+        if (type === _constants2.TITLE) return true;
+        if (type === _constants2.SUBTITLE) return true;
+        if (type === _constants2.LIST_ITEM) return true;
+        if (type === _constants2.CHECK_LIST_ITEM) return true;
+        if (type === _constants2.MULTI_COLUMN) return true;
+        if (type === _constants2.BLOCKQUOTE) return true;
+        if (type === _constants2.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 generateWhiteboardNode = exports.generateWhiteboardNode = function generateWhiteboardNode(repoID) {
+  var filename = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var filePath = arguments.length > 2 ? arguments[2] : undefined;
+  var exdrawReadOnlyLink = arguments.length > 3 ? arguments[3] : undefined;
+  var whiteboardNode = {
+    id: _slugid["default"].nice(),
+    type: _constants2.WHITEBOARD,
+    repoID: repoID,
+    title: filename,
+    filePath: filePath,
+    link: exdrawReadOnlyLink,
+    children: [{
+      id: _slugid["default"].nice(),
+      text: ''
+    }]
+  };
+  return whiteboardNode;
+};
+var insertWhiteboard = exports.insertWhiteboard = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(editor, filename, filePath) {
+    var _editor$selection;
+    var repoID, eventBus, exdrawReadOnlyLink, whiteboardNode, path, position, nextPath, endOfFirstNode, range;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!isInsertWhiteboardMenuDisabled(editor)) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return");
+        case 2:
+          if (!(editor.selection == null)) {
+            _context.next = 4;
+            break;
+          }
+          return _context.abrupt("return");
+        case 4:
+          repoID = _context2["default"].getSetting('repoID');
+          eventBus = _eventBus["default"].getInstance();
+          _context.next = 8;
+          return new Promise(function (resolve) {
+            eventBus.dispatch(_constants.INTERNAL_EVENT.GENERATE_EXDRAW_READ_ONLY_LINK, {
+              repoID: repoID,
+              filePath: filePath,
+              onSuccess: function onSuccess(link) {
+                resolve(link);
+              }
+            });
+          });
+        case 8:
+          exdrawReadOnlyLink = _context.sent;
+          whiteboardNode = generateWhiteboardNode(repoID, filename, filePath, exdrawReadOnlyLink);
+          path = (_editor$selection = editor.selection) === null || _editor$selection === void 0 ? void 0 : _editor$selection.anchor.path;
+          position = 'after';
+          if (!(position === _constants2.INSERT_POSITION.AFTER)) {
+            _context.next = 20;
+            break;
+          }
+          _slate.Transforms.insertNodes(editor, whiteboardNode, {
+            at: [path[0] + 1]
+          });
+          nextPath = _slate.Path.next([path[0] + 1]);
+          if (!(0, _core.getNode)(editor, nextPath)) {
+            _slate.Transforms.insertNodes(editor, (0, _core.generateDefaultParagraph)(), {
+              at: nextPath
+            });
+          }
+          endOfFirstNode = _slate.Editor.start(editor, nextPath);
+          range = {
+            anchor: endOfFirstNode,
+            focus: endOfFirstNode
+          };
+          (0, _core.focusEditor)(editor, range);
+          return _context.abrupt("return");
+        case 20:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function insertWhiteboard(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var onCreateWhiteboardFile = exports.onCreateWhiteboardFile = function onCreateWhiteboardFile(editor) {
+  var eventBus = _eventBus["default"].getInstance();
+  var external_props = {
+    insertWhiteboard: insertWhiteboard,
+    fileType: 'exdraw',
+    editor: editor
+  };
+  eventBus.dispatch(_constants.INTERNAL_EVENT.CREATE_WHITEBOARD_FILE, (0, _objectSpread2["default"])({}, external_props));
+};

package/dist/extension/plugins/whiteboard/index.css

@@ -0,0 +1,36 @@
+.sdoc-whiteboard-container {
+  position: relative;
+  width: 100%;
+  height: 300px;
+  border: 1px solid #ccc;
+  margin: 5px 0;
+}
+
+.sdoc-whiteboard-container.isSelected {
+  border: 1px solid rgb(0, 123, 255);
+}
+
+.sdoc-whiteboard-title {
+  font-size: 14px;
+  color: #333;
+  text-align: center;
+  margin: 5px;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0%;
+  z-index: 2;
+}
+
+.sdoc-whiteboard-element .wrapper {
+  height: 100%;
+}
+
+.sdoc-whiteboard-element .excali-container {
+  width: 100% !important;
+  height: 100% !important;
+}
+
+.sdoc-whiteboard-element .excali-container .App-boottom-bar {
+  display: none;
+}

package/dist/extension/plugins/whiteboard/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _constants = require("../../constants");
+var _menu = _interopRequireDefault(require("./menu"));
+var _plugin = _interopRequireDefault(require("./plugin"));
+var _renderElem = require("./render-elem");
+require("./index.css");
+var WhiteboardPlugin = {
+  type: _constants.WHITEBOARD,
+  nodeType: 'element',
+  editorMenus: [_menu["default"]],
+  editorPlugin: _plugin["default"],
+  renderElements: [_renderElem.renderWhiteboard]
+};
+var _default = exports["default"] = WhiteboardPlugin;

package/dist/extension/plugins/whiteboard/menu/index.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _constants = require("../../../../constants");
+var _dropdownMenuItem = _interopRequireDefault(require("../../../commons/dropdown-menu-item"));
+var _constants2 = require("../../../constants");
+var _helper = require("../helper");
+var WhiteboardMenu = function WhiteboardMenu(_ref) {
+  var editor = _ref.editor,
+    readonly = _ref.readonly,
+    toggle = _ref.toggle,
+    eventBus = _ref.eventBus;
+  var disabled = (0, _helper.isInsertWhiteboardMenuDisabled)(editor, readonly);
+  var menuConfig = _constants2.MENUS_CONFIG_MAP[_constants2.WHITEBOARD];
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var onCreateFile = function onCreateFile() {
+    (0, _helper.onCreateWhiteboardFile)(editor);
+  };
+  var openSelectWhiteboardFileDialog = (0, _react.useCallback)(function () {
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.ELEMENT_TYPE.WHITEBOARD,
+      insertWhiteboard: _helper.insertWhiteboard
+    });
+    toggle && toggle();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [toggle, eventBus]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+    disabled: disabled,
+    menuConfig: menuConfig,
+    className: "pr-2"
+  }, !disabled && /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+  })), !disabled && /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
+    target: menuConfig.id,
+    trigger: "hover",
+    className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu sdoc-insert-whiteboard-menu-popover",
+    placement: "right-start",
+    hideArrow: true,
+    fade: false
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-insert-whiteboard-menu-popover-container sdoc-dropdown-menu-container"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onClick: openSelectWhiteboardFileDialog
+  }, t('Upload_local_whiteboard')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onClick: onCreateFile
+  }, t('Create_new_whiteboard')))));
+};
+var _default = exports["default"] = WhiteboardMenu;

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

@@ -0,0 +1,53 @@
+"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 _core = require("../../core");
+var _helpers = require("../../toolbar/side-toolbar/helpers");
+var withWhiteboard = function withWhiteboard(editor) {
+  var isVoid = editor.isVoid,
+    onHotKeyDown = editor.onHotKeyDown;
+  var newEditor = editor;
+
+  // Make whiteboard as void node
+  newEditor.isVoid = function (elem) {
+    var type = elem.type;
+    if (type === _constants.WHITEBOARD) {
+      return true;
+    }
+    return isVoid(elem);
+  };
+  newEditor.onHotKeyDown = function (event) {
+    var _ref = (0, _core.getSelectedNodeEntryByType)(editor, _constants.WHITEBOARD) || [],
+      _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+      whiteboardNode = _ref2[0],
+      path = _ref2[1];
+    if (path) {
+      // Insert empty paragraph node after whiteboard when clicking 'enter' on selected whiteboard
+      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, whiteboardNode);
+      }
+      return true;
+    }
+    return onHotKeyDown && onHotKeyDown(event);
+  };
+  return newEditor;
+};
+var _default = exports["default"] = withWhiteboard;

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

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderWhiteboard = renderWhiteboard;
+var _react = _interopRequireWildcard(require("react"));
+var _slateReact = require("@seafile/slate-react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _context = _interopRequireDefault(require("../../../context"));
+require("./index.css");
+var Whiteboard = function Whiteboard(_ref) {
+  var editor = _ref.editor,
+    element = _ref.element;
+  var filePath = element.filePath,
+    repoID = element.repoID,
+    title = element.title,
+    link = element.link;
+  var whiteboardRef = (0, _react.useRef)();
+  var isSelected = (0, _slateReact.useSelected)();
+  var handleDoubleClick = function handleDoubleClick(event) {
+    event.preventDefault();
+    var siteRoot = _context["default"].getSetting('siteRoot');
+    var url = "".concat(siteRoot, "lib/").concat(repoID, "/file").concat(filePath);
+    window.open(url, '_blank');
+    return;
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('sdoc-whiteboard-container', {
+      'isSelected': isSelected
+    }),
+    ref: whiteboardRef,
+    onDoubleClick: handleDoubleClick,
+    scrolling: "no"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-whiteboard-title"
+  }, title), /*#__PURE__*/_react["default"].createElement("iframe", {
+    className: "sdoc-whiteboard-element",
+    title: title,
+    src: link,
+    style: {
+      width: '100%',
+      height: '100%',
+      border: 'none'
+    }
+  }));
+};
+function renderWhiteboard(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(Whiteboard, {
+    editor: editor,
+    element: element,
+    contentEditable: "false"
+  }));
+}

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

@@ -229,6 +229,12 @@ var CustomRenderElement = function CustomRenderElement(props) {
           renderGroup = _GroupPlugin$renderEl[0];
         return renderGroup(props);
       }
+    case _elementType.WHITEBOARD:
+      {
+        var _WhiteboardPlugin$ren = (0, _slicedToArray2["default"])(_plugins.WhiteboardPlugin.renderElements, 1),
+          renderWhiteboard = _WhiteboardPlugin$ren[0];
+        return renderWhiteboard((0, _objectSpread2["default"])({}, props), editor);
+      }
     default:
       {
         var _ParagraphPlugin$rend3 = (0, _slicedToArray2["default"])(_plugins.ParagraphPlugin.renderElements, 1),

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

@@ -20,6 +20,7 @@ var _menu4 = _interopRequireDefault(require("../../../plugins/link/menu"));
 var _menu5 = _interopRequireDefault(require("../../../plugins/sdoc-link/menu"));
 var _tableMenu = _interopRequireDefault(require("../../../plugins/table/menu/table-menu"));
 var _menu6 = _interopRequireDefault(require("../../../plugins/video/menu"));
+var _menu7 = _interopRequireDefault(require("../../../plugins/whiteboard/menu"));
 require("./index.css");
 var InsertToolbar = function InsertToolbar(_ref) {
   var _ref$isRichEditor = _ref.isRichEditor,
@@ -101,7 +102,7 @@ var InsertToolbar = function InsertToolbar(_ref) {
     style: {
       maxHeight: window.innerHeight - bottom - 100
     }
-  }, /*#__PURE__*/_react["default"].createElement(_menu3["default"], props), /*#__PURE__*/_react["default"].createElement(_tableMenu["default"], props), /*#__PURE__*/_react["default"].createElement(_menu6["default"], props), /*#__PURE__*/_react["default"].createElement(_menu4["default"], props), /*#__PURE__*/_react["default"].createElement(_menu["default"], props), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement(_menu3["default"], props), /*#__PURE__*/_react["default"].createElement(_tableMenu["default"], props), /*#__PURE__*/_react["default"].createElement(_menu6["default"], props), /*#__PURE__*/_react["default"].createElement(_menu7["default"], props), /*#__PURE__*/_react["default"].createElement(_menu4["default"], props), /*#__PURE__*/_react["default"].createElement(_menu["default"], props), /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-dropdown-menu-divider"
   }), /*#__PURE__*/_react["default"].createElement(_menu5["default"], props), /*#__PURE__*/_react["default"].createElement(_menu2["default"], props))));
 };

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

@@ -396,9 +396,9 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
   }, []);
   var onHandleInputFocus = (0, _react.useCallback)(function (isFocus) {
     if (inputWrapperRef.current) {
-      queueMicrotask(function () {
+      setTimeout(function () {
         isFocus ? inputWrapperRef.current.focus() : inputWrapperRef.current.blur();
-      });
+      }, 50);
     }
   }, []);
   (0, _react.useEffect)(function () {

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

@@ -249,7 +249,7 @@ var getTopValue = exports.getTopValue = function getTopValue(editor, dom, contai
   return top + offsetY - headerHeight;
 };
 var isNotSupportTransform = exports.isNotSupportTransform = function isNotSupportTransform(node) {
-  if (node.type && [_constants2.CODE_BLOCK, _constants2.TABLE, _constants2.VIDEO].includes(node.type)) {
+  if (node.type && [_constants2.CODE_BLOCK, _constants2.TABLE, _constants2.VIDEO, _constants2.WHITEBOARD].includes(node.type)) {
     return true;
   }
   return false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.126",
+  "version": "2.0.127-test-0.0.2",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -69,6 +69,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "gitHead": "7af77d5a5fda5e6aaa76145cf4547f5bc66cb4b1"
+  }
 }

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.