@seafile/comment-editor 0.0.1-alpha.7 → 0.0.1-alpha.70

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

@@ -6,41 +6,64 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactI18next = require("react-i18next");
 var _basicSdk = require("../basic-sdk");
 var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
+// import { I18nextProvider } from 'react-i18next';
+
+// import { getI18n } from '../_i18n';
+
 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, {
-    type: type,
-    userInfo: userInfo,
-    pluginName: pluginName,
-    className: className,
-    pluginEventBus: pluginEventBus,
-    pluginEvent: pluginEvent,
-    api: api
-  }, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentEditor, {
-    commentContent: commentContent,
-    hiddenUserInfo: hiddenUserInfo,
-    insertContent: insertContent,
-    hiddenComment: hiddenComment,
-    onContentChange: onContentChange,
-    addParticipants: addParticipants
-  })));
+  const {
+    lang
+  } = settings || {};
+  _basicSdk.context.init(settings, api);
+  return (
+    /*#__PURE__*/
+    // <I18nextProvider i18n={ getI18n(lang || 'en') }>
+    _react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentProvider, {
+      type: type,
+      className: className,
+      pluginName: pluginName,
+      pluginEventBus: pluginEventBus,
+      pluginEvent: pluginEvent,
+      collaborators: collaborators,
+      participants: participants,
+      addParticipants: addParticipants
+    }, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentEditor, {
+      content: content,
+      insertContent: insertContent,
+      onContentChange: onContentChange,
+      hiddenUserInfo: hiddenUserInfo,
+      hiddenComment: hiddenComment,
+      toolMenus: toolMenus,
+      closePanel: closePanel,
+      addParticipants: addParticipants
+    })))
+    // </I18nextProvider>
+  );
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(SeafileCommentEditor);
+var _default = exports.default = SeafileCommentEditor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/comment-editor",
-  "version": "0.0.1-alpha.7",
+  "version": "0.0.1-alpha.70",
   "private": false,
   "description": "This is a comment editor",
   "main": "dist/index.js",
@@ -115,10 +115,10 @@
     "fs-extra": "^10.0.0",
     "html-webpack-plugin": "^5.5.0",
     "husky": "8.0.3",
-    "i18next": "22.4.9",
-    "i18next-browser-languagedetector": "7.0.1",
-    "i18next-xhr-backend": "3.2.2",
-    "identity-obj-proxy": "3.0.0",
+    "i18next": "^25.2.1",
+    "i18next-browser-languagedetector": "^8.1.0",
+    "i18next-http-backend": "^3.0.2",
+    "identity-obj-proxy": "^3.0.0",
     "is-wsl": "^1.1.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
@@ -141,7 +141,7 @@
     "react-app-polyfill": "^3.0.0",
     "react-dev-utils": "^12.0.1",
     "react-dom": "18.3.1",
-    "react-i18next": "12.1.4",
+    "react-i18next": "15.5.2",
     "react-refresh": "^0.11.0",
     "react-router": "7.5.2",
     "react-router-dom": "7.1.3",

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

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _utils = require("../comment/utils");
-class Notification {
-  constructor(options) {
-    var _options$detail, _options$detail2, _options$detail3;
-    this.id = options.id || '';
-    this.comment_id = (options === null || options === void 0 ? void 0 : (_options$detail = options.detail) === null || _options$detail === void 0 ? void 0 : _options$detail.comment_id) || '';
-    this.reply_id = (options === null || options === void 0 ? void 0 : (_options$detail2 = options.detail) === null || _options$detail2 === void 0 ? void 0 : _options$detail2.reply_id) || '';
-    this.type = (options === null || options === void 0 ? void 0 : (_options$detail3 = options.detail) === null || _options$detail3 === void 0 ? void 0 : _options$detail3.msg_type) || '';
-    this.key = this.type !== 'reply' ? (0, _utils.generatorNotificationKey)(this.comment_id) : (0, _utils.generatorNotificationKey)(this.comment_id, this.reply_id);
-  }
-}
-var _default = exports.default = Notification;

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

