@seafile/sdoc-editor 0.4.4 → 0.4.6-1

package/dist/basic-sdk/assets/css/sdoc-wiki-viewer.css

@@ -0,0 +1,29 @@
+.sdoc-editor-container {
+  flex: 1;
+  display: flex;
+  min-height: 0;
+}
+
+.sdoc-wiki-scroll-container {
+  display: flex;
+  overflow: auto;
+}
+
+.sdoc-wiki-scroll-container .sdoc-article-container {
+  width: 100%;
+  margin: 0 340px 0 40px !important;
+}
+
+.sdoc-wiki-scroll-container .sdoc-article-container .article .sdoc-header-2 {
+  border-bottom: 1px solid #ccc;
+}
+
+.sdoc-wiki-outline-container {
+  height: 80%;
+  overflow-y: auto;
+  padding-right: 1rem;
+  position: fixed;
+  right: 0;
+  top: 97px;
+  width: 300px;
+}

package/dist/basic-sdk/index.js

@@ -1,6 +1,6 @@
 import SDocEditor from './editor/sdoc-editor';
 import RevisionEditor from './editor/revision-editor';
-import { DiffViewer, SDocViewer, PublishedRevisionDiffViewer } from './views';
+import { DiffViewer, SDocViewer, PublishedRevisionDiffViewer, SDocWikiViewer } from './views';
 import SDocOutline from './outline';
 import EventBus from './utils/event-bus';
-export { SDocEditor, RevisionEditor, SDocViewer, SDocOutline, EventBus, DiffViewer, PublishedRevisionDiffViewer };
+export { SDocEditor, RevisionEditor, SDocViewer, SDocOutline, EventBus, DiffViewer, PublishedRevisionDiffViewer, SDocWikiViewer };

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

@@ -2,4 +2,5 @@ import SDocViewer from './sdoc-viewer';
 import DiffViewer from './sdoc-diff-viewer';
 import RevisionDiffViewer from './revision-diff-viewer';
 import PublishedRevisionDiffViewer from './published-revision-diff-viewer';
-export { SDocViewer, DiffViewer, RevisionDiffViewer, PublishedRevisionDiffViewer };
+import SDocWikiViewer from './sdoc-wiki-viewer';
+export { SDocViewer, DiffViewer, RevisionDiffViewer, PublishedRevisionDiffViewer, SDocWikiViewer };

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

@@ -0,0 +1,46 @@
+import React, { useRef } from 'react';
+import { createDefaultEditor } from '../extension';
+import withNodeId from '../node-id';
+import { generateDefaultDocContent } from '../../utils';
+import { EditorContainer } from '../layout';
+import ReadOnlyArticle from './readonly-article';
+import { ColorProvider } from '../hooks/use-color-context';
+import { ScrollContext } from '../hooks/use-scroll-context';
+import Outline from '../wiki-outline';
+import '../assets/css/sdoc-wiki-viewer.css';
+const SDocMdViewer = _ref => {
+  let {
+    editor,
+    document,
+    showOutline,
+    scrollRef: propsScrollRef
+  } = _ref;
+  const validEditor = editor || withNodeId(createDefaultEditor());
+  const slateValue = (document || generateDefaultDocContent()).children;
+  const scrollRef = useRef(null);
+  const currentScrollRef = propsScrollRef || scrollRef;
+  return /*#__PURE__*/React.createElement(EditorContainer, {
+    editor: validEditor,
+    readonly: true
+  }, /*#__PURE__*/React.createElement(ColorProvider, null, /*#__PURE__*/React.createElement("div", {
+    ref: scrollRef,
+    className: "sdoc-wiki-scroll-container"
+  }, /*#__PURE__*/React.createElement(ScrollContext.Provider, {
+    value: {
+      scrollRef: currentScrollRef
+    }
+  }, /*#__PURE__*/React.createElement(ReadOnlyArticle, {
+    editor: validEditor,
+    slateValue: slateValue,
+    isShowComment: false
+  }), showOutline && /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-wiki-outline-container"
+  }, /*#__PURE__*/React.createElement(Outline, {
+    editor: validEditor
+  }))))));
+};
+SDocMdViewer.defaultProps = {
+  showToolbar: false,
+  showOutline: false
+};
+export default SDocMdViewer;

