@seafile/seafile-editor 1.0.16 → 1.0.18

package/dist/extension/constants/menus-config.js

@@ -12,7 +12,8 @@ export const TEXT_STYLE_MAP = {
   UNDERLINE: UNDERLINE,
   CODE: CODE,
   DELETE: DELETE,
-  ADD: ADD
+  ADD: ADD,
+  BOLD_ITALIC: "".concat(BOLD, "_").concat(ITALIC)
 };
 export const TABLE_SUBMENU_MAP = {
   TABLE_ALIGN_LEFT: 'table_align_left',

package/dist/extension/plugins/index.js

@@ -11,10 +11,11 @@ import ListPlugin from './list';
 import TablePlugin from './table';
 import FormulaPlugin from './formula';
 import ColumnPlugin from './column';
-const Plugins = [BlockquotePlugin, ParagraphPlugin, TextPlugin, HeaderPlugin, ImagePlugin, LinkPlugin, CodeBlockPlugin, CheckListPlugin, ListPlugin, TablePlugin, FormulaPlugin, ColumnPlugin,
+import MarkDownPlugin from './markdown';
+const Plugins = [BlockquotePlugin, ParagraphPlugin, TextPlugin, HeaderPlugin, ImagePlugin, LinkPlugin, CodeBlockPlugin, CheckListPlugin, ListPlugin, TablePlugin, FormulaPlugin, MarkDownPlugin, ColumnPlugin,
 // put at the end
 NodeIdPlugin];
 export default Plugins;
-export { BlockquotePlugin, ParagraphPlugin, TextPlugin, HeaderPlugin, ImagePlugin, LinkPlugin, CodeBlockPlugin, CheckListPlugin, ListPlugin, TablePlugin, FormulaPlugin, ColumnPlugin,
+export { BlockquotePlugin, ParagraphPlugin, TextPlugin, HeaderPlugin, ImagePlugin, LinkPlugin, CodeBlockPlugin, CheckListPlugin, ListPlugin, TablePlugin, FormulaPlugin, MarkDownPlugin, ColumnPlugin,
 // put at the end
 NodeIdPlugin };

package/dist/extension/plugins/markdown/index.js

@@ -0,0 +1,5 @@
+import withMarkDown from './plugin';
+const MarkDownPlugin = {
+  editorPlugin: withMarkDown
+};
+export default MarkDownPlugin;

package/dist/extension/plugins/markdown/plugin.js

@@ -0,0 +1,188 @@
+import { Editor, Transforms, Range } from 'slate';
+import { transformsToList } from '../list/transforms';
+import { getSelectedNodeByType } from '../../core';
+import { TEXT_STYLE_MAP } from '../../constants';
+import { HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, UNORDERED_LIST, BLOCKQUOTE, PARAGRAPH } from '../../constants/element-types';
+import { setBlockQuoteType } from '../blockquote/helpers';
+const KEY_TO_TYPE_FOR_SPACE = {
+  // Title shortcut
+  '#': HEADER1,
+  '##': HEADER2,
+  '###': HEADER3,
+  '####': HEADER4,
+  '#####': HEADER5,
+  '######': HEADER6,
+  // List shortcut
+  '*': UNORDERED_LIST,
+  '-': UNORDERED_LIST,
+  // Reference shortcut key
+  '>': BLOCKQUOTE
+};
+const KEY_TO_INLINE_TYPE_FOR_SPACE = {
+  // Inline shortcut keys
+  '**': TEXT_STYLE_MAP.BOLD,
+  '*': TEXT_STYLE_MAP.ITALIC,
+  '***': TEXT_STYLE_MAP.BOLD_ITALIC
+};
+const getBeforeText = editor => {
+  const {
+    selection
+  } = editor;
+  if (selection == null) return {
+    beforeText: '',
+    range: null
+  };
+  const {
+    anchor
+  } = selection;
+  // Find the block element above the current text
+  const block = Editor.above(editor, {
+    match: n => Editor.isBlock(editor, n)
+  });
+  if (block == null) return {
+    beforeText: '',
+    range: null
+  };
+  const blockPath = block[1];
+  const blockStart = Editor.start(editor, blockPath); // The starting position of the block element
+  const range = {
+    anchor,
+    focus: blockStart
+  };
+  const beforeText = Editor.string(editor, range) || '';
+  return {
+    beforeText,
+    range
+  };
+};
+const withMarkDown = editor => {
+  const {
+    insertText
+  } = editor;
+  const newEditor = editor;
+
+  // When entering a space, convert markdown
+  newEditor.insertText = text => {
+    const {
+      selection
+    } = editor;
+    if (selection == null) return insertText(text);
+    if (Range.isExpanded(selection)) return insertText(text);
+    if (getSelectedNodeByType(editor, PARAGRAPH) == null) return insertText(text); // It must be in paragraph
+    if (text !== ' ') return insertText(text); // The value must be an input space
+
+    // Gets the text before the space
+    const {
+      beforeText,
+      range
+    } = getBeforeText(editor);
+    if (!beforeText || !range) return insertText(text);
+
+    // Based on the keyword, find the type of element you want to convert
+    const type = KEY_TO_TYPE_FOR_SPACE[beforeText.trim()];
+    const italicAndBoldType = KEY_TO_INLINE_TYPE_FOR_SPACE[beforeText.slice(-3)];
+    const boldType = KEY_TO_INLINE_TYPE_FOR_SPACE[beforeText.slice(-2)];
+    const italicType = KEY_TO_INLINE_TYPE_FOR_SPACE[beforeText.slice(-1)];
+    if (!type && !boldType && !italicType && !italicAndBoldType) return insertText(text);
+    if (italicAndBoldType === TEXT_STYLE_MAP.BOLD_ITALIC) {
+      const restStr = beforeText === null || beforeText === void 0 ? void 0 : beforeText.slice(0, beforeText.length - 3);
+      const startOffset = restStr === null || restStr === void 0 ? void 0 : restStr.lastIndexOf('***');
+      const endOffset = (beforeText === null || beforeText === void 0 ? void 0 : beforeText.lastIndexOf('***')) + 3;
+      console.log(startOffset);
+      console.log(endOffset);
+      if (startOffset === -1) {
+        return insertText(text);
+      }
+      if (startOffset !== -3) {
+        Transforms.delete(editor, {
+          at: {
+            anchor: {
+              path: range.focus.path,
+              offset: startOffset
+            },
+            focus: {
+              ...selection.focus
+            }
+          },
+          voids: true
+        });
+        const newText = beforeText.slice(startOffset + 3, endOffset - 3);
+        Editor.addMark(editor, TEXT_STYLE_MAP.BOLD, true);
+        Editor.addMark(editor, TEXT_STYLE_MAP.ITALIC, true);
+        return insertText(newText);
+      }
+      return;
+    }
+    if (boldType === TEXT_STYLE_MAP.BOLD) {
+      const restStr = beforeText.slice(0, beforeText.length - 2);
+      const startOffset = restStr.lastIndexOf('**');
+      const endOffset = beforeText.lastIndexOf('**') + 2;
+      if (startOffset === -1) {
+        return insertText(text);
+      }
+      Transforms.delete(editor, {
+        at: {
+          anchor: {
+            path: range.focus.path,
+            offset: startOffset
+          },
+          focus: {
+            ...selection.focus
+          }
+        },
+        voids: true
+      });
+      const newType = boldType.toLowerCase();
+      const newText = beforeText.slice(startOffset + 2, endOffset - 2);
+      Editor.addMark(editor, newType, true);
+      return insertText(newText);
+    }
+
+    // demos
+    // 1 '*'
+    // 2 'acd * add *'
+    if (italicType === TEXT_STYLE_MAP.ITALIC) {
+      const restStr = beforeText === null || beforeText === void 0 ? void 0 : beforeText.slice(0, beforeText.length - 1);
+      const startOffset = restStr === null || restStr === void 0 ? void 0 : restStr.lastIndexOf('*');
+      const endOffset = (beforeText === null || beforeText === void 0 ? void 0 : beforeText.lastIndexOf('*')) + 1;
+      if (startOffset === -1 && restStr.length > 0) {
+        return insertText(text);
+      }
+      if (startOffset !== -1) {
+        Transforms.delete(editor, {
+          at: {
+            anchor: {
+              path: range.focus.path,
+              offset: startOffset
+            },
+            focus: {
+              ...selection.focus
+            }
+          },
+          voids: true
+        });
+        const newType = italicType.toLowerCase();
+        const newText = beforeText.slice(startOffset + 1, endOffset - 1);
+        Editor.addMark(editor, newType, true);
+        return insertText(newText);
+      }
+    }
+
+    // Delete element
+    Transforms.select(editor, range);
+    Transforms.delete(editor);
+    if (type === UNORDERED_LIST) {
+      transformsToList(editor, type);
+      return;
+    }
+    if (type === BLOCKQUOTE) {
+      setBlockQuoteType(editor, false);
+      return;
+    }
+    Transforms.setNodes(editor, {
+      type
+    });
+  };
+  return newEditor;
+};
+export default withMarkDown;

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

@@ -154,6 +154,8 @@ export const transformListItem = node => {
         return transformListContent(child);
       } else if (child.type === 'code') {
         return transformCodeBlock(child);
+      } else if (child.type === 'blockquote') {
+        return transformBlockquote(child);
       } else if (child.type === 'list') {
         return transformList(child);
       } else if (child.type === 'html') {

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

@@ -151,6 +151,9 @@ const transformListItem = node => {
     if (child.type === 'code_block') {
       return transformCodeBlock(child);
     }
+    if (child.type === 'blockquote') {
+      return transformBlockquote(child);
+    }
     if (child.type === 'unordered_list' || child.type === 'ordered_list') {
       return transformList(child);
     }

package/package.json

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