@seafile/seafile-sdoc-editor 2.0.0

package/dist/constants/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TIP_TYPE = exports.TIP_TITLE = exports.TIP_CONTENT = exports.NEW_REVISION = exports.EXTERNAL_EVENT = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _sdocEditor = require("@seafile/sdoc-editor");
+var _TIP_TITLE, _TIP_CONTENT;
+var 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: _sdocEditor.INTERNAL_EVENT.REFRESH_DOCUMENT,
+  NEW_NOTIFICATION: _sdocEditor.INTERNAL_EVENT.NEW_NOTIFICATION,
+  CLEAR_NOTIFICATION: _sdocEditor.INTERNAL_EVENT.CLEAR_NOTIFICATION,
+  // wiki
+  CREATE_SDOC_FILE: _sdocEditor.INTERNAL_EVENT.CREATE_SDOC_FILE,
+  CREATE_WIKI_PAGE: _sdocEditor.INTERNAL_EVENT.CREATE_WIKI_PAGE,
+  // document
+  IMAGE_COLUMN_TOGGLE: _sdocEditor.INTERNAL_EVENT.IMAGE_COLUMN_TOGGLE,
+  COLLABORATORS_UPDATED: 'collaborators_updated',
+  CHANGE_HEADER_WIDTH: 'change_header_width'
+};
+var NEW_REVISION = exports.NEW_REVISION = 'new_revision';
+var 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'
+};
+var TIP_TITLE = exports.TIP_TITLE = (_TIP_TITLE = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_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'), (0, _defineProperty2["default"])(_TIP_TITLE, TIP_TYPE.SOURCE_DOCUMENT_CHANGED, 'Tip'));
+var TIP_CONTENT = exports.TIP_CONTENT = (_TIP_CONTENT = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_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'), (0, _defineProperty2["default"])(_TIP_CONTENT, 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 get() {
+    return _useDocument.useDocument;
+  }
+});
+var _useDocument = require("./use-document");

package/dist/hooks/use-document.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDocument = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = require("react");
+var _sdocEditor = require("@seafile/sdoc-editor");
+var useDocument = exports.useDocument = function useDocument() {
+  var isInitData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  var isSdocRevision = _sdocEditor.context.getSetting('isSdocRevision');
+  var isPublished = _sdocEditor.context.getSetting('isPublished');
+  var _useState = (0, _react.useState)(true),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isFirstLoading = _useState2[0],
+    setIsFirstLoading = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isReloading = _useState4[0],
+    setIsReloading = _useState4[1];
+  var _useState5 = (0, _react.useState)({
+      version: 0,
+      children: [],
+      cursors: {}
+    }),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    document = _useState6[0],
+    setDocument = _useState6[1];
+  var _useState7 = (0, _react.useState)(''),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    errorMessage = _useState8[0],
+    setErrorMessage = _useState8[1];
+  var loadDocument = (0, _react.useCallback)(function () {
+    return new Promise(function (resolve, reject) {
+      _sdocEditor.context.getFileContent().then(function (res) {
+        var result = res.data;
+        resolve(result);
+      })["catch"](function (error) {
+        // eslint-disable-next-line
+        console.log(error);
+        var errorMessage = 'Load_doc_content_error';
+        if (error && error.response) {
+          var _ref = error.response.data || {},
+            error_type = _ref.error_type;
+          if (error_type === 'content_invalid') {
+            errorMessage = 'Sdoc_format_invalid';
+          }
+        }
+        reject(errorMessage);
+      });
+    });
+  }, []);
+  var reloadDocument = (0, _react.useCallback)(function () {
+    setIsReloading(true);
+    loadDocument().then(function (document) {
+      setDocument(document);
+      setIsReloading(false);
+    })["catch"](function (errorMessage) {
+      setIsReloading(false);
+      setErrorMessage(errorMessage);
+      setDocument(null);
+      setIsReloading(false);
+    });
+  }, [loadDocument]);
+  (0, _react.useEffect)(function () {
+    if (isSdocRevision && isPublished) return;
+    if (!isInitData) return;
+    loadDocument().then(function (document) {
+      setDocument(document);
+      setIsFirstLoading(false);
+    })["catch"](function (errorMessage) {
+      setErrorMessage(errorMessage);
+      setDocument(null);
+      setIsFirstLoading(false);
+    });
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return {
+    isFirstLoading: isFirstLoading,
+    isReloading: isReloading,
+    errorMessage: errorMessage,
+    document: document,
+    loadDocument: loadDocument,
+    reloadDocument: reloadDocument,
+    setErrorMessage: setErrorMessage
+  };
+};

package/dist/index.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DiffViewer", {
+  enumerable: true,
+  get: function get() {
+    return _diffViewer["default"];
+  }
+});
+Object.defineProperty(exports, "DocInfo", {
+  enumerable: true,
+  get: function get() {
+    return _docInfo["default"];
+  }
+});
+Object.defineProperty(exports, "EXTERNAL_EVENT", {
+  enumerable: true,
+  get: function get() {
+    return _constants.EXTERNAL_EVENT;
+  }
+});
+Object.defineProperty(exports, "EventBus", {
+  enumerable: true,
+  get: function get() {
+    return _sdocEditor.EventBus;
+  }
+});
+Object.defineProperty(exports, "PublishedRevisionViewer", {
+  enumerable: true,
+  get: function get() {
+    return _publishedRevisionViewer["default"];
+  }
+});
+Object.defineProperty(exports, "SDocViewer", {
+  enumerable: true,
+  get: function get() {
+    return _sdocEditor.SDocViewer;
+  }
+});
+Object.defineProperty(exports, "SdocWikiEditor", {
+  enumerable: true,
+  get: function get() {
+    return _sdocWikiEditor["default"];
+  }
+});
+Object.defineProperty(exports, "SimpleEditor", {
+  enumerable: true,
+  get: function get() {
+    return _simpleEditor["default"];
+  }
+});
+Object.defineProperty(exports, "SimpleViewer", {
+  enumerable: true,
+  get: function get() {
+    return _simpleViewer["default"];
+  }
+});
+Object.defineProperty(exports, "WikiViewer", {
+  enumerable: true,
+  get: function get() {
+    return _wikiViewer["default"];
+  }
+});
+var _sdocEditor = require("@seafile/sdoc-editor");
+var _docInfo = _interopRequireDefault(require("./components/doc-info"));
+var _constants = require("./constants");
+var _diffViewer = _interopRequireDefault(require("./pages/diff-viewer"));
+var _publishedRevisionViewer = _interopRequireDefault(require("./pages/published-revision-viewer"));
+var _sdocWikiEditor = _interopRequireDefault(require("./pages/sdoc-wiki-editor"));
+var _simpleEditor = _interopRequireDefault(require("./pages/simple-editor"));
+var _simpleViewer = _interopRequireDefault(require("./pages/simple-viewer"));
+var _wikiViewer = _interopRequireDefault(require("./pages/wiki-viewer"));

