@seafile/sdoc-editor 1.0.196 → 1.0.198-test0.1

package/dist/basic-sdk/extension/plugins/table/menu/vertical-align-popover/index.js

@@ -24,7 +24,7 @@ const VerticalAlignPopover = _ref => {
   } = _ref;
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const setVerticalAlignStyle = (0, _react.useCallback)(position => {
     if (readonly) return;
     const alignItems = (0, _KebabToCamel.default)(_constants.TABLE_CELL_STYLE.ALIGN_ITEMS);

package/dist/basic-sdk/extension/plugins/table/popover/table-size-popover/index.js

@@ -253,7 +253,7 @@ const MenuItem = _ref2 => {
   } = _ref2;
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   return /*#__PURE__*/_react.default.createElement("div", {
     id: id,
     className: (0, _classnames.default)('sdoc-selected-table-size-custom', {

package/dist/basic-sdk/extension/plugins/table/render/table-header/index.js

@@ -25,7 +25,7 @@ const TableHeader = _ref => {
   } = _ref;
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const columns = (0, _hooks.useResizeHandlersContext)();
   const selectedRange = (0, _hooks.useTableSelectedRangeContext)() || _constants.EMPTY_SELECTED_RANGE;
   const selectColumn = (0, _react.useCallback)(columnIndex => {

package/dist/basic-sdk/extension/plugins/text-align/menu/index.js

@@ -27,7 +27,7 @@ const TextAlignMenu = _ref => {
   const buttonId = 'sdoc-button-text-align';
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const toggle = (0, _react.useCallback)(event => {
     popoverRef.current.toggle();
     setMenuShow(!isShowMenu);

package/dist/basic-sdk/extension/plugins/video/menu/index.js

@@ -23,7 +23,7 @@ const VideoMenu = _ref => {
   const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.VIDEO];
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const openLocalVideoDialog = (0, _react.useCallback)(() => {
     eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
       type: _constants.LOCAL_VIDEO,
@@ -44,7 +44,7 @@ const VideoMenu = _ref => {
     hideArrow: true,
     fade: false
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container 333"
+    className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-item",
     onClick: openLocalVideoDialog

package/dist/basic-sdk/extension/plugins/whiteboard/helpers.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.onCreateWhiteboardFile = exports.isInsertWhiteboardMenuDisabled = exports.insertWhiteboard = void 0;
+var _slate = require("@seafile/slate");
+var _core = require("../../core");
+var _constants = require("../../constants");
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants2 = require("../../../../constants");
+const isInsertWhiteboardMenuDisabled = (editor, readonly) => {
+  if (readonly) return true;
+  const {
+    selection
+  } = editor;
+  if (selection === null) return true;
+  if (!_slate.Range.isCollapsed(selection)) return true;
+  const [match] = _slate.Editor.nodes(editor, {
+    match: n => {
+      let type = (0, _core.getNodeType)(n);
+      if (!type && (0, _core.isTextNode)(n) && n.id) {
+        const parentNode = (0, _core.getParentNode)(editor.children, n.id);
+        type = (0, _core.getNodeType)(parentNode);
+      }
+      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
+  });
+  if (match) return true;
+  return false;
+};
+exports.isInsertWhiteboardMenuDisabled = isInsertWhiteboardMenuDisabled;
+const insertWhiteboard = () => {};
+exports.insertWhiteboard = insertWhiteboard;
+const onCreateWhiteboardFile = editor => {
+  // e.stopPropagation();
+  const eventBus = _eventBus.default.getInstance();
+  const external_props = {
+    insertWhiteboard,
+    fileType: 'draw',
+    editor
+  };
+  console.log(2, external_props.insertWhiteboard);
+  eventBus.dispatch(_constants2.EXTERNAL_EVENT.CREATE_WHITEBOARD_FILE, {
+    ...external_props
+  });
+};
+exports.onCreateWhiteboardFile = onCreateWhiteboardFile;

package/dist/basic-sdk/extension/plugins/whiteboard/index.css

@@ -0,0 +1,5 @@
+.sdoc-whiteboard-container {
+  width: 670px;
+  height: auto;
+  border: 1px solid #ccc;
+}

package/dist/basic-sdk/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 _plugin = _interopRequireDefault(require("./plugin"));
+var _menu = _interopRequireDefault(require("./menu"));
+var _renderElem = require("./render-elem");
+require("./index.css");
+const WhiteboardPlugin = {
+  type: _constants.WHITEBOARD,
+  nodeType: 'element',
+  editorMenus: [_menu.default],
+  editorPlugin: _plugin.default,
+  renderElements: [_renderElem.renderWhiteboard]
+};
+var _default = exports.default = WhiteboardPlugin;

package/dist/basic-sdk/extension/plugins/whiteboard/menu/index.js

@@ -0,0 +1,63 @@
+"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 _dropdownMenuItem = _interopRequireDefault(require("../../../commons/dropdown-menu-item"));
+var _helpers = require("../helpers");
+var _constants = require("../../../constants");
+var _constants2 = require("../../../../constants");
+const WhiteboardMenu = _ref => {
+  let {
+    editor,
+    readonly,
+    eventBus,
+    toggle
+  } = _ref;
+  const disabled = (0, _helpers.isInsertWhiteboardMenuDisabled)(editor, readonly);
+  const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.WHITEBOARD];
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const onCreateFile = () => {
+    (0, _helpers.onCreateWhiteboardFile)(editor);
+  };
+  const openSelectSdocFileDialog = (0, _react.useCallback)(() => {
+    eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants.ELEMENT_TYPE.WHITEBOARD,
+      insertWhiteboard: _helpers.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: openSelectSdocFileDialog
+  }, 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/basic-sdk/extension/plugins/whiteboard/plugin.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../constants");
+const withWhiteboard = editor => {
+  const {
+    isVoid
+  } = editor;
+  const newEditor = editor;
+
+  // Make whiteboard as void node
+  newEditor.isVoid = elem => {
+    const {
+      type
+    } = elem;
+    if (type === _constants.WHITEBOARD) {
+      return true;
+    }
+    return isVoid(elem);
+  };
+  return newEditor;
+};
+var _default = exports.default = withWhiteboard;

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

@@ -0,0 +1,39 @@
+"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 _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants = require("../../../../constants");
+require("./index.css");
+const Whiteboard = _ref => {
+  let {
+    editor
+  } = _ref;
+  // const whiteboardContainer = document.getElementById('sdoc-whiteboard-container');
+  const [tldraw, setTldraw] = (0, _react.useState)(null);
+  const renderWhiteboardEditor = Tldraw => {
+    console.log(4, Tldraw);
+    setTldraw( /*#__PURE__*/_react.default.createElement(Tldraw, null));
+  };
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    const unsubscribeWhiteboardEditor = eventBus.subscribe(_constants.EXTERNAL_EVENT.TLDRAW_EDITOR, renderWhiteboardEditor);
+    console.log(3, renderWhiteboardEditor);
+    return () => {
+      unsubscribeWhiteboardEditor();
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: "sdoc-whiteboard-container"
+  }, tldraw);
+};
+function renderWhiteboard(props, editor) {
+  return /*#__PURE__*/_react.default.createElement(Whiteboard, Object.assign({}, props, {
+    editor: editor
+  }));
+}

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

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,6 +13,7 @@ var _core = require("../core");
 var _helper = require("./helper");
 var _elementType = require("../constants/element-type");
 var _constants2 = require("../../constants");
+var _whiteboard = _interopRequireDefault(require("../plugins/whiteboard"));
 const CustomRenderElement = props => {
   const editor = (0, _slateReact.useSlateStatic)();
   const readonly = (0, _slateReact.useReadOnly)();
@@ -210,6 +212,11 @@ const CustomRenderElement = props => {
         const [renderSeaTableTable] = _plugins.SeaTableViewsPlugin.renderElements;
         return renderSeaTableTable(props, editor);
       }
+    case _elementType.WHITEBOARD:
+      {
+        const [renderWhiteboard] = _whiteboard.default.renderElements;
+        return renderWhiteboard(props, editor);
+      }
     default:
       {
         const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;

package/dist/basic-sdk/extension/render/element-decorate/rebase-decorate/rebase-delete-modify-decorate.js

@@ -19,7 +19,7 @@ const RebaseDeleteModifyDecorate = _ref => {
   } = _ref;
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const editor = (0, _slateReact.useSlateStatic)();
   const deleteElement = (0, _react.useCallback)(() => {
     const path = (0, _core.findPath)(editor, element);

package/dist/basic-sdk/extension/render/element-decorate/rebase-decorate/rebase-modify-delete-decorate.js

@@ -19,7 +19,7 @@ const RebaseModifyDeleteDecorate = _ref => {
   } = _ref;
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const editor = (0, _slateReact.useSlateStatic)();
   const deleteElement = (0, _react.useCallback)(() => {
     const path = (0, _core.findPath)(editor, element);

package/dist/basic-sdk/extension/render/element-decorate/rebase-decorate/rebase-modify-modify-decorate.js

@@ -21,7 +21,7 @@ const RebaseModifyModifyDecorate = _ref => {
   } = _ref;
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const editor = (0, _slateReact.useSlateStatic)();
   const useMasterChanges = (0, _react.useCallback)(() => {
     const path = (0, _core.findPath)(editor, element);

package/dist/basic-sdk/extension/render/render-comment-editor-element.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,6 +9,7 @@ var _slateReact = require("@seafile/slate-react");
 var _constants = require("../constants");
 var _plugins = require("../plugins");
 var _core = require("../core");
+var _whiteboard = _interopRequireDefault(require("../plugins/whiteboard"));
 const RenderCommentEditorCustomRenderElement = props => {
   const editor = (0, _slateReact.useSlateStatic)();
   const readonly = (0, _slateReact.useReadOnly)();
@@ -95,6 +97,13 @@ const RenderCommentEditorCustomRenderElement = props => {
         const [renderBlockquote] = _plugins.BlockquotePlugin.renderElements;
         return renderBlockquote(props, editor);
       }
+    case _constants.WHITEBOARD:
+      {
+        const [renderWhiteboard] = _whiteboard.default.renderElements;
+        return renderWhiteboard({
+          ...props
+        }, editor);
+      }
     default:
       {
         const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;

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

@@ -19,6 +19,7 @@ var _menu5 = _interopRequireDefault(require("../../../plugins/sdoc-link/menu"));
 var _menu6 = _interopRequireDefault(require("../../../plugins/file-link/menu"));
 var _menu7 = _interopRequireDefault(require("../../../plugins/seatable-column/menu"));
 var _menu8 = _interopRequireDefault(require("../../../plugins/seatable-tables/menu"));
+var _menu9 = _interopRequireDefault(require("../../../plugins/whiteboard/menu"));
 var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
 var _constants = require("../../../../constants");
 require("./index.css");
@@ -32,7 +33,7 @@ const InsertToolbar = _ref => {
   const [isShowMenu, setMenuShow] = (0, _react.useState)(false);
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const popoverRef = (0, _react.useRef)(null);
   const disabled = readonly;
   const insertButtonRef = (0, _react.useRef)(null);
@@ -95,7 +96,7 @@ const InsertToolbar = _ref => {
     style: {
       maxHeight: window.innerHeight - bottom - 100
     }
-  }, /*#__PURE__*/_react.default.createElement(_menu.default, props), /*#__PURE__*/_react.default.createElement(_tableMenu.default, props), (editor === null || editor === void 0 ? void 0 : editor.editorType) !== _constants.DOCUMENT_PLUGIN_EDITOR && /*#__PURE__*/_react.default.createElement(_menu2.default, props), /*#__PURE__*/_react.default.createElement(_menu3.default, props), /*#__PURE__*/_react.default.createElement(_menu4.default, props), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_menu.default, props), /*#__PURE__*/_react.default.createElement(_tableMenu.default, props), (editor === null || editor === void 0 ? void 0 : editor.editorType) !== _constants.DOCUMENT_PLUGIN_EDITOR && /*#__PURE__*/_react.default.createElement(_menu2.default, props), /*#__PURE__*/_react.default.createElement(_menu9.default, props), /*#__PURE__*/_react.default.createElement(_menu3.default, props), /*#__PURE__*/_react.default.createElement(_menu4.default, props), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-divider"
   }), editor.columns && /*#__PURE__*/_react.default.createElement(_menu7.default, props), editor.tables && /*#__PURE__*/_react.default.createElement(_menu8.default, props), !editor.tables && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_menu5.default, props), /*#__PURE__*/_react.default.createElement(_menu6.default, props)))));
 };

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

@@ -168,7 +168,7 @@ const QuickInsertBlockMenu = _ref => {
       // eslint-disable-next-line react/jsx-indent
       _react.default.createElement(_dropdownMenuItem.default, {
         isHidden: !quickInsertMenuSearchMap[_constants.TABLE],
-        key: "sdoc-insert-menu-tabe",
+        key: "sdoc-insert-menu-table",
         menuConfig: {
           ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.TABLE]
         },

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

@@ -138,7 +138,7 @@ const isVoidNode = node => {
 };
 exports.isVoidNode = isVoidNode;
 const isNotSupportTransform = node => {
-  if (node.type && [_constants.CODE_BLOCK, _constants.TABLE, _constants.CALL_OUT, _constants.VIDEO, _constants.SEATABLE_TABLE].includes(node.type)) {
+  if (node.type && [_constants.CODE_BLOCK, _constants.TABLE, _constants.CALL_OUT, _constants.VIDEO, _constants.SEATABLE_TABLE, _constants.WHITEBOARD].includes(node.type)) {
     return true;
   }
   return false;

package/dist/basic-sdk/extension/toolbar/side-toolbar/insert-block-menu.js

@@ -34,7 +34,7 @@ const InsertBlockMenu = _ref => {
   const editor = (0, _slateReact.useSlateStatic)();
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const onInsertImageToggle = (0, _react.useCallback)(() => {
     const eventBus = _eventBus.default.getInstance();
     if (insertPosition === _constants.INSERT_POSITION.CURRENT) {
@@ -150,6 +150,7 @@ const InsertBlockMenu = _ref => {
     onClick: onInsertVideoToggle
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.TABLE],
+    key: "sdoc-insert-menu-table",
     menuConfig: {
       ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.TABLE]
     },
@@ -160,8 +161,8 @@ const InsertBlockMenu = _ref => {
     editor: editor,
     target: "sdoc-side-menu-item-table",
     trigger: "hover",
-    placement: "right-start",
-    popperClassName: "sdoc-side-menu-table-size",
+    placement: "left-start",
+    popperClassName: "sdoc-side-menu-table-size sdoc-insert-element-table-size-wrapper",
     createTable: createTable
   })), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.LINK],

package/dist/basic-sdk/extension/toolbar/side-toolbar/side-menu.css

@@ -23,6 +23,11 @@
   font-size: 14px;
 }
 
+.sdoc-side-menu .sdoc-side-menu-insert-wrapper {
+  max-height: 278px;
+  overflow-y: auto;
+}
+
 .sdoc-side-menu-insert-below-popover .popover {
   background-color: #fff;
   min-width: 150px;

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

@@ -150,11 +150,13 @@ const SideMenu = (_ref, ref) => {
     onChange: onChange,
     onCompositionStart: onCompositionStart,
     onCompositionEnd: onCompositionEnd
-  })), isNodeEmpty && /*#__PURE__*/_react.default.createElement(_insertBlockMenu.default, {
+  })), isNodeEmpty && /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-side-menu-insert-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_insertBlockMenu.default, {
     isNodeEmpty: isNodeEmpty,
     slateNode: slateNode,
     insertMenuSearchMap: insertMenuSearchMap
-  }), !isNodeEmpty && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, transformMenuSearchMap['searching'] && isDisplayCategoryTitle(transformMenuSearchMap, insertBelowMenuSearchMap) && /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+  })), !isNodeEmpty && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, transformMenuSearchMap['searching'] && isDisplayCategoryTitle(transformMenuSearchMap, insertBelowMenuSearchMap) && /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
       text: 'Transform_to'
     },

package/dist/basic-sdk/wiki-outline/index.js

@@ -26,7 +26,7 @@ const Outline = _ref => {
   } = _ref;
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const scrollRef = (0, _useScrollContext.useScrollContext)();
   const [headerList, setHeaderList] = (0, _react.useState)([]);
   const [activeId, setActiveId] = (0, _react.useState)('');

package/dist/components/doc-operations/revision-operations/changes-count/index.js

@@ -17,7 +17,7 @@ const ChangesCount = _ref => {
   } = _ref;
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const [currentDiffIndex, setDiffIndex] = (0, _react.useState)(0);
   const [changes, setChanges] = (0, _react.useState)([]);
   const intervalRef = (0, _react.useRef)();

package/dist/components/doc-operations/revision-operations/index.js

@@ -32,7 +32,7 @@ const RevisionOperations = _ref => {
   const isSdocRevision = _context.default.getSetting('isSdocRevision');
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const [isShowTip, setShowTip] = (0, _react.useState)(false);
   const [tipType, setTipType] = (0, _react.useState)('');
   const [mergeValue, setMergeValue] = (0, _react.useState)(null);

package/dist/components/doc-operations/revision-operations/publish-revision/index.js

@@ -14,7 +14,7 @@ const PublishRevision = _ref => {
   } = _ref;
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const onPublishRevision = (0, _react.useCallback)(event => {
     event.stopPropagation();
     event.nativeEvent.stopImmediatePropagation();

package/dist/components/doc-operations/revision-operations/revisions/index.js

@@ -19,7 +19,7 @@ const Revisions = () => {
   const eventBus = _basicSdk.EventBus.getInstance();
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const [revisionsCount, setRevisionsCount] = (0, _react.useState)(0);
   const [isShowRevisions, setShowRevisions] = (0, _react.useState)(false);
   const autoIncrementRevisionsCount = (0, _react.useCallback)(() => {

package/dist/components/doc-operations/revision-operations/revisions/revisions-dialog/index.js

@@ -29,7 +29,7 @@ const RevisionsDialog = _ref => {
   const revisionListRef = (0, _react.useRef)(null);
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const [isLoading, setLoading] = (0, _react.useState)(true);
   const [revisions, setRevisions] = (0, _react.useState)([]);
   const [page, setPage] = (0, _react.useState)(1);

package/dist/components/doc-operations/revision-operations/view-changes/index.js

@@ -19,7 +19,7 @@ const ViewChanges = _ref => {
   } = _ref;
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   (0, _react.useEffect)(() => {
     const url = new URL(window.location.href);
     const searchParams = new URLSearchParams(url.search);

package/dist/components/tip-dialog/index.js

@@ -26,7 +26,7 @@ const TipDialog = _ref => {
   } = _ref;
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const [isSubmitting, setSubmitting] = (0, _react.useState)();
   const closeDialog = (0, _react.useCallback)(() => {
     if (NOT_CLOSE_DIALOG_TIP_TYPE.includes(tipType)) return;

package/dist/constants/index.js

@@ -36,6 +36,8 @@ const EXTERNAL_EVENT = exports.EXTERNAL_EVENT = {
   PARTICIPANT_REMOVED: 'participant-removed',
   CREATE_SDOC_FILE: 'create_sdoc_file',
   CREATE_WIKI_PAGE: 'create_wiki_page',
+  CREATE_WHITEBOARD_FILE: 'create_whiteboard_file',
+  TLDRAW_EDITOR: 'tldraw_editor',
   // wiki
   INSERT_LINK: 'insert_link',
   // document

package/dist/pages/published-revision-viewer.js

@@ -22,7 +22,7 @@ const PublishedRevisionViewer = () => {
   _context.default.initApi();
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const [isFirstLoading, setIsFirstLoading] = (0, _react.useState)(true);
   const [errorMessage, setErrorMessage] = (0, _react.useState)('');
   const [isShowChanges, setShowChanges] = (0, _react.useState)(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.196",
+  "version": "1.0.198-test0.1",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",