@seafile/comment-editor 0.0.1-alpha.6 → 0.0.1-alpha.61

package/dist/basic-sdk/extension/plugins/table/menu/color-selector-popover/color-item.js

@@ -10,10 +10,12 @@ var _reactI18next = require("react-i18next");
 var _classnames = _interopRequireDefault(require("classnames"));
 const ColorItem = _ref => {
   let {
-    t,
     color,
     lastUsedColor
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('sdoc-color-item', {
       'selected': lastUsedColor === color.value
@@ -28,4 +30,4 @@ const ColorItem = _ref => {
     }) : t(color.name)
   });
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(ColorItem);
+var _default = exports.default = ColorItem;

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _reactI18next = require("react-i18next");
 var _constants = require("../../../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../../../utils/event-bus"));
 var _KebabToCamel = _interopRequireDefault(require("../../../../../utils/Kebab-to-camel"));
@@ -22,6 +21,8 @@ var _horizontalAlignPopover = _interopRequireDefault(require("../horizontal-alig
 var _verticalAlignPopover = _interopRequireDefault(require("../vertical-align-popover"));
 var _insertTableElement = _interopRequireDefault(require("./insert-table-element"));
 require("./index.css");
+// import { withTranslation } from 'react-i18next';
+
 class TableContextMenu extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -229,4 +230,4 @@ class TableContextMenu extends _react.default.Component {
     }, t('Fit_table_to_page_width'))));
   }
 }
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TableContextMenu);
+var _default = exports.default = TableContextMenu;

package/dist/basic-sdk/extension/plugins/table/menu/table-context-menu/insert-table-element.js

@@ -8,10 +8,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
 var _constants = require("../../constants");
+// import { withTranslation } from 'react-i18next';
+
 class InsertTableElement extends _react.Component {
   constructor(props) {
     super(props);
@@ -94,4 +95,4 @@ class InsertTableElement extends _react.Component {
     }), /*#__PURE__*/_react.default.createElement("span", null, type === _constants.TABLE_ELEMENT.ROW ? t('Row(s)') : t('Column(s)'))));
   }
 }
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(InsertTableElement);
+var _default = exports.default = InsertTableElement;

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
 var _dropdownMenuItem = _interopRequireDefault(require("../../../../commons/dropdown-menu-item"));
 var _constants = require("../../../../constants");
 var _helpers = require("../../helpers");
@@ -38,4 +37,4 @@ const TableMenu = _ref => {
     createTable: createTable
   }));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TableMenu);
+var _default = exports.default = TableMenu;

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

@@ -95,4 +95,4 @@ const TextAlignMenu = _ref => {
     }));
   }))));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TextAlignMenu);
+var _default = exports.default = TextAlignMenu;

package/dist/basic-sdk/extension/plugins/text-style/menu/comemnt-editor-menu.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
 var _commons = require("../../../commons");
 var _constants = require("../../../constants");
 var _menusConfig = require("../../../constants/menus-config");
@@ -69,4 +68,4 @@ const CommentEditorTextStyleMenuList = _ref => {
     key: index
   }, itemProps))));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(CommentEditorTextStyleMenuList);
+var _default = exports.default = CommentEditorTextStyleMenuList;

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

@@ -25,12 +25,14 @@ var _helpers3 = require("../helpers");
 const TextStyleMenuList = _ref => {
   let {
     editor,
-    t,
     isRichEditor,
     className,
     idPrefix,
     readonly
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   let selectedFontSize = (0, _helpers.getFontSize)(editor);
   let selectedFontSizeValue = selectedFontSize;
   const enableSeafileAI = _context.default.getSetting('enableSeafileAI');
@@ -159,4 +161,4 @@ const TextStyleMenuList = _ref => {
     isRichEditor: isRichEditor
   }));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TextStyleMenuList);
+var _default = exports.default = TextStyleMenuList;

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderVideo = renderVideo;
 var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _helpers = require("./helpers");
@@ -128,7 +127,7 @@ const Video = _ref => {
     }
   }))));
 };
