@seafile/comment-editor 0.0.1-alpha.0

package/dist/components/modal-portal/index.js

@@ -0,0 +1,26 @@
+"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 _reactDom = _interopRequireDefault(require("react-dom"));
+const modalRoot = document.getElementById('modal-wrapper');
+class ModalPortal extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.el = document.createElement('div');
+  }
+  componentDidMount() {
+    modalRoot.appendChild(this.el);
+  }
+  componentWillUnmount() {
+    modalRoot.removeChild(this.el);
+  }
+  render() {
+    return /*#__PURE__*/_reactDom.default.createPortal(this.props.children, this.el);
+  }
+}
+var _default = exports.default = ModalPortal;

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

@@ -0,0 +1,48 @@
+.sdoc-tip-dialog .highlight-bg-color {
+  background-color: #FF8000;
+  border-color: #FF8000;
+}
+
+.sdoc-tip-dialog .sdoc-tip-dialog-custom-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: 46px;
+  padding-bottom: 40px;
+}
+
+.sdoc-tip-dialog .sdoc-tip-dialog-custom-container .sdoc-tip-img-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 140px;
+  height: 140px;
+  overflow: hidden;
+}
+
+.sdoc-tip-dialog .sdoc-tip-dialog-custom-container .sdoc-tip-content {
+  width: 100%;
+  padding: 10px 16px 64px 16px;
+  text-align: center;
+}
+
+.sdoc-tip-dialog .sdoc-tip-dialog-custom-container .sdoc-tip-operation-btn {
+  min-width: 140px;
+}
+
+.sdoc-tip-dialog .sdoc-tip-dialog-custom-container.publishing {
+  padding: 2rem;
+  height: 180px;
+  justify-content: center;
+}
+
+.sdoc-tip-dialog .sdoc-tip-dialog-custom-container.publishing .common-loading-tip {
+  width: 30px;
+  height: 30px;
+  border-width: 4px;
+}
+
+.sdoc-tip-dialog .sdoc-tip-dialog-custom-container.publishing .sdoc-tip-content {
+  margin-top: 8px;
+  padding: 0;
+}

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

