@seafile/sdoc-editor 0.1.124 → 0.1.125-beta

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

@@ -1,35 +1,31 @@
 import React, { Fragment, useRef } from 'react';
+import classnames from 'classnames';
 import { Editable, Slate } from '@seafile/slate-react';
 import defaultEditor, { renderLeaf as _renderLeaf, renderElement as _renderElement } from '../extension';
 import withNodeId from '../node-id';
-import { ScrollContext } from '../hooks/use-scroll-context';
-import { generateDefaultDocContent, isMobile } from '../../utils';
+import { generateDefaultDocContent } from '../../utils';
 import { SetNodeToDecorations } from '../highlight-decorate/setNodeToDecorations';
 import { usePipDecorate } from '../decorates';
-import ArticleContainer from '../layout/article-container';
-import '../assets/css/layout.css';
-import '../assets/css/sdoc-editor-plugins.css';
-import '../assets/css/dropdown-menu.css';
+import { ArticleContainer, EditorContainer, EditorContent } from '../layout';
 import '../assets/css/simple-viewer.css';
 var SDocViewer = function SDocViewer(_ref) {
   var document = _ref.document,
     customRenderLeaf = _ref.renderLeaf,
-    customRenderElement = _ref.renderElement;
+    customRenderElement = _ref.renderElement,
+    showToolbar = _ref.showToolbar,
+    showOutline = _ref.showOutline;
   var editor = withNodeId(defaultEditor);
+  editor.readonly = true;
   var slateValue = (document || generateDefaultDocContent()).children;
-  var scrollRef = useRef(null);
   var decorate = usePipDecorate(editor);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-editor-container ".concat(isMobile ? 'mobile' : '')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-editor-content readonly"
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: scrollRef,
-    className: "sdoc-scroll-container"
-  }, /*#__PURE__*/React.createElement(ScrollContext.Provider, {
-    value: {
-      scrollRef: scrollRef
-    }
+  return /*#__PURE__*/React.createElement(EditorContainer, {
+    editor: editor,
+    showToolbar: showToolbar,
+    readonly: true
+  }, /*#__PURE__*/React.createElement(EditorContent, {
+    docValue: slateValue,
+    readonly: true,
+    showOutline: showOutline
   }, /*#__PURE__*/React.createElement(Slate, {
     editor: editor,
     value: slateValue
@@ -47,6 +43,10 @@ var SDocViewer = function SDocViewer(_ref) {
     },
     onDOMBeforeInput: function onDOMBeforeInput(event) {},
     decorate: decorate
-  }))))))));
+  }))))));
+};
+SDocViewer.defaultProps = {
+  showToolbar: false,
+  showOutline: false
 };
 export default SDocViewer;

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

