@seafile/seafile-editor 0.4.2 → 0.4.4

package/dist/index.js

@@ -1,36 +1,10 @@
-// import Toolbar from './components/toolbar';
-// import Outline from './components/outline';
-// import UserHelp from './components/user-help';
-// import EditorContext from './containers/editor-context';
-// import { deserialize, serialize } from './utils/slate2markdown';
-// import { processor } from './utils/seafile-markdown2html';
-// import { replaceColumnData } from './utils/utils';
-// import { 
-//   MarkdownEditor, 
-//   SimpleEditor, 
-//   PlainMarkdownEditor, 
-//   SeatableEditor 
-// } from './editors';
-// import { 
-//   DiffViewer, 
-//   MarkdownViewer, 
-//   SeatableViewer 
-// } from './viewer';
-import NewEditor from './new-editors/editor';
-export {
-// EditorContext,
-// MarkdownEditor,
-// SimpleEditor,
-// PlainMarkdownEditor,
-// DiffViewer,
-// MarkdownViewer,
-// SeatableViewer,
-// Toolbar,
-// Outline,
-// UserHelp,
-// deserialize,
-// serialize,
-// processor,
-// SeatableEditor,
-// replaceColumnData,
-NewEditor };
+import Toolbar from './components/toolbar';
+import Outline from './components/outline';
+import UserHelp from './components/user-help';
+import EditorContext from './containers/editor-context';
+import { deserialize, serialize } from './utils/slate2markdown';
+import { processor } from './utils/seafile-markdown2html';
+import { replaceColumnData } from './utils/utils';
+import { MarkdownEditor, SimpleEditor, PlainMarkdownEditor, SeatableEditor } from './editors';
+import { DiffViewer, MarkdownViewer, SeatableViewer } from './viewer';
+export { EditorContext, MarkdownEditor, SimpleEditor, PlainMarkdownEditor, DiffViewer, MarkdownViewer, SeatableViewer, Toolbar, Outline, UserHelp, deserialize, serialize, processor, SeatableEditor, replaceColumnData };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "private": false,
   "description": "This is a custom markdown editor",
   "main": "dist/index.js",
@@ -27,10 +27,9 @@
     "remark-parse": "^5.0.0",
     "remark-rehype": "^3.0.0",
     "remark-slug": "^5.0.0",
-    "slate": "0.88.1",
-    "slate-history": "0.86.0",
-    "slate-hyperscript": "0.77.0",
-    "slate-react": "0.88.2",
+    "slate": "^0.54.2",
+    "slate-history": "^0.54.2",
+    "slate-hyperscript": "0.54.2",
     "unified": "7.0.0",
     "url-parse": "^1.4.3",
     "xtend": "^4.0.1"

package/dist/assets/css/new-editor.css

@@ -1,9 +0,0 @@
-.dlThau {
-  margin: 0;
-  padding-inline-start: 24px;
-}
-
-.editor-container div[data-slate-editor='true'] {
-  min-width: 980px;
-  background: #f0f0f0;
-}

package/dist/new-editors/editor.js

@@ -1,81 +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 from 'react';
-import { Editable, Slate } from 'slate-react';
-import isHotkey from 'is-hotkey';
-import editor, { renderLeaf as _renderLeaf, renderElement as _renderElement, Toolbar } from '../slate-extension';
-import '../assets/css/new-editor.css';
-var NewEditor = /*#__PURE__*/function (_React$Component) {
-  _inherits(NewEditor, _React$Component);
-  var _super = _createSuper(NewEditor);
-  function NewEditor(props) {
-    var _this;
-    _classCallCheck(this, NewEditor);
-    _this = _super.call(this, props);
-    _this.onChange = function (slateValue) {
-      var onValueChanged = _this.props.onValueChanged;
-      _this.setState({
-        slateValue: slateValue
-      });
-      onValueChanged && onValueChanged(slateValue);
-    };
-    _this.getStyle = function () {
-      return {
-        with: 980,
-        height: '100%',
-        margin: '0 auto'
-      };
-    };
-    _this.state = {
-      slateValue: props.value,
-      isLoading: true
-    };
-    _this.editor = editor;
-    return _this;
-  }
-  _createClass(NewEditor, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var value = this.props.value;
-      var slateValue = value;
-      this.setState({
-        slateValue: slateValue,
-        isLoading: false
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var slateValue = this.state.slateValue;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "editor-container",
-        style: this.getStyle()
-      }, /*#__PURE__*/React.createElement(Toolbar, {
-        editor: this.editor
-      }), /*#__PURE__*/React.createElement(Slate, {
-        editor: this.editor,
-        value: slateValue,
-        onChange: this.onChange
-      }, /*#__PURE__*/React.createElement(Editable, {
-        placeholder: "Enter some text...",
-        renderElement: function renderElement(props) {
-          return _renderElement(props, _this2.editor);
-        },
-        renderLeaf: function renderLeaf(props) {
-          return _renderLeaf(props, _this2.editor);
-        },
-        onDOMBeforeInput: function onDOMBeforeInput(event) {},
-        onKeyDown: function onKeyDown(event) {
-          if (isHotkey('tab', event) || isHotkey('shift+tab', event)) {
-            editor.handleTab && editor.handleTab(event);
-          }
-        }
-      })));
-    }
-  }]);
-  return NewEditor;
-}(React.Component);
-export default NewEditor;

