@seafile/sdoc-editor 0.1.148 → 0.1.149-beta

package/dist/basic-sdk/views/viewer.js

@@ -1,4 +1,4 @@
-import React, { Fragment, useMemo } from 'react';
+import React, { Fragment } from 'react';
 import { Editable, Slate } from '@seafile/slate-react';
 import { renderLeaf as _renderLeaf, renderElement as _renderElement, createDefaultEditor } from '../extension';
 import withNodeId from '../node-id';
@@ -8,18 +8,15 @@ import { usePipDecorate } from '../decorates';
 import { ArticleContainer, EditorContainer, EditorContent } from '../layout';
 import '../assets/css/simple-viewer.css';
 var SDocViewer = function SDocViewer(_ref) {
-  var document = _ref.document,
+  var editor = _ref.editor,
+    document = _ref.document,
     customRenderLeaf = _ref.renderLeaf,
     customRenderElement = _ref.renderElement,
     showToolbar = _ref.showToolbar,
     showOutline = _ref.showOutline;
-  var editor = useMemo(function () {
-    var defaultEditor = createDefaultEditor();
-    return withNodeId(defaultEditor);
-  }, []);
-  editor.readonly = true;
+  var validEditor = editor || withNodeId(createDefaultEditor());
   var slateValue = (document || generateDefaultDocContent()).children;
-  var decorate = usePipDecorate(editor);
+  var decorate = usePipDecorate(validEditor);
   return /*#__PURE__*/React.createElement(EditorContainer, {
     editor: editor,
     showToolbar: showToolbar,
@@ -29,19 +26,19 @@ var SDocViewer = function SDocViewer(_ref) {
     readonly: true,
     showOutline: showOutline
   }, /*#__PURE__*/React.createElement(Slate, {
-    editor: editor,
+    editor: validEditor,
     value: slateValue
   }, /*#__PURE__*/React.createElement(ArticleContainer, {
-    editor: editor,
+    editor: validEditor,
     readOnly: true
   }, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(SetNodeToDecorations, null), /*#__PURE__*/React.createElement(Editable, {
     readOnly: true,
     placeholder: "",
     renderElement: function renderElement(props) {
-      return (customRenderElement || _renderElement)(props, editor);
+      return (customRenderElement || _renderElement)(props, validEditor);
     },
     renderLeaf: function renderLeaf(props) {
-      return (customRenderLeaf || _renderLeaf)(props, editor);
+      return (customRenderLeaf || _renderLeaf)(props, validEditor);
     },
     onDOMBeforeInput: function onDOMBeforeInput(event) {},
     decorate: decorate

package/dist/components/doc-operations/index.js

@@ -11,14 +11,16 @@ import './style.css';
 var DocOperations = function DocOperations(_ref) {
   var isShowChanges = _ref.isShowChanges,
     changes = _ref.changes,
-    toggleViewChanges = _ref.toggleViewChanges;
+    toggleViewChanges = _ref.toggleViewChanges,
+    publishRevision = _ref.publishRevision;
   var isSdocRevision = context.getSetting('isSdocRevision');
   return /*#__PURE__*/React.createElement("div", {
     className: "doc-ops"
   }, /*#__PURE__*/React.createElement(RevisionOperations, {
     isShowChanges: isShowChanges,
     changes: changes,
-    toggleViewChanges: toggleViewChanges
+    toggleViewChanges: toggleViewChanges,
+    publishRevision: publishRevision
   }), /*#__PURE__*/React.createElement(CommentsOperation, null), !isSdocRevision && /*#__PURE__*/React.createElement(ShareOperation, null), /*#__PURE__*/React.createElement(HistoryOperation, null), /*#__PURE__*/React.createElement(CollaboratorsOperation, null), !isSdocRevision && /*#__PURE__*/React.createElement(MoreOperations, null));
 };
 export default withTranslation('sdoc-editor')(DocOperations);

package/dist/components/doc-operations/revision-operations/index.js

@@ -8,7 +8,8 @@ import ChangesCount from './changes-count';
 var RevisionOperations = function RevisionOperations(_ref) {
   var isShowChanges = _ref.isShowChanges,
     changes = _ref.changes,
-    toggleViewChanges = _ref.toggleViewChanges;
+    toggleViewChanges = _ref.toggleViewChanges,
+    publishRevision = _ref.publishRevision;
   var isSdocRevision = context.getSetting('isSdocRevision');
   var isPublished = context.getSetting('isPublished');
   return /*#__PURE__*/React.createElement(React.Fragment, null, !isSdocRevision && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MoreRevisionOperations, null), /*#__PURE__*/React.createElement(Revisions, null)), isSdocRevision && isShowChanges && /*#__PURE__*/React.createElement(ChangesCount, {
@@ -16,6 +17,8 @@ var RevisionOperations = function RevisionOperations(_ref) {
   }), isSdocRevision && /*#__PURE__*/React.createElement(ViewChanges, {
     isShowChanges: isShowChanges,
     toggleViewChanges: toggleViewChanges
-  }), isSdocRevision && !isPublished && /*#__PURE__*/React.createElement(PublishRevision, null));
+  }), isSdocRevision && !isPublished && /*#__PURE__*/React.createElement(PublishRevision, {
+    publishRevision: publishRevision
+  }));
 };
 export default RevisionOperations;

package/dist/components/doc-operations/revision-operations/publish-button.js

@@ -1,21 +1,14 @@
 import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Button } from 'reactstrap';
-import { withTranslation } from 'react-i18next';
-import context from '../../../context';
-import toaster from '../../../components/toast';
 var PublishRevision = function PublishRevision(_ref) {
-  var t = _ref.t;
-  var repoID = context.getSetting('repoID');
-  var siteRoot = context.getSetting('siteRoot');
+  var publishRevision = _ref.publishRevision;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var publish = useCallback(function (event) {
     event.stopPropagation();
     event.nativeEvent.stopImmediatePropagation();
-    context.publishSdocRevision().then(function (res) {
-      var origin_file_path = res.data.origin_file_path;
-      window.location.href = "".concat(siteRoot, "lib/").concat(repoID, "/file/").concat(origin_file_path);
-    }).catch(function (error) {
-      toaster.danger(t('Error'));
-    });
+    publishRevision();
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -25,4 +18,4 @@ var PublishRevision = function PublishRevision(_ref) {
     className: "ml-4"
   }, t('Publish'));
 };
-export default withTranslation('sdoc-editor')(PublishRevision);
+export default PublishRevision;

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

@@ -0,0 +1,48 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Modal, ModalHeader, ModalBody, ModalFooter, Button } from 'reactstrap';
+import classnames from 'classnames';
+import { TIP_TYPE, TIP_TITLE } from '../../constants';
+import TipContent from './tip-content';
+var TipDialog = function TipDialog(_ref) {
+  var className = _ref.className,
+    tipType = _ref.tipType,
+    toggle = _ref.toggle,
+    submit = _ref.submit;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var closeDialog = useCallback(function () {
+    toggle && toggle(false);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [tipType]);
+  var confirmTip = useCallback(function () {
+    submit && submit();
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/React.createElement(Modal, {
+    isOpen: true,
+    autoFocus: false,
+    zIndex: 1071,
+    returnFocusAfterClose: false,
+    toggle: closeDialog,
+    className: classnames('sdoc-tip-dialog', className),
+    contentClassName: "sdoc-tip-modal"
+  }, /*#__PURE__*/React.createElement(ModalHeader, {
+    toggle: [TIP_TYPE.HAS_BEEN_REPLACED, TIP_TYPE.HAS_BEEN_PUBLISHED].includes(tipType) ? undefined : closeDialog
+  }, t(TIP_TITLE[tipType])), /*#__PURE__*/React.createElement(ModalBody, {
+    className: "sdoc-tip-body"
+  }, /*#__PURE__*/React.createElement(TipContent, {
+    tipType: tipType
+  })), ![TIP_TYPE.HAS_BEEN_REPLACED, TIP_TYPE.HAS_BEEN_PUBLISHED].includes(tipType) && /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+    color: "secondary",
+    className: "mr-2",
+    onClick: closeDialog
+  }, t('Cancel')), /*#__PURE__*/React.createElement(Button, {
+    color: "primary",
+    className: "highlight-bg-color",
+    onClick: confirmTip
+  }, t('Confirm'))));
+};
+export default TipDialog;

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

@@ -0,0 +1,50 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import { useTranslation } from 'react-i18next';
+import { TIP_TYPE, TIP_CONTENT } from '../../constants';
+import context from '../../context';
+var TipContent = function TipContent(_ref) {
+  var tipType = _ref.tipType;
+  var _useState = useState(3),
+    _useState2 = _slicedToArray(_useState, 2),
+    time = _useState2[0],
+    setTime = _useState2[1];
+  useEffect(function () {
+    if (tipType === TIP_TYPE.HAS_BEEN_PUBLISHED) {
+      var _time = 3;
+      var timer = setInterval(function () {
+        _time--;
+        setTime(_time);
+        if (_time === 0) {
+          clearInterval(timer);
+          timer = null;
+        }
+      }, 1000);
+      return function () {
+        timer && clearInterval(timer);
+      };
+    }
+  }, [tipType]);
+  useEffect(function () {
+    if (time === 0) {
+      var repoID = context.getSetting('repoID');
+      var siteRoot = context.getSetting('siteRoot');
+      var originFilePath = context.getSetting('originFilePath');
+      var originFileURL = "".concat(siteRoot, "lib/").concat(repoID, "/file").concat(originFilePath);
+      window.location.href = originFileURL;
+    }
+  }, [time]);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  if (tipType === TIP_TYPE.HAS_BEEN_PUBLISHED) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, t(TIP_CONTENT[tipType], {
+      time: time
+    }));
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, t(TIP_CONTENT[tipType]));
+};
+TipContent.propTypes = {
+  tipType: PropTypes.string
+};
+export default TipContent;

