@seafile/sdoc-editor 0.3.6 → 0.3.7

package/dist/basic-sdk/utils/diff.js

@@ -1,5 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import slugid from 'slugid';
 import { ELEMENT_TYPE, ADDED_STYLE, DELETED_STYLE, TEXT_STYLE_MAP } from '../../basic-sdk/extension/constants';
@@ -8,94 +6,95 @@ import DiffText from './diff-text';
 import { normalizeChildren } from './document-utils';
 
 // ignore
-var IGNORE_KEYS = ['BOLD', 'ITALIC', 'bold', 'italic', 'columns', 'minHeight', 'min_height', 'language', 'white_space'];
-var generatorDiffTextElement = function generatorDiffTextElement(textElement, diffType) {
-  var style = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+const IGNORE_KEYS = ['BOLD', 'ITALIC', 'bold', 'italic', 'columns', 'minHeight', 'min_height', 'language', 'white_space'];
+const generatorDiffTextElement = function (textElement, diffType) {
+  let style = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   if (!textElement) return null;
   if (!diffType) return textElement;
-  var id = textElement.id;
-  return _objectSpread(_objectSpread({}, textElement), {}, _defineProperty({
-    id: id || slugid.nice()
-  }, diffType, true), style);
+  const id = textElement.id;
+  return _objectSpread(_objectSpread({}, textElement), {}, {
+    id: id || slugid.nice(),
+    [diffType]: true
+  }, style);
 };
 
 // Depth facilitates each child node, adding diffType to each end node
-var generatorDiffElement = function generatorDiffElement(element, diffType) {
-  var _objectSpread3;
-  var style = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+const generatorDiffElement = function (element, diffType) {
+  let style = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   if (!element) return null;
   if (!Array.isArray(element.children) || element.children.length === 0) {
     return generatorDiffTextElement(element, diffType, style);
   }
-  return _objectSpread(_objectSpread({}, element), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, diffType, true), _defineProperty(_objectSpread3, "children", element.children.map(function (item) {
-    return generatorDiffElement(item, diffType, style);
-  })), _objectSpread3));
+  return _objectSpread(_objectSpread({}, element), {}, {
+    [diffType]: true,
+    children: element.children.map(item => generatorDiffElement(item, diffType, style))
+  });
 };