@@ -1,194 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _reactI18next = require("react-i18next");
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _basicSdk = require("../../basic-sdk");
-require("./style.css");
-class TipMessage extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(this, "onOperationExecuteError", () => {
-      const {
-        t
-      } = this.props;
-      const message = t('Failed_to_execute_operation_on_server');
-      _basicSdk.toaster.warning(message, {
-        hasCloseButton: true
-      });
-    });
-    (0, _defineProperty2.default)(this, "onSyncServerOperationError", () => {
-      const {
-        t
-      } = this.props;
-      const message = t('Failed_to_sync_with_server_operations');
-      _basicSdk.toaster.danger(message, {
-        hasCloseButton: false,
-        duration: null
-      });
-    });
-    (0, _defineProperty2.default)(this, "onInternalServerExecError", () => {
-      const {
-        t
-      } = this.props;
-      const message = t('Internal_server_exec_operations_error');
-      _basicSdk.toaster.danger(message, {
-        hasCloseButton: false,
-        duration: null
-      });
-    });
-    (0, _defineProperty2.default)(this, "onTokenExpiredError", msg => {
-      const {
-        t
-      } = this.props;
-      const message = t('Token_expired_Please_refresh_the_page');
-      _basicSdk.toaster.closeAll();
-      _basicSdk.toaster.danger(message, {
-        duration: null
-      });
-    });
-    (0, _defineProperty2.default)(this, "onPendingOpExceedLimit", () => {
-      const {
-        t
-      } = this.props;
-      _basicSdk.toaster.closeAll();
-      const message = t('Pending_operations_exceed_limit');
-      _basicSdk.toaster.warning(message, {
-        duration: 5
-      });
-    });
-    (0, _defineProperty2.default)(this, "onDisconnect", () => {
-      const {
-        t,
-        isEditMode
-      } = this.props;
-      if (!isEditMode) return;
-      const message = t('Server_is_not_connected_Operation_will_be_sent_to_server_later');
-      _basicSdk.toaster.warning(message, {
-        hasCloseButton: true,
-        duration: null
-      });
-    });
-    (0, _defineProperty2.default)(this, "onReconnectError", () => {
-      if (!this.isConnectError) {
-        this.isConnectError = true;
-        const {
-          t
-        } = this.props;
-        const message = t('Server_is_disconnected_Reconnecting');
-        _basicSdk.toaster.closeAll();
-        _basicSdk.toaster.warning(message, {
-          hasCloseButton: true,
-          duration: null
-        });
-      }
-    });
-    (0, _defineProperty2.default)(this, "onReconnect", () => {
-      this.isConnectError = false;
-      const {
-        t
-      } = this.props;
-      const message = t('Server_is_reconnected');
-      _basicSdk.toaster.closeAll();
-      _basicSdk.toaster.success(message); // close after serval seconds
-    });
-    (0, _defineProperty2.default)(this, "onDocumentSaving", () => {
-      this.setState({
-        isSaving: true,
-        isSaved: false
-      });
-    });
-    (0, _defineProperty2.default)(this, "onDocumentSaved", lastSavedAt => {
-      if (this.saveTimer) clearTimeout(this.saveTimer);
-      if (this.resetTimer) clearTimeout(this.resetTimer);
-      this.saveTimer = setTimeout(() => {
-        this.setState({
-          lastSavedAt,
-          isSaving: false,
-          isSaved: true
-        });
-      }, 1000);
-      this.resetTimer = setTimeout(() => {
-        this.setState({
-          isSaving: false,
-          isSaved: false
-        });
-      }, 2000);
-    });
-    (0, _defineProperty2.default)(this, "render", () => {
-      const {
-        t
-      } = this.props;
-      const {
-        isSaved,
-        isSaving,
-        lastSavedAt
-      } = this.state;
-      if (isSaving && !isSaved) {
-        return /*#__PURE__*/_react.default.createElement("span", {
-          className: "tip-message"
-        }, t('Saving'));
-      }
-      if (!isSaving && isSaved) {
-        return /*#__PURE__*/_react.default.createElement("span", {
-          className: "tip-message"
-        }, t('All_changes_saved'));
-      }
-      if (lastSavedAt) {
-        return /*#__PURE__*/_react.default.createElement("span", {
-          className: "tip-message"
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "sdocfont sdoc-save-tip mr-2"
-        }), /*#__PURE__*/_react.default.createElement("span", {
-          className: "save-time"
-        }, (0, _dayjs.default)(lastSavedAt).format('HH:mm')));
-      }
-      return null;
-    });
-    this.state = {
-      isSaved: false,
-      isSaving: false,
-      lastSavedAt: ''
-    };
-    this.saveTimer = null;
-  }
-  componentDidMount() {
-    const eventBus = _basicSdk.EventBus.getInstance();
-    this.unsubscribeSavingEvent = eventBus.subscribe('is-saving', this.onDocumentSaving);
-    this.unsubscribeSavedEvent = eventBus.subscribe('saved', this.onDocumentSaved);
-    // offline reconnect
-    this.unsubscribeDisconnectEvent = eventBus.subscribe('disconnect', this.onDisconnect);
-    this.unsubscribeReconnectErrorEvent = eventBus.subscribe('reconnect_error', this.onReconnectError);
-    this.unsubscribeReconnectEvent = eventBus.subscribe('reconnect', this.onReconnect);
-
-    // server return error
-    this.unsubscribeOpExecError = eventBus.subscribe('execute_client_operations_error', this.onOperationExecuteError);
-    this.unsubscribeSyncServerOpError = eventBus.subscribe('sync_server_operations_error', this.onSyncServerOperationError);
-    this.unsubscribeDocumentLoadError = eventBus.subscribe('load_document_content_error', this.onInternalServerExecError);
-    this.unsubscribeOperationsSaveError = eventBus.subscribe('save_operations_to_database_error', this.onInternalServerExecError);
-    this.unsubscribeOperationsSaveError = eventBus.subscribe('token_expired', this.onTokenExpiredError);
-
-    // local error
-    this.unsubscribePendingOpExceedLimit = eventBus.subscribe('pending_operations_exceed_limit', this.onPendingOpExceedLimit);
-  }
-  componentWillUnmount() {
-    this.unsubscribeSavingEvent();
-    this.unsubscribeSavedEvent();
-    this.unsubscribeDisconnectEvent();
-    this.unsubscribeReconnectErrorEvent();
-    this.unsubscribeReconnectEvent();
-    this.unsubscribeOpExecError();
-    this.unsubscribeSyncServerOpError();
-    this.unsubscribePendingOpExceedLimit();
-    this.unsubscribeDocumentLoadError();
-    this.unsubscribeOperationsSaveError();
-    clearTimeout(this.saveTimer);
-  }
-}
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TipMessage);

package/dist/components/tip-message/style.css

@@ -1,15 +0,0 @@
-.sdoc-editor-page-wrapper .tip-message {
-  margin-left: 12px;
-  font-size: 12px;
-  opacity: 0.75;
-  color: #999;
-  width: max-content;
-  height: 27px;
-  line-height: 27px;
-  display: inline-flex;
-}
-
-.sdoc-editor-page-wrapper .tip-message .sdocfont {
-  padding-top: 1px;
-  font-size: 14px;
-}