package/dist/constants/index.js

@@ -1,6 +1,27 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _TIP_TITLE, _TIP_CONTENT;
 export var EXTERNAL_EVENT = {
   INTERNAL_LINK_CLICK: 'internal_link_click',
   TOGGLE_STAR: 'toggle_star',
   UNMARK_AS_DRAFT: 'unmark_as_draft',
-  SHARE_SDOC: 'share_sdoc'
-};
+  SHARE_SDOC: 'share_sdoc',
+  PUBLISH_DOCUMENT: 'publish_document',
+  PUBLISH_DOCUMENT_ERROR: 'publish_document_error',
+  DOCUMENT_REPLACED: 'document_replaced',
+  DOCUMENT_REPLACED_ERROR: 'document_replaced_error'
+};
+export var MODE = {
+  DIFF_VIEWER: 'diff-viewer',
+  VIEWER: 'viewer',
+  EDITOR: 'editor'
+};
+export var 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'
+};
+export var TIP_TITLE = (_TIP_TITLE = {}, _defineProperty(_TIP_TITLE, TIP_TYPE.DELETE_NO_CHANGES_REVISION, 'Tip'), _defineProperty(_TIP_TITLE, TIP_TYPE.MERGE, 'Tip'), _defineProperty(_TIP_TITLE, TIP_TYPE.HAS_CONFLICT_BEFORE_PUBLISH, 'Tip'), _defineProperty(_TIP_TITLE, TIP_TYPE.HAS_BEEN_PUBLISHED, 'Tip'), _defineProperty(_TIP_TITLE, TIP_TYPE.HAS_BEEN_REPLACED, 'Tip'), _defineProperty(_TIP_TITLE, TIP_TYPE.HAS_CONFLICT_BEFORE_VIEW_CHANGES, 'Tip'), _TIP_TITLE);
+export var TIP_CONTENT = (_TIP_CONTENT = {}, _defineProperty(_TIP_CONTENT, TIP_TYPE.DELETE_NO_CHANGES_REVISION, 'Rebase_delete_no_change_revision_tip'), _defineProperty(_TIP_CONTENT, TIP_TYPE.MERGE, 'Merge_tip'), _defineProperty(_TIP_CONTENT, TIP_TYPE.HAS_CONFLICT_BEFORE_PUBLISH, 'Has_conflict_before_publish_tip'), _defineProperty(_TIP_CONTENT, TIP_TYPE.HAS_BEEN_PUBLISHED, 'Has_been_published_tip'), _defineProperty(_TIP_CONTENT, TIP_TYPE.HAS_BEEN_REPLACED, 'Has_been_replaced_tip'), _defineProperty(_TIP_CONTENT, TIP_TYPE.HAS_CONFLICT_BEFORE_VIEW_CHANGES, 'Has_conflict_before_view_changes_tip'), _TIP_CONTENT);

