@seafile/sdoc-editor 0.3.6 → 0.3.7

package/dist/basic-sdk/hooks/use-selection-update.js

@@ -1,17 +1,12 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useEffect, useState } from 'react';
 import EventBus from '../utils/event-bus';
 export default function useSelectionUpdate() {
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    update = _useState2[1];
-  useEffect(function () {
-    var onChange = function onChange() {
-      return update({});
-    };
-    var eventBus = EventBus.getInstance();
-    var unsubscribe = eventBus.subscribe('change', onChange);
-    return function () {
+  const [, update] = useState({});
+  useEffect(() => {
+    const onChange = () => update({});
+    const eventBus = EventBus.getInstance();
+    const unsubscribe = eventBus.subscribe('change', onChange);
+    return () => {
       unsubscribe();
     };
   }, []);

package/dist/basic-sdk/layout/article-container.js

@@ -1,28 +1,25 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { INTERNAL_EVENT } from '../constants';
 import { useScrollContext } from '../hooks/use-scroll-context';
 import EventBus from '../utils/event-bus';
 import { getOutlineSetting } from '../outline';
 export default function ArticleContainer(_ref) {
-  var editor = _ref.editor,
-    children = _ref.children;
-  var articleRef = useRef(null);
-  useEffect(function () {
+  let {
+    editor,
+    children
+  } = _ref;
+  const articleRef = useRef(null);
+  useEffect(() => {
     editor.width = articleRef.current.children[0].clientWidth;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var scrollRef = useScrollContext();
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    containerStyle = _useState2[0],
-    setContainerStyle = _useState2[1];
-  var handleWindowResize = useCallback(function () {
-    var rect = scrollRef.current.getBoundingClientRect();
-    var articleRect = articleRef.current.getBoundingClientRect();
+  const scrollRef = useScrollContext();
+  const [containerStyle, setContainerStyle] = useState({});
+  const handleWindowResize = useCallback(() => {
+    const rect = scrollRef.current.getBoundingClientRect();
+    const articleRect = articleRef.current.getBoundingClientRect();
     // get state from local storage
-    var isShowOutline = getOutlineSetting();
+    const isShowOutline = getOutlineSetting();
     if (isShowOutline && (rect.width - articleRect.width) / 2 < 280) {
       setContainerStyle({
         marginLeft: '280px'
@@ -31,20 +28,20 @@ export default function ArticleContainer(_ref) {
       setContainerStyle({});
     }
   }, [scrollRef]);
-  var handelArticleClick = useCallback(function (event) {
+  const handelArticleClick = useCallback(event => {
     if (!articleRef.current.contains(event.target)) return;
-    var eventBus = EventBus.getInstance();
+    const eventBus = EventBus.getInstance();
     eventBus.dispatch(INTERNAL_EVENT.ARTICLE_CLICK, event);
   }, []);
-  useEffect(function () {
-    var eventBus = EventBus.getInstance();
-    var unsubscribeOutline = eventBus.subscribe(INTERNAL_EVENT.OUTLINE_STATE_CHANGED, handleWindowResize);
+  useEffect(() => {
+    const eventBus = EventBus.getInstance();
+    const unsubscribeOutline = eventBus.subscribe(INTERNAL_EVENT.OUTLINE_STATE_CHANGED, handleWindowResize);
     return unsubscribeOutline;
   }, [handleWindowResize]);
-  useEffect(function () {
+  useEffect(() => {
     handleWindowResize();
     window.addEventListener('resize', handleWindowResize);
-    return function () {
+    return () => {
       window.removeEventListener('resize', handleWindowResize);
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -60,5 +57,5 @@ export default function ArticleContainer(_ref) {
     className: "article",
     ref: articleRef,
     onClick: handelArticleClick
-  }, children[0]), _toConsumableArray(children.slice(1))));
+  }, children[0]), [...children.slice(1)]));
 }

package/dist/basic-sdk/layout/editor-container.js

@@ -5,10 +5,12 @@ import '../assets/css/default.css';
 import '../assets/css/layout.css';
 import '../assets/css/sdoc-editor-plugins.css';
 import '../assets/css/dropdown-menu.css';
-var EditorContainer = function EditorContainer(_ref) {
-  var children = _ref.children,
-    readonly = _ref.readonly;
-  var className = classNames('sdoc-editor-container', {
+const EditorContainer = _ref => {
+  let {
+    children,
+    readonly
+  } = _ref;
+  const className = classNames('sdoc-editor-container', {
     'mobile': isMobile,
     'readonly': readonly
   });

package/dist/basic-sdk/layout/editor-content.js

@@ -1,23 +1,23 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useRef, useState, useCallback } from 'react';
 import { ScrollContext } from '../hooks/use-scroll-context';
 import SDocOutline from '../outline';
 import classNames from 'classnames';
-var EditorContent = function EditorContent(_ref) {
-  var readonly = _ref.readonly,
-    showOutline = _ref.showOutline,
-    children = _ref.children,
-    docValue = _ref.docValue;
-  var scrollRef = useRef(null);
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    scrollLeft = _useState2[0],
-    setScrollLeft = _useState2[1];
-  var onWrapperScroll = useCallback(function (event) {
-    var scrollLeft = event.target.scrollLeft;
+const EditorContent = _ref => {
+  let {
+    readonly,
+    showOutline,
+    children,
+    docValue
+  } = _ref;
+  const scrollRef = useRef(null);
+  const [scrollLeft, setScrollLeft] = useState(0);
+  const onWrapperScroll = useCallback(event => {
+    const {
+      scrollLeft
+    } = event.target;
     setScrollLeft(scrollLeft);
   }, []);
-  var className = classNames('sdoc-editor-content', {
+  const className = classNames('sdoc-editor-content', {
     'readonly': readonly,
     'no-outline': !showOutline
   });
@@ -37,7 +37,7 @@ var EditorContent = function EditorContent(_ref) {
     id: "sdoc-scroll-container"
   }, /*#__PURE__*/React.createElement(ScrollContext.Provider, {
     value: {
-      scrollRef: scrollRef
+      scrollRef
     }
   }, children))));
 };

package/dist/basic-sdk/node-id/constants.js

@@ -1,18 +1,18 @@
 // insert_node & remove_node
-export var INSERT_TEXT = 'insert_text';
-export var REMOVE_TEXT = 'remove_text';
+export const INSERT_TEXT = 'insert_text';
+export const REMOVE_TEXT = 'remove_text';
 
 // insert_node & remove_node
-export var INSERT_NODE = 'insert_node';
-export var REMOVE_NODE = 'remove_node';
+export const INSERT_NODE = 'insert_node';
+export const REMOVE_NODE = 'remove_node';
 
 // merge_node  & split_node
-export var MERGE_NODE = 'merge_node';
-export var SPLIT_NODE = 'split_node';
+export const MERGE_NODE = 'merge_node';
+export const SPLIT_NODE = 'split_node';
 
 // set_node & move_node
-export var SET_NODE = 'set_node';
-export var MOVE_NODE = 'move_node';
+export const SET_NODE = 'set_node';
+export const MOVE_NODE = 'move_node';
 
 // set_selection
-export var SET_SELECTION = 'set_selection';
+export const SET_SELECTION = 'set_selection';

package/dist/basic-sdk/node-id/helpers.js

@@ -4,69 +4,84 @@ import deepCopy from 'deep-copy';
 import slugid from 'slugid';
 import * as OPERATION from './constants';
 import ObjectUtils from '../utils/object-utils';
-export var decorateOperation = function decorateOperation(editor, operation) {
-  var newOperation = deepCopy(operation);
-  var type = newOperation.type;
+export const decorateOperation = (editor, operation) => {
+  let newOperation = deepCopy(operation);
+  const {
+    type
+  } = newOperation;
   switch (type) {
     case OPERATION.INSERT_TEXT:
     case OPERATION.REMOVE_TEXT:
       {
-        var path = newOperation.path;
-        var node = Node.get(editor, path);
+        const {
+          path
+        } = newOperation;
+        const node = Node.get(editor, path);
         newOperation['node_id'] = node.id;
         break;
       }
     case OPERATION.INSERT_NODE:
       {
-        var _path = newOperation.path,
-          _node = newOperation.node;
-        if (!_node.id) _node.id = slugid.nice(); // generate an id for insert node
+        let {
+          path,
+          node
+        } = newOperation;
+        if (!node.id) node.id = slugid.nice(); // generate an id for insert node
 
-        var parent = Node.parent(editor, _path);
+        const parent = Node.parent(editor, path);
         newOperation['parent_node_id'] = parent.id;
         break;
       }
     case OPERATION.REMOVE_NODE:
       {
-        var _path2 = newOperation.path;
-        var _node2 = Node.get(editor, _path2);
-        newOperation['node_id'] = _node2.id; // remove node's id
+        let {
+          path
+        } = newOperation;
+        const node = Node.get(editor, path);
+        newOperation['node_id'] = node.id; // remove node's id
         break;
       }
     case OPERATION.MERGE_NODE:
       {
         // merge next node into prev node
-        var _path3 = newOperation.path;
-        var _node3 = Node.get(editor, _path3);
-        newOperation['node_id'] = _node3.id;
+        const {
+          path
+        } = newOperation;
+        const node = Node.get(editor, path);
+        newOperation['node_id'] = node.id;
         break;
       }
     case OPERATION.SPLIT_NODE:
       {
         // child: split [7, 0] -> [[7, 0],[7, 1]]
         // parent: split [[7, 0], [7, 1]] -> [[7], [8]]
-        var _path4 = newOperation.path,
-          _newOperation$propert = newOperation.properties,
-          properties = _newOperation$propert === void 0 ? {} : _newOperation$propert;
+        const {
+          path,
+          properties = {}
+        } = newOperation;
         // need generate a new id for new node
         properties.id = slugid.nice();
-        var _node4 = Node.get(editor, _path4);
-        newOperation['node_id'] = _node4.id; // split node's id
+        const node = Node.get(editor, path);
+        newOperation['node_id'] = node.id; // split node's id
         break;
       }
     case OPERATION.SET_NODE:
       {
-        var _path5 = newOperation.path;
-        var _node5 = Node.get(editor, _path5);
-        newOperation['node_id'] = _node5.id; // the node which will be set to another type
+        const {
+          path
+        } = newOperation;
+        const node = Node.get(editor, path);
+        newOperation['node_id'] = node.id; // the node which will be set to another type
         break;
       }
     case OPERATION.MOVE_NODE:
       {
-        var _path6 = newOperation.path;
-        var _node6 = Node.get(editor, _path6);
+        const {
+          path
+        } = newOperation;
+        const node = Node.get(editor, path);
         // move operation not change the node's id
-        newOperation['node_id'] = _node6.id; // moved node's id
+        newOperation['node_id'] = node.id; // moved node's id
         break;
       }
     default:
@@ -77,7 +92,7 @@ export var decorateOperation = function decorateOperation(editor, operation) {
   }
   return newOperation;
 };
-export var replaceNodeId = function replaceNodeId(node) {
+export const replaceNodeId = node => {
   if (!ObjectUtils.isObject(node)) return node;
   if (ObjectUtils.hasProperty(node, 'children')) {
     return _objectSpread(_objectSpread({}, node), {}, {
@@ -89,7 +104,7 @@ export var replaceNodeId = function replaceNodeId(node) {
     id: slugid.nice()
   });
 };
-export var replacePastedDataId = function replacePastedDataId(pastedData) {
+export const replacePastedDataId = pastedData => {
   // If children is malformed, return a list of correct child nodes
 
   if (ObjectUtils.isObject(pastedData)) {
@@ -99,7 +114,7 @@ export var replacePastedDataId = function replacePastedDataId(pastedData) {
     id: slugid.nice(),
     text: ''
   }];
-  return pastedData.map(function (item) {
+  return pastedData.map(item => {
     item.id = slugid.nice();
     if (item.children) {
       item.children = replacePastedDataId(item.children);

package/dist/basic-sdk/node-id/index.js

@@ -1,22 +1,24 @@
 import { decorateOperation, replacePastedDataId } from './helpers';
 import { getSlateFragmentAttribute, normalizeCopyNodes } from '../utils/document-utils';
 import { CLIPBOARD_FORMAT_KEY } from '../extension/constants';
-var withNodeId = function withNodeId(editor) {
-  var apply = editor.apply;
-  var newEditor = editor;
-  newEditor.apply = function (op) {
-    var newOp = decorateOperation(newEditor, op);
+const withNodeId = editor => {
+  const {
+    apply
+  } = editor;
+  const newEditor = editor;
+  newEditor.apply = op => {
+    const newOp = decorateOperation(newEditor, op);
     apply(newOp);
   };
 
   // rewrite insert fragment data
-  newEditor.insertFragmentData = function (data) {
-    var fragment = data.getData("application/".concat(CLIPBOARD_FORMAT_KEY)) || getSlateFragmentAttribute(data);
+  newEditor.insertFragmentData = data => {
+    const fragment = data.getData("application/".concat(CLIPBOARD_FORMAT_KEY)) || getSlateFragmentAttribute(data);
     if (fragment) {
-      var decoded = decodeURIComponent(window.atob(fragment));
-      var parsed = JSON.parse(decoded);
-      var newData = replacePastedDataId(parsed);
-      var normalizeNewData = normalizeCopyNodes(newEditor, newData);
+      const decoded = decodeURIComponent(window.atob(fragment));
+      const parsed = JSON.parse(decoded);
+      const newData = replacePastedDataId(parsed);
+      const normalizeNewData = normalizeCopyNodes(newEditor, newData);
       newEditor.insertFragment(normalizeNewData);
       return newEditor;
     }

package/dist/basic-sdk/outline/index.js

@@ -1,4 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { withTranslation } from 'react-i18next';
 import { INTERNAL_EVENT } from '../constants';
@@ -6,44 +5,42 @@ import EventBus from '../utils/event-bus';
 import OutlineItem from './outline-item';
 import Tooltip from '../../components/tooltip';
 import './style.css';
-export var getOutlineSetting = function getOutlineSetting() {
-  var currentValue = localStorage.getItem('sdoc');
-  var config = currentValue ? JSON.parse(currentValue) : {};
-  var _config$outlineOpen = config.outlineOpen,
-    outlineOpen = _config$outlineOpen === void 0 ? false : _config$outlineOpen;
+export const getOutlineSetting = () => {
+  const currentValue = localStorage.getItem('sdoc');
+  const config = currentValue ? JSON.parse(currentValue) : {};
+  const {
+    outlineOpen = false
+  } = config;
   return outlineOpen;
 };
-var setOutlineSetting = function setOutlineSetting(isShown) {
-  var currentValue = localStorage.getItem('sdoc');
-  var config = currentValue ? JSON.parse(currentValue) : {};
+const setOutlineSetting = isShown => {
+  const currentValue = localStorage.getItem('sdoc');
+  const config = currentValue ? JSON.parse(currentValue) : {};
   config['outlineOpen'] = isShown;
   localStorage.setItem('sdoc', JSON.stringify(config));
 };
-var SDocOutline = function SDocOutline(_ref) {
-  var scrollLeft = _ref.scrollLeft,
-    doc = _ref.doc,
-    t = _ref.t;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isShown = _useState2[0],
-    setIsShown = _useState2[1];
-  var updateOutlineState = useCallback(function (state) {
+const SDocOutline = _ref => {
+  let {
+    scrollLeft,
+    doc,
+    t
+  } = _ref;
+  const [isShown, setIsShown] = useState(false);
+  const updateOutlineState = useCallback(state => {
     setIsShown(state);
     setOutlineSetting(state);
-    var eventBus = EventBus.getInstance();
+    const eventBus = EventBus.getInstance();
     eventBus.dispatch(INTERNAL_EVENT.OUTLINE_STATE_CHANGED, state);
   }, []);
-  useEffect(function () {
-    var outlineState = getOutlineSetting();
+  useEffect(() => {
+    const outlineState = getOutlineSetting();
     updateOutlineState(outlineState);
   }, [updateOutlineState]);
-  var toggleShow = useCallback(function () {
+  const toggleShow = useCallback(() => {
     updateOutlineState(!isShown);
   }, [isShown, updateOutlineState]);
-  var list = useMemo(function () {
-    return doc.filter(function (item) {
-      return ['header1', 'header2', 'header3'].includes(item.type);
-    });
+  const list = useMemo(() => {
+    return doc.filter(item => ['header1', 'header2', 'header3'].includes(item.type));
   }, [doc]);
   return /*#__PURE__*/React.createElement("div", {
     className: "sdoc-outline-wrapper",
@@ -63,7 +60,7 @@ var SDocOutline = function SDocOutline(_ref) {
     className: "mt-4 text-secondary"
   }, t('Headings_you_add_to_the_document_will_appear_here')), list.length > 0 && /*#__PURE__*/React.createElement("div", {
     className: "sdoc-outline-list-container"
-  }, list.map(function (item, index) {
+  }, list.map((item, index) => {
     return /*#__PURE__*/React.createElement(OutlineItem, {
       key: index,
       item: item

package/dist/basic-sdk/outline/outline-item.js

@@ -1,58 +1,53 @@
-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 classNames from 'classnames';
 import React from 'react';
-var OutlineItem = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(OutlineItem, _React$PureComponent);
-  var _super = _createSuper(OutlineItem);
-  function OutlineItem(props) {
-    var _this;
-    _classCallCheck(this, OutlineItem);
-    _this = _super.call(this, props);
-    _this.onItemClick = function () {
-      var item = _this.props.item;
-      var id = item.id;
+class OutlineItem extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.onItemClick = () => {
+      const {
+        item
+      } = this.props;
+      const {
+        id
+      } = item;
       document.getElementById(id).scrollIntoView();
     };
-    _this.onMouseOver = function () {
-      _this.setState({
+    this.onMouseOver = () => {
+      this.setState({
         isHighlighted: true
       });
     };
-    _this.onMouseOut = function () {
-      _this.setState({
+    this.onMouseOut = () => {
+      this.setState({
         isHighlighted: false
       });
     };
-    _this.state = {
+    this.state = {
       isHighlighted: false
     };
-    return _this;
   }
-  _createClass(OutlineItem, [{
-    key: "render",
-    value: function render() {
-      var isHighlighted = this.state.isHighlighted;
-      var item = this.props.item;
-      var type = item.type,
-        children = item.children;
-      var outlineItemClass = classNames('sdoc-outline-item', {
-        'pl-5': type === 'header2',
-        'pl-7': type === 'header3',
-        'active': isHighlighted
-      });
-      return /*#__PURE__*/React.createElement("div", {
-        className: outlineItemClass,
-        onClick: this.onItemClick,
-        onMouseOver: this.onMouseOver,
-        onMouseOut: this.onMouseOut
-      }, children.map(function (child) {
-        return child.text;
-      }).join(''));
-    }
-  }]);
-  return OutlineItem;
-}(React.PureComponent);
+  render() {
+    const {
+      isHighlighted
+    } = this.state;
+    const {
+      item
+    } = this.props;
+    const {
+      type,
+      children
+    } = item;
+    const outlineItemClass = classNames('sdoc-outline-item', {
+      'pl-5': type === 'header2',
+      'pl-7': type === 'header3',
+      'active': isHighlighted
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: outlineItemClass,
+      onClick: this.onItemClick,
+      onMouseOver: this.onMouseOver,
+      onMouseOut: this.onMouseOut
+    }, children.map(child => child.text).join(''));
+  }
+}
 export default OutlineItem;