@seafile/sdoc-editor 0.3.6 → 0.3.7

package/dist/basic-sdk/extension/plugins/header/render-elem.js

@@ -3,11 +3,13 @@ import React from 'react';
 import { Node } from '@seafile/slate';
 import { Placeholder } from '../../core';
 import { SDOC_FONT_SIZE } from '../../constants';
-export var renderTitle = function renderTitle(props, editor) {
-  var element = props.element,
-    attributes = props.attributes,
-    children = props.children;
-  var style = {
+export const renderTitle = (props, editor) => {
+  const {
+    element,
+    attributes,
+    children
+  } = props;
+  const style = {
     fontSize: "".concat(SDOC_FONT_SIZE[element.type], "pt"),
     textAlign: element.align
   };
@@ -19,11 +21,13 @@ export var renderTitle = function renderTitle(props, editor) {
     style: _objectSpread({}, style)
   }), children);
 };
-export var renderSubtitle = function renderSubtitle(props, editor) {
-  var element = props.element,
-    attributes = props.attributes,
-    children = props.children;
-  var style = {
+export const renderSubtitle = (props, editor) => {
+  const {
+    element,
+    attributes,
+    children
+  } = props;
+  const style = {
     color: '#888',
     fontSize: "".concat(SDOC_FONT_SIZE[element.type], "pt"),
     textAlign: element.align
@@ -36,21 +40,25 @@ export var renderSubtitle = function renderSubtitle(props, editor) {
     style: _objectSpread({}, style)
   }), children);
 };
-export var renderHeader = function renderHeader(props, editor) {
-  var element = props.element,
-    attributes = props.attributes,
-    children = props.children,
-    isComposing = props.isComposing;
-  var type = element.type;
-  var level = type.split('header')[1];
-  var style = _objectSpread({
+export const renderHeader = (props, editor) => {
+  const {
+    element,
+    attributes,
+    children,
+    isComposing
+  } = props;
+  const {
+    type
+  } = element;
+  const level = type.split('header')[1];
+  const style = _objectSpread({
     textAlign: element.align,
     fontSize: "".concat(SDOC_FONT_SIZE[element.type], "pt")
   }, level === '6' && {
     fontStyle: 'italic'
   });
-  var isShowPlaceHolder = false;
-  var firstChild = editor.children[0];
+  let isShowPlaceHolder = false;
+  const firstChild = editor.children[0];
   if (firstChild.id === element.id && Node.string(element) === '' && !isComposing) {
     isShowPlaceHolder = true;
   }

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

@@ -2,12 +2,12 @@ import slugid from 'slugid';
 import typeOf from 'type-of';
 import { INLINE_LEVEL_TYPES, LIST_ITEM, PARAGRAPH, TOP_LEVEL_TYPES, UNORDERED_LIST } from '../../constants';
 import rules from './rules';
-var cruftNewline = function cruftNewline(element) {
+const cruftNewline = element => {
   return !(element.nodeName === '#text' && element.nodeValue === '\n');
 };
-var deserializeElement = function deserializeElement(element) {
-  var node;
-  var next = function next(elements) {
+const deserializeElement = element => {
+  let node;
+  const next = elements => {
     if (Object.prototype.toString.call(elements) === '[object NodeList]') {
       elements = Array.from(elements);
     }
@@ -23,11 +23,11 @@ var deserializeElement = function deserializeElement(element) {
         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];
+  for (let i = 0; i < rules.length; i++) {
+    const rule = rules[i];
     if (!rule) continue;
-    var ret = rule(element, next);
-    var type = typeOf(ret);
+    const ret = rule(element, next);
+    const type = typeOf(ret);
     if (type !== 'array' && type !== 'object' && type !== 'null' && type !== 'undefined') {
       throw new Error("A rule returned an invalid deserialized representation: \"".concat(node, "\"."));
     }
@@ -50,15 +50,15 @@ var deserializeElement = function deserializeElement(element) {
   // 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);
+const deserializeElements = function () {
+  let elements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let isTopLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  let nodes = [];
+  elements.filter(cruftNewline).forEach(element => {
+    const node = deserializeElement(element);
     switch (typeOf(node)) {
       case 'array':
-        var formatNode = isTopLevel ? formatElementNodes(node) : node;
+        const formatNode = isTopLevel ? formatElementNodes(node) : node;
         nodes = nodes.concat(formatNode);
         break;
       case 'object':
@@ -71,14 +71,14 @@ var deserializeElements = function deserializeElements() {
 
   return nodes;
 };
-var formatElementNodes = function formatElementNodes(nodes) {
+const formatElementNodes = nodes => {
   if (nodes.length === 0) return nodes;
-  nodes = nodes.reduce(function (memo, node) {
+  nodes = nodes.reduce((memo, node) => {
     if (TOP_LEVEL_TYPES.includes(node.type)) {
       memo.push(node);
     }
     if (node.type === LIST_ITEM) {
-      var newNode = {
+      const newNode = {
         id: slugid.nice(),
         type: UNORDERED_LIST,
         children: [node]
@@ -93,32 +93,34 @@ var formatElementNodes = function formatElementNodes(nodes) {
 
     // text | image | link
     if (!node.type || INLINE_LEVEL_TYPES.includes(node.type)) {
-      var prevNode = memo[memo.length - 1];
+      let prevNode = memo[memo.length - 1];
       if (prevNode && prevNode.type === PARAGRAPH) {
         prevNode.children.push(node);
         return memo;
       }
-      var _newNode = {
+      const newNode = {
         id: slugid.nice(),
         type: PARAGRAPH,
         children: [node]
       };
-      memo.push(_newNode);
+      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;
+const parseHtml = html => {
+  const parsed = new DOMParser().parseFromString(html, 'text/html');
+  const {
+    body
+  } = parsed;
   return body;
 };
-export var deserializeHtml = function deserializeHtml(html) {
-  var fragment = parseHtml(html);
-  var children = Array.from(fragment.childNodes);
-  var nodes = [];
+export const deserializeHtml = html => {
+  const fragment = parseHtml(html);
+  const children = Array.from(fragment.childNodes);
+  let nodes = [];
   nodes = deserializeElements(children, true);
   nodes = formatElementNodes(nodes);
   if (nodes.length === 0) {

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

@@ -1,5 +1,5 @@
 import withHtml from './plugin';
-var HtmlPlugin = {
+const HtmlPlugin = {
   type: 'html',
   editorPlugin: withHtml
 };

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

@@ -2,18 +2,20 @@ import slugid from 'slugid';
 import { deserializeHtml } from './helper';
 import { getSelectedNodeByType } from '../../core';
 import { CODE_BLOCK, CODE_LINE } from '../../constants';
-var withHtml = function withHtml(editor) {
-  var insertData = editor.insertData;
-  var newEditor = editor;
-  newEditor.insertData = function (data) {
+const withHtml = editor => {
+  const {
+    insertData
+  } = editor;
+  const newEditor = editor;
+  newEditor.insertData = data => {
     if (!newEditor.insertFragmentData(data)) {
       // Other document paste content into code block
       if (!data.types.includes('text/code-block') && getSelectedNodeByType(editor, CODE_BLOCK)) {
-        var plaintext = data.getData('text/plain') || '';
+        const plaintext = data.getData('text/plain') || '';
         if (plaintext) {
-          var fragmentData = [];
-          plaintext.split('\n').forEach(function (item) {
-            var codeLine = {
+          let fragmentData = [];
+          plaintext.split('\n').forEach(item => {
+            const codeLine = {
               id: slugid.nice(),
               type: CODE_LINE,
               children: [{
@@ -27,9 +29,9 @@ var withHtml = function withHtml(editor) {
         }
         return;
       }
-      var htmlContent = data.getData('text/html') || '';
+      const htmlContent = data.getData('text/html') || '';
       if (htmlContent) {
-        var content = deserializeHtml(htmlContent);
+        const content = deserializeHtml(htmlContent);
         editor.insertFragment(content);
         return;
       }

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

@@ -1,8 +1,10 @@
 import slugid from 'slugid';
 import { BLOCKQUOTE } from '../../../constants';
-var blockquoteRule = function blockquoteRule(element, parseChild) {
-  var nodeName = element.nodeName,
-    childNodes = element.childNodes;
+const blockquoteRule = (element, parseChild) => {
+  const {
+    nodeName,
+    childNodes
+  } = element;
   if (nodeName === 'BLOCKQUOTE') {
     return {
       id: slugid.nice(),

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

@@ -1,7 +1,9 @@
 import slugid from 'slugid';
 import { CHECK_LIST_ITEM } from '../../../constants';
-var checkListRule = function checkListRule(element, parseChild) {
-  var nodeName = element.nodeName;
+const checkListRule = (element, parseChild) => {
+  const {
+    nodeName
+  } = element;
   if (nodeName === 'INPUT' && element.getAttribute('type') === 'checkbox') {
     return {
       id: slugid.nice(),

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

@@ -1,19 +1,17 @@
 import slugid from 'slugid';
 import { CODE_BLOCK, CODE_LINE } from '../../../constants';
 import { genCodeLangs } from '../../code-block/prismjs';
-var codeBlockRule = function codeBlockRule(element, parseChild) {
-  var nodeName = element.nodeName,
-    childNodes = element.childNodes;
+const codeBlockRule = (element, parseChild) => {
+  const {
+    nodeName,
+    childNodes
+  } = element;
   if (nodeName === 'PRE') {
-    var children = Array.from(childNodes).filter(function (item) {
-      return item.nodeName === 'CODE';
-    });
-    var codeChild = children[0];
+    const children = Array.from(childNodes).filter(item => item.nodeName === 'CODE');
+    let codeChild = children[0];
     if (codeChild) {
-      var lang = codeChild.getAttribute('lang');
-      lang = genCodeLangs().find(function (item) {
-        return item.value === lang;
-      }) || 'plaintext';
+      let lang = codeChild.getAttribute('lang');
+      lang = genCodeLangs().find(item => item.value === lang) || 'plaintext';
       return {
         id: slugid.nice(),
         language: lang,
@@ -21,9 +19,9 @@ var codeBlockRule = function codeBlockRule(element, parseChild) {
         children: parseChild(children)
       };
     } else {
-      var _lang = 'plaintext';
-      var content = childNodes[0].textContent;
-      var _children = content.split('\n').map(function (text) {
+      const lang = 'plaintext';
+      const content = childNodes[0].textContent;
+      const children = content.split('\n').map(text => {
         return {
           id: slugid.nice(),
           type: CODE_LINE,
@@ -35,18 +33,16 @@ var codeBlockRule = function codeBlockRule(element, parseChild) {
       });
       return {
         id: slugid.nice(),
-        language: _lang,
+        language: lang,
         type: CODE_BLOCK,
-        children: _children
+        children: children
       };
     }
   }
   if (nodeName === 'CODE' && element.parentElement.nodeName === 'PRE') {
-    var childIsP = Array.from(childNodes).every(function (n) {
-      return n.nodeName === 'P';
-    });
+    const childIsP = Array.from(childNodes).every(n => n.nodeName === 'P');
     if (childIsP) {
-      return Array.from(childNodes).map(function (n) {
+      return Array.from(childNodes).map(n => {
         return {
           id: slugid.nice(),
           type: CODE_LINE,
@@ -57,8 +53,8 @@ var codeBlockRule = function codeBlockRule(element, parseChild) {
         };
       });
     }
-    var _content = element.textContent;
-    var hasNewLine = _content.indexOf('\n') > -1;
+    const content = element.textContent;
+    const hasNewLine = content.indexOf('\n') > -1;
     if (!hasNewLine) {
       return {
         id: slugid.nice(),
@@ -69,8 +65,8 @@ var codeBlockRule = function codeBlockRule(element, parseChild) {
         }]
       };
     }
-    var codes = _content.split('\n');
-    return codes.map(function (item) {
+    const codes = content.split('\n');
+    return codes.map(item => {
       return {
         id: slugid.nice(),
         type: CODE_LINE,

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

@@ -1,6 +1,6 @@
 import slugid from 'slugid';
-var HEADER_LIST = ['H1', 'H2', 'H3', 'H4', 'H5', 'H6'];
-var HEADER_TYPE_MAP = {
+const HEADER_LIST = ['H1', 'H2', 'H3', 'H4', 'H5', 'H6'];
+const HEADER_TYPE_MAP = {
   H1: 'header1',
   H2: 'header2',
   H3: 'header3',
@@ -8,9 +8,11 @@ var HEADER_TYPE_MAP = {
   H5: 'header5',
   H6: 'header6'
 };
-var headerRule = function headerRule(element, parseChild) {
-  var nodeName = element.nodeName,
-    childNodes = element.childNodes;
+const headerRule = (element, parseChild) => {
+  const {
+    nodeName,
+    childNodes
+  } = element;
   if (nodeName && HEADER_LIST.includes(nodeName)) {
     return {
       id: slugid.nice(),

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

@@ -1,7 +1,9 @@
 import slugid from 'slugid';
 import { IMAGE } from '../../../constants';
-var imageRule = function imageRule(element, parseChild) {
-  var nodeName = element.nodeName;
+const imageRule = (element, parseChild) => {
+  const {
+    nodeName
+  } = element;
   if (nodeName === 'IMG') {
     return {
       id: slugid.nice(),

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

@@ -7,5 +7,5 @@ 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];
+const rules = [blockquoteRule, codeBlockRule, headerRule, imageRule, linkRule, listRule, tableRule, paragraphRule, textRule];
 export default rules;

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

@@ -1,8 +1,10 @@
 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');
+const linkRule = (element, parseChild) => {
+  const {
+    nodeName
+  } = element;
+  const content = element.textContent || element.getAttribute('title') || element.getAttribute('href');
   if (nodeName === 'A') {
     return {
       id: slugid.nice(),

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

@@ -1,9 +1,11 @@
 import slugid from 'slugid';
 import { LIST_ITEM, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST } from '../../../constants';
-var PARAGRAPH_TAGS = ['DIV', 'P'];
-var listRule = function listRule(element, parseChild) {
-  var nodeName = element.nodeName,
-    childNodes = element.childNodes;
+const PARAGRAPH_TAGS = ['DIV', 'P'];
+const listRule = (element, parseChild) => {
+  const {
+    nodeName,
+    childNodes
+  } = element;
   if (nodeName === 'UL') {
     return {
       id: slugid.nice(),

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

@@ -1,8 +1,10 @@
 import slugid from 'slugid';
 import { PARAGRAPH } from '../../../constants';
-var paragraphRule = function paragraphRule(element, parseChild) {
-  var nodeName = element.nodeName,
-    childNodes = element.childNodes;
+const paragraphRule = (element, parseChild) => {
+  const {
+    nodeName,
+    childNodes
+  } = element;
   if (nodeName === 'P' && element.parentElement.nodeName !== 'LI') {
     return {
       id: slugid.nice(),

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

@@ -1,8 +1,10 @@
 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;
+const tableRule = (element, parseChild) => {
+  const {
+    nodeName,
+    childNodes
+  } = element;
   if (nodeName === 'TABLE') {
     return {
       id: slugid.nice(),

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

@@ -1,7 +1,9 @@
 import slugid from 'slugid';
-var textRule = function textRule(element, parseChild) {
-  var nodeName = element.nodeName,
-    nodeType = element.nodeType;
+const textRule = (element, parseChild) => {
+  const {
+    nodeName,
+    nodeType
+  } = element;
   if (nodeName === 'SPAN') {
     return {
       id: slugid.nice(),

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

@@ -1,8 +1,8 @@
 import blackBorder from '../../../../assets/images/black-border.png';
 import greyBorder from '../../../../assets/images/grey-border.png';
 import noBorder from '../../../../assets/images/no-border.png';
-export var IMAGE_DISPLAY_TYPE = ['Inline', 'Block'];
-export var IMAGE_BORDER_TYPE = [{
+export const IMAGE_DISPLAY_TYPE = ['Inline', 'Block'];
+export const IMAGE_BORDER_TYPE = [{
   type: 'none',
   imgUrl: noBorder,
   value: 'none'

package/dist/basic-sdk/extension/plugins/image/dialogs/image-previewer.js

@@ -1,94 +1,78 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-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 Lightbox from '@seafile/react-image-lightbox';
 import { getImageURL } from '../helpers';
 import '@seafile/react-image-lightbox/style.css';
-var ImagePreviewer = /*#__PURE__*/function (_React$Component) {
-  _inherits(ImagePreviewer, _React$Component);
-  var _super = _createSuper(ImagePreviewer);
-  function ImagePreviewer(props) {
-    var _this;
-    _classCallCheck(this, ImagePreviewer);
-    _this = _super.call(this, props);
-    _this.getImageNodes = function (nodes) {
-      var nodeIndex = 0;
-      var list = [];
+class ImagePreviewer extends React.Component {
+  constructor(props) {
+    super(props);
+    this.getImageNodes = nodes => {
+      let nodeIndex = 0;
+      const list = [];
       while (nodes && nodeIndex <= nodes.length - 1) {
-        var currentNode = nodes[nodeIndex];
+        const currentNode = nodes[nodeIndex];
         if (currentNode.type === 'image') {
-          var url = getImageURL(currentNode.data.src);
+          const url = getImageURL(currentNode.data.src);
           url && list.push(url);
         } else {
-          list.push.apply(list, _toConsumableArray(_this.getImageNodes(currentNode.children)));
+          list.push(...this.getImageNodes(currentNode.children));
         }
         nodeIndex++;
       }
       return list;
     };
-    _this.moveToPrevImage = function () {
-      _this.setState(function (prevState) {
-        return {
-          imageIndex: (prevState.imageIndex + _this.images.length - 1) % _this.images.length
-        };
-      });
+    this.moveToPrevImage = () => {
+      this.setState(prevState => ({
+        imageIndex: (prevState.imageIndex + this.images.length - 1) % this.images.length
+      }));
     };
-    _this.moveToNextImage = function () {
-      _this.setState(function (prevState) {
-        return {
-          imageIndex: (prevState.imageIndex + 1) % _this.images.length
-        };
-      });
+    this.moveToNextImage = () => {
+      this.setState(prevState => ({
+        imageIndex: (prevState.imageIndex + 1) % this.images.length
+      }));
     };
-    var editor = props.editor,
-      imageUrl = props.imageUrl;
-    _this.images = _this.getImageNodes(editor.children);
-    _this.state = {
-      imageIndex: _this.images.findIndex(function (item) {
-        return item === imageUrl;
-      })
+    const {
+      editor,
+      imageUrl
+    } = props;
+    this.images = this.getImageNodes(editor.children);
+    this.state = {
+      imageIndex: this.images.findIndex(item => item === imageUrl)
     };
-    return _this;
   }
-  _createClass(ImagePreviewer, [{
-    key: "render",
-    value: function render() {
-      var imageIndex = this.state.imageIndex;
-      var imageItemsLength = this.images.length;
-      var mainSrc = this.images[imageIndex] || '';
-      var imageTitle = '';
-      try {
-        imageTitle = mainSrc ? decodeURI(mainSrc.slice(mainSrc.lastIndexOf('/') + 1)) : '';
-      } catch (error) {
-        // eslint-disable-next-line no-console
-        console.log(error);
-      }
-      var imageTitleEl = /*#__PURE__*/React.createElement("span", {
-        className: "d-flex"
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "text-truncate"
-      }, imageTitle), /*#__PURE__*/React.createElement("span", {
-        className: "flex-shrink-0"
-      }, "(", imageIndex + 1, "/", this.images.length, ")"));
-      return /*#__PURE__*/React.createElement(Lightbox, {
-        wrapperClassName: "sf-editor-image-previewer",
-        imageTitle: imageTitleEl,
-        mainSrc: mainSrc,
-        toolbarButtons: [],
-        nextSrc: this.images[(imageIndex + 1) % imageItemsLength],
-        prevSrc: this.images[(imageIndex + imageItemsLength - 1) % imageItemsLength],
-        onCloseRequest: this.props.toggleImagePreviewer,
-        onMovePrevRequest: this.moveToPrevImage,
-        onMoveNextRequest: this.moveToNextImage,
-        reactModalProps: {
-          shouldReturnFocusAfterClose: false
-        }
-      });
+  render() {
+    const {
+      imageIndex
+    } = this.state;
+    const imageItemsLength = this.images.length;
+    const mainSrc = this.images[imageIndex] || '';
+    let imageTitle = '';
+    try {
+      imageTitle = mainSrc ? decodeURI(mainSrc.slice(mainSrc.lastIndexOf('/') + 1)) : '';
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
     }
-  }]);
-  return ImagePreviewer;
-}(React.Component);
+    const imageTitleEl = /*#__PURE__*/React.createElement("span", {
+      className: "d-flex"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "text-truncate"
+    }, imageTitle), /*#__PURE__*/React.createElement("span", {
+      className: "flex-shrink-0"
+    }, "(", imageIndex + 1, "/", this.images.length, ")"));
+    return /*#__PURE__*/React.createElement(Lightbox, {
+      wrapperClassName: "sf-editor-image-previewer",
+      imageTitle: imageTitleEl,
+      mainSrc: mainSrc,
+      toolbarButtons: [],
+      nextSrc: this.images[(imageIndex + 1) % imageItemsLength],
+      prevSrc: this.images[(imageIndex + imageItemsLength - 1) % imageItemsLength],
+      onCloseRequest: this.props.toggleImagePreviewer,
+      onMovePrevRequest: this.moveToPrevImage,
+      onMoveNextRequest: this.moveToNextImage,
+      reactModalProps: {
+        shouldReturnFocusAfterClose: false
+      }
+    });
+  }
+}
 export default ImagePreviewer;