-export var generateIdMapAndIds = function generateIdMapAndIds(elements) {
-  var map = {};
-  var ids = [];
+export const generateIdMapAndIds = elements => {
+  let map = {};
+  let ids = [];
   if (!Array.isArray(elements) || elements.length === 0) return {
-    map: map,
-    ids: ids
+    map,
+    ids
   };
-  elements.forEach(function (element) {
+  elements.forEach(element => {
     ids.push(element.id);
     map[element.id] = element;
   });
   return {
-    map: map,
-    ids: ids
+    map,
+    ids
   };
 };
-var hasChildren = function hasChildren(element) {
+const hasChildren = element => {
   if (!element) return false;
   if (!Array.isArray(element.children) || element.children.length === 0) return false;
   return true;
 };
 
 // id diffs
-export var getIdDiffs = function getIdDiffs(oldIds, newIds) {
-  var diff = new DiffText(oldIds, newIds);
+export const getIdDiffs = (oldIds, newIds) => {
+  const diff = new DiffText(oldIds, newIds);
   return diff.getDiffs();
 };
 
 // text diffs
-var getTextDiff = function getTextDiff(element, oldElement, diff) {
-  var newText = element.text;
-  var oldText = oldElement.text;
-  var textDiff = new DiffText(oldText || '', newText || '');
-  var textDiffs = textDiff.getDiffs();
-  var newChildren = [];
-  textDiffs.forEach(function (item, index) {
-    var id = "".concat(element.id || slugid.nice(), "-").concat(index);
-    var elementItem = {
-      id: id,
+const getTextDiff = (element, oldElement, diff) => {
+  const newText = element.text;
+  const oldText = oldElement.text;
+  const textDiff = new DiffText(oldText || '', newText || '');
+  const textDiffs = textDiff.getDiffs();
+  let newChildren = [];
+  textDiffs.forEach((item, index) => {
+    const id = "".concat(element.id || slugid.nice(), "-").concat(index);
+    let elementItem = {
+      id,
       text: item.value
     };
     if (item.added) {
       diff.changes.push(id);
-      var commonChild = generatorDiffTextElement(elementItem, TEXT_STYLE_MAP.ADD, ADDED_STYLE);
+      const commonChild = generatorDiffTextElement(elementItem, TEXT_STYLE_MAP.ADD, ADDED_STYLE);
       newChildren.push(commonChild);
     } else if (item.removed) {
       diff.changes.push(id);
-      var _commonChild = generatorDiffTextElement(elementItem, TEXT_STYLE_MAP.DELETE, DELETED_STYLE);
-      newChildren.push(_commonChild);
+      const commonChild = generatorDiffTextElement(elementItem, TEXT_STYLE_MAP.DELETE, DELETED_STYLE);
+      newChildren.push(commonChild);
     } else {
-      var _commonChild2 = generatorDiffTextElement(elementItem);
-      newChildren.push(_commonChild2);
+      const commonChild = generatorDiffTextElement(elementItem);
+      newChildren.push(commonChild);
     }
   });
   return newChildren;
 };
-var getCommonDiff = function getCommonDiff(element, oldElement, diff) {
+const getCommonDiff = (element, oldElement, diff) => {
   if (!hasChildren(element) && !hasChildren(oldElement)) {
-    var _newChildren = getTextDiff(element, oldElement, diff);
+    const newChildren = getTextDiff(element, oldElement, diff);
     return [_objectSpread(_objectSpread({}, element), {}, {
-      children: _newChildren
+      children: newChildren
     })];
   }
   if (!hasChildren(element) || !hasChildren(oldElement)) {
-    var elementId = element.id || slugid.nice();
+    const elementId = element.id || slugid.nice();
     diff.changes.push("".concat(elementId, "_delete"));
     return [generatorDiffElement(_objectSpread(_objectSpread({}, oldElement), {}, {
       id: "".concat(elementId, "_delete")
@@ -105,28 +104,34 @@ var getCommonDiff = function getCommonDiff(element, oldElement, diff) {
   }
 
   // Content does not change
-  if (ObjectUtils.isSameObject(element, oldElement, [].concat(IGNORE_KEYS, ['type']))) {
+  if (ObjectUtils.isSameObject(element, oldElement, [...IGNORE_KEYS, 'type'])) {
     return [element];
   }
 
   // Compare content
-  var currentChildren = element.children;
-  var oldChildren = oldElement.children;
-  var _generateIdMapAndIds = generateIdMapAndIds(currentChildren),
-    currentMap = _generateIdMapAndIds.map,
-    currentIds = _generateIdMapAndIds.ids;
-  var _generateIdMapAndIds2 = generateIdMapAndIds(oldChildren),
-    oldMap = _generateIdMapAndIds2.map,
-    oldIds = _generateIdMapAndIds2.ids;
-  var idDiffs = getIdDiffs(oldIds, currentIds);
-  var newChildren = [];
-  idDiffs.forEach(function (idDiff) {
-    var ids = idDiff.value;
-    var isAdded = idDiff.added;
-    var isDelete = idDiff.removed;
-    ids.forEach(function (id) {
-      var newChildrenElement = currentMap[id];
-      var oldChildrenElement = oldMap[id];
+  const {
+    children: currentChildren
+  } = element;
+  const {
+    children: oldChildren
+  } = oldElement;
+  const {
+    map: currentMap,
+    ids: currentIds
+  } = generateIdMapAndIds(currentChildren);
+  const {
+    map: oldMap,
+    ids: oldIds
+  } = generateIdMapAndIds(oldChildren);
+  const idDiffs = getIdDiffs(oldIds, currentIds);
+  let newChildren = [];
+  idDiffs.forEach(idDiff => {
+    const ids = idDiff.value;
+    const isAdded = idDiff.added;
+    const isDelete = idDiff.removed;
+    ids.forEach(id => {
+      const newChildrenElement = currentMap[id];
+      const oldChildrenElement = oldMap[id];
       if (isAdded) {
         diff.changes.push(id);
         newChildren.push(generatorDiffElement(newChildrenElement, TEXT_STYLE_MAP.ADD, ADDED_STYLE));
@@ -139,8 +144,8 @@ var getCommonDiff = function getCommonDiff(element, oldElement, diff) {
         } else {
           if (newChildrenElement.type === oldChildrenElement.type) {
             if (!newChildrenElement.type) {
-              var textDiffs = getTextDiff(newChildrenElement, oldChildrenElement, diff);
-              newChildren.push.apply(newChildren, _toConsumableArray(textDiffs));
+              const textDiffs = getTextDiff(newChildrenElement, oldChildrenElement, diff);
+              newChildren.push(...textDiffs);
             } else if (newChildrenElement.type === ELEMENT_TYPE.IMAGE) {
               if (newChildrenElement.data.src === oldChildrenElement.data.src) {
                 newChildren.push(newChildrenElement);
@@ -154,8 +159,8 @@ var getCommonDiff = function getCommonDiff(element, oldElement, diff) {
               }
             } else if (newChildrenElement.type === ELEMENT_TYPE.LINK) {
               if (newChildrenElement.title !== oldChildrenElement.title) {
-                var diffElements = getCommonDiff(newChildrenElement, oldChildrenElement, diff);
-                newChildren.push.apply(newChildren, _toConsumableArray(diffElements));
+                const diffElements = getCommonDiff(newChildrenElement, oldChildrenElement, diff);
+                newChildren.push(...diffElements);
               } else if (newChildrenElement.href !== oldChildrenElement.href) {
                 diff.changes.push(oldChildrenElement.id + '_delete');
                 newChildren.push(generatorDiffTextElement(_objectSpread(_objectSpread({}, oldChildrenElement), {}, {
@@ -168,11 +173,11 @@ var getCommonDiff = function getCommonDiff(element, oldElement, diff) {
                 newChildren.push(newChildrenElement);
               }
             } else if (newChildrenElement.type === ELEMENT_TYPE.TABLE_ROW || newChildrenElement.type === ELEMENT_TYPE.TABLE_CELL) {
-              var newRows = getCommonDiff(newChildrenElement, oldChildrenElement, diff);
-              newChildren.push.apply(newChildren, _toConsumableArray(newRows));
+              const newRows = getCommonDiff(newChildrenElement, oldChildrenElement, diff);
+              newChildren.push(...newRows);
             } else {
-              var commonDiffs = getCommonDiff(newChildrenElement, oldChildrenElement, diff);
-              newChildren.push.apply(newChildren, _toConsumableArray(commonDiffs));
+              const commonDiffs = getCommonDiff(newChildrenElement, oldChildrenElement, diff);
+              newChildren.push(...commonDiffs);
             }
           } else {
             diff.changes.push(oldChildrenElement.id + '_delete');
@@ -191,14 +196,14 @@ var getCommonDiff = function getCommonDiff(element, oldElement, diff) {
     children: newChildren
   })];
 };
-var updateDiffValue = function updateDiffValue(diff, element, oldElement) {
+const updateDiffValue = (diff, element, oldElement) => {
   if (!diff || !element || !oldElement) return;
   if (ObjectUtils.isSameObject(element, oldElement, IGNORE_KEYS)) {
     diff.value.push(element);
     return;
   }
-  var elements = getCommonDiff(element, oldElement, diff);
-  elements.forEach(function (item) {
+  const elements = getCommonDiff(element, oldElement, diff);
+  elements.forEach(item => {
     diff.value.push(item);
   });
 };
@@ -209,38 +214,40 @@ var updateDiffValue = function updateDiffValue(diff, element, oldElement) {
     * oldValue: last version document content
  * return { value: [], change: [] }
 */
-var getElementDiffValue = function getElementDiffValue(currentContent, oldContent) {
+const getElementDiffValue = (currentContent, oldContent) => {
   // init
-  var diff = {
+  let diff = {
     value: [],
     changes: []
   };
-  var _generateIdMapAndIds3 = generateIdMapAndIds(currentContent),
-    currentContentMap = _generateIdMapAndIds3.map,
-    currentIds = _generateIdMapAndIds3.ids;
-  var _generateIdMapAndIds4 = generateIdMapAndIds(oldContent),
-    oldContentMap = _generateIdMapAndIds4.map,
-    oldIds = _generateIdMapAndIds4.ids;
-  var diffs = getIdDiffs(oldIds, currentIds);
-  diffs.forEach(function (diffItem) {
-    var elementIds = diffItem.value;
+  const {
+    map: currentContentMap,
+    ids: currentIds
+  } = generateIdMapAndIds(currentContent);
+  const {
+    map: oldContentMap,
+    ids: oldIds
+  } = generateIdMapAndIds(oldContent);
+  const diffs = getIdDiffs(oldIds, currentIds);
+  diffs.forEach(diffItem => {
+    const elementIds = diffItem.value;
     if (diffItem.removed) {
-      elementIds.forEach(function (elementId) {
+      elementIds.forEach(elementId => {
         diff.changes.push(elementId);
-        var element = oldContentMap[elementId];
-        var diffElement = generatorDiffElement(element, TEXT_STYLE_MAP.DELETE, DELETED_STYLE);
+        const element = oldContentMap[elementId];
+        const diffElement = generatorDiffElement(element, TEXT_STYLE_MAP.DELETE, DELETED_STYLE);
         diff.value.push(diffElement);
       });
     } else if (diffItem.added) {
-      elementIds.forEach(function (elementId) {
+      elementIds.forEach(elementId => {
         diff.changes.push(elementId);
-        var element = currentContentMap[elementId];
-        var diffElement = generatorDiffElement(element, TEXT_STYLE_MAP.ADD, ADDED_STYLE);
+        const element = currentContentMap[elementId];
+        const diffElement = generatorDiffElement(element, TEXT_STYLE_MAP.ADD, ADDED_STYLE);
         diff.value.push(diffElement);
       });
     } else {
-      elementIds.forEach(function (elementId) {
-        var element = currentContentMap[elementId];
+      elementIds.forEach(elementId => {
+        const element = currentContentMap[elementId];
         updateDiffValue(diff, element, oldContentMap[element.id]);
       });
     }
@@ -254,11 +261,11 @@ var getElementDiffValue = function getElementDiffValue(currentContent, oldConten
     * oldValue: last version document
  * return { value: [], change: [] }
 */
-export var getDiff = function getDiff() {
-  var currentValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+export const getDiff = function () {
+  let currentValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
     children: []
   };
-  var oldValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+  let oldValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
     children: []
   };
   if (!currentValue && !oldValue) return {
@@ -273,16 +280,18 @@ export var getDiff = function getDiff() {
     value: normalizeChildren(currentValue.children),
     changes: []
   };
-  var _currentValue$childre = _objectSpread(_objectSpread({}, currentValue), {}, {
-      children: normalizeChildren(currentValue.children)
-    }),
-    currentVersion = _currentValue$childre.version,
-    currentContent = _currentValue$childre.children;
-  var _oldValue$children = _objectSpread(_objectSpread({}, oldValue), {}, {
-      children: normalizeChildren(oldValue.children)
-    }),
-    oldVersion = _oldValue$children.version,
-    oldContent = _oldValue$children.children;
+  const {
+    version: currentVersion,
+    children: currentContent
+  } = _objectSpread(_objectSpread({}, currentValue), {}, {
+    children: normalizeChildren(currentValue.children)
+  });
+  const {
+    version: oldVersion,
+    children: oldContent
+  } = _objectSpread(_objectSpread({}, oldValue), {}, {
+    children: normalizeChildren(oldValue.children)
+  });
   if (currentVersion === oldVersion) return {
     value: currentContent,
     changes: []

package/dist/basic-sdk/utils/document-utils.js

@@ -1,16 +1,15 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import ObjectUtils from './object-utils';
 import context from '../../context';
 import { generateDefaultText } from '../../basic-sdk/extension/core/utils/index';
 import { CLIPBOARD_ORIGIN_SDOC_KEY, ELEMENT_TYPE } from '../extension/constants';
 import { normalizeTableELement } from '../extension/plugins/table/helpers';
-export var normalizeChildren = function normalizeChildren(children) {
+export const normalizeChildren = children => {
   // text
   if (!Array.isArray(children)) return children;
 
   // element
   if (Array.isArray(children) && children.length === 0) return [generateDefaultText()];
-  return children.map(function (child) {
+  return children.map(child => {
     // child is text
     if (ObjectUtils.hasProperty(child, 'text') && !ObjectUtils.hasProperty(child, 'children')) {
       return child;
@@ -20,24 +19,22 @@ export var normalizeChildren = function normalizeChildren(children) {
     return child;
   });
 };
-export var normalizeCopyNodes = function normalizeCopyNodes(editor, elements) {
+export const normalizeCopyNodes = (editor, elements) => {
   if (!Array.isArray(elements) || elements.length === 0) return [];
-  return elements.map(function (element) {
+  return elements.map(element => {
     if (element.type === ELEMENT_TYPE.TABLE) {
       return normalizeTableELement(editor, element);
     }
     return element;
   });
 };
-export var setOriginSdocKey = function setOriginSdocKey(event) {
-  var docUuid = context.getSetting('docUuid');
+export const setOriginSdocKey = event => {
+  const docUuid = context.getSetting('docUuid');
   event.clipboardData.setData("text/".concat(CLIPBOARD_ORIGIN_SDOC_KEY), docUuid);
 };
-export var getSlateFragmentAttribute = function getSlateFragmentAttribute(dataTransfer) {
-  var catchSlateFragment = /data-slate-fragment="(.+?)"/m;
-  var htmlData = dataTransfer.getData('text/html');
-  var _ref = htmlData.match(catchSlateFragment) || [],
-    _ref2 = _slicedToArray(_ref, 2),
-    fragment = _ref2[1];
+export const getSlateFragmentAttribute = dataTransfer => {
+  const catchSlateFragment = /data-slate-fragment="(.+?)"/m;
+  const htmlData = dataTransfer.getData('text/html');
+  const [, fragment] = htmlData.match(catchSlateFragment) || [];
   return fragment;
 };

package/dist/basic-sdk/utils/dom-utils.js

@@ -1,20 +1,22 @@
-export var getDomHeight = function getDomHeight(dom) {
-  var styles = window.getComputedStyle(dom);
-  var rect = dom.getBoundingClientRect();
-  var marginTop = styles['marginTop'];
+export const getDomHeight = dom => {
+  const styles = window.getComputedStyle(dom);
+  const rect = dom.getBoundingClientRect();
+  const marginTop = styles['marginTop'];
   // margin-bottom overlaps margin-top
   // const marginBottom = styles['marginBottom'];
-  var height = rect.height;
+  const {
+    height
+  } = rect;
   return height + parseInt(marginTop);
 };
-export var getDomMarginTop = function getDomMarginTop(dom) {
-  var styles = window.getComputedStyle(dom);
-  var marginTop = styles['marginTop'];
+export const getDomMarginTop = dom => {
+  const styles = window.getComputedStyle(dom);
+  const marginTop = styles['marginTop'];
   return parseInt(marginTop);
 };
-export var getSelectionRange = function getSelectionRange() {
+export const getSelectionRange = () => {
   if (window.getSelection) {
-    var sel = window.getSelection();
+    const sel = window.getSelection();
     if (sel.getRangeAt && sel.rangeCount) {
       return sel.getRangeAt(0);
     }
@@ -23,14 +25,14 @@ export var getSelectionRange = function getSelectionRange() {
   }
   return null;
 };
-export var getCursorPosition = function getCursorPosition() {
-  var isScrollUp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  var x = 0,
+export const getCursorPosition = function () {
+  let isScrollUp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  let x = 0,
     y = 0;
-  var range = getSelectionRange();
+  let range = getSelectionRange();
   if (range) {
-    var rect = range.getBoundingClientRect();
-    var headerHeight = 100;
+    const rect = range.getBoundingClientRect();
+    const headerHeight = 100;
     x = rect.x || 0;
     if (isScrollUp) {
       y = rect.y - headerHeight;

package/dist/basic-sdk/utils/event-bus.js

@@ -1,47 +1,34 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-var EventBus = /*#__PURE__*/function () {
-  function EventBus() {
-    _classCallCheck(this, EventBus);
+class EventBus {
+  constructor() {
     this.instance = null;
     this.subscribers = {};
   }
-  _createClass(EventBus, [{
-    key: "subscribe",
-    value: function subscribe(type, handler) {
-      if (!this.subscribers[type]) {
-        this.subscribers[type] = [];
-      }
-      var handlers = this.subscribers[type];
-      handlers.push(handler);
-      return function () {
-        var index = handlers.indexOf(handler);
-        if (index > -1) {
-          handlers.splice(index, 1);
-        }
-      };
+  static getInstance() {
+    if (this.instance) return this.instance;
+    this.instance = new EventBus();
+    return this.instance;
+  }
+  subscribe(type, handler) {
+    if (!this.subscribers[type]) {
+      this.subscribers[type] = [];
     }
-  }, {
-    key: "dispatch",
-    value: function dispatch(type) {
-      for (var _len = arguments.length, data = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        data[_key - 1] = arguments[_key];
-      }
-      var handlers = this.subscribers[type];
-      if (Array.isArray(handlers)) {
-        handlers.forEach(function (handler) {
-          return handler.apply(void 0, data);
-        });
+    const handlers = this.subscribers[type];
+    handlers.push(handler);
+    return () => {
+      const index = handlers.indexOf(handler);
+      if (index > -1) {
+        handlers.splice(index, 1);
       }
+    };
+  }
+  dispatch(type) {
+    for (var _len = arguments.length, data = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      data[_key - 1] = arguments[_key];
     }
-  }], [{
-    key: "getInstance",
-    value: function getInstance() {
-      if (this.instance) return this.instance;
-      this.instance = new EventBus();
-      return this.instance;
+    const handlers = this.subscribers[type];
+    if (Array.isArray(handlers)) {
+      handlers.forEach(handler => handler(...data));
     }
-  }]);
-  return EventBus;
-}();
+  }
+}
 export default EventBus;