package/dist/slate-extension/constants/index.js

@@ -1,38 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _MENUS_CONFIG_MAP;
-// extension plugin
-export var BLOCKQUOTE = 'blockquote';
-export var BLOB = 'blob';
-export var HEADER = 'header';
-export var ORDERED_LIST = 'ordered_list';
-export var UNORDERED_LIST = 'unordered_list'; // unordered_list can not work
-export var LIST_ITEM = 'list-item';
-export var LIST_LIC = 'list-lic'; // placeholder
-export var CHECK_LIST = 'check-list';
-export var CHECK_LIST_ITEM = 'check-list-item';
-export var PARAGRAPH = 'paragraph';
-export var LINK = 'link';
-export var HTML = 'html';
-export var CODE_BLOCK = 'code-block';
-export var CODE_LINE = 'code-line';
-export var IMAGE = 'image';
-export var TABLE = 'table';
-export var TABLE_CELL = 'table-cell';
-export var TABLE_ROW = 'table-row';
-export var FORMULA = 'formula';
-export var COLUMN = 'column';
-
-// menus config
-export var MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, _defineProperty(_MENUS_CONFIG_MAP, BLOCKQUOTE, {
-  id: 'BLOCKQUOTE',
-  iconClass: 'iconfont icon-quote-left',
-  text: 'quote'
-}), _defineProperty(_MENUS_CONFIG_MAP, ORDERED_LIST, {
-  id: ORDERED_LIST,
-  iconClass: 'iconfont icon-list-ol',
-  text: 'ordered_list'
-}), _defineProperty(_MENUS_CONFIG_MAP, UNORDERED_LIST, {
-  id: UNORDERED_LIST,
-  iconClass: 'iconfont icon-list-ul',
-  text: 'unordered_list'
-}), _MENUS_CONFIG_MAP);

package/dist/slate-extension/core/index.js

@@ -1,3 +0,0 @@
-export * from './queries/index';
-export * from './transforms/index';
-export * from './utils/index';

package/dist/slate-extension/core/queries/index.js

