@seafile/sdoc-editor 1.0.54 → 1.0.56

package/dist/index.js

@@ -1,10 +1,75 @@
-import { SDocViewer, EventBus } from './basic-sdk';
-import { EXTERNAL_EVENT } from './constants';
-import SimpleEditor from './pages/simple-editor';
-import SimpleViewer from './pages/simple-viewer';
-import DiffViewer from './pages/diff-viewer';
-import PublishedRevisionViewer from './pages/published-revision-viewer';
-import WikiViewer from './pages/wiki-viewer';
-import SdocWikiEditor from './pages/sdoc-wiki-editor';
-import DocumentPluginEditor from './pages/document-plugin-editor';
-export { SDocViewer, SimpleEditor, SimpleViewer, EventBus, EXTERNAL_EVENT, DiffViewer, PublishedRevisionViewer, WikiViewer, SdocWikiEditor, DocumentPluginEditor };
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DiffViewer", {
+  enumerable: true,
+  get: function () {
+    return _diffViewer.default;
+  }
+});
+Object.defineProperty(exports, "DocumentPluginEditor", {
+  enumerable: true,
+  get: function () {
+    return _documentPluginEditor.default;
+  }
+});
+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, "PublishedRevisionViewer", {
+  enumerable: true,
+  get: function () {
+    return _publishedRevisionViewer.default;
+  }
+});
+Object.defineProperty(exports, "SDocViewer", {
+  enumerable: true,
+  get: function () {
+    return _basicSdk.SDocViewer;
+  }
+});
+Object.defineProperty(exports, "SdocWikiEditor", {
+  enumerable: true,
+  get: function () {
+    return _sdocWikiEditor.default;
+  }
+});
+Object.defineProperty(exports, "SimpleEditor", {
+  enumerable: true,
+  get: function () {
+    return _simpleEditor.default;
+  }
+});
+Object.defineProperty(exports, "SimpleViewer", {
+  enumerable: true,
+  get: function () {
+    return _simpleViewer.default;
+  }
+});
+Object.defineProperty(exports, "WikiViewer", {
+  enumerable: true,
+  get: function () {
+    return _wikiViewer.default;
+  }
+});
+var _basicSdk = require("./basic-sdk");
+var _constants = require("./constants");
+var _simpleEditor = _interopRequireDefault(require("./pages/simple-editor"));
+var _simpleViewer = _interopRequireDefault(require("./pages/simple-viewer"));
+var _diffViewer = _interopRequireDefault(require("./pages/diff-viewer"));
+var _publishedRevisionViewer = _interopRequireDefault(require("./pages/published-revision-viewer"));
+var _wikiViewer = _interopRequireDefault(require("./pages/wiki-viewer"));
+var _sdocWikiEditor = _interopRequireDefault(require("./pages/sdoc-wiki-editor"));
+var _documentPluginEditor = _interopRequireDefault(require("./pages/document-plugin-editor"));

package/dist/layout/content.js

