@seafile/seafile-editor 1.0.8 → 1.0.10-1

package/dist/containers/article-info/style.css

@@ -4,6 +4,7 @@
   flex-direction: column;
   background-color: #f5f5f5;
   user-select: none;
+  min-height: 0;
 }
 
 .sf-article-info-container .nav {
@@ -44,7 +45,8 @@
 .sf-article-info-container .sf-article-info-content {
   flex: 1;
   font-size: 0.937rem;
-  overflow: hidden;
+  min-height: 0;
+  overflow: auto;
 }
 
 .sf-article-info-container .sf-article-info-content:hover {

package/dist/editors/simple-slate-viewer/index.js

@@ -0,0 +1,27 @@
+import React, { useEffect } from 'react';
+import { SetNodeToDecorations, baseEditor, renderElement, renderLeaf, useHighlight } from '../../extension';
+import { Editable, Slate } from 'slate-react';
+export default function SimpleSlateViewer(_ref) {
+  let {
+    value
+  } = _ref;
+  const decorate = useHighlight(baseEditor);
+
+  // willUnmount
+  useEffect(() => {
+    return () => {
+      baseEditor.selection = null;
+    };
+  });
+  return /*#__PURE__*/React.createElement(Slate, {
+    editor: baseEditor,
+    initialValue: value
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "article"
+  }, /*#__PURE__*/React.createElement(SetNodeToDecorations, null), /*#__PURE__*/React.createElement(Editable, {
+    readOnly: true,
+    decorate: decorate,
+    renderElement: renderElement,
+    renderLeaf: renderLeaf
+  })));
+}

package/dist/editors/slate-editor/editor-help/style.css

@@ -2,11 +2,11 @@
   display: none;
   background-color: #fff;
   border-left: 1px solid #eee;
-  flex: 0 0 350px;
+  flex: 0 0 300px;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
-  width: 250px;
+  width: 300px;
 }
 
 .sf-markdown-help-wrapper.active {

package/dist/editors/slate-editor/style.css

@@ -31,6 +31,7 @@
 .sf-slate-editor-container .sf-slate-scroll-container {
   height: 100%;
   width: 100%;
+  background-color: #fafaf9;
   overflow: auto;
 }
 

package/dist/extension/highlight/prismjs.js

@@ -3,6 +3,7 @@ import 'prismjs/themes/prism.css';
 import 'prismjs/components/prism-javascript';
 import 'prismjs/components/prism-typescript';
 import 'prismjs/components/prism-markup';
+import 'prismjs/components/prism-markup-templating';
 import 'prismjs/components/prism-go';
 import 'prismjs/components/prism-php';
 import 'prismjs/components/prism-c';

package/dist/index.js

@@ -4,6 +4,7 @@ import RichMarkdownEditor from './pages/rich-markdown-editor';
 import MarkdownEditor from './pages/markdown-editor';
 import MarkdownViewer from './pages/markdown-view';
 import SimpleEditor from './pages/simple-editor';
+import SimpleViewer from './pages/simple-viewer';
 import EventBus from './utils/event-bus';
 import { mdStringToSlate, slateToMdString, deserializeHtml, processor } from './slate-convert';
-export { MarkdownEditor, PlainMarkdownEditor, RichMarkdownEditor, MarkdownViewer, SimpleEditor, EXTERNAL_EVENTS, EventBus, mdStringToSlate, slateToMdString, deserializeHtml, processor };
+export { MarkdownEditor, PlainMarkdownEditor, RichMarkdownEditor, MarkdownViewer, SimpleEditor, SimpleViewer, EXTERNAL_EVENTS, EventBus, mdStringToSlate, slateToMdString, deserializeHtml, processor };

package/dist/pages/simple-viewer.js

@@ -0,0 +1,42 @@
+import React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
+import Loading from '../containers/loading';
+import { mdStringToSlate, slateToMdString } from '../slate-convert';
+import useMathJax from '../hooks/use-mathjax';
+import SimpleSlateViewer from '../editors/simple-slate-viewer';
+const SimpleEditor = forwardRef((_ref, ref) => {
+  let {
+    isFetching,
+    value,
+    mathJaxSource
+  } = _ref;
+  const [richValue, setRichValue] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const {
+    isLoadingMathJax
+  } = useMathJax(mathJaxSource);
+  useImperativeHandle(ref, () => {
+    return {
+      getValue: () => {
+        const mdStringValue = slateToMdString(richValue);
+        return mdStringValue;
+      }
+    };
+  }, [richValue]);
+  useEffect(() => {
+    if (!isFetching) {
+      const richValue = mdStringToSlate(value);
+      setRichValue(richValue);
+      setIsLoading(false);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isFetching]);
+  const props = {
+    isSupportFormula: !!mathJaxSource,
+    value: richValue
+  };
+  if (isFetching || isLoading || isLoadingMathJax) {
+    return /*#__PURE__*/React.createElement(Loading, null);
+  }
+  return /*#__PURE__*/React.createElement(SimpleSlateViewer, props);
+});
+export default SimpleEditor;

package/dist/slate-convert/html-to-slate/rules/code-block.js

@@ -21,7 +21,8 @@ const codeBlockRule = (element, parseChild) => {
     } else {
       const lang = 'plaintext';
       const content = childNodes[0].textContent;
-      const children = content.split('\n').map(text => {
+      const textArr = content.split('\n').filter(Boolean);
+      const children = textArr.map(text => {
         return {
           id: slugid.nice(),
           type: CODE_LINE,
@@ -65,7 +66,7 @@ const codeBlockRule = (element, parseChild) => {
         }]
       };
     }
-    const codes = content.split('\n');
+    const codes = content.slugid('\n').filter(Boolean);
     return codes.map(item => {
       return {
         id: slugid.nice(),

package/dist/slate-convert/html-to-slate/rules/table.js

@@ -15,7 +15,11 @@ const tableRule = (element, parseChild) => {
   if (nodeName === 'THEAD' || nodeName === 'TBODY') {
     return parseChild(childNodes);
   }
-  if (nodeName === 'TR') {
+  if (nodeName === 'TR' && childNodes.length > 0) {
+    // patch
+    const children = Array.from(childNodes);
+    const hasTdOrTh = children.some(item => item.nodeName === 'TH' || item.nodeName === 'TD');
+    if (!hasTdOrTh) return;
     return {
       id: slugid.nice(),
       type: TABLE_ROW,

package/dist/slate-convert/md-to-slate/transform.js

@@ -1,6 +1,7 @@
 import slugid from 'slugid';
 import { generateDefaultText } from '../../extension/core';
 import { BLOCKQUOTE, HEADER, IMAGE, LINK, PARAGRAPH, TABLE, CODE_BLOCK, LIST_ITEM, ORDERED_LIST, UNORDERED_LIST, CHECK_LIST_ITEM, CODE_LINE, TABLE_ROW, TABLE_CELL } from '../../extension/constants/element-types';
+import deserializeHtml from '../html-to-slate';
 const INLINE_KEY_MAP = {
   strong: 'bold',
   emphasis: 'italic'
@@ -156,8 +157,11 @@ export const transformListItem = node => {
         return transformCodeBlock(child);
       } else if (child.type === 'list') {
         return transformList(child);
+      } else if (child.type === 'html') {
+        // patch
+        return transformBlockHtml(child);
       }
-    })
+    }).flat()
   };
 };
 export const transformOrderedList = node => {
@@ -279,7 +283,7 @@ export const transformHtml = node => {
     } = new DOMParser().parseFromString(node.value, 'text/html');
     const img = body.firstChild;
     const src = img.getAttribute('src');
-    if (!src) return defaultTextNode;
+    if (!src) return [defaultTextNode];
     const alt = img.getAttribute('alt');
     const title = img.getAttribute('title');
     const width = img.getAttribute('width');
@@ -307,14 +311,17 @@ export const transformHtml = node => {
     };
     return [generateDefaultText(), image, generateDefaultText()];
   }
-  return defaultTextNode;
+  return [defaultTextNode];
 };
 export const transformBlockHtml = node => {
-  return {
-    id: slugid.nice(),
-    type: PARAGRAPH,
-    children: transformHtml(node)
-  };
+  if (node.value.slice(0, 4).toLowerCase() === '<img') {
+    return {
+      id: slugid.nice(),
+      type: PARAGRAPH,
+      children: transformHtml(node)
+    };
+  }
+  return deserializeHtml(node.value);
 };
 export const transformMath = node => {
   return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "1.0.8",
+  "version": "1.0.10-1",
   "description": "",
   "main": "dist/index.js",
   "scripts": {