@seafile/sdoc-editor 0.1.54 → 0.1.55

package/dist/basic-sdk/editor.js

@@ -42,6 +42,10 @@ var SDocEditor = function SDocEditor(_ref) {
     setMenuPosition = _useState6[1];
   var _useCursors = useCursors(editor),
     cursors = _useCursors.cursors;
+  var _useState7 = useState({}),
+    _useState8 = _slicedToArray(_useState7, 2),
+    forceUpdateValue = _useState8[0],
+    setForceUpdateValue = _useState8[1];
 
   // init eventHandler
   // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -90,10 +94,14 @@ var SDocEditor = function SDocEditor(_ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  var onSelect = useCallback(function () {
+    setForceUpdateValue({});
+  }, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "sdoc-editor-container"
   }, /*#__PURE__*/React.createElement(Toolbar, {
-    editor: editor
+    editor: editor,
+    forceUpdateValue: forceUpdateValue
   }), /*#__PURE__*/React.createElement("div", {
     className: "sdoc-editor-content"
   }, /*#__PURE__*/React.createElement(SDocOutline, {
@@ -113,7 +121,8 @@ var SDocEditor = function SDocEditor(_ref) {
     onKeyDown: eventProxy.onKeyDown,
     cursors: cursors,
     onContextMenu: onContextMenu,
-    onMouseDown: onMouseDown
+    onMouseDown: onMouseDown,
+    onSelect: onSelect
   })))))), isShowContextMenu && /*#__PURE__*/React.createElement(ContextMenu, {
     editor: editor,
     contextMenuPosition: menuPosition

package/dist/basic-sdk/extension/plugins/html/helper.js

@@ -0,0 +1,135 @@
+import slugid from 'slugid';
+import typeOf from 'type-of';
+import { LIST_ITEM, PARAGRAPH, UNORDERED_LIST } from '../../constants';
+import rules from './rules';
+var cruftNewline = function cruftNewline(element) {
+  return !(element.nodeName === '#text' && element.nodeValue === '\n');
+};
+var deserializeElement = function deserializeElement(element) {
+  var node;
+  var next = function next(elements) {
+    if (Object.prototype.toString.call(elements) === '[object NodeList]') {
+      elements = Array.from(elements);
+    }
+    switch (typeOf(elements)) {
+      case 'array':
+        return deserializeElements(elements);
+      case 'object':
+        return deserializeElement(elements);
+      case 'null':
+      case 'undefined':
+        return;
+      default:
+        throw new Error("The `next` argument was called with invalid children: \"".concat(elements, "\"."));
+    }
+  };
+  for (var i = 0; i < rules.length; i++) {
+    var rule = rules[i];
+    if (!rule) continue;
+    var ret = rule(element, next);
+    var type = typeOf(ret);
+    if (type !== 'array' && type !== 'object' && type !== 'null' && type !== 'undefined') {
+      throw new Error("A rule returned an invalid deserialized representation: \"".concat(node, "\"."));
+    }
+
+    // Not eligible for current component processing
+    if (ret === undefined) {
+      continue;
+    }
+
+    // Empty tags will be discarded and not converted accordingly
+    if (ret === null) {
+      return null;
+    }
+
+    // Assign the final processing result to node
+    node = ret;
+    break;
+  }
+
+  // If node is undefined, it means that the label is not processed, and continue to process the child nodes of the element
+  return node || next(element.childNodes);
+};
+var deserializeElements = function deserializeElements() {
+  var elements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var isTopLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var nodes = [];
+  elements.filter(cruftNewline).forEach(function (element) {
+    var node = deserializeElement(element);
+    switch (typeOf(node)) {
+      case 'array':
+        var formatNode = isTopLevel ? formatElementNodes(node, true) : node;
+        nodes = nodes.concat(formatNode);
+        break;
+      case 'object':
+        nodes.push(node);
+        break;
+      default:
+      // nothing todo
+    }
+  });
+
+  return nodes;
+};
+var formatElementNodes = function formatElementNodes(nodes) {
+  var isMergeForward = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (nodes.length === 0) return nodes;
+  nodes = nodes.reduce(function (memo, node) {
+    if (node.level === 'level1') {
+      memo.push(node);
+    }
+    if (node.level === 'level2') {
+      if (node.type === LIST_ITEM) {
+        var newNode = {
+          level: 'level1',
+          id: slugid.nice(),
+          type: UNORDERED_LIST,
+          children: [node]
+        };
+        memo.push(newNode);
+        return memo;
+      }
+    }
+    if (node.level === 'level3') {
+      var prevNode = memo[memo.length - 1];
+      if (prevNode && prevNode.type === PARAGRAPH && isMergeForward) {
+        prevNode.children.push(node);
+        return memo;
+      }
+      var _newNode = {
+        level: 'level1',
+        id: slugid.nice(),
+        type: PARAGRAPH,
+        children: [node]
+      };
+      memo.push(_newNode);
+      return memo;
+    }
+    return memo;
+  }, []);
+  return nodes;
+};
+var parseHtml = function parseHtml(html) {
+  var parsed = new DOMParser().parseFromString(html, 'text/html');
+  var body = parsed.body;
+  return body;
+};
+export var deserializeHtml = function deserializeHtml(html) {
+  var fragment = parseHtml(html);
+  var children = Array.from(fragment.childNodes);
+  var nodes = [];
+  nodes = deserializeElements(children, true);
+  nodes = formatElementNodes(nodes);
+  if (nodes.length === 0) {
+    nodes = [{
+      level: 'level1',
+      id: slugid.nice(),
+      type: PARAGRAPH,
+      children: [{
+        text: '',
+        id: slugid.nice()
+      }]
+    }];
+  }
+  return nodes;
+};

package/dist/basic-sdk/extension/plugins/html/index.js

@@ -0,0 +1,6 @@
+import withHtml from './plugin';
+var HtmlPlugin = {
+  type: 'html',
+  editorPlugin: withHtml
+};
+export default HtmlPlugin;

package/dist/basic-sdk/extension/plugins/html/plugin.js

@@ -0,0 +1,16 @@
+import { deserializeHtml } from './helper';
+var withHtml = function withHtml(editor) {
+  var insertData = editor.insertData;
+  var newEditor = editor;
+  newEditor.insertData = function (data) {
+    var htmlContent = data.getData('text/html') || '';
+    if (htmlContent) {
+      var content = deserializeHtml(htmlContent);
+      editor.insertFragment(content);
+      return;
+    }
+    insertData(data);
+  };
+  return newEditor;
+};
+export default withHtml;

package/dist/basic-sdk/extension/plugins/html/rules/blockquote.js

@@ -0,0 +1,16 @@
+import slugid from 'slugid';
+import { BLOCKQUOTE } from '../../../constants';
+var blockquoteRule = function blockquoteRule(element, parseChild) {
+  var nodeName = element.nodeName,
+    childNodes = element.childNodes;
+  if (nodeName === 'BLOCKQUOTE') {
+    return {
+      level: 'level1',
+      id: slugid.nice(),
+      type: BLOCKQUOTE,
+      children: parseChild(childNodes)
+    };
+  }
+  return;
+};
+export default blockquoteRule;

package/dist/basic-sdk/extension/plugins/html/rules/check-list.js

@@ -0,0 +1,20 @@
+import slugid from 'slugid';
+import { CHECK_LIST_ITEM } from '../../../constants';
+var checkListRule = function checkListRule(element, parseChild) {
+  var nodeName = element.nodeName;
+  if (nodeName === 'INPUT' && element.getAttribute('type') === 'checkbox') {
+    return {
+      level: 'level1',
+      id: slugid.nice(),
+      type: CHECK_LIST_ITEM,
+      checked: element.getAttribute('checked') !== null,
+      children: [{
+        level: 'level3',
+        id: slugid.nice(),
+        text: ''
+      }]
+    };
+  }
+  return;
+};
+export default checkListRule;

package/dist/basic-sdk/extension/plugins/html/rules/code-block.js

@@ -0,0 +1,28 @@
+import slugid from 'slugid';
+import { CODE_BLOCK, CODE_LINE } from '../../../constants';
+var codeBlockRule = function codeBlockRule(element, parseChild) {
+  var nodeName = element.nodeName,
+    childNodes = element.childNodes;
+  if (nodeName === 'PRE') {
+    return {
+      level: 'level1',
+      id: slugid.nice(),
+      type: CODE_BLOCK,
+      children: parseChild(childNodes)
+    };
+  }
+  if (nodeName === 'CODE' && element.parentElement.nodeName === 'PRE') {
+    return {
+      level: 'level2',
+      id: slugid.nice(),
+      type: CODE_LINE,
+      children: [{
+        level: 'level3',
+        id: slugid.nice(),
+        text: element.textContent
+      }]
+    };
+  }
+  return;
+};
+export default codeBlockRule;

package/dist/basic-sdk/extension/plugins/html/rules/header.js

@@ -0,0 +1,24 @@
+import slugid from 'slugid';
+var HEADER_LIST = ['H1', 'H2', 'H3', 'H4', 'H5', 'H6'];
+var HEADER_TYPE_MAP = {
+  H1: 'header1',
+  H2: 'header2',
+  H3: 'header3',
+  H4: 'header4',
+  H5: 'header5',
+  H6: 'header6'
+};
+var headerRule = function headerRule(element, parseChild) {
+  var nodeName = element.nodeName,
+    childNodes = element.childNodes;
+  if (nodeName && HEADER_LIST.includes(nodeName)) {
+    return {
+      level: 'level1',
+      id: slugid.nice(),
+      type: HEADER_TYPE_MAP[nodeName],
+      children: parseChild(childNodes)
+    };
+  }
+  return;
+};
+export default headerRule;

package/dist/basic-sdk/extension/plugins/html/rules/image.js

@@ -0,0 +1,21 @@
+import slugid from 'slugid';
+import { IMAGE } from '../../../constants';
+var imageRule = function imageRule(element, parseChild) {
+  var nodeName = element.nodeName;
+  if (nodeName === 'IMG') {
+    return {
+      level: 'level3',
+      id: slugid.nice(),
+      type: IMAGE,
+      data: {
+        src: element.getAttribute('src')
+      },
+      children: [{
+        text: '',
+        id: slugid.nice()
+      }]
+    };
+  }
+  return;
+};
+export default imageRule;

package/dist/basic-sdk/extension/plugins/html/rules/index.js

@@ -0,0 +1,11 @@
+import blockquoteRule from './blockquote';
+import codeBlockRule from './code-block';
+import headerRule from './header';
+import imageRule from './image';
+import linkRule from './link';
+import listRule from './list';
+import paragraphRule from './paragraph';
+import tableRule from './table';
+import textRule from './text';
+var rules = [blockquoteRule, codeBlockRule, headerRule, imageRule, linkRule, listRule, tableRule, paragraphRule, textRule];
+export default rules;

package/dist/basic-sdk/extension/plugins/html/rules/link.js

@@ -0,0 +1,22 @@
+import slugid from 'slugid';
+import { LINK } from '../../../constants';
+var linkRule = function linkRule(element, parseChild) {
+  var nodeName = element.nodeName;
+  var content = element.textContent || element.getAttribute('title') || element.getAttribute('href');
+  if (nodeName === 'A') {
+    return {
+      level: 'level3',
+      id: slugid.nice(),
+      type: LINK,
+      href: element.getAttribute('href'),
+      title: element.getAttribute('title'),
+      children: [{
+        level: 'level3',
+        id: slugid.nice(),
+        text: content
+      }]
+    };
+  }
+  return;
+};
+export default linkRule;

package/dist/basic-sdk/extension/plugins/html/rules/list.js

@@ -0,0 +1,53 @@
+import slugid from 'slugid';
+import { LIST_ITEM, LIST_LIC, ORDERED_LIST, UNORDERED_LIST } from '../../../constants';
+var PARAGRAPH_TAGS = ['DIV', 'P'];
+var listRule = function listRule(element, parseChild) {
+  var nodeName = element.nodeName,
+    childNodes = element.childNodes;
+  if (nodeName === 'UL') {
+    return {
+      level: 'level1',
+      id: slugid.nice(),
+      type: UNORDERED_LIST,
+      children: parseChild(childNodes)
+    };
+  }
+  if (nodeName === 'OL') {
+    return {
+      level: 'level1',
+      id: slugid.nice(),
+      type: ORDERED_LIST,
+      children: parseChild(childNodes)
+    };
+  }
+  if (nodeName === 'LI' && PARAGRAPH_TAGS.includes(element.firstChild.nodeName)) {
+    return {
+      level: 'level2',
+      id: slugid.nice(),
+      type: LIST_ITEM,
+      children: parseChild(childNodes)
+    };
+  }
+  if (nodeName === 'LI' && !PARAGRAPH_TAGS.includes(element.firstChild.nodeName)) {
+    return {
+      level: 'level2',
+      id: slugid.nice(),
+      type: LIST_ITEM,
+      children: [{
+        level: 'level3',
+        type: LIST_LIC,
+        children: parseChild(childNodes)
+      }]
+    };
+  }
+  if (PARAGRAPH_TAGS.includes(nodeName) && element.parentElement.nodeName === 'LI') {
+    return {
+      level: 'level3',
+      id: slugid.nice(),
+      type: LIST_LIC,
+      children: parseChild(childNodes)
+    };
+  }
+  return;
+};
+export default listRule;

package/dist/basic-sdk/extension/plugins/html/rules/paragraph.js

@@ -0,0 +1,16 @@
+import slugid from 'slugid';
+import { PARAGRAPH } from '../../../constants';
+var paragraphRule = function paragraphRule(element, parseChild) {
+  var nodeName = element.nodeName,
+    childNodes = element.childNodes;
+  if (nodeName === 'P' && element.parentElement.nodeName !== 'LI') {
+    return {
+      level: 'level1',
+      id: slugid.nice(),
+      type: PARAGRAPH,
+      children: parseChild(childNodes)
+    };
+  }
+  return;
+};
+export default paragraphRule;

package/dist/basic-sdk/extension/plugins/html/rules/table.js

@@ -0,0 +1,35 @@
+import slugid from 'slugid';
+import { TABLE, TABLE_CELL, TABLE_ROW } from '../../../constants';
+var tableRule = function tableRule(element, parseChild) {
+  var nodeName = element.nodeName,
+    childNodes = element.childNodes;
+  if (nodeName === 'TABLE') {
+    return {
+      level: 'level1',
+      id: slugid.nice(),
+      type: TABLE,
+      children: parseChild(childNodes)
+    };
+  }
+  if (nodeName === 'THEAD' || nodeName === 'TBODY') {
+    return parseChild(childNodes);
+  }
+  if (nodeName === 'TR') {
+    return {
+      level: 'level2',
+      id: slugid.nice(),
+      type: TABLE_ROW,
+      children: parseChild(childNodes)
+    };
+  }
+  if (nodeName === 'TH' || nodeName === 'TD') {
+    return {
+      level: 'level3',
+      id: slugid.nice(),
+      type: TABLE_CELL,
+      children: parseChild(childNodes)
+    };
+  }
+  return;
+};
+export default tableRule;

package/dist/basic-sdk/extension/plugins/html/rules/text.js

@@ -0,0 +1,61 @@
+import slugid from 'slugid';
+var textRule = function textRule(element, parseChild) {
+  var nodeName = element.nodeName,
+    nodeType = element.nodeType;
+  if (nodeName === 'SPAN') {
+    return {
+      level: 'level3',
+      id: slugid.nice(),
+      text: element.textContent
+    };
+  }
+  if (nodeName === 'STRONG' || nodeName === 'B') {
+    return {
+      level: 'level3',
+      id: slugid.nice(),
+      BOLD: true,
+      text: element.textContent
+    };
+  }
+  if (nodeName === 'CODE' && element.parentElement.nodeName !== 'PRE') {
+    return {
+      level: 'level3',
+      id: slugid.nice(),
+      CODE: true,
+      text: element.textContent
+    };
+  }
+  if (nodeName === 'DEL') {
+    return {
+      level: 'level3',
+      id: slugid.nice(),
+      DELETE: true,
+      text: element.textContent
+    };
+  }
+  if (nodeName === 'I') {
+    return {
+      level: 'level3',
+      id: slugid.nice(),
+      ITALIC: true,
+      text: element.textContent
+    };
+  }
+  if (nodeName === 'INS') {
+    return {
+      level: 'level3',
+      id: slugid.nice(),
+      ADD: true,
+      text: element.textContent
+    };
+  }
+  if (nodeType === 3) {
+    return {
+      level: 'level3',
+      id: slugid.nice(),
+      text: element.textContent
+    };
+  }
+  return;
+};
+export default textRule;

package/dist/basic-sdk/extension/plugins/index.js

@@ -8,6 +8,7 @@ import TextPlugin from './text-style';
 import CodeBlockPlugin from './code-block';
 import ImagePlugin from './image';
 import TablePlugin from './table';
-var Plugins = [MarkDownPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, TextPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin];
+import HtmlPlugin from './html';
+var Plugins = [MarkDownPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, HtmlPlugin];
 export default Plugins;
-export { MarkDownPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, TextPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin };
+export { MarkDownPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, HtmlPlugin };

package/dist/basic-sdk/extension/plugins/table/plugin.js

@@ -259,8 +259,9 @@ var withTable = function withTable(editor) {
     deleteBackward(unit);
   };
   newEditor.deleteForward = function (unit) {
-    var res = deleteHandler(newEditor);
-    if (res) return;
+    var nextNode = Editor.next(newEditor);
+    var newNodeParent = getParentNode(newEditor.children, nextNode[0].id);
+    if (newNodeParent.type === ELEMENT_TYPE.TABLE_CELL) return;
     deleteForward(unit);
   };
 

package/dist/basic-sdk/extension/plugins/text-style/index.js

@@ -1,6 +1,7 @@
 import withTextStyle from './plugin';
-import renderText from "./render-elem";
+import renderText from './render-elem';
 var TextPlugin = {
+  type: 'text',
   editorPlugin: withTextStyle,
   renderElements: [renderText]
 };

package/dist/basic-sdk/extension/toolbar/index.js

@@ -1,7 +1,3 @@
-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 { ORDERED_LIST, UNORDERED_LIST } from '../constants';
 import { MenuGroup } from '../menu';
@@ -15,47 +11,36 @@ import TextStyleMenuList from '../plugins/text-style/menu';
 import CodeBlockMenu from '../plugins/code-block/menu';
 import HistoryMenu from './redo-undo';
 import { TableMenu, ActiveTableMenu } from '../plugins/table/menu';
-var Toolbar = /*#__PURE__*/function (_React$Component) {
-  _inherits(Toolbar, _React$Component);
-  var _super = _createSuper(Toolbar);
-  function Toolbar() {
-    _classCallCheck(this, Toolbar);
-    return _super.apply(this, arguments);
-  }
-  _createClass(Toolbar, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "sdoc-editor-toolbar"
-      }, /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(HistoryMenu, {
-        editor: this.props.editor
-      })), /*#__PURE__*/React.createElement(HeaderMenu, {
-        editor: this.props.editor
-      }), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(TextStyleMenuList, {
-        editor: this.props.editor
-      }), /*#__PURE__*/React.createElement(LinkMenu, {
-        editor: this.props.editor
-      })), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(QuoteMenu, {
-        editor: this.props.editor
-      }), /*#__PURE__*/React.createElement(ListMenu, {
-        editor: this.props.editor,
-        type: UNORDERED_LIST
-      }), /*#__PURE__*/React.createElement(ListMenu, {
-        editor: this.props.editor,
-        type: ORDERED_LIST
-      }), /*#__PURE__*/React.createElement(CheckListMenu, {
-        editor: this.props.editor
-      })), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(CodeBlockMenu, {
-        editor: this.props.editor
-      }), /*#__PURE__*/React.createElement(TableMenu, {
-        editor: this.props.editor
-      })), /*#__PURE__*/React.createElement(ActiveTableMenu, {
-        editor: this.props.editor
-      }), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(ImageMenu, {
-        editor: this.props.editor
-      })));
-    }
-  }]);
-  return Toolbar;
-}(React.Component);
+var Toolbar = function Toolbar(_ref) {
+  var editor = _ref.editor;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-editor-toolbar"
+  }, /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(HistoryMenu, {
+    editor: editor
+  })), /*#__PURE__*/React.createElement(HeaderMenu, {
+    editor: editor
+  }), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(TextStyleMenuList, {
+    editor: editor
+  }), /*#__PURE__*/React.createElement(LinkMenu, {
+    editor: editor
+  })), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(QuoteMenu, {
+    editor: editor
+  }), /*#__PURE__*/React.createElement(ListMenu, {
+    editor: editor,
+    type: UNORDERED_LIST
+  }), /*#__PURE__*/React.createElement(ListMenu, {
+    editor: editor,
+    type: ORDERED_LIST
+  }), /*#__PURE__*/React.createElement(CheckListMenu, {
+    editor: editor
+  })), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(CodeBlockMenu, {
+    editor: editor
+  }), /*#__PURE__*/React.createElement(TableMenu, {
+    editor: editor
+  })), /*#__PURE__*/React.createElement(ActiveTableMenu, {
+    editor: editor
+  }), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(ImageMenu, {
+    editor: editor
+  })));
+};
 export default Toolbar;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.54",
+  "version": "0.1.55",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
@@ -13,14 +13,15 @@
     "ahooks": "3.7.7",
     "classnames": "2.3.2",
     "deep-copy": "1.4.2",
-    "lodash.throttle": "4.1.1",
     "is-hotkey": "0.2.0",
     "is-url": "^1.2.4",
+    "lodash.throttle": "4.1.1",
     "randomcolor": "0.6.2",
     "react-cookies": "0.1.1",
     "reactstrap": "8.9.0",
     "slugid": "3.2.0",
     "socket.io-client": "4.6.1",
+    "type-of": "2.0.1",
     "url-join": "4.0.1",
     "url-parse": "1.5.10",
     "uuid": "9.0.0"