@seafile/seafile-editor 1.0.2 → 1.0.4

package/dist/extension/plugins/code-block/helpers.js

@@ -1,174 +1,122 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.unwrapCodeBlock = exports.transformToCodeBlock = exports.setCodeBlockLanguage = exports.isMenuDisabled = exports.isInCodeBlock = exports.getCodeBlockNodeEntry = void 0;
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createForOfIteratorHelper"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _slate = require("slate");
-var _elementTypes = require("../../constants/element-types");
-var _core = require("../../core");
-var _constant = require("./render-elem/constant");
+import { Editor, Element, Node, Point, Range, Transforms, isBlock } from 'slate';
+import { CODE_BLOCK, CODE_LINE, PARAGRAPH } from '../../constants/element-types';
+import { focusEditor, generateElement, getSelectedElems, getSelectedNodeEntryByType } from '../../core';
 // eslint-disable-next-line no-unused-vars
-
-var isMenuDisabled = exports.isMenuDisabled = function isMenuDisabled(editor, readonly) {
+import { EXPLAIN_TEXT, LANGUAGE_MAP } from './render-elem/constant';
+export const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
-  var selection = editor.selection;
+  const {
+    selection
+  } = editor;
   if (!selection) return true;
-  var selectedElements = (0, _core.getSelectedElems)(editor);
-  var isSelectedVoid = selectedElements.find(function (node) {
-    return editor.isVoid(node);
-  });
+  const selectedElements = getSelectedElems(editor);
+  const isSelectedVoid = selectedElements.find(node => editor.isVoid(node));
   if (isSelectedVoid) return true;
   // Disable the menu when selection is not in the paragraph or code block
-  var isEnable = selectedElements.every(function (node) {
-    return [_elementTypes.CODE_BLOCK, _elementTypes.PARAGRAPH, _elementTypes.CODE_LINE].includes(node.type);
-  });
+  const isEnable = selectedElements.every(node => [CODE_BLOCK, PARAGRAPH, CODE_LINE].includes(node.type));
   return !isEnable;
 };