package/dist/layout/content.js

@@ -0,0 +1,35 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _excluded = ["children", "className"];
+var Content = exports["default"] = /*#__PURE__*/function (_Component) {
+  function Content() {
+    (0, _classCallCheck2["default"])(this, Content);
+    return (0, _callSuper2["default"])(this, Content, arguments);
+  }
+  (0, _inherits2["default"])(Content, _Component);
+  return (0, _createClass2["default"])(Content, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className,
+        restProps = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+      return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
+        className: (0, _classnames["default"])('sdoc-editor-page-content', className)
+      }, restProps), children);
+    }
+  }]);
+}(_react.Component);

package/dist/layout/header.js

@@ -0,0 +1,35 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _excluded = ["children", "className"];
+var Header = exports["default"] = /*#__PURE__*/function (_Component) {
+  function Header() {
+    (0, _classCallCheck2["default"])(this, Header);
+    return (0, _callSuper2["default"])(this, Header, arguments);
+  }
+  (0, _inherits2["default"])(Header, _Component);
+  return (0, _createClass2["default"])(Header, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className,
+        restProps = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+      return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
+        className: (0, _classnames["default"])('sdoc-editor-page-header d-flex justify-content-between align-items-center px-4', className)
+      }, restProps), children);
+    }
+  }]);
+}(_react.Component);

package/dist/layout/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Content", {
+  enumerable: true,
+  get: function get() {
+    return _content["default"];
+  }
+});
+Object.defineProperty(exports, "Header", {
+  enumerable: true,
+  get: function get() {
+    return _header["default"];
+  }
+});
+exports["default"] = void 0;
+var _content = _interopRequireDefault(require("./content"));
+var _header = _interopRequireDefault(require("./header"));
+var _layout = _interopRequireDefault(require("./layout"));
+require("./layout.css");
+var _default = exports["default"] = _layout["default"];

package/dist/layout/layout.css