package/dist/context.js

@@ -10,6 +10,9 @@ var Context = /*#__PURE__*/function () {
     this.initSettings = function () {
       _this.settings = window.seafile ? window.seafile : window.seafileConfig;
     };
+    // saveDocContentByRebase(content) {
+    //   return this.sdocServerApi.saveDocContentByRebase(content);
+    // }
     this.uploadLocalImage = function (imageFile) {
       var docUuid = _this.getSetting('docUuid');
       return _this.api.uploadSdocImage(docUuid, imageFile).then(function (res) {
@@ -45,6 +48,13 @@ var Context = /*#__PURE__*/function () {
       if (this.settings[key] === false) return this.settings[key];
       return this.settings[key] || '';
     }
+  }, {
+    key: "updateSettings",
+    value: function updateSettings(update) {
+      for (var key in update) {
+        this.settings[key] = update[key];
+      }
+    }
   }, {
     key: "getViewConfig",
     value: function getViewConfig() {
@@ -156,14 +166,15 @@ var Context = /*#__PURE__*/function () {
   }, {
     key: "publishSdocRevision",
     value: function publishSdocRevision() {
+      var replace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
       var docUuid = this.getSetting('docUuid');
-      return this.api.sdocPublishRevision(docUuid);
+      return this.api.sdocPublishRevision(docUuid, replace);
     }
   }, {
-    key: "getSeadocRevisionDownloadLinks",
-    value: function getSeadocRevisionDownloadLinks() {
+    key: "getSeadocOriginFileDownloadLink",
+    value: function getSeadocOriginFileDownloadLink() {
       var docUuid = this.getSetting('docUuid');
-      return this.api.getSeadocRevisionDownloadLinks(docUuid);
+      return this.api.getSeadocOriginFileDownloadLink(docUuid);
     }
   }, {
     key: "getSdocRevisionsCount",
@@ -177,6 +188,26 @@ var Context = /*#__PURE__*/function () {
       var docUuid = this.getSetting('docUuid');
       return this.api.getSdocRevisions(docUuid, page, perPage);
     }
+  }, {
+    key: "deleteSdocRevision",
+    value: function deleteSdocRevision() {
+      var docUuid = this.getSetting('docUuid');
+      return this.api.deleteSdocRevision(docUuid);
+    }
+  }, {
+    key: "updateSdocRevision",
+    value: function updateSdocRevision() {
+      var docUuid = this.getSetting('docUuid');
+      return this.api.updateSdocRevision(docUuid);
+    }
+  }, {
+    key: "getFileHistoryVersion",
+    value: function getFileHistoryVersion(fileVersion, filePath) {
+      var docUuid = this.getSetting('docUuid');
+      return this.api.getFileHistoryVersion(docUuid, fileVersion, filePath);
+    }
+
+    // local files
   }, {
     key: "getSdocLocalFiles",
     value: function getSdocLocalFiles(p) {