@seafile/sdoc-editor 1.0.54 → 1.0.56

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

@@ -1,10 +1,18 @@
-import { Node } from '@seafile/slate';
-import deepCopy from 'deep-copy';
-import slugid from 'slugid';
-import * as OPERATION from './constants';
-import ObjectUtils from '../utils/object-utils';
-export const decorateOperation = (editor, operation) => {
-  let newOperation = deepCopy(operation);
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.replacePastedDataId = exports.replaceNodeId = exports.decorateOperation = void 0;
+var _slate = require("@seafile/slate");
+var _deepCopy = _interopRequireDefault(require("deep-copy"));
+var _slugid = _interopRequireDefault(require("slugid"));
+var OPERATION = _interopRequireWildcard(require("./constants"));
+var _objectUtils = _interopRequireDefault(require("../utils/object-utils"));
+const decorateOperation = (editor, operation) => {
+  let newOperation = (0, _deepCopy.default)(operation);
   const {
     type
   } = newOperation;
@@ -15,7 +23,7 @@ export const decorateOperation = (editor, operation) => {
         const {
           path
         } = newOperation;
-        const node = Node.get(editor, path);
+        const node = _slate.Node.get(editor, path);
         newOperation['node_id'] = node.id;
         break;
       }
@@ -25,9 +33,9 @@ export const decorateOperation = (editor, operation) => {
           path,
           node
         } = newOperation;
-        if (!node.id) node.id = slugid.nice(); // generate an id for insert node
+        if (!node.id) node.id = _slugid.default.nice(); // generate an id for insert node
 
-        const parent = Node.parent(editor, path);
+        const parent = _slate.Node.parent(editor, path);
         newOperation['parent_node_id'] = parent.id;
         break;
       }
@@ -36,7 +44,7 @@ export const decorateOperation = (editor, operation) => {
         let {
           path
         } = newOperation;
-        const node = Node.get(editor, path);
+        const node = _slate.Node.get(editor, path);
         newOperation['node_id'] = node.id; // remove node's id
         break;
       }
@@ -46,7 +54,7 @@ export const decorateOperation = (editor, operation) => {
         const {
           path
         } = newOperation;
-        const node = Node.get(editor, path);
+        const node = _slate.Node.get(editor, path);
         newOperation['node_id'] = node.id;
         break;
       }
@@ -59,8 +67,8 @@ export const decorateOperation = (editor, operation) => {
           properties = {}
         } = newOperation;
         // need generate a new id for new node
-        properties.id = slugid.nice();
-        const node = Node.get(editor, path);
+        properties.id = _slugid.default.nice();
+        const node = _slate.Node.get(editor, path);
         newOperation['node_id'] = node.id; // split node's id
         break;
       }
@@ -69,7 +77,7 @@ export const decorateOperation = (editor, operation) => {
         const {
           path
         } = newOperation;
-        const node = Node.get(editor, path);
+        const node = _slate.Node.get(editor, path);
         newOperation['node_id'] = node.id; // the node which will be set to another type
         break;
       }
@@ -78,7 +86,7 @@ export const decorateOperation = (editor, operation) => {
         const {
           path
         } = newOperation;
-        const node = Node.get(editor, path);
+        const node = _slate.Node.get(editor, path);
         // move operation not change the node's id
         newOperation['node_id'] = node.id; // moved node's id
         break;
@@ -91,35 +99,38 @@ export const decorateOperation = (editor, operation) => {
   }
   return newOperation;
 };
