@seafile/sdoc-editor 2.0.130 → 2.0.131-test-0.0.2

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

@@ -0,0 +1,141 @@
+"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 _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _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,
+    repo_id: repoID,
+    title: filename,
+    file_path: filePath,
+    link: exdrawReadOnlyLink,
+    children: [{
+      id: _slugid["default"].nice(),
+      text: ''
+    }]
+  };
+  return whiteboardNode;
+};
+var insertWhiteboard = exports.insertWhiteboard = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(editor, filename, filePath) {
+    var _editor$selection;
+    var repoID, eventBus, exdrawReadOnlyLink, whiteboardNode, path, position, nextPath, endOfFirstNode, range;
+    return (0, _regenerator2["default"])().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          if (!isInsertWhiteboardMenuDisabled(editor)) {
+            _context.n = 1;
+            break;
+          }
+          return _context.a(2);
+        case 1:
+          if (!(editor.selection == null)) {
+            _context.n = 2;
+            break;
+          }
+          return _context.a(2);
+        case 2:
+          repoID = _context2["default"].getSetting('repoID');
+          eventBus = _eventBus["default"].getInstance();
+          _context.n = 3;
+          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 3:
+          exdrawReadOnlyLink = _context.v;
+          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.n = 4;
+            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.a(2);
+        case 4:
+          return _context.a(2);
+      }
+    }, _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,41 @@
+.sdoc-whiteboard-container {
+  position: relative;
+  width: 100%;
+  height: 300px;
+  border: 1px solid #ccc;
+  margin: 5px 0;
+}
+
+.sdoc-whiteboard-container.isSelected {
+  border: 2px 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: 3;
+}
+
+.sdoc-whiteboard-container .iframe-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  z-index: 2;
+}
+
+.sdoc-whiteboard-container .sdoc-whiteboard-element {
+  width: 100%;
+  height: 100%;
+  border: none;
+  position: relative;
+  z-index: 1;
+}

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('Select_Excalidraw_document')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onClick: onCreateFile
+  }, t('Create_new_excalidraw')))));
+};
+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,87 @@
+"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 _constants = require("../../../constants");
+var _context = _interopRequireDefault(require("../../../context"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+require("./index.css");
+var Whiteboard = function Whiteboard(_ref) {
+  var editor = _ref.editor,
+    element = _ref.element;
+  var file_path = element.file_path,
+    repo_id = element.repo_id,
+    title = element.title,
+    link = element.link;
+  var whiteboardRef = (0, _react.useRef)();
+  var isSelected = (0, _slateReact.useSelected)();
+  (0, _react.useEffect)(function () {
+    var handleMessage = function handleMessage(event) {
+      var _event$data;
+      if (((_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.type) === 'checkSdocParent') {
+        var isSdocClass = whiteboardRef === null || whiteboardRef === void 0 ? void 0 : whiteboardRef.current.classList.contains('sdoc-whiteboard-element');
+        whiteboardRef === null || whiteboardRef === void 0 ? void 0 : whiteboardRef.current.contentWindow.postMessage({
+          type: 'checkSdocParentResult',
+          isInSdoc: isSdocClass
+        }, '*');
+      }
+    };
+    var handleWindowResize = function handleWindowResize() {
+      whiteboardRef === null || whiteboardRef === void 0 ? void 0 : whiteboardRef.current.contentWindow.postMessage({
+        type: 'resizeWindowWidth',
+        isResize: true
+      }, '*');
+    };
+    var eventBus = _eventBus["default"].getInstance();
+    var unsubscribeResizeArticle = eventBus.subscribe(_constants.INTERNAL_EVENT.RESIZE_ARTICLE, handleWindowResize);
+    window.addEventListener('message', handleMessage);
+    return function () {
+      window.removeEventListener('message', handleMessage);
+      unsubscribeResizeArticle();
+    };
+  }, []);
+  var handleDoubleClick = function handleDoubleClick(event) {
+    event.preventDefault();
+    var siteRoot = _context["default"].getSetting('siteRoot');
+    var url = "".concat(siteRoot, "lib/").concat(repo_id, "/file").concat(file_path);
+    window.open(url, '_blank');
+    return;
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('sdoc-whiteboard-container', {
+      'isSelected': isSelected
+    }),
+    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,
+    ref: whiteboardRef
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "iframe-overlay",
+    onDoubleClick: handleDoubleClick
+  }));
+};
+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/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/dist/hooks/use-collaborators.js

@@ -14,13 +14,14 @@ var CollaboratorsContext = /*#__PURE__*/_react["default"].createContext(null);
 var CollaboratorsProvider = exports.CollaboratorsProvider = function CollaboratorsProvider(_ref) {
   var propsCollaborators = _ref.collaborators,
     children = _ref.children;
-  var isSdocRevision = _context["default"].getSetting('isSdocRevision');
-  var isPublished = _context["default"].getSetting('isPublished');
+  var isSdocRevision = _context["default"].getSetting('isSdocRevision') || false;
+  var isPublished = _context["default"].getSetting('isPublished') || false;
   var _useState = (0, _react.useState)(propsCollaborators || []),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     collaborators = _useState2[0],
     setCollaborators = _useState2[1];
   (0, _react.useEffect)(function () {
+    console.log(1, isSdocRevision, isPublished);
     if (isSdocRevision && isPublished) return;
     if (propsCollaborators) return;
     _context["default"].listRelatedUsers().then(function (res) {

package/dist/hooks/use-plugins.js

@@ -34,6 +34,7 @@ var PluginsProvider = exports.PluginsProvider = function PluginsProvider(_ref) {
         component: _comment["default"]
       });
     }
+    console.log(3, allPlugins);
     return allPlugins;
   }, [showComment, propsPlugins]);
   var updateDisplayPlugin = (0, _react.useCallback)(function (name) {

package/dist/hooks/use-selection-position.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCommentListPosition = void 0;
+var _helper = require("../comment/helper");
+var _constants = require("../constants");
 var _useScrollContext = require("./use-scroll-context");
-var useCommentListPosition = exports.useCommentListPosition = function useCommentListPosition(selectedElementIds, isContextComment, isClickedContextComment, commentedDom, commentDetail, closeComment) {
+var useCommentListPosition = exports.useCommentListPosition = function useCommentListPosition(selectedElementIds, isContextComment, isClickedContextComment, commentedDom, commentDetail, closeComment, editor) {
   var _document$querySelect;
   var headerHeight = 100;
   var scrollRef = (0, _useScrollContext.useScrollContext)();
@@ -51,7 +53,12 @@ var useCommentListPosition = exports.useCommentListPosition = function useCommen
       }
     }
     var editorArticleRight = document.getElementById('sdoc-editor-print-wrapper').getBoundingClientRect().right;
-    var topPara = rect.bottom - headerHeight + 10 + scrollTop;
+    var topPara;
+    topPara = rect.bottom - headerHeight + 10 + scrollTop;
+    if (editor.editorType === _constants.WIKI_EDITOR) {
+      // 55 is basic top title height in wiki
+      topPara = (0, _helper.commentContainerWikiTransfer)(topPara, 55);
+    }
     var rightPara = editorArticleRight - rect.left - 300; // 300 is comment container's width
     return {
       right: rightPara,
@@ -63,6 +70,10 @@ var useCommentListPosition = exports.useCommentListPosition = function useCommen
   if (!selectionPosition) closeComment();
   if (selectionPosition && selectionPosition.y !== 0) {
     selectionPosition.y = selectionPosition.y - headerHeight + scrollTop;
+    if (editor.editorType === _constants.WIKI_EDITOR) {
+      // 47 is top nav bar height in wiki
+      selectionPosition.y = (0, _helper.commentContainerWikiTransfer)(selectionPosition.y, 47);
+    }
   }
   return {
     x: selectionPosition === null || selectionPosition === void 0 ? void 0 : selectionPosition.x,

package/dist/index.js

@@ -88,6 +88,12 @@ Object.defineProperty(exports, "RevisionEditor", {
     return _revisionEditor["default"];
   }
 });
+Object.defineProperty(exports, "RightPanel", {
+  enumerable: true,
+  get: function get() {
+    return _index["default"];
+  }
+});
 Object.defineProperty(exports, "SDocEditor", {
   enumerable: true,
   get: function get() {
@@ -260,6 +266,7 @@ var _useCollaborators = require("./hooks/use-collaborators");
 var _usePlugins = require("./hooks/use-plugins");
 var _nodeId = _interopRequireDefault(require("./node-id"));
 var _outline = _interopRequireDefault(require("./outline"));
+var _index = _interopRequireDefault(require("./right-panel/index"));
 var _slateConvert = require("./slate-convert");
 var _socket = require("./socket");
 var _commonUtils = require("./utils/common-utils");

package/dist/layout/article-container.js

@@ -63,7 +63,7 @@ function ArticleContainer(_ref) {
     };
   }, [editor.editorType, handleWindowResize]);
   (0, _react.useEffect)(function () {
-    if (editor.editorType === _constants.WIKI_EDITOR) return;
+    // if (editor.editorType === WIKI_EDITOR) return;
     if (editor.editorType === _constants.DOCUMENT_PLUGIN_EDITOR) return;
     handleWindowResize();
     window.addEventListener('resize', handleWindowResize);

package/dist/views/sdoc-wiki-viewer.js

@@ -24,7 +24,7 @@ var SDocMdViewer = function SDocMdViewer(_ref) {
     showOutline = _ref$showOutline === void 0 ? false : _ref$showOutline,
     propsScrollRef = _ref.scrollRef;
   var validEditor = editor || (0, _nodeId["default"])((0, _extension.createDefaultEditor)());
-  var slateValue = (document || (0, _documentUtils.generateDefaultDocContent)()).children;
+  var slateValue = (document || (0, _documentUtils.generateDefaultDocContent)()).elements;
   var scrollRef = (0, _react.useRef)(null);
   var currentScrollRef = propsScrollRef || scrollRef;
   return /*#__PURE__*/_react["default"].createElement(_layout.EditorContainer, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.130",
+  "version": "2.0.131-test-0.0.2",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -69,6 +69,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "gitHead": "10b0c1c64b87fea3d83594109d061393c24d66a8"
+  }
 }

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.