@seafile/sdoc-editor 0.3.5 → 0.3.7

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;

package/dist/basic-sdk/socket/helpers.js

@@ -4,31 +4,36 @@ import { Editor, Operation } from '@seafile/slate';
 import { getNode } from '../extension/core';
 import * as OPERATION from '../node-id/constants';
 import { setCursor } from '../cursor/helper';
-export var getNodePathById = function getNodePathById(rootNode, nodeId) {
-  var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+export const getNodePathById = function (rootNode, nodeId) {
+  let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   if (rootNode.id === nodeId) return path;
-  var _rootNode$children = rootNode.children,
-    children = _rootNode$children === void 0 ? [] : _rootNode$children;
-  for (var i = 0; i < children.length; i++) {
-    var child = children[i];
+  const {
+    children = []
+  } = rootNode;
+  for (let i = 0; i < children.length; i++) {
+    const child = children[i];
     path.push(i);
-    var nodePath = getNodePathById(child, nodeId, path);
+    const nodePath = getNodePathById(child, nodeId, path);
     if (nodePath) return nodePath;
     path.pop();
   }
   return null;
 };
-export var validateOperation = function validateOperation(editor, operation) {
-  var isValid = false;
-  var newOperation = deepCopy(operation);
-  var type = newOperation.type;
+export const validateOperation = (editor, operation) => {
+  let isValid = false;
+  let newOperation = deepCopy(operation);
+  const {
+    type
+  } = newOperation;
   switch (type) {
     case OPERATION.INSERT_TEXT:
     case OPERATION.REMOVE_TEXT:
       {
-        var node_id = newOperation.node_id,
-          path = newOperation.path;
-        var node = getNode(editor, path);
+        const {
+          node_id,
+          path
+        } = newOperation;
+        const node = getNode(editor, path);
         // node is exist and node path is not changed
         if (node && node.id === node_id) {
           isValid = true;
@@ -36,7 +41,7 @@ export var validateOperation = function validateOperation(editor, operation) {
         }
 
         // node is exist but node path is changed
-        var nodePath = getNodePathById(editor, node_id);
+        const nodePath = getNodePathById(editor, node_id);
         if (nodePath) {
           isValid = true;
           newOperation.path = nodePath;
@@ -48,24 +53,26 @@ export var validateOperation = function validateOperation(editor, operation) {
       }
     case OPERATION.INSERT_NODE:
       {
-        var parent_node_id = newOperation.parent_node_id,
-          _path = newOperation.path;
-        var parentNodePath = getNodePathById(editor, parent_node_id);
+        let {
+          parent_node_id,
+          path
+        } = newOperation;
+        const parentNodePath = getNodePathById(editor, parent_node_id);
         if (!parentNodePath) {
           isValid = false;
           break;
         }
-        var parentPath = _path.slice(0, _path.length - 1);
+        const parentPath = path.slice(0, path.length - 1);
         if (parentPath.join() === parentNodePath.join()) {
           isValid = true;
           break;
         }
 
         // reset insert node path
-        var parentNode = getNode(editor, _path);
+        const parentNode = getNode(editor, path);
         if (parentNode) {
-          var childLength = parentNode.children.length;
-          var index = Math.min(_path[_path.length - 1], childLength);
+          const childLength = parentNode.children.length;
+          const index = Math.min(path[path.length - 1], childLength);
           newOperation.path = parentNodePath.concat([index]);
           isValid = true;
         }
@@ -73,20 +80,22 @@ export var validateOperation = function validateOperation(editor, operation) {
       }
     case OPERATION.REMOVE_NODE:
       {
-        var _node_id = newOperation.node_id,
-          _path2 = newOperation.path;
-        var _node = getNode(editor, _path2);
+        const {
+          node_id,
+          path
+        } = newOperation;
+        const node = getNode(editor, path);
         // node is exist and node path is not changed
-        if (_node && _node.id === _node_id) {
+        if (node && node.id === node_id) {
           isValid = true;
           break;
         }
 
         // node is exist but node path is changed
-        var _nodePath = getNodePathById(editor, _node_id);
-        if (_nodePath) {
+        const nodePath = getNodePathById(editor, node_id);
+        if (nodePath) {
           isValid = true;
-          newOperation.path = _nodePath;
+          newOperation.path = nodePath;
           break;
         }
 
@@ -97,20 +106,22 @@ export var validateOperation = function validateOperation(editor, operation) {
     case OPERATION.MERGE_NODE:
       {
         // merge next node into prev node
-        var _node_id2 = newOperation.node_id,
-          _path3 = newOperation.path;
-        var _node2 = getNode(editor, _path3);
+        const {
+          node_id,
+          path
+        } = newOperation;
+        const node = getNode(editor, path);
         // node is exist and node path is not changed
-        if (_node2 && _node2.id === _node_id2) {
+        if (node && node.id === node_id) {
           isValid = true;
           break;
         }
 
         // node is exist but node path is changed
-        var _nodePath2 = getNodePathById(editor, _node_id2);
-        if (_nodePath2) {
+        const nodePath = getNodePathById(editor, node_id);
+        if (nodePath) {
           isValid = true;
-          newOperation.path = _nodePath2;
+          newOperation.path = nodePath;
           break;
         }
 
@@ -120,20 +131,22 @@ export var validateOperation = function validateOperation(editor, operation) {
       }
     case OPERATION.SPLIT_NODE:
       {
-        var _node_id3 = newOperation.node_id,
-          _path4 = newOperation.path;
-        var _node3 = getNode(editor, _path4);
+        const {
+          node_id,
+          path
+        } = newOperation;
+        const node = getNode(editor, path);
         // node is exist and node path is not changed
-        if (_node3 && _node3.id === _node_id3) {
+        if (node && node.id === node_id) {
           isValid = true;
           break;
         }
 
         // node is exist but node path is changed
-        var _nodePath3 = getNodePathById(editor, _node_id3);
-        if (_nodePath3) {
+        const nodePath = getNodePathById(editor, node_id);
+        if (nodePath) {
           isValid = true;
-          newOperation.path = _nodePath3;
+          newOperation.path = nodePath;
           break;
         }
 
@@ -143,28 +156,30 @@ export var validateOperation = function validateOperation(editor, operation) {
       }
     case OPERATION.SET_NODE:
       {
-        var _node_id4 = newOperation.node_id,
-          _path5 = newOperation.path,
-          properties = newOperation.properties;
-        var _node4 = getNode(editor, _path5);
+        const {
+          node_id,
+          path,
+          properties
+        } = newOperation;
+        const node = getNode(editor, path);
         // node is exist and node path is not changed
-        if (_node4 && _node4.id === _node_id4) {
+        if (node && node.id === node_id) {
           isValid = true;
           newOperation.properties = _objectSpread(_objectSpread({}, properties), {}, {
-            type: _node4.type
+            type: node.type
           });
           break;
         }
 
         // node is exist but node path is changed
-        var _nodePath4 = getNodePathById(editor, _node_id4);
-        if (_nodePath4) {
+        const nodePath = getNodePathById(editor, node_id);
+        if (nodePath) {
           isValid = true;
-          var _node5 = getNode(editor, _nodePath4);
+          const node = getNode(editor, nodePath);
           newOperation.properties = _objectSpread(_objectSpread({}, properties), {}, {
-            type: _node5.type
+            type: node.type
           });
-          newOperation.path = _nodePath4;
+          newOperation.path = nodePath;
           break;
         }
 
@@ -174,11 +189,13 @@ export var validateOperation = function validateOperation(editor, operation) {
       }
     case OPERATION.MOVE_NODE:
       {
-        var _node_id5 = newOperation.node_id,
-          _path6 = newOperation.path;
-        var _node6 = getNode(editor, _path6);
+        const {
+          node_id,
+          path
+        } = newOperation;
+        const node = getNode(editor, path);
         // node is exist and node path is not changed
-        if (_node6 && _node6.id === _node_id5) {
+        if (node && node.id === node_id) {
           isValid = true;
           break;
         }
@@ -201,61 +218,53 @@ export var validateOperation = function validateOperation(editor, operation) {
   if (isValid) return newOperation;
   return isValid;
 };
-export var getRevertOperationList = function getRevertOperationList(operationList) {
+export const getRevertOperationList = operationList => {
   if (operationList.length === 0) return [];
 
   // Generate a duplicate operationList, The original value cannot be modified here
-  var revertOperationList = deepCopy(operationList);
+  let revertOperationList = deepCopy(operationList);
   revertOperationList = revertOperationList.reverse();
-  return revertOperationList.map(function (operations) {
-    var ops = operations.reverse();
-    return ops.map(function (item) {
-      return Operation.inverse(item);
-    });
+  return revertOperationList.map(operations => {
+    const ops = operations.reverse();
+    return ops.map(item => Operation.inverse(item));
   });
 };
-export var revertOperationList = function revertOperationList(editor, operationList) {
+export const revertOperationList = (editor, operationList) => {
   if (operationList.length === 0) return [];
-  var revertOperationList = getRevertOperationList(operationList);
+  const revertOperationList = getRevertOperationList(operationList);
 
   // Cancel locale execute operations
-  var _loop = function _loop() {
-    var operations = revertOperationList[i];
-    Editor.withoutNormalizing(editor, function () {
-      for (var j = 0; j < operations.length; j++) {
-        var op = operations[j];
+  for (let i = 0; i < revertOperationList.length; i++) {
+    const operations = revertOperationList[i];
+    Editor.withoutNormalizing(editor, () => {
+      for (let j = 0; j < operations.length; j++) {
+        const op = operations[j];
         editor.apply(op);
       }
     });
-  };
-  for (var i = 0; i < revertOperationList.length; i++) {
-    _loop();
   }
 };
-export var reExecRevertOperationList = function reExecRevertOperationList(editor, revertOperationList) {
+export const reExecRevertOperationList = (editor, revertOperationList) => {
   if (revertOperationList.length === 0) return;
 
   // Re-execute revert operations
-  var _loop2 = function _loop2() {
-    var operations = revertOperationList[i];
-    Editor.withoutNormalizing(editor, function () {
-      for (var j = 0; j < operations.length; j++) {
-        var op = validateOperation(editor, operations[j]);
+  for (let i = 0; i < revertOperationList.length; i++) {
+    const operations = revertOperationList[i];
+    Editor.withoutNormalizing(editor, () => {
+      for (let j = 0; j < operations.length; j++) {
+        const op = validateOperation(editor, operations[j]);
         if (op) {
           editor.apply(op);
         }
       }
     });
-  };
-  for (var i = 0; i < revertOperationList.length; i++) {
-    _loop2();
   }
 };
-export var syncRemoteOperations = function syncRemoteOperations(editor, remoteOperations) {
+export const syncRemoteOperations = (editor, remoteOperations) => {
   if (remoteOperations.length === 0) return;
-  Editor.withoutNormalizing(editor, function () {
-    for (var i = 0; i < remoteOperations.length; i++) {
-      var op = remoteOperations[i];
+  Editor.withoutNormalizing(editor, () => {
+    for (let i = 0; i < remoteOperations.length; i++) {
+      const op = remoteOperations[i];
       if (op.type === 'set_selection') {
         continue;
       }
@@ -263,8 +272,8 @@ export var syncRemoteOperations = function syncRemoteOperations(editor, remoteOp
     }
   });
 };
-export var syncRemoteCursorLocation = function syncRemoteCursorLocation(editor, user, location, cursorData) {
-  var currentUser = editor.user;
+export const syncRemoteCursorLocation = (editor, user, location, cursorData) => {
+  const currentUser = editor.user;
   if (user && user.username !== currentUser.username) {
     setCursor(editor, user, location, cursorData);