-export const replaceNodeId = node => {
-  if (!ObjectUtils.isObject(node)) return node;
-  if (ObjectUtils.hasProperty(node, 'children')) {
+exports.decorateOperation = decorateOperation;
+const replaceNodeId = node => {
+  if (!_objectUtils.default.isObject(node)) return node;
+  if (_objectUtils.default.hasProperty(node, 'children')) {
     return {
       ...node,
-      id: slugid.nice(),
+      id: _slugid.default.nice(),
       children: replacePastedDataId(node.children)
     };
   }
   return {
     ...node,
-    id: slugid.nice()
+    id: _slugid.default.nice()
   };
 };
-export const replacePastedDataId = pastedData => {
+exports.replaceNodeId = replaceNodeId;
+const replacePastedDataId = pastedData => {
   // If children is malformed, return a list of correct child nodes
 
-  if (ObjectUtils.isObject(pastedData)) {
+  if (_objectUtils.default.isObject(pastedData)) {
     return replaceNodeId(pastedData);
   }
   if (!Array.isArray(pastedData)) return [{
-    id: slugid.nice(),
+    id: _slugid.default.nice(),
     text: ''
   }];
   return pastedData.map(item => {
-    item.id = slugid.nice();
+    item.id = _slugid.default.nice();
     if (item.children) {
       item.children = replacePastedDataId(item.children);
     }
     return item;
   });
-};
+};
+exports.replacePastedDataId = replacePastedDataId;

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

@@ -1,28 +1,34 @@
-import { decorateOperation, replacePastedDataId } from './helpers';
-import { getSlateFragmentAttribute, normalizeCopyNodes } from '../utils/document-utils';
-import { CLIPBOARD_FORMAT_KEY } from '../extension/constants';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _helpers = require("./helpers");
+var _documentUtils = require("../utils/document-utils");
+var _constants = require("../extension/constants");
 const withNodeId = editor => {
   const {
     apply
   } = editor;
   const newEditor = editor;
   newEditor.apply = op => {
-    const newOp = decorateOperation(newEditor, op);
+    const newOp = (0, _helpers.decorateOperation)(newEditor, op);
     apply(newOp);
   };
 
   // rewrite insert fragment data
   newEditor.insertFragmentData = data => {
-    const fragment = data.getData("application/".concat(CLIPBOARD_FORMAT_KEY)) || getSlateFragmentAttribute(data);
+    const fragment = data.getData(`application/${_constants.CLIPBOARD_FORMAT_KEY}`) || (0, _documentUtils.getSlateFragmentAttribute)(data);
     if (fragment) {
       const decoded = decodeURIComponent(window.atob(fragment));
       const parsed = JSON.parse(decoded);
-      const newData = replacePastedDataId(parsed);
-      const normalizeNewData = normalizeCopyNodes(newEditor, newData);
+      const newData = (0, _helpers.replacePastedDataId)(parsed);
+      const normalizeNewData = (0, _documentUtils.normalizeCopyNodes)(newEditor, newData);
       newEditor.insertFragment(normalizeNewData);
       return newEditor;
     }
   };
   return newEditor;
 };
-export default withNodeId;
+var _default = exports.default = withNodeId;

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

@@ -1,12 +1,20 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import classNames from 'classnames';
-import { withTranslation } from 'react-i18next';
-import { INTERNAL_EVENT } from '../constants';
-import EventBus from '../utils/event-bus';
-import OutlineItem from './outline-item';
-import Tooltip from '../../components/tooltip';
-import './style.css';
-export const getOutlineSetting = () => {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setOutlineSetting = exports.getOutlineSetting = exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactI18next = require("react-i18next");
+var _constants = require("../constants");
+var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
+var _outlineItem = _interopRequireDefault(require("./outline-item"));
+var _tooltip = _interopRequireDefault(require("../../components/tooltip"));
+require("./style.css");
+const getOutlineSetting = () => {
   const currentValue = localStorage.getItem('sdoc');
   const config = currentValue ? JSON.parse(currentValue) : {};
   const {
@@ -14,67 +22,69 @@ export const getOutlineSetting = () => {
   } = config;
   return outlineOpen;
 };
-export const setOutlineSetting = isShown => {
+exports.getOutlineSetting = getOutlineSetting;
+const setOutlineSetting = isShown => {
   const currentValue = localStorage.getItem('sdoc');
   const config = currentValue ? JSON.parse(currentValue) : {};
   config['outlineOpen'] = isShown;
   localStorage.setItem('sdoc', JSON.stringify(config));
 };
+exports.setOutlineSetting = setOutlineSetting;
 const SDocOutline = _ref => {
   let {
     scrollLeft,
     doc,
     t
   } = _ref;
-  const [isShown, setIsShown] = useState(false);
-  const updateOutlineState = useCallback(state => {
+  const [isShown, setIsShown] = (0, _react.useState)(false);
+  const updateOutlineState = (0, _react.useCallback)(state => {
     setIsShown(state);
     setOutlineSetting(state);
-    const eventBus = EventBus.getInstance();
-    eventBus.dispatch(INTERNAL_EVENT.OUTLINE_STATE_CHANGED, state);
+    const eventBus = _eventBus.default.getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.OUTLINE_STATE_CHANGED, state);
   }, []);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     const outlineState = getOutlineSetting();
     updateOutlineState(outlineState);
   }, [updateOutlineState]);
-  const toggleShow = useCallback(() => {
+  const toggleShow = (0, _react.useCallback)(() => {
     updateOutlineState(!isShown);
   }, [isShown, updateOutlineState]);
-  const list = useMemo(() => {
+  const list = (0, _react.useMemo)(() => {
     return doc.filter(item => ['header1', 'header2', 'header3'].includes(item.type));
   }, [doc]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('sdoc-outline-wrapper', {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sdoc-outline-wrapper', {
       active: isShown
     }),
     style: {
       left: -scrollLeft
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-outline"
-  }, isShown && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, isShown && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-outline-header"
-  }, /*#__PURE__*/React.createElement("h2", {
+  }, /*#__PURE__*/_react.default.createElement("h2", {
     className: "sdoc-outline-header__title"
-  }, t('Outline')), /*#__PURE__*/React.createElement("span", {
+  }, t('Outline')), /*#__PURE__*/_react.default.createElement("span", {
     className: "sdoc-outline-header__close sdocfont sdoc-cancel",
     onClick: toggleShow
-  })), list.length === 0 && /*#__PURE__*/React.createElement("p", {
+  })), list.length === 0 && /*#__PURE__*/_react.default.createElement("p", {
     className: "mt-4 text-secondary"
-  }, t('Headings_you_add_to_the_document_will_appear_here')), list.length > 0 && /*#__PURE__*/React.createElement("div", {
+  }, t('Headings_you_add_to_the_document_will_appear_here')), list.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-outline-list-container"
   }, list.map((item, index) => {
-    return /*#__PURE__*/React.createElement(OutlineItem, {
+    return /*#__PURE__*/_react.default.createElement(_outlineItem.default, {
       key: index,
       item: item
     });
-  })))), !isShown && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  })))), !isShown && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     id: "sdoc-outline-menu",
     className: "sdoc-outline-menu sdocfont sdoc-table-of-content",
     onClick: toggleShow
-  }), /*#__PURE__*/React.createElement(Tooltip, {
+  }), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     placement: "right",
     target: "sdoc-outline-menu"
   }, t('Outline'))));
 };