@@ -1,298 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-var _excluded = ["at"];
-import { Editor, Text, Path, Span, Element, Node, Range } from 'slate';
-import { match } from '../utils';
-
-// options
-export var getQueryOptions = function getQueryOptions(editor, options) {
-  var _match = options.match,
-    block = options.block;
-  var newMatch = undefined;
-  if (_match || block) {
-    newMatch = function newMatch(n, path) {
-      return match(n, path, _match) && (!block || Editor.isBlock(editor, n));
-    };
-  }
-  return _objectSpread(_objectSpread({}, options), {}, {
-    match: newMatch
-  });
-};
-
-// get node
-export var getNode = function getNode(editor, path) {
-  var node = null;
-  try {
-    node = Node.get(editor, path);
-  } catch (err) {
-    node = null;
-  }
-  return node;
-};
-export var getNodeType = function getNodeType(node) {
-  return Element.isElement(node) ? node.type : '';
-};
-export var getSelectedNodeByType = function getSelectedNodeByType(editor, type) {
-  var match = function match(n) {
-    return getNodeType(n) === type;
-  };
-  var _Editor$nodes = Editor.nodes(editor, {
-      match: match,
-      universal: true
-    }),
-    _Editor$nodes2 = _slicedToArray(_Editor$nodes, 1),
-    nodeEntry = _Editor$nodes2[0];
-  return nodeEntry ? nodeEntry[0] : null;
-};
-export var getSelectedNodeEntryByType = function getSelectedNodeEntryByType(editor, type) {
-  var match = function match(n) {
-    return getNodeType(n) === type;
-  };
-  var _Editor$nodes3 = Editor.nodes(editor, {
-      match: match,
-      universal: false
-    }),
-    _Editor$nodes4 = _slicedToArray(_Editor$nodes3, 1),
-    nodeEntry = _Editor$nodes4[0];
-  return nodeEntry ? nodeEntry : null;
-};
-export var getNodeEntries = function getNodeEntries(editor, options) {
-  return Editor.nodes(editor, getQueryOptions(editor, options));
-};
-
-// children & child
-export var getChildren = function getChildren(nodeEntry) {
-  var _nodeEntry = _slicedToArray(nodeEntry, 2),
-    node = _nodeEntry[0],
-    path = _nodeEntry[1];
-  if (Element.isAncestor(node)) {
-    var children = node.children;
-    return children.map(function (child, index) {
-      var childPath = path.concat([index]);
-      return [child, childPath];
-    });
-  }
-  return [];
-};
-export var getLastChild = function getLastChild(nodeEntry) {
-  var _nodeEntry2 = _slicedToArray(nodeEntry, 2),
-    node = _nodeEntry2[0],
-    path = _nodeEntry2[1];
-  if (Text.isText(node)) return null;
-  if (!node.children.length) return null;
-  var children = node.children;
-  return [children[children.length - 1], path.concat([children.length - 1])];
-};
-export var getDeepInlineChildren = function getDeepInlineChildren(editor, _ref) {
-  var children = _ref.children;
-  var inlineChildren = [];
-  var _iterator = _createForOfIteratorHelper(children),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var child = _step.value;
-      if (Editor.isBlock(editor, child[0])) {
-        inlineChildren.push.apply(inlineChildren, _toConsumableArray(getDeepInlineChildren(editor, {
-          children: getChildren(child)
-        })));
-      } else {
-        inlineChildren.push(child);
-      }
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  return inlineChildren;
-};
-export var getLastChildPath = function getLastChildPath(nodeEntry) {
-  var lastChild = getLastChild(nodeEntry);
-  if (!lastChild) return nodeEntry[1].concat([-1]);
-  return lastChild[1];
-};
-export var getPreviousPath = function getPreviousPath(path) {
-  if (path.length === 0) return;
-  var last = path[path.length - 1];
-  if (last <= 0) return;
-  return path.slice(0, -1).concat(last - 1);
-};
-export var isLastChild = function isLastChild(nodeEntry, childPath) {
-  var lastChildPath = getLastChildPath(nodeEntry);
-  return Path.equals(lastChildPath, childPath);
-};
-
-// siblings
-export var getNextSiblingNodes = function getNextSiblingNodes(ancestorEntry, path) {
-  var _ancestorEntry = _slicedToArray(ancestorEntry, 2),
-    ancestor = _ancestorEntry[0],
-    ancestorPath = _ancestorEntry[1];
-  var leafIndex = path[ancestorPath.length];
-  var siblings = [];
-  var ancestorChildren = ancestor.children;
-  if (leafIndex + 1 < ancestor.children.length) {
-    for (var i = leafIndex + 1; i < ancestor.children.length; i++) {
-      siblings.push(ancestorChildren[i]);
-    }
-  }
-  return siblings;
-};
-
-// parent
-export var getAboveNode = function getAboveNode(editor, options) {
-  return Editor.above(editor, getQueryOptions(editor, options));
-};
-export var getAboveBlockNode = function getAboveBlockNode(editor, options) {
-  return getAboveNode(editor, _objectSpread(_objectSpread({}, options), {}, {
-    block: true
-  }));
-};
-
-// find node
-export var findNode = function findNode(editor, options) {
-  var nodeEntries = Editor.nodes(editor, _objectSpread({
-    at: editor.selection || []
-  }, getQueryOptions(editor, options)));
-  var _nodeEntries = Array.from(nodeEntries);
-  if (_nodeEntries[0]) {
-    return _nodeEntries[0];
-  }
-  return undefined;
-};
-export var findDescendant = function findDescendant(editor, options) {
-  var _options$at = options.at,
-    at = _options$at === void 0 ? editor.selection : _options$at,
-    _options$reverse = options.reverse,
-    reverse = _options$reverse === void 0 ? false : _options$reverse,
-    _options$voids = options.voids,
-    voids = _options$voids === void 0 ? false : _options$voids,
-    _match = options.match;
-  if (!at) return;
-  var from;
-  var to;
-  if (Span.isSpan(at)) {
-    var _at = _slicedToArray(at, 2);
-    from = _at[0];
-    to = _at[1];
-  } else if (Range.isRange(at)) {
-    var first = Editor.first(editor, at);
-    var last = Editor.last(editor, at);
-    from = reverse ? last : first;
-    to = reverse ? first : last;
-  }
-  var root = [editor, []];
-  if (Path.isPath(at)) {
-    root = Editor.node(editor, at);
-  }
-  var nodeEntries = Node.descendants(root[0], {
-    from: from,
-    to: to,
-    reverse: reverse,
-    pass: function pass(_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 1),
-        n = _ref3[0];
-      return voids ? false : Editor.isVoid(editor, n);
-    }
-  });
-  var _iterator2 = _createForOfIteratorHelper(nodeEntries),
-    _step2;
-  try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var _step2$value = _slicedToArray(_step2.value, 2),
-        node = _step2$value[0],
-        path = _step2$value[1];
-      if (match(node, path, _match)) {
-        return [node, at.concat(path)];
-      }
-    }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
-  }
-  return undefined;
-};
-
-// is
-export var isStartPoint = function isStartPoint(editor, point, at) {
-  return !!point && Editor.isStart(editor, point, at);
-};
-export var isEndPoint = function isEndPoint(editor, point, at) {
-  return !!point && Editor.isEnd(editor, point, at);
-};
-export var isBlockTextEmptyAfterSelection = function isBlockTextEmptyAfterSelection(editor) {
-  if (!editor.selection) return false;
-  var blockAbove = Editor.above(editor, {
-    block: true
-  });
-  if (!blockAbove) return false;
-  var cursor = editor.selection.focus;
-  var selectionParentEntry = Editor.parent(editor, editor.selection);
-  if (!selectionParentEntry) return false;
-  var _selectionParentEntry = _slicedToArray(selectionParentEntry, 2),
-    selectionParentPath = _selectionParentEntry[1];
-  if (!isEndPoint(editor, cursor, selectionParentPath)) return false;
-  var siblingNodes = getNextSiblingNodes(blockAbove, cursor.path);
-  if (siblingNodes.length) {
-    // 子节点包含 文本节点
-    var _iterator3 = _createForOfIteratorHelper(siblingNodes),
-      _step3;
-    try {
-      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-        var siblingNode = _step3.value;
-        if (Text.isText(siblingNode) && siblingNode.text) {
-          return false;
-        }
-      }
-    } catch (err) {
-      _iterator3.e(err);
-    } finally {
-      _iterator3.f();
-    }
-  } else {
-    return isEndPoint(editor, cursor, blockAbove[1]);
-  }
-  return true;
-};
-export var isRangeAcrossBlocks = function isRangeAcrossBlocks(editor) {
-  var _ref4 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var at = _ref4.at,
-    options = _objectWithoutProperties(_ref4, _excluded);
-  if (!at) at = editor.selection;
-  if (!at) return;
-  var _Range$edges = Range.edges(at),
-    _Range$edges2 = _slicedToArray(_Range$edges, 2),
-    start = _Range$edges2[0],
-    end = _Range$edges2[1];
-  var startBlock = getAboveBlockNode(editor, _objectSpread({
-    at: start
-  }, options));
-  var endBlock = getAboveBlockNode(editor, _objectSpread({
-    at: end
-  }, options));
-  if (!startBlock && !endBlock) return;
-  if (!startBlock || !endBlock) return true;
-  return !Path.equals(startBlock[1], endBlock[1]);
-};
-export var isAncestorEmpty = function isAncestorEmpty(editor, node) {
-  return !Node.string(node) && !node.children.some(function (n) {
-    return Editor.isInline(editor, node);
-  });
-};
-export var isBlockAboveEmpty = function isBlockAboveEmpty(editor) {
-  var _getAboveBlockNode;
-  var block = (_getAboveBlockNode = getAboveBlockNode(editor)) === null || _getAboveBlockNode === void 0 ? void 0 : _getAboveBlockNode[0];
-  if (!block) return false;
-  return isAncestorEmpty(editor, block);
-};
-export var isSelectionAtBlockStart = function isSelectionAtBlockStart(editor, options) {
-  var _getAboveBlockNode2;
-  var selection = editor.selection;
-  if (!selection) return false;
-  var path = (_getAboveBlockNode2 = getAboveBlockNode(editor, options)) === null || _getAboveBlockNode2 === void 0 ? void 0 : _getAboveBlockNode2[1];
-  if (!path) return false;
-  return isStartPoint(editor, selection.focus, path) || Range.isExpanded(editor.selection) && isStartPoint(editor, selection.anchor, path);
-};

