@seafile/comment-editor 0.0.1-alpha.9 → 0.0.2-alpha.0

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

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

@@ -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;
-}

package/dist/utils/date-utils.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-class DateUtils {
-  /**
-   * return the formatted date with target format.
-   * @param {string|date object} date
-   * @param {string} format
-   * @returns formatted date
-   */
-  static format(date, format) {
-    const dateObject = this.getValidDate(date);
-    if (!dateObject) {
-      return '';
-    }
-    const upperCaseFormat = format && format.toUpperCase();
-    const year = dateObject.getFullYear();
-    const month = dateObject.getMonth() + 1;
-    const day = dateObject.getDate();
-    const displayMonth = month < 10 ? `0${month}` : month;
-    const displayDay = day < 10 ? `0${day}` : day;
-    switch (upperCaseFormat) {
-      case 'YYYY-MM-DD HH:MM:SS':
-        {
-          const hours = dateObject.getHours();
-          const minutes = dateObject.getMinutes();
-          const seconds = dateObject.getSeconds();
-          const disPlayHours = hours < 10 ? `0${hours}` : hours;
-          const disPlayMinutes = minutes < 10 ? `0${minutes}` : minutes;
-          const disPlaySeconds = seconds < 10 ? `0${seconds}` : seconds;
-          return `${year}-${displayMonth}-${displayDay} ${disPlayHours}:${disPlayMinutes}:${disPlaySeconds}`;
-        }
-      case 'YYYY-MM-DD HH:MM':
-        {
-          const hours = dateObject.getHours();
-          const minutes = dateObject.getMinutes();
-          const disPlayHours = hours < 10 ? `0${hours}` : hours;
-          const disPlayMinutes = minutes < 10 ? `0${minutes}` : minutes;
-          return `${year}-${displayMonth}-${displayDay} ${disPlayHours}:${disPlayMinutes}`;
-        }
-      default:
-        {
-          return `${year}-${displayMonth}-${displayDay}`;
-        }
-    }
-  }
-  static isValidDateObject(dateObject) {
-    return dateObject instanceof Date && !isNaN(dateObject.getTime());
-  }
-  static getValidDate(date) {
-    if (!date) {
-      return null;
-    }
-    const isDateTypeString = typeof date === 'string';
-    let dateString = date;
-    let dateObject = date;
-    if (isDateTypeString) {
-      if (dateString.split(' ').length > 1 || dateString.includes('T')) {
-        dateObject = new Date(date);
-      } else {
-        // given date is without time precision
-        dateString = `${date} 00:00:00`;
-        dateObject = new Date(dateString);
-      }
-    }
-    if (this.isValidDateObject(dateObject)) return dateObject;
-    if (!isDateTypeString) return null;
-
-    // ios phone and safari browser not support use '2021-09-10 12:30', support '2021/09/10 12:30'
-    dateObject = new Date(dateString.replace(/-/g, '/'));
-    if (this.isValidDateObject(dateObject)) return dateObject;
-    return null;
-  }
-}
-var _default = exports.default = DateUtils;

package/dist/utils/index.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DateUtils", {
-  enumerable: true,
-  get: function () {
-    return _dateUtils.default;
-  }
-});
-exports.getImageFileNameWithTimestamp = exports.getErrorMsg = exports.getDirPath = void 0;
-var _basicSdk = require("../basic-sdk");
-var _dateUtils = _interopRequireDefault(require("./date-utils"));
-const getDirPath = path => {
-  let dir = path.slice(0, path.lastIndexOf('/'));
-  if (dir === '') {
-    return '/';
-  } else {
-    return dir;
-  }
-};
-exports.getDirPath = getDirPath;
-const getImageFileNameWithTimestamp = () => {
-  var d = Date.now();
-  return 'image-' + d.toString() + '.png';
-};
-exports.getImageFileNameWithTimestamp = getImageFileNameWithTimestamp;
-const getErrorMsg = error => {
-  let errorMsg = '';
-  if (error.response) {
-    if (error.response.status === 403) {
-      errorMsg = 'Permission_denied';
-    } else if (error.response.data && error.response.data['error_msg']) {
-      errorMsg = error.response.data['error_msg'];
-    } else {
-      errorMsg = 'Error';
-    }
-  } else {
-    errorMsg = 'Please_check_the_network';
-  }
-  return errorMsg;
-};
-exports.getErrorMsg = getErrorMsg;