-export default withTranslation('sdoc-editor')(SDocOutline);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(SDocOutline);

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

@@ -1,10 +1,17 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import classNames from 'classnames';
-import React from 'react';
-class OutlineItem extends React.PureComponent {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+class OutlineItem extends _react.default.PureComponent {
   constructor(props) {
     super(props);
-    _defineProperty(this, "onItemClick", () => {
+    (0, _defineProperty2.default)(this, "onItemClick", () => {
       const {
         item
       } = this.props;
@@ -13,12 +20,12 @@ class OutlineItem extends React.PureComponent {
       } = item;
       document.getElementById(id).scrollIntoView();
     });
-    _defineProperty(this, "onMouseOver", () => {
+    (0, _defineProperty2.default)(this, "onMouseOver", () => {
       this.setState({
         isHighlighted: true
       });
     });
-    _defineProperty(this, "onMouseOut", () => {
+    (0, _defineProperty2.default)(this, "onMouseOut", () => {
       this.setState({
         isHighlighted: false
       });
@@ -38,12 +45,12 @@ class OutlineItem extends React.PureComponent {
       type,
       children
     } = item;
-    const outlineItemClass = classNames('sdoc-outline-item', {
+    const outlineItemClass = (0, _classnames.default)('sdoc-outline-item', {
       'pl-5': type === 'header2',
       'pl-7': type === 'header3',
       'active': isHighlighted
     });
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: outlineItemClass,
       onClick: this.onItemClick,
       onMouseOver: this.onMouseOver,
@@ -51,4 +58,4 @@ class OutlineItem extends React.PureComponent {
     }, children.map(child => child.text || child.title).join(''));
   }
 }
-export default OutlineItem;
+var _default = exports.default = OutlineItem;

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

@@ -1,9 +1,17 @@
-import deepCopy from 'deep-copy';
-import { Editor, Operation } from '@seafile/slate';
-import { getNode } from '../extension/core';
-import * as OPERATION from '../node-id/constants';
-import { setCursor } from '../cursor/helper';
-export const getNodePathById = function (rootNode, nodeId) {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateOperation = exports.syncRemoteOperations = exports.syncRemoteCursorLocation = exports.revertOperationList = exports.reExecRevertOperationList = exports.getRevertOperationList = exports.getNodePathById = void 0;
+var _deepCopy = _interopRequireDefault(require("deep-copy"));
+var _slate = require("@seafile/slate");
+var _core = require("../extension/core");
+var OPERATION = _interopRequireWildcard(require("../node-id/constants"));
+var _helper = require("../cursor/helper");
+const getNodePathById = function (rootNode, nodeId) {
   let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   if (rootNode.id === nodeId) return path;
   const {
@@ -18,9 +26,10 @@ export const getNodePathById = function (rootNode, nodeId) {
   }
   return null;
 };
-export const validateOperation = (editor, operation) => {
+exports.getNodePathById = getNodePathById;
+const validateOperation = (editor, operation) => {
   let isValid = false;
-  let newOperation = deepCopy(operation);
+  let newOperation = (0, _deepCopy.default)(operation);
   const {
     type
   } = newOperation;
@@ -32,7 +41,7 @@ export const validateOperation = (editor, operation) => {
           node_id,
           path
         } = newOperation;
-        const node = getNode(editor, path);
+        const node = (0, _core.getNode)(editor, path);
         // node is exist and node path is not changed
         if (node && node.id === node_id) {
           isValid = true;
@@ -68,7 +77,7 @@ export const validateOperation = (editor, operation) => {
         }
 
         // reset insert node path
-        const parentNode = getNode(editor, path);
+        const parentNode = (0, _core.getNode)(editor, path);
         if (parentNode) {
           const childLength = parentNode.children.length;
           const index = Math.min(path[path.length - 1], childLength);
@@ -83,7 +92,7 @@ export const validateOperation = (editor, operation) => {
           node_id,
           path
         } = newOperation;
-        const node = getNode(editor, path);
+        const node = (0, _core.getNode)(editor, path);
         // node is exist and node path is not changed
         if (node && node.id === node_id) {
           isValid = true;
@@ -109,7 +118,7 @@ export const validateOperation = (editor, operation) => {
           node_id,
           path
         } = newOperation;
-        const node = getNode(editor, path);
+        const node = (0, _core.getNode)(editor, path);
         // node is exist and node path is not changed
         if (node && node.id === node_id) {
           isValid = true;
@@ -134,7 +143,7 @@ export const validateOperation = (editor, operation) => {
           node_id,
           path
         } = newOperation;
-        const node = getNode(editor, path);
+        const node = (0, _core.getNode)(editor, path);
         // node is exist and node path is not changed
         if (node && node.id === node_id) {
           isValid = true;
@@ -160,7 +169,7 @@ export const validateOperation = (editor, operation) => {
           path,
           properties
         } = newOperation;
-        const node = getNode(editor, path);
+        const node = (0, _core.getNode)(editor, path);
         // node is exist and node path is not changed
         if (node && node.id === node_id) {
           isValid = true;
@@ -175,7 +184,7 @@ export const validateOperation = (editor, operation) => {
         const nodePath = getNodePathById(editor, node_id);
         if (nodePath) {
           isValid = true;
-          const node = getNode(editor, nodePath);
+          const node = (0, _core.getNode)(editor, nodePath);
           newOperation.properties = {
             ...properties,
             type: node.type
@@ -194,7 +203,7 @@ export const validateOperation = (editor, operation) => {
           node_id,
           path
         } = newOperation;
-        const node = getNode(editor, path);
+        const node = (0, _core.getNode)(editor, path);
         // node is exist and node path is not changed
         if (node && node.id === node_id) {
           isValid = true;
@@ -219,25 +228,27 @@ export const validateOperation = (editor, operation) => {
   if (isValid) return newOperation;
   return isValid;
 };
-export const getRevertOperationList = operationList => {
+exports.validateOperation = validateOperation;
+const getRevertOperationList = operationList => {
   if (operationList.length === 0) return [];
 
   // Generate a duplicate operationList, The original value cannot be modified here
-  let revertOperationList = deepCopy(operationList);
+  let revertOperationList = (0, _deepCopy.default)(operationList);
   revertOperationList = revertOperationList.reverse();
   return revertOperationList.map(operations => {
     const ops = operations.reverse();
-    return ops.map(item => Operation.inverse(item));
+    return ops.map(item => _slate.Operation.inverse(item));
   });
 };
-export const revertOperationList = (editor, operationList) => {
+exports.getRevertOperationList = getRevertOperationList;
+const revertOperationList = (editor, operationList) => {
   if (operationList.length === 0) return [];
   const revertOperationList = getRevertOperationList(operationList);
 
   // Cancel locale execute operations
   for (let i = 0; i < revertOperationList.length; i++) {
     const operations = revertOperationList[i];
-    Editor.withoutNormalizing(editor, () => {
+    _slate.Editor.withoutNormalizing(editor, () => {
       for (let j = 0; j < operations.length; j++) {
         const op = operations[j];
         editor.apply(op);
@@ -245,13 +256,14 @@ export const revertOperationList = (editor, operationList) => {
     });
   }
 };
-export const reExecRevertOperationList = (editor, revertOperationList) => {
+exports.revertOperationList = revertOperationList;
+const reExecRevertOperationList = (editor, revertOperationList) => {
   if (revertOperationList.length === 0) return;
 
   // Re-execute revert operations
   for (let i = 0; i < revertOperationList.length; i++) {
     const operations = revertOperationList[i];
-    Editor.withoutNormalizing(editor, () => {
+    _slate.Editor.withoutNormalizing(editor, () => {
       for (let j = 0; j < operations.length; j++) {
         const op = validateOperation(editor, operations[j]);
         if (op) {
@@ -261,9 +273,10 @@ export const reExecRevertOperationList = (editor, revertOperationList) => {
     });
   }
 };
-export const syncRemoteOperations = (editor, remoteOperations) => {
+exports.reExecRevertOperationList = reExecRevertOperationList;
+const syncRemoteOperations = (editor, remoteOperations) => {
   if (remoteOperations.length === 0) return;
-  Editor.withoutNormalizing(editor, () => {
+  _slate.Editor.withoutNormalizing(editor, () => {
     for (let i = 0; i < remoteOperations.length; i++) {
       const op = remoteOperations[i];
       if (op.type === 'set_selection') {
@@ -273,12 +286,14 @@ export const syncRemoteOperations = (editor, remoteOperations) => {
     }
   });
 };
-export const syncRemoteCursorLocation = (editor, user, location, cursorData) => {
+exports.syncRemoteOperations = syncRemoteOperations;
+const syncRemoteCursorLocation = (editor, user, location, cursorData) => {
   const currentUser = editor.user;
   if (user && user.username !== currentUser.username) {
-    setCursor(editor, user, location, cursorData);
+    (0, _helper.setCursor)(editor, user, location, cursorData);
 
     // sync cursor position
     editor.onCursor && editor.onCursor(editor.cursors);
   }
-};
+};
+exports.syncRemoteCursorLocation = syncRemoteCursorLocation;

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

@@ -1,3 +1,20 @@
-import withSocketIO from './with-socket-io';
-import SocketManager from './socket-manager';
-export { SocketManager, withSocketIO };
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SocketManager", {
+  enumerable: true,
+  get: function () {
+    return _socketManager.default;
+  }
+});
+Object.defineProperty(exports, "withSocketIO", {
+  enumerable: true,
+  get: function () {
+    return _withSocketIo.default;
+  }
+});
+var _withSocketIo = _interopRequireDefault(require("./with-socket-io"));
+var _socketManager = _interopRequireDefault(require("./socket-manager"));