package/dist/slate-extension/core/transforms/focus-editor.js

@@ -1,11 +0,0 @@
-import { Editor, Transforms } from 'slate';
-import { ReactEditor } from 'slate-react';
-export var focusEditor = function focusEditor(editor, target) {
-  if (target) {
-    Editor.withoutNormalizing(editor, function () {
-      Transforms.deselect(editor);
-      Transforms.select(editor, target);
-    });
-  }
-  ReactEditor.focus(editor);
-};

package/dist/slate-extension/core/transforms/index.js

@@ -1,2 +0,0 @@
-export * from './move-children';
-export * from './focus-editor';

package/dist/slate-extension/core/transforms/move-children.js

@@ -1,28 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import { Editor, Path, Transforms } from 'slate';
-import { getNode } from '../queries';
-export var moveChildren = function moveChildren(editor, _ref) {
-  var at = _ref.at,
-    to = _ref.to,
-    match = _ref.match,
-    _ref$fromStartIndex = _ref.fromStartIndex,
-    fromStartIndex = _ref$fromStartIndex === void 0 ? 0 : _ref$fromStartIndex;
-  var moved = 0;
-  var parentPath = Path.isPath(at) ? at : at[1];
-  var parentNode = Path.isPath(at) ? getNode(editor, parentPath) : at[0];
-
-  // There have none children in a not block element
-  if (!Editor.isBlock(editor, parentNode)) return moved;
-  for (var i = parentNode.children.length - 1; i >= fromStartIndex; i--) {
-    var childPath = [].concat(_toConsumableArray(parentPath), [i]);
-    var childNode = getNode(editor, childPath);
-    if (!match || childNode && match([childNode, childPath])) {
-      Transforms.moveNodes(editor, {
-        at: childPath,
-        to: to
-      });
-      moved++;
-    }
-  }
-  return moved;
-};