package/dist/basic-sdk/wiki-outline/index.js

@@ -0,0 +1,70 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import OutlineItem from './outline-item';
+import { useScrollContext } from '../hooks/use-scroll-context';
+import './style.css';
+const getHeaderList = children => {
+  const headerList = [];
+  children.forEach(node => {
+    if (node.type === 'header2' || node.type === 'header3') {
+      headerList.push(node);
+    }
+  });
+  return headerList;
+};
+const Outline = _ref => {
+  let {
+    editor
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const scrollRef = useScrollContext();
+  const [headerList, setHeaderList] = useState([]);
+  const [activeId, setActiveId] = useState('');
+  useEffect(() => {
+    const headerList = getHeaderList(editor.children);
+    setHeaderList(headerList);
+  }, [editor.children]);
+  const handleScroll = useCallback(e => {
+    const scrollTop = scrollRef.current.scrollTop;
+    const styles = getComputedStyle(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current);
+    const paddingTop = parseInt(styles.paddingTop);
+    for (let i = 0; i < headerList.length; i++) {
+      const headerItem = headerList[i];
+      const dom = document.getElementById(headerItem.id);
+      const {
+        offsetTop,
+        offsetHeight
+      } = dom;
+      const styles = getComputedStyle(dom);
+      const marginTop = parseInt(styles.marginTop);
+      if (offsetTop + offsetHeight + marginTop > scrollTop - paddingTop) {
+        setActiveId(headerItem.id);
+        break;
+      }
+    }
+  }, [headerList, scrollRef]);
+  useEffect(() => {
+    let observerRefValue = null;
+    if (scrollRef.current) {
+      scrollRef.current.addEventListener('scroll', handleScroll);
+      observerRefValue = scrollRef.current;
+    }
+    return () => {
+      observerRefValue.removeEventListener('scroll', handleScroll);
+    };
+  }, [handleScroll, scrollRef]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-wiki-viewer-outline"
+  }, headerList.length === 0 && /*#__PURE__*/React.createElement("div", {
+    className: "empty-container"
+  }, t('No_out_line')), headerList.length > 0 && headerList.map((node, index) => {
+    return /*#__PURE__*/React.createElement(OutlineItem, {
+      key: index,
+      node: node,
+      activeId: activeId
+    });
+  }));
+};
+export default Outline;

package/dist/basic-sdk/wiki-outline/outline-item.js

@@ -0,0 +1,24 @@
+import React, { useCallback } from 'react';
+import classNames from 'classnames';
+const OutlineItem = _ref => {
+  let {
+    node,
+    activeId
+  } = _ref;
+  const onItemClick = useCallback(() => {
+    const {
+      id
+    } = node;
+    document.getElementById(id).scrollIntoView();
+  }, [node]);
+  const className = classNames({
+    'outline-h2': node.type === 'header2',
+    'outline-h3': node.type === 'header3',
+    'active': node.id === activeId
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: className,
+    onClick: onItemClick
+  }, node.children.map(child => child.text).join(''));
+};
+export default OutlineItem;

package/dist/basic-sdk/wiki-outline/style.css