@@ -0,0 +1,32 @@
+body {
+  -webkit-print-color-adjust: exact;
+  print-color-adjust: exact;
+}
+
+#root, #wrapper {
+  height: 100%;
+  width: 100%;
+  display: flex;
+}
+
+.sdoc-editor-page-wrapper {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.sdoc-editor-page-wrapper .sdoc-editor-page-header {
+  border-bottom: 1px solid #e5e6e8;
+  flex-shrink: 0;
+  height: 56px;
+  position: relative;
+  z-index: 103;
+  background-color: #fff;
+}
+
+.sdoc-editor-page-wrapper .sdoc-editor-page-content {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+}

package/dist/layout/layout.js

@@ -0,0 +1,65 @@
+"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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _sdocEditor = require("@seafile/sdoc-editor");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _excluded = ["children", "className"];
+var Layout = function Layout(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var cacheHistoryFiles = function cacheHistoryFiles() {
+    var isPublished = _sdocEditor.context.getSetting('isPublished') || false;
+    var isSdocRevision = _sdocEditor.context.getSetting('isSdocRevision') || false;
+    if (isPublished) return;
+    if (isSdocRevision) return;
+    var docUuid = _sdocEditor.context.getSetting('docUuid');
+    var docName = _sdocEditor.context.getSetting('docName');
+    var recentFiles = _sdocEditor.LocalStorage.getItem('sdoc-recent-files', []);
+    var arr = [];
+    var newFile = {
+      doc_uuid: docUuid,
+      name: docName
+    };
+    if (recentFiles.length > 0) {
+      var isExist = recentFiles.find(function (item) {
+        return item.doc_uuid === docUuid;
+      });
+      if (isExist) return;
+      if (!isExist) {
+        var newRecentFiles = recentFiles.slice(0);
+        if (recentFiles.length === 10) {
+          newRecentFiles.shift();
+        }
+        arr = [newFile].concat((0, _toConsumableArray2["default"])(newRecentFiles));
+      }
+    } else {
+      arr.push(newFile);
+    }
+    _sdocEditor.LocalStorage.setItem('sdoc-recent-files', arr);
+  };
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      var url = window.location.href;
+      var id = url.slice(url.indexOf('#') + 1);
+      if (id) {
+        var element = document.getElementById(id);
+        element && element.scrollIntoView(true);
+      }
+    }, 500);
+    cacheHistoryFiles();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
+    className: (0, _classnames["default"])('sdoc-editor-page-wrapper', className)
+  }, restProps), children);
+};
+var _default = exports["default"] = Layout;

package/dist/model/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Revision", {
+  enumerable: true,
+  get: function get() {
+    return _revision["default"];
+  }
+});
+var _revision = _interopRequireDefault(require("./revision"));

package/dist/model/revision.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _utils = require("../utils");
+var Revision = /*#__PURE__*/(0, _createClass2["default"])(function Revision(options) {
+  (0, _classCallCheck2["default"])(this, Revision);
+  this.id = options.revision_id || '';
+
+  // file info
+  this.repoId = options.repo_id || '';
+  this.docUuid = options.doc_uuid || '';
+  this.filePath = options.file_path || '';
+  this.filename = options.filename || '';
+  this.parentPath = options.parent_path || '';
+
+  // user
+  this.nickname = options.nickname || '';
+
+  // time
+  this.createdTime = _utils.DateUtils.format(options.created_at || '', 'YYYY-MM-DD HH:MM');
+  this.updatedTime = _utils.DateUtils.format(options.updated_at || '', 'YYYY-MM-DD HH:MM');
+
+  // publish
+  this.isPublished = options.is_published || false;
+  this.publisher = options.publisher || '';
+  this.publisherNickname = options.publisher_nickname || '';
+  this.publishFileVersion = options.publish_file_version || '';
+
+  // origin
+  this.originDocUuid = options.origin_doc_uuid || '';
+  this.originFilePath = options.origin_file_path || '';
+  this.originFileVersion = options.origin_file_version || '';
+  this.originFilename = options.origin_filename || '';
+  this.originParentPath = options.origin_parent_path || '';
+});
+var _default = exports["default"] = Revision;

package/dist/pages/diff-viewer.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _sdocEditor = require("@seafile/sdoc-editor");
+var _default = exports["default"] = _sdocEditor.DiffViewer;

package/dist/pages/published-revision-viewer.js