package/dist/slate-extension/core/utils/index.js

@@ -1,17 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-export var match = function match(node, path, predicate) {
-  if (!predicate) return true;
-  if (typeof predicate === 'object') {
-    return Object.entries(predicate).every(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-        key = _ref2[0],
-        value = _ref2[1];
-      if (value && !Array.isArray(value)) {
-        return node[key] === value;
-      }
-      value = value ? value : [];
-      return value.includes(node[key]);
-    });
-  }
-  return predicate(node, path);
-};

package/dist/slate-extension/index.js

@@ -1,15 +0,0 @@
-import { createEditor } from 'slate';
-import { withReact } from 'slate-react';
-import Plugins from './plugins';
-import renderElement from './render/render-element';
-import renderLeaf from './render/render-leaf';
-import Toolbar from './toolbar';
-var editor = Plugins.reduce(function (editor, pluginItem) {
-  var withPlugin = pluginItem.editorPlugin;
-  if (withPlugin) {
-    return withPlugin(editor);
-  }
-  return editor;
-}, withReact(createEditor()));
-export default editor;
-export { renderLeaf, renderElement, Toolbar };

package/dist/slate-extension/menu/index.js

@@ -1,3 +0,0 @@
-import MenuGroup from './menu-group';
-import MenuItem from './menu-item';
-export { MenuGroup, MenuItem };

package/dist/slate-extension/menu/menu-group.js

@@ -1,24 +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 from 'react';
-var MenuGroup = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(MenuGroup, _React$PureComponent);
-  var _super = _createSuper(MenuGroup);
-  function MenuGroup() {
-    _classCallCheck(this, MenuGroup);
-    return _super.apply(this, arguments);
-  }
-  _createClass(MenuGroup, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement("div", {
-        className: 'btn-group ' + this.props.className,
-        role: 'group'
-      }, this.props.children);
-    }
-  }]);
-  return MenuGroup;
-}(React.PureComponent);
-export default MenuGroup;