@@ -0,0 +1,45 @@
+.sdoc-wiki-viewer-outline {
+  border-left: 1px solid #ddd;
+  padding: .5rem 1rem .5rem 0;
+}
+
+.sdoc-wiki-viewer-outline .outline-h2, 
+.sdoc-wiki-viewer-outline .outline-h3 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.sdoc-wiki-viewer-outline .outline-h2 {
+  margin-left: 20px;
+  line-height: 2.5;
+  color:#364149;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.sdoc-wiki-viewer-outline .outline-h2:hover {
+  color: #eb8205;
+}
+
+.sdoc-wiki-viewer-outline .outline-h3 {
+  margin-left: 40px;
+  line-height: 2.5;
+  color:#364149;
+  white-space: nowrap;
+  cursor:pointer;
+}
+
+.sdoc-wiki-viewer-outline .outline-h3:hover {
+  color: #eb8205;
+}
+
+.sdoc-wiki-viewer-outline .empty-container {
+  margin-top: 10px;
+  text-align: center;
+}
+
+.sdoc-wiki-viewer-outline .outline-h2.active,
+.sdoc-wiki-viewer-outline .outline-h3.active {
+  color: #eb8205;
+}

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

@@ -17,12 +17,23 @@ const DocInfo = _ref => {
     isEditMode,
     isPublished = false
   } = _ref;
+  const isSdocRevision = context.getSetting('isSdocRevision');
+  const docName = context.getSetting('docName');
+  const {
+    isShowInternalLink,
+    isStarIconShown,
+    isFreezed
+  } = context.getSettings();
   const onInternalLinkClick = useCallback(() => {
     const eventBus = EventBus.getInstance();
-    eventBus.dispatch(EXTERNAL_EVENT.INTERNAL_LINK_CLICK, {
-      internalLink: window.location.href
-    });
-  }, []);
+    if (isSdocRevision) {
+      eventBus.dispatch(EXTERNAL_EVENT.INTERNAL_LINK_CLICK, {
+        internalLink: window.location.href
+      });
+      return;
+    }
+    eventBus.dispatch(EXTERNAL_EVENT.INTERNAL_LINK_CLICK);
+  }, [isSdocRevision]);
   const toggleStar = useCallback(() => {
     const eventBus = EventBus.getInstance();
     eventBus.dispatch(EXTERNAL_EVENT.TOGGLE_STAR);
@@ -31,13 +42,6 @@ const DocInfo = _ref => {
     const originFileURL = context.getSetting('originFileURL');
     window.open(originFileURL, '_blank');
   }, []);
-  const isSdocRevision = context.getSetting('isSdocRevision');
-  const docName = context.getSetting('docName');
-  const {
-    isShowInternalLink,
-    isStarIconShown,
-    isFreezed
-  } = context.getSettings();
   const docInfo = /*#__PURE__*/React.createElement(React.Fragment, null, isDraft && /*#__PURE__*/React.createElement(DraftDropdown, null), isStarIconShown && /*#__PURE__*/React.createElement("button", {
     className: "doc-icon sdocfont ".concat(isStarred ? 'sdoc-starred' : 'sdoc-unstarred', " border-0 p-0 bg-transparent"),
     title: isStarred ? t('Starred') : t('Unstarred'),

package/dist/index.js

@@ -4,4 +4,5 @@ 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';
-export { SDocViewer, SimpleEditor, SimpleViewer, EventBus, EXTERNAL_EVENT, DiffViewer, PublishedRevisionViewer };
+import WikiViewer from './pages/wiki-viewer';
+export { SDocViewer, SimpleEditor, SimpleViewer, EventBus, EXTERNAL_EVENT, DiffViewer, PublishedRevisionViewer, WikiViewer };

package/dist/pages/wiki-viewer.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import context from '../context';
+import ErrorBoundary from './error-boundary';
+import { SDocWikiViewer } from '../basic-sdk';
+import '../assets/css/simple-viewer.css';
+const WikiViewer = _ref => {
+  let {
+    document,
+    showOutline,
+    scrollRef
+  } = _ref;
+  context.initApi();
+  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(SDocWikiViewer, {
+    document: document,
+    showOutline: showOutline,
+    scrollRef: scrollRef
+  }));
+};
+export default WikiViewer;

package/package.json

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

package/public/locales/cs/sdoc-editor.json

@@ -424,6 +424,9 @@
   "Row_number": "Row number",
   "Column_number": "Column number",
   "The_maximum_row_number_is_{number}": "The maximum row number is {number}",
-  "Freeze_Document": "Freeze Document",
-  "Unfreeze": "Unfreeze"
+  "Freeze_Document": "Freeze document",
+  "Unfreeze": "Unfreeze",
+  "Other_modification": "Other's modification",
+  "My_modification": "My modification",
+  "Document_history": "Document history"
 }

package/public/locales/de/sdoc-editor.json

@@ -424,6 +424,9 @@
   "Row_number": "Row number",
   "Column_number": "Column number",
   "The_maximum_row_number_is_{number}": "The maximum row number is {number}",
-  "Freeze_Document": "Freeze Document",
-  "Unfreeze": "Unfreeze"
+  "Freeze_Document": "Freeze document",
+  "Unfreeze": "Unfreeze",
+  "Other_modification": "Other's modification",
+  "My_modification": "My modification",
+  "Document_history": "Document history"
 }

package/public/locales/en/sdoc-editor.json

@@ -424,7 +424,7 @@
   "Row_number": "Row number",
   "Column_number": "Column number",
   "The_maximum_row_number_is_{number}": "The maximum row number is {number}",
-  "Freeze_Document": "Freeze Document",
+  "Freeze_Document": "Freeze document",
   "Unfreeze": "Unfreeze",
   "Other_modification": "Other's modification",
   "My_modification": "My modification",

package/public/locales/es/sdoc-editor.json

@@ -424,6 +424,9 @@
   "Row_number": "Row number",
   "Column_number": "Column number",
   "The_maximum_row_number_is_{number}": "The maximum row number is {number}",
-  "Freeze_Document": "Freeze Document",
-  "Unfreeze": "Unfreeze"
+  "Freeze_Document": "Freeze document",
+  "Unfreeze": "Unfreeze",
+  "Other_modification": "Other's modification",
+  "My_modification": "My modification",
+  "Document_history": "Document history"
 }