@@ -1,14 +1,23 @@
-import React, { Component } from 'react';
-import classnames from 'classnames';
-export default class Content extends Component {
+"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 _classnames = _interopRequireDefault(require("classnames"));
+class Content extends _react.Component {
   render() {
     const {
       children,
       className,
       ...restProps
     } = this.props;
-    return /*#__PURE__*/React.createElement("div", Object.assign({
-      className: classnames('sdoc-editor-page-content', className)
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({
+      className: (0, _classnames.default)('sdoc-editor-page-content', className)
     }, restProps), children);
   }
-}
+}
+exports.default = Content;

package/dist/layout/header.js

@@ -1,14 +1,23 @@
-import React, { Component } from 'react';
-import classnames from 'classnames';
-export default class Header extends Component {
+"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 _classnames = _interopRequireDefault(require("classnames"));
+class Header extends _react.Component {
   render() {
     const {
       children,
       className,
       ...restProps
     } = this.props;
-    return /*#__PURE__*/React.createElement("div", Object.assign({
-      className: classnames('sdoc-editor-page-header d-flex justify-content-between align-items-center px-4', className)
+    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);
   }
-}
+}
+exports.default = Header;

package/dist/layout/index.js

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

package/dist/layout/layout.js

@@ -1,7 +1,15 @@
-import React, { useEffect } from 'react';
-import classnames from 'classnames';
-import context from '../context';
-import { LocalStorage } from '../utils';
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _context = _interopRequireDefault(require("../context"));
+var _utils = require("../utils");
 const Layout = _ref => {
   let {
     children,
@@ -9,13 +17,13 @@ const Layout = _ref => {
     ...restProps
   } = _ref;
   const cacheHistoryfiles = () => {
-    const isPublished = context.getSetting('isPublished') || false;
-    const isSdocRevision = context.getSetting('isSdocRevision') || false;
+    const isPublished = _context.default.getSetting('isPublished') || false;
+    const isSdocRevision = _context.default.getSetting('isSdocRevision') || false;
     if (isPublished) return;
     if (isSdocRevision) return;
-    const docUuid = context.getSetting('docUuid');
-    const docName = context.getSetting('docName');
-    const rencentFiles = LocalStorage.getItem('sdoc-recent-files', []);
+    const docUuid = _context.default.getSetting('docUuid');
+    const docName = _context.default.getSetting('docName');
+    const rencentFiles = _utils.LocalStorage.getItem('sdoc-recent-files', []);
     let arr = [];
     const newFile = {
       doc_uuid: docUuid,
@@ -34,9 +42,9 @@ const Layout = _ref => {
     } else {
       arr.push(newFile);
     }
-    LocalStorage.setItem('sdoc-recent-files', arr);
+    _utils.LocalStorage.setItem('sdoc-recent-files', arr);
   };
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     setTimeout(() => {
       const url = window.location.href;
       const id = url.slice(url.indexOf('#') + 1);
@@ -48,8 +56,8 @@ const Layout = _ref => {
     cacheHistoryfiles();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return /*#__PURE__*/React.createElement("div", Object.assign({
-    className: classnames('sdoc-editor-page-wrapper', className)
+  return /*#__PURE__*/_react.default.createElement("div", Object.assign({
+    className: (0, _classnames.default)('sdoc-editor-page-wrapper', className)
   }, restProps), children);
 };
-export default Layout;
+var _default = exports.default = Layout;

package/dist/model/index.js

@@ -1,4 +1,27 @@
-import Revision from './revision';
-import User from './user';
-import Notification from './notification';
-export { Revision, User, Notification };
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Notification", {
+  enumerable: true,
+  get: function () {
+    return _notification.default;
+  }
+});
+Object.defineProperty(exports, "Revision", {
+  enumerable: true,
+  get: function () {
+    return _revision.default;
+  }
+});
+Object.defineProperty(exports, "User", {
+  enumerable: true,
+  get: function () {
+    return _user.default;
+  }
+});
+var _revision = _interopRequireDefault(require("./revision"));
+var _user = _interopRequireDefault(require("./user"));
+var _notification = _interopRequireDefault(require("./notification"));

package/dist/model/notification.js

@@ -1,4 +1,10 @@
-import { generatorNotificationKey } from '../basic-sdk/comment/utils';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../basic-sdk/comment/utils");
 class Notification {
   constructor(options) {
     var _options$detail, _options$detail2, _options$detail3;
@@ -6,7 +12,7 @@ class Notification {
     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' ? generatorNotificationKey(this.comment_id) : generatorNotificationKey(this.comment_id, this.reply_id);
+    this.key = this.type !== 'reply' ? (0, _utils.generatorNotificationKey)(this.comment_id) : (0, _utils.generatorNotificationKey)(this.comment_id, this.reply_id);
   }
 }
-export default Notification;
+var _default = exports.default = Notification;

package/dist/model/revision.js

@@ -1,4 +1,10 @@
-import { DateUtils } from '../utils';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../utils");
 class Revision {
   constructor(options) {
     this.id = options.revision_id || '';
@@ -14,8 +20,8 @@ class Revision {
     this.nickname = options.nickname || '';
 
     // time
-    this.createdTime = DateUtils.format(options.created_at || '', 'YYYY-MM-DD HH:MM');
-    this.updatedTime = DateUtils.format(options.updated_at || '', 'YYYY-MM-DD HH:MM');
+    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;
@@ -31,4 +37,4 @@ class Revision {
     this.originParentPath = options.origin_parent_path || '';
   }
 }
-export default Revision;
+var _default = exports.default = Revision;

package/dist/model/user.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 class User {
   constructor(options) {
     this.name = options.name || '';
@@ -8,4 +14,4 @@ class User {
     this.name_pinyin = options.name_pinyin || '';
   }
 }
-export default User;
+var _default = exports.default = User;

package/dist/pages/diff-viewer.js

@@ -1,2 +1,8 @@
-import { DiffViewer } from '../basic-sdk';
-export default DiffViewer;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _basicSdk = require("../basic-sdk");
+var _default = exports.default = _basicSdk.DiffViewer;

package/dist/pages/document-plugin-editor.js

@@ -1,16 +1,24 @@
-import React, { useEffect, useMemo } from 'react';
-import { withTranslation } from 'react-i18next';
-import context from '../context';
-import { SDocEditor, SDocViewer } from '../basic-sdk';
-import { PAGE_EDIT_AREA_WIDTH, DOCUMENT_PLUGIN_EDITOR } from '../basic-sdk/constants';
-import { createDefaultEditor } from '../basic-sdk/extension';
-import withNodeId from '../basic-sdk/node-id';
-import { withSocketIO } from '../basic-sdk/socket';
-import { SeaTableColumnPlugin, SeaTableViewsPlugin } from '../basic-sdk/extension/plugins';
-import ErrorBoundary from './error-boundary';
-import useForceUpdate from '../basic-sdk/hooks/use-force-update';
-import '../assets/css/simple-editor.css';
-import '../assets/css/plugin-editor.css';
+"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 _context = _interopRequireDefault(require("../context"));
+var _basicSdk = require("../basic-sdk");
+var _constants = require("../basic-sdk/constants");
+var _extension = require("../basic-sdk/extension");
+var _nodeId = _interopRequireDefault(require("../basic-sdk/node-id"));
+var _socket = require("../basic-sdk/socket");
+var _plugins = require("../basic-sdk/extension/plugins");
+var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
+var _useForceUpdate = _interopRequireDefault(require("../basic-sdk/hooks/use-force-update"));
+require("../assets/css/simple-editor.css");
+require("../assets/css/plugin-editor.css");
 const DocumentPluginEditor = _ref => {
   let {
     isReadOnly,
@@ -25,17 +33,17 @@ const DocumentPluginEditor = _ref => {
     collaborators,
     getTableFormulaResults
   } = _ref;
-  context.initApi();
-  const forceUpdate = useForceUpdate();
-  const validEditor = useMemo(() => {
-    const withColumnPlugin = SeaTableColumnPlugin.editorPlugin;
-    const withViewsPlugin = SeaTableViewsPlugin.editorPlugin;
-    const defaultEditor = withViewsPlugin(withColumnPlugin(createDefaultEditor()));
+  _context.default.initApi();
+  const forceUpdate = (0, _useForceUpdate.default)();
+  const validEditor = (0, _react.useMemo)(() => {
+    const withColumnPlugin = _plugins.SeaTableColumnPlugin.editorPlugin;
+    const withViewsPlugin = _plugins.SeaTableViewsPlugin.editorPlugin;
+    const defaultEditor = withViewsPlugin(withColumnPlugin((0, _extension.createDefaultEditor)()));
 
     // getEditorConfig cache the config, so we need to update the uuid,for plugin editor
-    docUuid && context.updateConfigUuid(docUuid);
-    const editorConfig = context.getEditorConfig();
-    const newEditor = withNodeId(withSocketIO(defaultEditor, {
+    docUuid && _context.default.updateConfigUuid(docUuid);
+    const editorConfig = _context.default.getEditorConfig();
+    const newEditor = (0, _nodeId.default)((0, _socket.withSocketIO)(defaultEditor, {
       document,
       config: editorConfig
     }));
@@ -55,27 +63,27 @@ const DocumentPluginEditor = _ref => {
     newEditor.collaborators = collaborators;
     newEditor.getTableFormulaResults = getTableFormulaResults;
     newEditor.cursors = cursors || {};
-    newEditor.width = PAGE_EDIT_AREA_WIDTH; // default width
-    newEditor.editorType = DOCUMENT_PLUGIN_EDITOR;
+    newEditor.width = _constants.PAGE_EDIT_AREA_WIDTH; // default width
+    newEditor.editorType = _constants.DOCUMENT_PLUGIN_EDITOR;
     return newEditor;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [docUuid]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     validEditor.openConnection();
     return () => {
       validEditor.closeConnection();
     };
   }, [validEditor]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     validEditor.getColumnCellValue = getColumnCellValue ? getColumnCellValue : null;
     forceUpdate();
   }, [forceUpdate, getColumnCellValue, validEditor]);
-  return /*#__PURE__*/React.createElement(ErrorBoundary, null, !isReadOnly && /*#__PURE__*/React.createElement(SDocEditor, {
+  return /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, !isReadOnly && /*#__PURE__*/_react.default.createElement(_basicSdk.SDocEditor, {
     editor: validEditor,
     document: document,
     showComment: false,
     showOutline: showOutline
-  }), isReadOnly && /*#__PURE__*/React.createElement(SDocViewer, {
+  }), isReadOnly && /*#__PURE__*/_react.default.createElement(_basicSdk.SDocViewer, {
     editor: validEditor,
     document: document,
     showToolbar: false,
@@ -83,4 +91,4 @@ const DocumentPluginEditor = _ref => {
     showOutline: showOutline
   }));
 };
-export default withTranslation('sdoc-editor')(DocumentPluginEditor);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(DocumentPluginEditor);

package/dist/pages/error-boundary.js

@@ -1,6 +1,14 @@
-import React, { PureComponent } from 'react';
-import ErrorPage from './error-page';
-export default class ErrorBoundary extends PureComponent {
+"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 _errorPage = _interopRequireDefault(require("./error-page"));
+class ErrorBoundary extends _react.PureComponent {
   constructor(props) {
     super(props);
     this.state = {
@@ -17,8 +25,9 @@ export default class ErrorBoundary extends PureComponent {
   }
   render() {
     if (this.state.hasError) {
-      return /*#__PURE__*/React.createElement(ErrorPage, null);
+      return /*#__PURE__*/_react.default.createElement(_errorPage.default, null);
     }
     return this.props.children;
   }
-}
+}
+exports.default = ErrorBoundary;

package/dist/pages/error-page.js

@@ -1,14 +1,22 @@
-import React, { useCallback } from 'react';
-import { Button } from 'reactstrap';
-import { withTranslation } from 'react-i18next';
-import context from '../context';
-import '../assets/css/error-page.css';
+"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 _reactstrap = require("reactstrap");
+var _reactI18next = require("react-i18next");
+var _context = _interopRequireDefault(require("../context"));
+require("../assets/css/error-page.css");
 function ErrorPage(_ref) {
   let {
     t
   } = _ref;
-  const normalizeSdoc = useCallback(async () => {
-    const res = await context.normalizeSdocContent();
+  const normalizeSdoc = (0, _react.useCallback)(async () => {
+    const res = await _context.default.normalizeSdocContent();
     const {
       success
     } = res.data;
@@ -17,13 +25,13 @@ function ErrorPage(_ref) {
       location.reload(true);
     }
   }, []);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "error-page"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "error-tip"
-  }, t('Sdoc_error_tip')), /*#__PURE__*/React.createElement(Button, {
+  }, t('Sdoc_error_tip')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
     className: "error-button",
     onClick: () => normalizeSdoc()
   }, t('Repair')));
 }
-export default withTranslation('sdoc-editor')(ErrorPage);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(ErrorPage);

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

@@ -1,32 +1,40 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import Loading from '../components/loading';
-import DocInfo from '../components/doc-info';
-import DocOperations from '../components/doc-operations';
-import Layout, { Header, Content } from '../layout';
-import context from '../context';
-import ErrorBoundary from './error-boundary';
-import { PublishedRevisionDiffViewer } from '../basic-sdk';
-import { resetWebTitle } from '../utils';
-import '../assets/css/simple-editor.css';
+"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 _loading = _interopRequireDefault(require("../components/loading"));
+var _docInfo = _interopRequireDefault(require("../components/doc-info"));
+var _docOperations = _interopRequireDefault(require("../components/doc-operations"));
+var _layout = _interopRequireWildcard(require("../layout"));
+var _context = _interopRequireDefault(require("../context"));
+var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
+var _basicSdk = require("../basic-sdk");
+var _utils = require("../utils");
+require("../assets/css/simple-editor.css");
 const PublishedRevisionViewer = () => {
-  context.initApi();
+  _context.default.initApi();
   const {
     t
-  } = useTranslation();
-  const [isFirstLoading, setIsFirstLoading] = useState(true);
-  const [errorMessage, setErrorMessage] = useState('');
-  const [isShowChanges, setShowChanges] = useState(false);
-  const [changes, setChanges] = useState({});
-  const [document, setDocument] = useState({});
+  } = (0, _reactI18next.useTranslation)();
+  const [isFirstLoading, setIsFirstLoading] = (0, _react.useState)(true);
+  const [errorMessage, setErrorMessage] = (0, _react.useState)('');
+  const [isShowChanges, setShowChanges] = (0, _react.useState)(false);
+  const [changes, setChanges] = (0, _react.useState)({});
+  const [document, setDocument] = (0, _react.useState)({});
 
   // useMount: reset title
-  useEffect(() => {
-    resetWebTitle(t);
+  (0, _react.useEffect)(() => {
+    (0, _utils.resetWebTitle)(t);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  useEffect(() => {
-    context.getPublishedRevisionContent().then(res => {
+  (0, _react.useEffect)(() => {
+    _context.default.getPublishedRevisionContent().then(res => {
       const {
         content: revisionContentString
       } = res.data;
@@ -49,34 +57,34 @@ const PublishedRevisionViewer = () => {
       setIsFirstLoading(false);
     });
   }, []);
-  const setDiffChanges = useCallback(diff => {
+  const setDiffChanges = (0, _react.useCallback)(diff => {
     setChanges(diff);
   }, []);
-  const handleViewChangesToggle = useCallback(isShowChanges => {
+  const handleViewChangesToggle = (0, _react.useCallback)(isShowChanges => {
     setShowChanges(isShowChanges);
   }, []);
   if (isFirstLoading) {
-    return /*#__PURE__*/React.createElement(Loading, null);
+    return /*#__PURE__*/_react.default.createElement(_loading.default, null);
   }
   if (errorMessage) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "error-page"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "error-tip"
     }, t(errorMessage)));
   }
-  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(DocInfo, {
+  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.createElement(DocOperations, {
+  }), /*#__PURE__*/_react.default.createElement(_docOperations.default, {
     isShowChanges: isShowChanges,
     changes: changes,
     isPublished: true,
     handleViewChangesToggle: handleViewChangesToggle
-  })), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(PublishedRevisionDiffViewer, {
+  })), /*#__PURE__*/_react.default.createElement(_layout.Content, null, /*#__PURE__*/_react.default.createElement(_basicSdk.PublishedRevisionDiffViewer, {
     isShowChanges: isShowChanges,
     revisionContent: document,
     didMountCallback: setDiffChanges
   }))));
 };
-export default PublishedRevisionViewer;
+var _default = exports.default = PublishedRevisionViewer;