@seafile/sdoc-editor 0.1.53 → 0.1.55

package/dist/basic-sdk/editor.js

@@ -9,6 +9,9 @@ import withNodeId from './node-id';
 import SDocOutline from './outline';
 import EventProxy from './utils/event-handler';
 import { useCursors } from './cursor/use-cursors';
+import EventBus from './utils/event-bus';
+import { EXTERNAL_EVENT } from '../constants';
+import { isAllInTable } from './extension/plugins/table/helpers';
 import './assets/css/layout.css';
 import './assets/css/sdoc-editor-plugins.css';
 var SDocEditor = function SDocEditor(_ref) {
@@ -39,12 +42,17 @@ 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
   var eventProxy = useMemo(function () {
     return new EventProxy(editor);
   }, []);
+  var eventBus = EventBus.getInstance();
 
   // useMount: init socket connection
   useEffect(function () {
@@ -64,7 +72,7 @@ var SDocEditor = function SDocEditor(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var onContextMenu = useCallback(function (event) {
-    if (editor.isAllInTable()) {
+    if (isAllInTable(editor)) {
       event.preventDefault();
       var contextMenuPosition = {
         left: event.clientX,
@@ -80,10 +88,20 @@ var SDocEditor = function SDocEditor(_ref) {
     setContextMenu(false);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  var onMouseDown = useCallback(function (event) {
+    if (event.button === 0) {
+      eventBus.dispatch(EXTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
+    }
+    // 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, {
@@ -102,7 +120,9 @@ var SDocEditor = function SDocEditor(_ref) {
     renderLeaf: renderLeaf,
     onKeyDown: eventProxy.onKeyDown,
     cursors: cursors,
-    onContextMenu: onContextMenu
+    onContextMenu: onContextMenu,
+    onMouseDown: onMouseDown,
+    onSelect: onSelect
   })))))), isShowContextMenu && /*#__PURE__*/React.createElement(ContextMenu, {
     editor: editor,
     contextMenuPosition: menuPosition

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

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _MENUS_CONFIG_MAP, _HEADER_TITLE_MAP;
+var _MENUS_CONFIG_MAP, _HEADER_TITLE_MAP, _TABLE_ELEMENT_SPAN;
 // extension plugin
 import * as ELEMENT_TYPE from './element-type';
 import { BLOCKQUOTE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, BOLD, ITALIC, UNDERLINE, STRIKETHROUGH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, LIST_LIC, CHECK_LIST, CHECK_LIST_ITEM, LINK, HTML, CODE_BLOCK, CODE_LINE, IMAGE, TABLE, TABLE_CELL, TABLE_ROW, FORMULA, COLUMN, TEXT_STYLE, BOLD_ITALIC } from './element-type';
@@ -96,6 +96,7 @@ export var TABLE_ELEMENT = {
   COLUMN: 'column',
   CELL: 'cell'
 };
+export var TABLE_ELEMENT_SPAN = (_TABLE_ELEMENT_SPAN = {}, _defineProperty(_TABLE_ELEMENT_SPAN, TABLE_ELEMENT.TABLE, 'table'), _defineProperty(_TABLE_ELEMENT_SPAN, TABLE_ELEMENT.ROW, 'tr'), _defineProperty(_TABLE_ELEMENT_SPAN, TABLE_ELEMENT.CELL, 'td'), _TABLE_ELEMENT_SPAN);
 export var TABLE_ELEMENT_POSITION = {
   AFTER: 'after',
   BEFORE: 'before'

package/dist/basic-sdk/extension/menu/context-menu/index.js

@@ -5,6 +5,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import ModalPortal from '../../../../components/modal-portal';
 import { TablePlugin } from '../../plugins';
+import { isAllInTable } from '../../plugins/table/helpers';
 var ContextMenu = /*#__PURE__*/function (_Component) {
   _inherits(ContextMenu, _Component);
   var _super = _createSuper(ContextMenu);
@@ -17,7 +18,7 @@ var ContextMenu = /*#__PURE__*/function (_Component) {
     _this = _super.call.apply(_super, [this].concat(args));
     _this.renderContextMenu = function () {
       var editor = _this.props.editor;
-      if (editor.isAllInTable()) {
+      if (isAllInTable(editor)) {
         var ContextMenuComponent = TablePlugin.contextMenu;
         return /*#__PURE__*/React.createElement(ContextMenuComponent, _this.props);
       }

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/link/menu/hover-link-dialog.js

@@ -34,15 +34,15 @@ var LinkHoverComponent = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement("span", {
         role: "button",
         className: "link-op-icon",
-        onClick: this.props.onDeleteLink
+        onClick: this.props.onEditLink
       }, /*#__PURE__*/React.createElement("i", {
-        className: "sdocfont sdoc-delete"
+        className: "sdocfont sdoc-rename"
       })), /*#__PURE__*/React.createElement("span", {
         role: "button",
         className: "link-op-icon",
-        onClick: this.props.onEditLink
+        onClick: this.props.onDeleteLink
       }, /*#__PURE__*/React.createElement("i", {
-        className: "sdocfont sdoc-rename"
+        className: "sdocfont sdoc-unlink"
       }))), /*#__PURE__*/React.createElement("span", {
         className: "link-op-menu-triangle"
       })), document.body));

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

@@ -1,2 +1,8 @@
 export var TABLE_MAX_ROWS = 50;
-export var TABLE_MAX_COLUMNS = 50;
+export var TABLE_MAX_COLUMNS = 50;
+export var EMPTY_SELECTED_RANGE = {
+  minRowIndex: -1,
+  maxRowIndex: -1,
+  minColIndex: -1,
+  maxColIndex: -1
+};