@@ -0,0 +1,115 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _basicSdk = require("../../basic-sdk");
+var _contentReplaced = _interopRequireDefault(require("../../assets/images/content-replaced.png"));
+var _constants = require("../../constants");
+var _modalHeader = _interopRequireDefault(require("../modal-header"));
+require("./index.css");
+const NOT_CLOSE_DIALOG_TIP_TYPE = [_constants.TIP_TYPE.HAS_BEEN_REPLACED, _constants.TIP_TYPE.HAS_BEEN_PUBLISHED, _constants.TIP_TYPE.CHECKING, _constants.TIP_TYPE.PUBLISHING];
+const TipDialog = _ref => {
+  let {
+    className,
+    tipType,
+    onClose,
+    onSubmit: propsOnSubmit,
+    zIndex = 1071,
+    children
+  } = _ref;
+  const {
+    t
+  } = (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;
+    if (isSubmitting) return;
+    onClose && onClose();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [tipType, isSubmitting]);
+  const onSubmit = (0, _react.useCallback)(() => {
+    if ([_constants.TIP_TYPE.HAS_CONFLICT_BEFORE_VIEW_CHANGES, _constants.TIP_TYPE.HAS_CONFLICT_BEFORE_PUBLISH].includes(tipType)) {
+      closeDialog();
+      return;
+    }
+    setSubmitting(true);
+    propsOnSubmit && propsOnSubmit();
+  }, [closeDialog, propsOnSubmit, tipType]);
+  (0, _react.useEffect)(() => {
+    if (isSubmitting) {
+      const timer = setTimeout(() => {
+        setSubmitting(false);
+      }, 3000);
+      return () => {
+        clearTimeout(timer);
+      };
+    }
+  }, [isSubmitting]);
+  const refreshPage = (0, _react.useCallback)(() => {
+    window.location.reload();
+  }, []);
+  const renderTip = (0, _react.useCallback)(() => {
+    if (tipType === _constants.TIP_TYPE.HAS_BEEN_REPLACED) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "sdoc-tip-dialog-custom-container"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "sdoc-tip-img-container"
+      }, /*#__PURE__*/_react.default.createElement("img", {
+        src: _contentReplaced.default,
+        alt: "",
+        height: "140"
+      })), /*#__PURE__*/_react.default.createElement("div", {
+        className: "sdoc-tip-content"
+      }, t(_constants.TIP_CONTENT[tipType])), /*#__PURE__*/_react.default.createElement("div", {
+        className: "sdoc-tip-operations-container"
+      }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+        color: "primary",
+        className: "highlight-bg-color sdoc-tip-operation-btn",
+        onClick: refreshPage
+      }, t('Refresh'))));
+    }
+    if (tipType === _constants.TIP_TYPE.PUBLISHING) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "sdoc-tip-dialog-custom-container publishing"
+      }, /*#__PURE__*/_react.default.createElement(_basicSdk.FileLoading, null), /*#__PURE__*/_react.default.createElement("div", {
+        className: "sdoc-tip-content"
+      }, t(_constants.TIP_CONTENT[tipType])));
+    }
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
+      toggle: NOT_CLOSE_DIALOG_TIP_TYPE.includes(tipType) ? undefined : closeDialog
+    }, t(_constants.TIP_TITLE[tipType])), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
+      className: "sdoc-tip-body"
+    }, children ? children : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, t(_constants.TIP_CONTENT[tipType]))), !NOT_CLOSE_DIALOG_TIP_TYPE.includes(tipType) && /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+      color: "secondary",
+      className: "mr-2",
+      onClick: closeDialog
+    }, t('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+      color: "primary",
+      className: (0, _classnames.default)('highlight-bg-color', {
+        'd-flex align-items-center': isSubmitting
+      }),
+      disabled: isSubmitting,
+      onClick: onSubmit
+    }, isSubmitting && /*#__PURE__*/_react.default.createElement("span", {
+      className: "submit-loading-container mr-2"
+    }, /*#__PURE__*/_react.default.createElement(_basicSdk.FileLoading, null)), t('Confirm'))));
+  }, [children, closeDialog, isSubmitting, onSubmit, t, tipType, refreshPage]);
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
+    isOpen: true,
+    autoFocus: false,
+    zIndex: zIndex,
+    returnFocusAfterClose: false,
+    toggle: closeDialog,
+    className: (0, _classnames.default)('sdoc-tip-dialog', className),
+    contentClassName: "sdoc-tip-modal"
+  }, renderTip());
+};
+var _default = exports.default = TipDialog;

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

@@ -0,0 +1,194 @@
+"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

@@ -0,0 +1,15 @@
+.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;
+}