package/public/locales/fr/sdoc-editor.json

@@ -424,6 +424,9 @@
   "Row_number": "Row number",
   "Column_number": "Column number",
   "The_maximum_row_number_is_{number}": "The maximum row number is {number}",
-  "Freeze_Document": "Freeze Document",
-  "Unfreeze": "Unfreeze"
+  "Freeze_Document": "Freeze document",
+  "Unfreeze": "Unfreeze",
+  "Other_modification": "Other's modification",
+  "My_modification": "My modification",
+  "Document_history": "Document history"
 }

package/public/locales/it/sdoc-editor.json

@@ -424,6 +424,9 @@
   "Row_number": "Row number",
   "Column_number": "Column number",
   "The_maximum_row_number_is_{number}": "The maximum row number is {number}",
-  "Freeze_Document": "Freeze Document",
-  "Unfreeze": "Unfreeze"
+  "Freeze_Document": "Freeze document",
+  "Unfreeze": "Unfreeze",
+  "Other_modification": "Other's modification",
+  "My_modification": "My modification",
+  "Document_history": "Document history"
 }

package/public/locales/ru/sdoc-editor.json

@@ -424,6 +424,9 @@
   "Row_number": "Номер строки",
   "Column_number": "Номер столбца",
   "The_maximum_row_number_is_{number}": "Максимальное количество строк - {number}",
-  "Freeze_Document": "Заморозить документ",
-  "Unfreeze": "Разморозить"
+  "Freeze_Document": "Freeze document",
+  "Unfreeze": "Разморозить",
+  "Other_modification": "Другая модификация",
+  "My_modification": "Моя модификация",
+  "Document_history": "История документа"
 }

package/public/locales/zh_CN/sdoc-editor.json

@@ -428,5 +428,5 @@
   "Unfreeze": "取消冻结",
   "Other_modification": "他人更改",
   "My_modification": "我的更改",
-  "Document_history":"文档历史"
+  "Document_history": "文档历史"
 }