-var getCodeBlockNodeEntry = exports.getCodeBlockNodeEntry = function getCodeBlockNodeEntry(editor) {
+export const getCodeBlockNodeEntry = editor => {
   if (!editor.selection) return;
-  var _Editor$nodes = _slate.Editor.nodes(editor, {
-      match: function match(node) {
-        return node.type === _elementTypes.CODE_BLOCK;
-      },
-      mode: 'highest'
-    }),
-    _Editor$nodes2 = (0, _slicedToArray2.default)(_Editor$nodes, 1),
-    codeBlock = _Editor$nodes2[0];
+  const [codeBlock] = Editor.nodes(editor, {
+    match: node => node.type === CODE_BLOCK,
+    mode: 'highest'
+  });
   return codeBlock;
 };
-var isInCodeBlock = exports.isInCodeBlock = function isInCodeBlock(editor) {
+export const isInCodeBlock = editor => {
   if (!editor.selection) return false;
-  var _Editor$nodes3 = _slate.Editor.nodes(editor, {
-      match: function match(node) {
-        return node.type === _elementTypes.CODE_BLOCK;
-      },
-      mode: 'highest'
-    }),
-    _Editor$nodes4 = (0, _slicedToArray2.default)(_Editor$nodes3, 1),
-    codeBlock = _Editor$nodes4[0];
-  if (!codeBlock) return false;
-  var selectedElements = (0, _core.getSelectedElems)(editor);
-  var isInCodeBlock = !selectedElements.find(function (element) {
-    return ![_elementTypes.CODE_BLOCK, _elementTypes.CODE_LINE].includes(element.type);
+  const [codeBlock] = Editor.nodes(editor, {
+    match: node => node.type === CODE_BLOCK,
+    mode: 'highest'
   });
+  if (!codeBlock) return false;
+  const selectedElements = getSelectedElems(editor);
+  const isInCodeBlock = !selectedElements.find(element => ![CODE_BLOCK, CODE_LINE].includes(element.type));
   return isInCodeBlock;
 };
-var transformToCodeBlock = exports.transformToCodeBlock = function transformToCodeBlock(editor) {
-  var selectedElements = (0, _core.getSelectedElems)(editor);
-  var selectedCodeBlockNum = selectedElements.reduce(function (codeBlockNum, node) {
-    return node.type === _elementTypes.CODE_BLOCK ? ++codeBlockNum : codeBlockNum;
-  }, 0);
+export const transformToCodeBlock = editor => {
+  const selectedElements = getSelectedElems(editor);
+  const selectedCodeBlockNum = selectedElements.reduce((codeBlockNum, node) => node.type === CODE_BLOCK ? ++codeBlockNum : codeBlockNum, 0);
   if (selectedCodeBlockNum > 0) return;
-  var originSelection = editor.selection;
-  var originAnchor = originSelection.anchor,
-    originFocus = originSelection.focus;
-  var textList = [];
-  var nodeEntries = _slate.Editor.nodes(editor, {
-    match: function match(node) {
-      return editor.children.includes(node);
-    },
+  const originSelection = editor.selection;
+  const {
+    anchor: originAnchor,
+    focus: originFocus
+  } = originSelection;
+  const textList = [];
+  const nodeEntries = Editor.nodes(editor, {
+    match: node => editor.children.includes(node),
     // Match the highest level node that custom selected
     universal: true
   });
-  var _iterator = (0, _createForOfIteratorHelper2.default)(nodeEntries),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var nodeEntry = _step.value;
-      var _nodeEntry = (0, _slicedToArray2.default)(nodeEntry, 1),
-        node = _nodeEntry[0];
-      if (node) {
-        textList.push(_slate.Node.string(node));
-      }
+  for (let nodeEntry of nodeEntries) {
+    const [node] = nodeEntry;
+    if (node) {
+      textList.push(Node.string(node));
     }
-    // Generate code block
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
   }
-  var codeBlockChildren = textList.map(function (text) {
-    return (0, _core.generateElement)(_elementTypes.CODE_LINE, {
-      childrenOrText: text
-    });
-  });
-  var codeBlock = (0, _core.generateElement)(_elementTypes.CODE_BLOCK, {
+  // Generate code block
+  const codeBlockChildren = textList.map(text => generateElement(CODE_LINE, {
+    childrenOrText: text
+  }));
+  const codeBlock = generateElement(CODE_BLOCK, {
     childrenOrText: codeBlockChildren,
     props: {
-      lang: _constant.EXPLAIN_TEXT
+      lang: EXPLAIN_TEXT
     }
   });
-  _slate.Transforms.removeNodes(editor, {
+  Transforms.removeNodes(editor, {
     at: editor.selection,
     mode: 'highest',
-    match: function match(node) {
-      return _slate.Element.isElement(node) && (0, _slate.isBlock)(editor, node);
-    }
+    match: node => Element.isElement(node) && isBlock(editor, node)
   });
-  var selectedPath = _slate.Editor.path(editor, originSelection);
-  var isCollapsed = editor.selection && _slate.Range.isCollapsed(editor.selection);
-  var beginPath = _slate.Point.isBefore(originAnchor, originFocus) ? originAnchor.path : originFocus.path;
-  var focusPoint = _slate.Point.isAfter(originFocus, originAnchor) ? originFocus : originAnchor;
-  var insertPath = selectedPath && Object.keys(selectedPath).length ? [selectedPath[0]] : [beginPath[0]];
-  _slate.Transforms.insertNodes(editor, codeBlock, {
+  const selectedPath = Editor.path(editor, originSelection);
+  const isCollapsed = editor.selection && Range.isCollapsed(editor.selection);
+  const beginPath = Point.isBefore(originAnchor, originFocus) ? originAnchor.path : originFocus.path;
+  const focusPoint = Point.isAfter(originFocus, originAnchor) ? originFocus : originAnchor;
+  const insertPath = selectedPath && Object.keys(selectedPath).length ? [selectedPath[0]] : [beginPath[0]];
+  Transforms.insertNodes(editor, codeBlock, {
     at: insertPath
   });
-  (0, _core.focusEditor)(editor, isCollapsed ? _slate.Editor.end(editor, insertPath) : focusPoint);
+  focusEditor(editor, isCollapsed ? Editor.end(editor, insertPath) : focusPoint);
 };
-var unwrapCodeBlock = exports.unwrapCodeBlock = function unwrapCodeBlock(editor) {
-  var selectedCodeBlock = (0, _core.getSelectedNodeEntryByType)(editor, _elementTypes.CODE_BLOCK);
+export const unwrapCodeBlock = editor => {
+  const selectedCodeBlock = getSelectedNodeEntryByType(editor, CODE_BLOCK);
   if (!selectedCodeBlock) return;
-  var selectedCodeBlockPath = selectedCodeBlock[1];
-  var codeLineEntries = _slate.Editor.nodes(editor, {
+  const selectedCodeBlockPath = selectedCodeBlock[1];
+  const codeLineEntries = Editor.nodes(editor, {
     at: selectedCodeBlockPath,
-    match: function match(node) {
-      return node.type === _elementTypes.CODE_LINE;
-    }
+    match: node => node.type === CODE_LINE
   });
-  var paragraphNodes = [];
-  var _iterator2 = (0, _createForOfIteratorHelper2.default)(codeLineEntries),
-    _step2;
-  try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var codeLineEntry = _step2.value;
-      var _codeLineEntry = (0, _slicedToArray2.default)(codeLineEntry, 1),
-        codeLineNode = _codeLineEntry[0];
-      var paragraph = (0, _core.generateElement)(_elementTypes.PARAGRAPH, {
-        childrenOrText: _slate.Node.string(codeLineNode)
-      });
-      paragraphNodes.push(paragraph);
-    }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
+  const paragraphNodes = [];
+  for (const codeLineEntry of codeLineEntries) {
+    const [codeLineNode] = codeLineEntry;
+    const paragraph = generateElement(PARAGRAPH, {
+      childrenOrText: Node.string(codeLineNode)
+    });
+    paragraphNodes.push(paragraph);
   }
-  _slate.Transforms.removeNodes(editor, {
+  Transforms.removeNodes(editor, {
     at: selectedCodeBlockPath,
-    match: function match(node) {
-      return node.type === _elementTypes.CODE_BLOCK;
-    },
+    match: node => node.type === CODE_BLOCK,
     mode: 'highest'
   });
-  _slate.Transforms.insertNodes(editor, paragraphNodes, {
+  Transforms.insertNodes(editor, paragraphNodes, {
     at: selectedCodeBlockPath
   });
-  var focusPath = [selectedCodeBlockPath[0] + paragraphNodes.length - 1];
-  (0, _core.focusEditor)(editor, _slate.Editor.end(editor, focusPath));
+  const focusPath = [selectedCodeBlockPath[0] + paragraphNodes.length - 1];
+  focusEditor(editor, Editor.end(editor, focusPath));
 };
 
 /**
  * @param {object} editor
  * @param {keyof LANGUAGE_MAP} [lang = EXPLAIN_TEXT] by default is 'none'
  */
-var setCodeBlockLanguage = exports.setCodeBlockLanguage = function setCodeBlockLanguage(editor, lang) {
-  var selectedNode = (0, _core.getSelectedNodeEntryByType)(editor, _elementTypes.CODE_BLOCK);
-  _slate.Transforms.setNodes(editor, {
-    lang: lang
+export const setCodeBlockLanguage = (editor, lang) => {
+  const selectedNode = getSelectedNodeEntryByType(editor, CODE_BLOCK);
+  Transforms.setNodes(editor, {
+    lang
   }, {
     at: selectedNode[1]
   });

package/dist/extension/plugins/code-block/index.js

@@ -1,20 +1,12 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _elementTypes = require("../../constants/element-types");
-var _menu = _interopRequireDefault(require("./menu"));
-var _plugin = _interopRequireDefault(require("./plugin"));
-var _renderElem = _interopRequireWildcard(require("./render-elem"));
-var CodeBlockPlugin = {
-  type: _elementTypes.CODE_BLOCK,
+import { CODE_BLOCK } from '../../constants/element-types';
+import CodeBlockMenu from './menu';
+import withCodeBlock from './plugin';
+import renderCodeBlock, { renderCodeLine } from './render-elem';
+const CodeBlockPlugin = {
+  type: CODE_BLOCK,
   nodeType: 'element',
-  editorMenus: [_menu.default],
-  editorPlugin: _plugin.default,
-  renderElements: [_renderElem.default, _renderElem.renderCodeLine]
+  editorMenus: [CodeBlockMenu],
+  editorPlugin: withCodeBlock,
+  renderElements: [renderCodeBlock, renderCodeLine]
 };
-var _default = exports.default = CodeBlockPlugin;
+export default CodeBlockPlugin;

package/dist/extension/plugins/code-block/menu/index.js

@@ -1,37 +1,30 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _commons = require("../../../commons");
-var _elementTypes = require("../../../constants/element-types");
-var _helpers = require("../helpers");
-var _constants = require("../../../constants");
-var menuConfig = _constants.MENUS_CONFIG_MAP[_elementTypes.CODE_BLOCK];
-var CodeBlockMenu = function CodeBlockMenu(_ref) {
-  var isRichEditor = _ref.isRichEditor,
-    className = _ref.className,
-    readonly = _ref.readonly,
-    editor = _ref.editor;
+import React, { useCallback, useMemo } from 'react';
+import { MenuItem } from '../../../commons';
+import { CODE_BLOCK } from '../../../constants/element-types';
+import { isInCodeBlock, isMenuDisabled, transformToCodeBlock, unwrapCodeBlock } from '../helpers';
+import { MENUS_CONFIG_MAP } from '../../../constants';
+const menuConfig = MENUS_CONFIG_MAP[CODE_BLOCK];
+const CodeBlockMenu = _ref => {
+  let {
+    isRichEditor,
+    className,
+    readonly,
+    editor
+  } = _ref;
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  var isActive = (0, _react.useMemo)(function () {
-    return (0, _helpers.isInCodeBlock)(editor);
-  }, [editor.selection]);
-  var onMousedown = (0, _react.useCallback)(function (e) {
+  const isActive = useMemo(() => isInCodeBlock(editor), [editor.selection]);
+  const onMousedown = useCallback(e => {
     e.preventDefault();
-    isActive ? (0, _helpers.unwrapCodeBlock)(editor) : (0, _helpers.transformToCodeBlock)(editor);
+    isActive ? unwrapCodeBlock(editor) : transformToCodeBlock(editor);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isActive]);
-  return /*#__PURE__*/_react.default.createElement(_commons.MenuItem, Object.assign({
-    type: _elementTypes.CODE_BLOCK,
+  return /*#__PURE__*/React.createElement(MenuItem, Object.assign({
+    type: CODE_BLOCK,
     isRichEditor: isRichEditor,
     className: className,
-    disabled: (0, _helpers.isMenuDisabled)(editor, readonly),
+    disabled: isMenuDisabled(editor, readonly),
     isActive: isActive,
     onMouseDown: onMousedown
   }, menuConfig));
 };
-var _default = exports.default = CodeBlockMenu;
+export default CodeBlockMenu;