-const SdocVideo = (0, _reactI18next.withTranslation)('sdoc-editor')(Video);
+const SdocVideo = Video;
 function renderVideo(props, editor) {
   const {
     element,

package/dist/basic-sdk/extension/toolbar/comment-editor-toolbar/index.js

@@ -22,33 +22,37 @@ const CommentEditorToolbar = _ref => {
     readonly = false,
     onSubmit,
     submitBtnText,
-    onCancel
+    onCancel,
+    toolMenus
   } = _ref;
   (0, _useSelectionUpdate.default)();
   const eventBus = _eventBus.default.getInstance();
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "comment-editor-toolbar"
-  }, /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, {
+    className: "comment-editor-toolbar",
+    style: {
+      justifyContent: toolMenus.length === 0 ? 'end' : ''
+    }
+  }, toolMenus.length !== 0 && /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, {
     className: "menu-group comment-editor-menu-group"
-  }, /*#__PURE__*/_react.default.createElement(_comemntEditorMenu.default, {
+  }, toolMenus.includes('text_style') && /*#__PURE__*/_react.default.createElement(_comemntEditorMenu.default, {
     editor: editor,
     readonly: readonly
-  }), /*#__PURE__*/_react.default.createElement(_menu.default, {
+  }), toolMenus.includes(_constants.BLOCKQUOTE) && /*#__PURE__*/_react.default.createElement(_menu.default, {
     editor: editor,
     readonly: readonly
-  }), /*#__PURE__*/_react.default.createElement(_menu4.default, {
+  }), toolMenus.includes(_constants.UNORDERED_LIST) && /*#__PURE__*/_react.default.createElement(_menu4.default, {
     editor: editor,
     type: _constants.UNORDERED_LIST,
     readonly: readonly
-  }), /*#__PURE__*/_react.default.createElement(_menu4.default, {
+  }), toolMenus.includes(_constants.ORDERED_LIST) && /*#__PURE__*/_react.default.createElement(_menu4.default, {
     editor: editor,
     type: _constants.ORDERED_LIST,
     readonly: readonly
-  }), /*#__PURE__*/_react.default.createElement(_menu3.default, {
+  }), toolMenus.includes(_constants.LINK) && /*#__PURE__*/_react.default.createElement(_menu3.default, {
     editor: editor,
     readonly: readonly,
     eventBus: eventBus
-  }), /*#__PURE__*/_react.default.createElement(_menu2.default, {
+  }), toolMenus.includes(_constants.IMAGE) && /*#__PURE__*/_react.default.createElement(_menu2.default, {
     editor: editor,
     readonly: readonly,
     eventBus: eventBus

package/dist/basic-sdk/hooks/use-comment.js

@@ -1,12 +1,14 @@
 "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.useComment = exports.CommentProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
+var _context = _interopRequireDefault(require("../context"));
+var _model = require("../model");
 require("../assets/css/layout.css");
 require("../assets/css/default.css");
 require("../assets/css/sdoc-editor-article.css");
@@ -18,27 +20,35 @@ const CommentProvider = _ref => {
   let {
     children,
     type,
-    userInfo,
-    pluginName = '',
+    // comment or replay
     className = '',
+    pluginName = '',
+    // sdoc or wiki or txt ...
     pluginEventBus,
     pluginEvent,
-    api
+    collaborators = [],
+    participants = [],
+    addParticipants
   } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const [collaborators, setCollaborators] = (0, _react.useState)([]);
+  const getCollaborators = (0, _react.useCallback)(() => {
+    const newCollaborators = collaborators.map(user => new _model.User(user));
+    return newCollaborators;
+  }, [collaborators]);
+  const getParticipants = (0, _react.useCallback)(() => {
+    const newParticipants = participants.map(user => new _model.User(user));
+    return newParticipants;
+  }, [participants]);
   return /*#__PURE__*/_react.default.createElement(CommentContext.Provider, {
     value: {
       type,
-      userInfo,
-      pluginName,
+      userInfo: _context.default.getUserInfo(),
       className,
-      api,
+      pluginName,
       pluginEventBus,
       pluginEvent,
-      collaborators
+      collaborators: getCollaborators(),
+      participants: getParticipants(),
+      addParticipants
     }
   }, children);
 };

package/dist/basic-sdk/model/index.js

@@ -4,17 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Notification", {
-  enumerable: true,
-  get: function () {
-    return _notification.default;
-  }
-});
 Object.defineProperty(exports, "User", {
   enumerable: true,
   get: function () {
     return _user.default;
   }
 });
-var _user = _interopRequireDefault(require("./user"));
-var _notification = _interopRequireDefault(require("./notification"));
+var _user = _interopRequireDefault(require("./user"));

package/dist/basic-sdk/socket/helpers.js

@@ -0,0 +1,312 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateOperation = exports.syncRemoteOperations = exports.syncRemoteCursorLocation = exports.revertOperationList = exports.reExecRevertOperationList = exports.getRevertOperationList = exports.getNodePathById = void 0;
+var _slate = require("@seafile/slate");
+var _deepCopy = _interopRequireDefault(require("deep-copy"));
+var _helper = require("../cursor/helper");
+var _core = require("../extension/core");
+var OPERATION = _interopRequireWildcard(require("../node-id/constants"));
+const getNodePathById = function (rootNode, nodeId) {
+  let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  if (rootNode.id === nodeId) return path;
+  const {
+    children = []
+  } = rootNode;
+  for (let i = 0; i < children.length; i++) {
+    const child = children[i];
+    path.push(i);
+    const nodePath = getNodePathById(child, nodeId, path);
+    if (nodePath) return nodePath;
+    path.pop();
+  }
+  return null;
+};
+exports.getNodePathById = getNodePathById;
+const validateOperation = (editor, operation) => {
+  let isValid = false;
+  let newOperation = (0, _deepCopy.default)(operation);
+  const {
+    type
+  } = newOperation;
+  switch (type) {
+    case OPERATION.INSERT_TEXT:
+    case OPERATION.REMOVE_TEXT:
+      {
+        const {
+          node_id,
+          path
+        } = newOperation;
+        const node = (0, _core.getNode)(editor, path);
+        // node is exist and node path is not changed
+        if (node && node.id === node_id) {
+          isValid = true;
+          break;
+        }
+
+        // node is exist but node path is changed
+        const nodePath = getNodePathById(editor, node_id);
+        if (nodePath) {
+          isValid = true;
+          newOperation.path = nodePath;
+          break;
+        }
+        // node is not exist
+        isValid = false;
+        break;
+      }
+    case OPERATION.INSERT_NODE:
+      {
+        let {
+          parent_node_id,
+          path
+        } = newOperation;
+        const parentNodePath = getNodePathById(editor, parent_node_id);
+        if (!parentNodePath) {
+          isValid = false;
+          break;
+        }
+        const parentPath = path.slice(0, path.length - 1);
+        if (parentPath.join() === parentNodePath.join()) {
+          isValid = true;
+          break;
+        }
+
+        // reset insert node path
+        const parentNode = (0, _core.getNode)(editor, path);
+        if (parentNode) {
+          const childLength = parentNode.children.length;
+          const index = Math.min(path[path.length - 1], childLength);
+          newOperation.path = parentNodePath.concat([index]);
+          isValid = true;
+        }
+        break;
+      }
+    case OPERATION.REMOVE_NODE:
+      {
+        const {
+          node_id,
+          path
+        } = newOperation;
+        const node = (0, _core.getNode)(editor, path);
+        // node is exist and node path is not changed
+        if (node && node.id === node_id) {
+          isValid = true;
+          break;
+        }
+
+        // node is exist but node path is changed
+        const nodePath = getNodePathById(editor, node_id);
+        if (nodePath) {
+          isValid = true;
+          newOperation.path = nodePath;
+          break;
+        }
+
+        // node is not exist
+        isValid = false;
+        break;
+      }
+    case OPERATION.MERGE_NODE:
+      {
+        // merge next node into prev node
+        const {
+          node_id,
+          path
+        } = newOperation;
+        const node = (0, _core.getNode)(editor, path);
+        // node is exist and node path is not changed
+        if (node && node.id === node_id) {
+          isValid = true;
+          break;
+        }
+
+        // node is exist but node path is changed
+        const nodePath = getNodePathById(editor, node_id);
+        if (nodePath) {
+          isValid = true;
+          newOperation.path = nodePath;
+          break;
+        }
+
+        // node is not exist
+        isValid = false;
+        break;
+      }
+    case OPERATION.SPLIT_NODE:
+      {
+        const {
+          node_id,
+          path
+        } = newOperation;
+        const node = (0, _core.getNode)(editor, path);
+        // node is exist and node path is not changed
+        if (node && node.id === node_id) {
+          isValid = true;
+          break;
+        }
+
+        // node is exist but node path is changed
+        const nodePath = getNodePathById(editor, node_id);
+        if (nodePath) {
+          isValid = true;
+          newOperation.path = nodePath;
+          break;
+        }
+
+        // node is not exist
+        isValid = false;
+        break;
+      }
+    case OPERATION.SET_NODE:
+      {
+        const {
+          node_id,
+          path,
+          properties
+        } = newOperation;
+        const node = (0, _core.getNode)(editor, path);
+        // node is exist and node path is not changed
+        if (node && node.id === node_id) {
+          isValid = true;
+          newOperation.properties = {
+            ...properties,
+            type: node.type
+          };
+          break;
+        }
+
+        // node is exist but node path is changed
+        const nodePath = getNodePathById(editor, node_id);
+        if (nodePath) {
+          isValid = true;
+          const node = (0, _core.getNode)(editor, nodePath);
+          newOperation.properties = {
+            ...properties,
+            type: node.type
+          };
+          newOperation.path = nodePath;
+          break;
+        }
+
+        // node is not exist
+        isValid = false;
+        break;
+      }
+    case OPERATION.MOVE_NODE:
+      {
+        const {
+          node_id,
+          path
+        } = newOperation;
+        const node = (0, _core.getNode)(editor, path);
+        // node is exist and node path is not changed
+        if (node && node.id === node_id) {
+          isValid = true;
+          break;
+        }
+
+        // TODO: newPath can not calculate by nodePath
+        // node is exist but node path is changed
+        // const nodePath = getNodePathById(editor, node_id);
+        // if (nodePath) {}
+
+        // node is not exist
+        isValid = false;
+        break;
+      }
+    default:
+      {
+        // set_selection
+        break;
+      }
+  }
+  if (isValid) return newOperation;
+  return isValid;
+};
+exports.validateOperation = validateOperation;
+const getRevertOperationList = operationList => {
+  if (operationList.length === 0) return [];
+
+  // Generate a duplicate operationList, The original value cannot be modified here
+  let revertOperationList = (0, _deepCopy.default)(operationList);
+  revertOperationList = revertOperationList.reverse();
+  return revertOperationList.map(operations => {
+    const ops = operations.reverse();
+    return ops.map(item => _slate.Operation.inverse(item));
+  });
+};
+exports.getRevertOperationList = getRevertOperationList;
+const revertOperationList = (editor, operationList) => {
+  if (operationList.length === 0) return [];
+  const revertOperationList = getRevertOperationList(operationList);
+
+  // Cancel locale execute operations
+  for (let i = 0; i < revertOperationList.length; i++) {
+    const operations = revertOperationList[i];
+    _slate.Editor.withoutNormalizing(editor, () => {
+      for (let j = 0; j < operations.length; j++) {
+        const op = operations[j];
+        editor.apply(op);
+      }
+    });
+  }
+};
+exports.revertOperationList = revertOperationList;
+const reExecRevertOperationList = (editor, revertOperationList) => {
+  if (revertOperationList.length === 0) return;
+
+  // Re-execute revert operations
+  for (let i = 0; i < revertOperationList.length; i++) {
+    const operations = revertOperationList[i];
+    _slate.Editor.withoutNormalizing(editor, () => {
+      for (let j = 0; j < operations.length; j++) {
+        const op = validateOperation(editor, operations[j]);
+        if (op) {
+          editor.apply(op);
+        }
+      }
+    });
+  }
+};
+exports.reExecRevertOperationList = reExecRevertOperationList;
+const syncRemoteOperations = (editor, remoteOperations) => {
+  if (remoteOperations.length === 0) return;
+  _slate.Editor.withoutNormalizing(editor, () => {
+    for (let i = 0; i < remoteOperations.length; i++) {
+      const op = remoteOperations[i];
+      if (op.type === 'set_selection') {
+        continue;
+      }
+      editor.apply(op);
+    }
+  });
+};
+exports.syncRemoteOperations = syncRemoteOperations;
+const syncRemoteCursorLocation = (editor, user, location, cursorData) => {
+  const currentUser = editor.user;
+  if (user && user.username !== currentUser.username) {
+    // Get front Point as cursor
+    const {
+      anchor,
+      focus
+    } = location;
+    let newLocation = location;
+    if (!_slate.Point.equals(anchor, focus)) {
+      const frontPoint = _slate.Editor.start(editor, location);
+      newLocation = {
+        anchor: frontPoint,
+        focus: frontPoint
+      };
+    }
+    (0, _helper.setCursor)(editor, user, newLocation, cursorData);
+
+    // sync cursor position
+    editor.onCursor && editor.onCursor(editor.cursors);
+  }
+};
+exports.syncRemoteCursorLocation = syncRemoteCursorLocation;

package/dist/components/error-boundary/error-page.js

@@ -10,10 +10,10 @@ var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _basicSdk = require("../../basic-sdk");
 require("./error-page.css");
-function ErrorPage(_ref) {
-  let {
+function ErrorPage() {
+  const {
     t
-  } = _ref;
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const normalizeSdoc = (0, _react.useCallback)(async () => {
     const res = await _basicSdk.context.normalizeSdocContent();
     const {
@@ -33,4 +33,4 @@ function ErrorPage(_ref) {
     onClick: () => normalizeSdoc()
   }, t('Repair')));
 }
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(ErrorPage);
+var _default = exports.default = ErrorPage;

package/dist/pages/seafile-comment-editor.js

@@ -8,39 +8,57 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _basicSdk = require("../basic-sdk");
+var _i18n = require("../_i18n");
 var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
 const SeafileCommentEditor = _ref => {
   let {
+    // Provider
     type,
-    userInfo,
-    pluginName = '',
+    // comment or replay
     className = '',
-    commentContent,
-    hiddenUserInfo,
+    pluginName = '',
+    // sdoc or wiki or txt ...
+    pluginEventBus,
+    pluginEvent,
+    // Comment editor
+    content,
     insertContent,
-    hiddenComment,
     onContentChange,
+    hiddenUserInfo,
+    hiddenComment,
+    toolMenus,
+    closePanel,
+    collaborators,
+    participants,
     addParticipants,
-    pluginEventBus,
-    pluginEvent,
+    // settings
+    settings,
     api
   } = _ref;
-  _basicSdk.context.init();
-  return /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentProvider, {
+  const {
+    lang
+  } = settings || {};
+  _basicSdk.context.init(settings, api);
+  return /*#__PURE__*/_react.default.createElement(_reactI18next.I18nextProvider, {
+    i18n: (0, _i18n.getI18n)(lang || 'en')
+  }, /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentProvider, {
     type: type,
-    userInfo: userInfo,
-    pluginName: pluginName,
     className: className,
+    pluginName: pluginName,
     pluginEventBus: pluginEventBus,
     pluginEvent: pluginEvent,
-    api: api
+    collaborators: collaborators,
+    participants: participants,
+    addParticipants: addParticipants
   }, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentEditor, {
-    commentContent: commentContent,
-    hiddenUserInfo: hiddenUserInfo,
+    content: content,
     insertContent: insertContent,
-    hiddenComment: hiddenComment,
     onContentChange: onContentChange,
+    hiddenUserInfo: hiddenUserInfo,
+    hiddenComment: hiddenComment,
+    toolMenus: toolMenus,
+    closePanel: closePanel,
     addParticipants: addParticipants
-  })));
+  }))));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(SeafileCommentEditor);
+var _default = exports.default = SeafileCommentEditor;