package/dist/constants/index.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TIP_TYPE = exports.TIP_TITLE = exports.TIP_CONTENT = exports.NEW_REVISION = exports.EXTERNAL_EVENT = void 0;
+var _basicSdk = require("../basic-sdk");
+const EXTERNAL_EVENT = exports.EXTERNAL_EVENT = {
+  INTERNAL_LINK_CLICK: 'internal_link_click',
+  TOGGLE_STAR: 'toggle_star',
+  UNMARK_AS_DRAFT: 'unmark_as_draft',
+  SHARE_SDOC: 'share_sdoc',
+  FREEZE_DOCUMENT: 'freeze_document',
+  UNFREEZE: 'unfreeze',
+  // change internal event to external event
+  // editor
+  REFRESH_DOCUMENT: _basicSdk.INTERNAL_EVENT.REFRESH_DOCUMENT,
+  NEW_NOTIFICATION: _basicSdk.INTERNAL_EVENT.NEW_NOTIFICATION,
+  CLEAR_NOTIFICATION: _basicSdk.INTERNAL_EVENT.CLEAR_NOTIFICATION,
+  // wiki
+  CREATE_SDOC_FILE: _basicSdk.INTERNAL_EVENT.CREATE_SDOC_FILE,
+  CREATE_WIKI_PAGE: _basicSdk.INTERNAL_EVENT.CREATE_WIKI_PAGE,
+  // document
+  IMAGE_COLUMN_TOGGLE: _basicSdk.INTERNAL_EVENT.IMAGE_COLUMN_TOGGLE,
+  COLLABORATORS_UPDATED: 'collaborators_updated',
+  CHANGE_HEADER_WIDTH: 'change_header_width'
+};
+const NEW_REVISION = exports.NEW_REVISION = 'new_revision';
+const TIP_TYPE = exports.TIP_TYPE = {
+  DELETE_NO_CHANGES_REVISION: 'delete_no_changes_revision',
+  MERGE: 'merge',
+  HAS_CONFLICT_BEFORE_PUBLISH: 'has_conflict_before_publish',
+  HAS_BEEN_PUBLISHED: 'has_been_published',
+  HAS_BEEN_REPLACED: 'has_been_merge',
+  HAS_CONFLICT_BEFORE_VIEW_CHANGES: 'has_conflict_before_view_changes',
+  HAS_BEEN_REMOVED: 'has_been_removed',
+  CHECKING: 'checking',
+  PUBLISHING: 'publishing',
+  DELETE_REVISION: 'delete_revision',
+  SOURCE_DOCUMENT_CHANGED: 'source_document_changed'
+};
+const TIP_TITLE = exports.TIP_TITLE = {
+  [TIP_TYPE.DELETE_NO_CHANGES_REVISION]: 'Tip',
+  [TIP_TYPE.MERGE]: 'Tip',
+  [TIP_TYPE.HAS_CONFLICT_BEFORE_PUBLISH]: 'Tip',
+  [TIP_TYPE.HAS_BEEN_PUBLISHED]: 'Tip',
+  [TIP_TYPE.HAS_BEEN_REPLACED]: 'Tip',
+  [TIP_TYPE.HAS_CONFLICT_BEFORE_VIEW_CHANGES]: 'Tip',
+  [TIP_TYPE.HAS_BEEN_REMOVED]: 'Tip',
+  [TIP_TYPE.CHECKING]: 'Tip',
+  [TIP_TYPE.PUBLISHING]: 'Tip',
+  [TIP_TYPE.DELETE_REVISION]: 'Delete_revision',
+  [TIP_TYPE.SOURCE_DOCUMENT_CHANGED]: 'Tip'
+};
+const TIP_CONTENT = exports.TIP_CONTENT = {
+  [TIP_TYPE.DELETE_NO_CHANGES_REVISION]: 'Rebase_delete_no_change_revision_tip',
+  [TIP_TYPE.MERGE]: 'Merge_tip',
+  [TIP_TYPE.HAS_CONFLICT_BEFORE_PUBLISH]: 'Has_conflict_before_publish_tip',
+  [TIP_TYPE.HAS_BEEN_PUBLISHED]: 'Has_been_published_tip',
+  [TIP_TYPE.HAS_BEEN_REPLACED]: 'Has_been_replaced_tip',
+  [TIP_TYPE.HAS_CONFLICT_BEFORE_VIEW_CHANGES]: 'Has_conflict_before_view_changes_tip',
+  [TIP_TYPE.HAS_BEEN_REMOVED]: 'Has_been_removed_tip',
+  [TIP_TYPE.CHECKING]: 'Checking',
+  [TIP_TYPE.PUBLISHING]: 'Publishing',
+  [TIP_TYPE.DELETE_REVISION]: 'Delete_tip',
+  [TIP_TYPE.SOURCE_DOCUMENT_CHANGED]: 'Source_document_changed_tip'
+};

package/dist/hooks/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useDocument", {
+  enumerable: true,
+  get: function () {
+    return _useDocument.useDocument;
+  }
+});
+var _useDocument = require("./use-document");