@@ -0,0 +1,100 @@
+"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["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _sdocEditor = require("@seafile/sdoc-editor");
+var _docInfo = _interopRequireDefault(require("../components/doc-info"));
+var _docOperations = _interopRequireDefault(require("../components/doc-operations"));
+var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
+var _layout = _interopRequireWildcard(require("../layout"));
+var _utils = require("../utils");
+require("../assets/css/simple-editor.css");
+var PublishedRevisionViewer = function PublishedRevisionViewer() {
+  _sdocEditor.context.initApi();
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var _useState = (0, _react.useState)(true),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isFirstLoading = _useState2[0],
+    setIsFirstLoading = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    errorMessage = _useState4[0],
+    setErrorMessage = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    isShowChanges = _useState6[0],
+    setShowChanges = _useState6[1];
+  var _useState7 = (0, _react.useState)({}),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    changes = _useState8[0],
+    setChanges = _useState8[1];
+  var _useState9 = (0, _react.useState)({}),
+    _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
+    document = _useState0[0],
+    setDocument = _useState0[1];
+
+  // useMount: reset title
+  (0, _react.useEffect)(function () {
+    (0, _utils.resetWebTitle)(t);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(function () {
+    _sdocEditor.context.getPublishedRevisionContent().then(function (res) {
+      var revisionContentString = res.data.content;
+      var document = JSON.parse(revisionContentString);
+      setDocument(document);
+      setIsFirstLoading(false);
+    })["catch"](function (error) {
+      // eslint-disable-next-line
+      console.log(error);
+      var errorMessage = 'Load_doc_content_error';
+      if (error && error.response) {
+        var _ref = error.response.data || {},
+          error_type = _ref.error_type;
+        if (error_type === 'content_invalid') {
+          errorMessage = 'Sdoc_format_invalid';
+        }
+      }
+      setErrorMessage(errorMessage);
+      setIsFirstLoading(false);
+    });
+  }, []);
+  var setDiffChanges = (0, _react.useCallback)(function (diff) {
+    setChanges(diff);
+  }, []);
+  var handleViewChangesToggle = (0, _react.useCallback)(function (isShowChanges) {
+    setShowChanges(isShowChanges);
+  }, []);
+  if (isFirstLoading) {
+    return /*#__PURE__*/_react["default"].createElement(_sdocEditor.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(_layout["default"], null, /*#__PURE__*/_react["default"].createElement(_layout.Header, null, /*#__PURE__*/_react["default"].createElement(_docInfo["default"], {
+    isEditMode: false,
+    isPublished: true
+  }), /*#__PURE__*/_react["default"].createElement(_docOperations["default"], {
+    isShowChanges: isShowChanges,
+    changes: changes,
+    isPublished: true,
+    handleViewChangesToggle: handleViewChangesToggle
+  })), /*#__PURE__*/_react["default"].createElement(_layout.Content, null, /*#__PURE__*/_react["default"].createElement(_sdocEditor.PublishedRevisionDiffViewer, {
+    isShowChanges: isShowChanges,
+    revisionContent: document,
+    didMountCallback: setDiffChanges
+  }))));
+};
+var _default = exports["default"] = PublishedRevisionViewer;

package/dist/pages/sdoc-wiki-editor.js

@@ -0,0 +1,57 @@
+"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 _sdocEditor = require("@seafile/sdoc-editor");
+var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
+require("../assets/css/simple-viewer.css");
+var SdocWikiEditor = function SdocWikiEditor(_ref) {
+  var document = _ref.document,
+    docUuid = _ref.docUuid,
+    isWikiReadOnly = _ref.isWikiReadOnly,
+    scrollRef = _ref.scrollRef;
+  _sdocEditor.context.initApi();
+  var validEditor = (0, _react.useMemo)(function () {
+    var defaultEditor = (0, _sdocEditor.createWikiEditor)();
+    // getEditorConfig cashe the config, so we need to update the uuid,for wiki editor
+    docUuid && _sdocEditor.context.updateConfigUuid(docUuid);
+    var editorConfig = _sdocEditor.context.getEditorConfig();
+    var newEditor = null;
+    if (!isWikiReadOnly) {
+      newEditor = (0, _sdocEditor.withNodeId)((0, _sdocEditor.withSocketIO)(defaultEditor, {
+        document: document,
+        config: editorConfig
+      }));
+    } else {
+      newEditor = (0, _sdocEditor.withNodeId)(defaultEditor);
+    }
+    var cursors = document.cursors;
+    newEditor.cursors = cursors || {};
+    newEditor.width = _sdocEditor.WIKI_EDITOR_EDIT_AREA_WIDTH; // default width
+    newEditor.editorType = _sdocEditor.WIKI_EDITOR;
+    return newEditor;
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [docUuid]);
+  (0, _react.useEffect)(function () {
+    if (isWikiReadOnly) return;
+    validEditor.openConnection();
+    return function () {
+      validEditor.closeConnection();
+    };
+  }, [isWikiReadOnly, validEditor]);
+  return /*#__PURE__*/_react["default"].createElement(_errorBoundary["default"], null, /*#__PURE__*/_react["default"].createElement(_sdocEditor.WikiEditor, {
+    document: document,
+    docUuid: docUuid,
+    editor: validEditor,
+    isWikiReadOnly: isWikiReadOnly,
+    scrollRef: scrollRef
+  }));
+};
+var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(SdocWikiEditor);