@@ -10,12 +10,14 @@ import ShareOperation from './share-operation';
 import './style.css';
 var DocOperations = function DocOperations(_ref) {
   var isShowChanges = _ref.isShowChanges,
+    changes = _ref.changes,
     toggleViewChanges = _ref.toggleViewChanges;
   var isSdocRevision = context.getSetting('isSdocRevision');
   return /*#__PURE__*/React.createElement("div", {
     className: "doc-ops"
   }, /*#__PURE__*/React.createElement(RevisionOperations, {
     isShowChanges: isShowChanges,
+    changes: changes,
     toggleViewChanges: toggleViewChanges
   }), /*#__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));
 };

package/dist/components/doc-operations/revision-operations/changes-count/index.css

@@ -0,0 +1,34 @@
+.sdoc-revision-changes-container {
+  height: 32px;
+  border: 1px solid #e5e5e5;
+  border-radius: 3px;
+}
+
+.sdoc-revision-changes-container .sdoc-revision-changes-divider {
+  border-right: 1px solid #e5e5e5;
+  height: 100%;
+  width: 1px;
+}
+
+.sdoc-revision-changes-container .sdoc-revision-changes-last,
+.sdoc-revision-changes-container .sdoc-revision-changes-next {
+  padding: 0 8px;
+  height: 100%;
+}
+
+.sdoc-revision-changes-container .sdoc-revision-changes-last .sdocfont,
+.sdoc-revision-changes-container .sdoc-revision-changes-next .sdocfont {
+  color: #000;
+  opacity: .5;
+}
+
+.sdoc-revision-changes-container .sdoc-revision-changes-last:hover,
+.sdoc-revision-changes-container .sdoc-revision-changes-next:hover {
+  cursor: pointer;
+  background-color: #f5f5f5;
+}
+
+.sdoc-revision-changes-container .sdoc-revision-changes-last:hover .sdocfont,
+.sdoc-revision-changes-container .sdoc-revision-changes-next:hover .sdocfont {
+  opacity: .75;
+}

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

@@ -0,0 +1,85 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import Tooltip from '../../../../basic-sdk/extension/commons/tooltip';
+import './index.css';
+var ChangesCount = function ChangesCount(_ref) {
+  var changes = _ref.changes;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentDiffIndex = _useState2[0],
+    setDiffIndex = _useState2[1];
+  var jumpToElement = useCallback(function (currentDiffIndex) {
+    setDiffIndex(currentDiffIndex);
+    var change = changes[currentDiffIndex];
+    var changeElement = document.querySelectorAll("[data-id=".concat(change, "]"))[0];
+    if (changeElement) {
+      var scrollContainer = document.getElementById('sdoc-scroll-container');
+      if (scrollContainer) {
+        scrollContainer.scrollTop = changeElement.offsetTop - 10;
+      }
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [changes, currentDiffIndex]);
+  var lastChange = useCallback(function () {
+    if (currentDiffIndex === 0) {
+      jumpToElement(changes.length - 1);
+      return;
+    }
+    jumpToElement(currentDiffIndex - 1);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [changes, currentDiffIndex]);
+  var nextChange = useCallback(function () {
+    if (currentDiffIndex === changes.length - 1) {
+      jumpToElement(0);
+      return;
+    }
+    jumpToElement(currentDiffIndex + 1);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [changes, currentDiffIndex]);
+  if (!Array.isArray(changes) || changes.length === 0) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "sdoc-revision-changes-container d-flex align-items-center pl-2 pr-2 ml-4"
+    }, t('No changes'));
+  }
+  var changesCount = changes.length;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-revision-changes-container d-flex align-items-center ml-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-revision-changes-tip d-flex align-items-center justify-content-center pl-2 pr-2"
+  }, "".concat(t('Changes'), " ").concat(currentDiffIndex + 1, "/").concat(changesCount)), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-revision-changes-divider"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-revision-changes-last d-flex align-items-center justify-content-center",
+    id: "sdoc-revision-changes-last",
+    onClick: lastChange
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-next-page",
+    style: {
+      transform: 'rotate(-90deg)'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-revision-changes-divider"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-revision-changes-next d-flex align-items-center justify-content-center",
+    id: "sdoc-revision-changes-next",
+    onClick: nextChange
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-previous-page",
+    style: {
+      transform: 'rotate(-90deg)'
+    }
+  })), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "bottom",
+    target: "sdoc-revision-changes-last"
+  }, t('Last modification')), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "bottom",
+    target: "sdoc-revision-changes-next"
+  }, t('Next modification')));
+};
+export default ChangesCount;

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

@@ -4,12 +4,16 @@ import PublishRevision from './publish-button';
 import ViewChanges from './view-changes';
 import MoreRevisionOperations from './more-revision-operations';
 import Revisions from './revisions';
+import ChangesCount from './changes-count';
 var RevisionOperations = function RevisionOperations(_ref) {
   var isShowChanges = _ref.isShowChanges,
+    changes = _ref.changes,
     toggleViewChanges = _ref.toggleViewChanges;
   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 && /*#__PURE__*/React.createElement(ViewChanges, {
+  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, {
+    changes: changes
+  }), isSdocRevision && /*#__PURE__*/React.createElement(ViewChanges, {
     isShowChanges: isShowChanges,
     toggleViewChanges: toggleViewChanges
   }), isSdocRevision && !isPublished && /*#__PURE__*/React.createElement(PublishRevision, null));

package/dist/pages/diff-viewer.js

@@ -0,0 +1,2 @@
+import { DiffViewer } from '../basic-sdk';
+export default DiffViewer;

package/dist/pages/simple-editor.js

@@ -3,14 +3,13 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { withTranslation } from 'react-i18next';
 import deepCopy from 'deep-copy';
-import { SDocEditor } from '../basic-sdk';
+import { SDocEditor, DiffViewer } from '../basic-sdk';
 import Loading from '../components/loading';
 import DocInfo from '../components/doc-info';
 import DocOperations from '../components/doc-operations';
 import Layout, { Header, Content } from '../layout';
 import { generateDefaultDocContent } from '../utils';
 import context from '../context';
-import DiffViewer from './diff-viewer';
 import ErrorBoundary from './error-boundary';
 import '../assets/css/simple-editor.css';
 var SimpleEditor = function SimpleEditor(_ref) {
@@ -114,10 +113,20 @@ var SimpleEditor = function SimpleEditor(_ref) {
       initChangesData();
       return;
     }
+    setChanges([]);
     initDocumentData(false);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [document]);
+  var _useState15 = useState([]),
+    _useState16 = _slicedToArray(_useState15, 2),
+    changes = _useState16[0],
+    setChanges = _useState16[1];
+  var setDiffChanges = useCallback(function (diff) {
+    setChanges(diff.changes);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isShowChanges]);
   if (isFirstLoad && !errorMessage) {
     return /*#__PURE__*/React.createElement(Loading, null);
   }
@@ -134,6 +143,7 @@ var SimpleEditor = function SimpleEditor(_ref) {
     isEditMode: !isShowChanges
   }), /*#__PURE__*/React.createElement(DocOperations, {
     isShowChanges: isShowChanges,
+    changes: changes,
     toggleViewChanges: toggleViewChanges
   })), /*#__PURE__*/React.createElement(Content, null, isLoadingSdoc && /*#__PURE__*/React.createElement("div", {
     className: "w-100 h-100 d-flex align-items-center justify-content-center"
@@ -142,8 +152,11 @@ var SimpleEditor = function SimpleEditor(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "error-tip"
   }, t(errorMessage))), !isLoadingSdoc && !errorMessage && /*#__PURE__*/React.createElement(React.Fragment, null, isShowChanges ? /*#__PURE__*/React.createElement(DiffViewer, {
+    showToolbar: true,
+    showOutline: true,
     currentContent: currentContent,
-    lastContent: lastContent
+    lastContent: lastContent,
+    didMountCallback: setDiffChanges
   }) : /*#__PURE__*/React.createElement(SDocEditor, {
     config: context.getEditorConfig(),
     document: document,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.124",
+  "version": "0.1.125beta",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

package/public/media/sdoc-editor-font/iconfont.svg

@@ -14,6 +14,10 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="sdoc-next-page" unicode="&#58918;" d="M342.4 768c12.8 0 28.8-6.4 38.4-16l329.6-329.6c22.4-22.4 22.4-57.6 0-76.8L380.8 16c-22.4-22.4-57.6-22.4-76.8 0-22.4 22.4-22.4 57.6 0 76.8L595.2 384 304 675.2c-22.4 22.4-22.4 57.6 0 76.8 9.6 9.6 25.6 16 38.4 16z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-previous-page" unicode="&#58961;" d="M672 768c-12.8 0-28.8-6.4-38.4-16L304 422.4c-22.4-22.4-22.4-57.6 0-76.8L633.6 16c22.4-22.4 57.6-22.4 76.8 0 22.4 22.4 22.4 57.6 0 76.8L419.2 384l291.2 291.2c22.4 22.4 22.4 57.6 0 76.8-9.6 9.6-25.6 16-38.4 16z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="sdoc-save-tip" unicode="&#58960;" d="M528 800c153.6 0 272-112 284.8-252.8 121.6-9.6 208-137.6 208-291.2 0-160-86.4-284.8-201.6-288H208c-96 0-208 124.8-208 284.8s89.6 294.4 227.2 288c9.6 0 16 0 22.4-3.2C291.2 694.4 374.4 800 528 800z m3.2-96c-99.2 0-179.2-73.6-208-256-48 3.2-76.8 3.2-96 0-73.6-9.6-131.2-86.4-131.2-185.6S166.4 64 227.2 64h582.4c54.4 0 118.4 96 118.4 198.4 0 89.6-35.2 166.4-99.2 185.6-28.8 9.6-67.2 12.8-92.8 6.4-6.4 169.6-99.2 249.6-204.8 249.6z m163.2-252.8l38.4-41.6c6.4-6.4 6.4-16 0-22.4l-256-249.6c-12.8-12.8-32-16-44.8-3.2l-147.2 140.8c-6.4 6.4-6.4 12.8-3.2 19.2l3.2 3.2 38.4 38.4c6.4 6.4 16 6.4 22.4 0l108.8-105.6L672 448c6.4 9.6 16 9.6 22.4 3.2z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-file" unicode="&#58895;" d="M460.8 723.2H112c-16 0-35.2-12.8-35.2-35.2v-601.6c0-19.2 16-35.2 35.2-35.2h803.2c16 0 35.2 19.2 35.2 35.2V576c0 19.2-16 35.2-35.2 35.2H588.8c-12.8 0-16 6.4-22.4 12.8l-105.6 99.2z m137.6-38.4h313.6c57.6 0 112-48 112-115.2v-489.6c0-60.8-48-115.2-112-115.2h-800C51.2-32 0 16 0 83.2V684.8C0 745.6 48 800 112 800h361.6c12.8 0 16-6.4 22.4-12.8l102.4-102.4z"  horiz-adv-x="1024" />

package/public/media/sdoc-editor-font.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: "sdocfont"; /* Project id 4097705 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1692612471690'); /* IE9 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1692612471690#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('./sdoc-editor-font/iconfont.woff2?t=1692612471690') format('woff2'),
-       url('./sdoc-editor-font/iconfont.woff?t=1692612471690') format('woff'),
-       url('./sdoc-editor-font/iconfont.ttf?t=1692612471690') format('truetype'),
-       url('./sdoc-editor-font/iconfont.svg?t=1692612471690#sdocfont') format('svg');
+  src: url('./sdoc-editor-font/iconfont.eot?t=1692935854632'); /* IE9 */
+  src: url('./sdoc-editor-font/iconfont.eot?t=1692935854632#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./sdoc-editor-font/iconfont.woff2?t=1692935854632') format('woff2'),
+       url('./sdoc-editor-font/iconfont.woff?t=1692935854632') format('woff'),
+       url('./sdoc-editor-font/iconfont.ttf?t=1692935854632') format('truetype'),
+       url('./sdoc-editor-font/iconfont.svg?t=1692935854632#sdocfont') format('svg');
 }
 
 .sdocfont {
@@ -16,6 +16,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sdoc-next-page:before {
+  content: "\e626";
+}
+
+.sdoc-previous-page:before {
+  content: "\e651";
+}
+
 .sdoc-save-tip:before {
   content: "\e650";
 }

package/dist/basic-sdk/extension/plugins/sdoc-link/menu/local-files.css

@@ -1,98 +0,0 @@
-.sdoc-local-files-library {
-  color: #212529;
-  cursor: pointer;
-  font-size: 14px;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-info {
-  display: flex;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-info > span:nth-child(-n+2) {
-  padding-right: 3px;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-info :first-child {
-  transform: scale(0.6)
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .active {
-  background: #ff8000;
-  border-radius: 2px;
-  box-shadow: inset 0 0 1px #999;
-  color: #fff;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .active .sdoc-local-file-icon {
-  color: #fff;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .inactive:hover {
-  background: #fdefb9;
-  border-radius: 2px;
-  box-shadow: inset 0 0 1px #999;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .inactive > span:nth-child(-n+2) {
-  color: #9aa0ac;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-info .icon-drop-down-scale {
-  transform: scale(1.1) !important;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-info > span:nth-child(3) {
-  padding-left: 3px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  line-height: 24px;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-files {
-  padding-left: 24px;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-files .active {
-  background: #ff8000;
-  border-radius: 2px;
-  box-shadow: inset 0 0 1px #999;
-  color: #fff;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-files .inactive:hover {
-  background: #fdefb9;
-  border-radius: 2px;
-  box-shadow: inset 0 0 1px #999;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-children {
-  padding-left: 24px
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-children .inactive .sdoc-local-file-icon {
-  color: #ff9800;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .inactive:hover {
-  background: #fdefb9;
-  border-radius: 2px;
-  box-shadow: inset 0 0 1px #999;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .active {
-  background: #ff8000;
-  border-radius: 2px;
-  box-shadow: inset 0 0 1px #999;
-  color: #fff;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .active .sdoc-local-file-icon {
-  color: #fff;
-  padding-right: 5px;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .inactive .sdoc-local-file-icon {
-  color: #ff9800;
-  padding-right: 5px;
-}

package/dist/basic-sdk/extension/plugins/sdoc-link/menu/sdoc-link-file-dialog.css

@@ -1,35 +0,0 @@
-.sdoc-file-addition-container {
-  display: flex;
-  flex-direction: row;
-}
-
-.sdoc-file-addition-left {
-  border-right: 1px solid #e9ecef;
-  width: 150px;
-  padding: 12px 8px;
-}
-
-.sdoc-file-addition-left .sdoc-addition-item {
-  padding: 5px 0 5px 8px;
-  border-radius: 3px;
-  display: inline-block;
-  cursor: pointer;
-  width: 100%;
-}
-
-.sdoc-file-addition-left .sdoc-addition-item:hover {
-  background-color: #f5f5f5;
-}
-
-.sdoc-file-addition-container .sdoc-file-addition-left .selected-sdoc-addition-item {
-  background-color: #ff8000;
-  color: #fff;
-}
-
-.sdoc-file-addition-right {
-  height: 440px;
-  overflow-y: auto;
-  overflow-x: hidden;
-  padding: 16px 16px;
-  width: 470px;
-}

package/dist/pages/diff-viewer/history-version-viewer.js

@@ -1,15 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import { SDocViewer } from '../../basic-sdk';
-import { generateDefaultDocContent } from '../../utils';
-import { normalizeChildren } from '../../basic-sdk/utils/document-utils';
-function HistoryVersionViewer(props) {
-  var document = props.document;
-  var validDocument = document || generateDefaultDocContent();
-  return /*#__PURE__*/React.createElement(SDocViewer, {
-    document: _objectSpread(_objectSpread({}, validDocument), {}, {
-      children: normalizeChildren(validDocument.children)
-    })
-  });
-}
-export default HistoryVersionViewer;

package/dist/pages/diff-viewer/index.js

@@ -1,35 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Component } from 'react';
-import HistoryVersionViewer from './history-version-viewer';
-import { DiffViewer } from '../../basic-sdk';
-import context from '../../context';
-var Index = /*#__PURE__*/function (_Component) {
-  _inherits(Index, _Component);
-  var _super = _createSuper(Index);
-  function Index(props) {
-    var _this;
-    _classCallCheck(this, Index);
-    _this = _super.call(this, props);
-    context.initSettings();
-    return _this;
-  }
-  _createClass(Index, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        currentContent = _this$props.currentContent,
-        lastContent = _this$props.lastContent;
-      if (!lastContent) {
-        return /*#__PURE__*/React.createElement(HistoryVersionViewer, {
-          document: currentContent
-        });
-      }
-      return /*#__PURE__*/React.createElement(DiffViewer, this.props);
-    }
-  }]);
-  return Index;
-}(Component);
-export default Index;