package/dist/hooks/use-document.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDocument = void 0;
+var _react = require("react");
+var _basicSdk = require("../basic-sdk");
+const useDocument = function () {
+  let isInitData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const [isFirstLoading, setIsFirstLoading] = (0, _react.useState)(true);
+  const [isReloading, setIsReloading] = (0, _react.useState)(false);
+  const [document, setDocument] = (0, _react.useState)({
+    version: 0,
+    children: [],
+    cursors: {}
+  });
+  const [errorMessage, setErrorMessage] = (0, _react.useState)('');
+  const loadDocument = (0, _react.useCallback)(() => {
+    return new Promise((resolve, reject) => {
+      _basicSdk.context.getFileContent().then(res => {
+        let result = res.data;
+        resolve(result);
+      }).catch(error => {
+        // eslint-disable-next-line
+        console.log(error);
+        let errorMessage = 'Load_doc_content_error';
+        if (error && error.response) {
+          const {
+            error_type
+          } = error.response.data || {};
+          if (error_type === 'content_invalid') {
+            errorMessage = 'Sdoc_format_invalid';
+          }
+        }
+        reject(errorMessage);
+      });
+    });
+  }, []);
+  const reloadDocument = (0, _react.useCallback)(() => {
+    setIsReloading(true);
+    loadDocument().then(document => {
+      setDocument(document);
+      setIsReloading(false);
+    }).catch(errorMessage => {
+      setIsReloading(false);
+      setErrorMessage(errorMessage);
+      setDocument(null);
+      setIsReloading(false);
+    });
+  }, [loadDocument]);
+  (0, _react.useEffect)(() => {
+    if (!isInitData) return;
+    loadDocument().then(document => {
+      setDocument(document);
+      setIsFirstLoading(false);
+    }).catch(errorMessage => {
+      setErrorMessage(errorMessage);
+      setDocument(null);
+      setIsFirstLoading(false);
+    });
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return {
+    isFirstLoading,
+    isReloading,
+    errorMessage,
+    document,
+    loadDocument,
+    reloadDocument,
+    setErrorMessage
+  };
+};
+exports.useDocument = useDocument;

package/dist/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EXTERNAL_EVENT", {
+  enumerable: true,
+  get: function () {
+    return _constants.EXTERNAL_EVENT;
+  }
+});
+Object.defineProperty(exports, "EventBus", {
+  enumerable: true,
+  get: function () {
+    return _basicSdk.EventBus;
+  }
+});
+Object.defineProperty(exports, "SeafileCommentEditor", {
+  enumerable: true,
+  get: function () {
+    return _seafileCommentEditor.default;
+  }
+});
+var _basicSdk = require("./basic-sdk");
+var _constants = require("./constants");
+var _seafileCommentEditor = _interopRequireDefault(require("./pages/seafile-comment-editor"));

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

@@ -0,0 +1,69 @@
+"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 _basicSdk = require("../basic-sdk");
+var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
+var _hooks = require("../hooks");
+require("../assets/css/simple-editor.css");
+const SeafileCommentEditor = _ref => {
+  let {
+    isStarred,
+    isDraft,
+    showComment,
+    showDocOperations = true,
+    t,
+    plugins = [],
+    collaborators
+  } = _ref;
+  _basicSdk.context.initApi();
+  const editorRef = (0, _react.useRef)(null);
+  const {
+    isFirstLoading,
+    isReloading,
+    errorMessage,
+    document,
+    reloadDocument,
+    setErrorMessage
+  } = (0, _hooks.useDocument)();
+  const validEditor = (0, _react.useMemo)(() => {
+    const defaultEditor = (0, _basicSdk.createDefaultEditor)();
+    const editorConfig = _basicSdk.context.getEditorConfig();
+    const newEditor = (0, _basicSdk.withNodeId)((0, _basicSdk.withSocketIO)(defaultEditor, {
+      document,
+      config: editorConfig
+    }));
+    const {
+      cursors
+    } = document;
+    newEditor.cursors = cursors || {};
+    newEditor.width = 672; // default width
+    return newEditor;
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  if (isFirstLoading) {
+    return /*#__PURE__*/_react.default.createElement(_basicSdk.Loading, null);
+  }
+  if (errorMessage) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "error-page"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "error-tip"
+    }, t(errorMessage)));
+  }
+  return /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_basicSdk.CollaboratorsProvider, {
+    collaborators: collaborators
+  }, /*#__PURE__*/_react.default.createElement(_basicSdk.Provider, {
+    editor: validEditor
+  }, /*#__PURE__*/_react.default.createElement(_basicSdk.RightPanel, {
+    editor: validEditor
+  }))));
+};
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(SeafileCommentEditor);