@seafile/sdoc-editor 0.3.6 → 0.3.7

package/dist/basic-sdk/comment/utils/index.js

@@ -1,207 +1,214 @@
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import { getEventTransfer } from '../../../utils';
 import { COMMENT_URL_CLASSNAME } from '../constants';
 import { KeyCodes } from '../../../constants';
 import { createNotify, generatorNotificationKey } from './notification-utils';
-export var searchCollaborators = function searchCollaborators(collaborators, searchValue) {
-  var validSearchValue = searchValue ? searchValue.trim().toLowerCase() : '';
-  var validCollaborators = Array.isArray(collaborators) && collaborators.length > 0 ? collaborators : [];
+export const searchCollaborators = (collaborators, searchValue) => {
+  const validSearchValue = searchValue ? searchValue.trim().toLowerCase() : '';
+  const validCollaborators = Array.isArray(collaborators) && collaborators.length > 0 ? collaborators : [];
   if (!validSearchValue) return validCollaborators;
-  return validCollaborators.filter(function (collaborator) {
-    var name = collaborator.name,
-      _collaborator$name_pi = collaborator.name_pinyin,
-      name_pinyin = _collaborator$name_pi === void 0 ? '' : _collaborator$name_pi;
+  return validCollaborators.filter(collaborator => {
+    const {
+      name,
+      name_pinyin = ''
+    } = collaborator;
     if (name.toString().toLowerCase().indexOf(validSearchValue) > -1) return true;
     if (!name_pinyin) return false;
-    var validNamePinyin = name_pinyin.toString().toLowerCase();
-    var validSearchPinyinValue = validSearchValue.replace(/ |'/g, '');
+    const validNamePinyin = name_pinyin.toString().toLowerCase();
+    const validSearchPinyinValue = validSearchValue.replace(/ |'/g, '');
 
     // complete: For example, seatable can be retrieved when searching for sea.
     if (validNamePinyin.indexOf(validSearchPinyinValue) > -1) return true;
     if (validNamePinyin.replace(/'/g, '').indexOf(validSearchPinyinValue) > -1) return true;
-    var validNamePinyinList = validNamePinyin.split('\'');
+    const validNamePinyinList = validNamePinyin.split('\'');
     // acronym: For example, sea table can be retrieved when searching for st.
-    var namePinyinAcronym = validNamePinyinList.map(function (item) {
-      return item && item.trim() ? item.trim().slice(0, 1) : '';
-    });
+    const namePinyinAcronym = validNamePinyinList.map(item => item && item.trim() ? item.trim().slice(0, 1) : '');
     if (namePinyinAcronym.join('').indexOf(validSearchPinyinValue) > -1) return true;
     return false;
   });
 };
 
 // Mailto, file, tel, callto, sms, cid, xmpp, etc. are not support
-var ALLOWED_URL_REG = /((http|https):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|])/g;
-export var textToHtml = function textToHtml(text) {
+const ALLOWED_URL_REG = /((http|https):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|])/g;
+export const textToHtml = text => {
   if (!text) return '';
   return text.replace(ALLOWED_URL_REG, '<a href="$1" target="_blank" class=' + COMMENT_URL_CLASSNAME + '>$1</a>');
 };
-export var convertComment = function convertComment(value) {
+export const convertComment = value => {
   return value.replaceAll('<', '&lt;').replaceAll('>', '&gt;');
 };
-export var checkMentionOperation = function checkMentionOperation(event) {
-  var keyCode = event.keyCode;
-  var Escape = KeyCodes.Escape,
-    LeftArrow = KeyCodes.LeftArrow,
-    RightArrow = KeyCodes.RightArrow;
+export const checkMentionOperation = event => {
+  const {
+    keyCode
+  } = event;
+  const {
+    Escape,
+    LeftArrow,
+    RightArrow
+  } = KeyCodes;
   if (keyCode === Escape || keyCode === LeftArrow || keyCode === RightArrow) return false;
   return true;
 };
-var CommentUtilities = /*#__PURE__*/_createClass(function CommentUtilities() {
-  var _this = this;
-  _classCallCheck(this, CommentUtilities);
-  this.onInsertElement = function (_ref) {
-    var commentRef = _ref.commentRef,
-      selection = _ref.selection,
-      range = _ref.range,
-      content = _ref.content,
-      nodeType = _ref.nodeType;
-    if (range) {
-      selection.removeAllRanges();
-      selection.addRange(range);
-    }
-    return _this.createHtmlElement({
-      commentRef: commentRef,
-      selection: selection,
-      range: range,
-      content: content,
-      nodeType: nodeType
-    });
-  };
-  this.getHtmlElement = function (nodeType, content) {
-    switch (nodeType) {
-      case 'image':
-        {
-          var parentElement = document.createElement('div');
-          parentElement.className = 'image-container';
-          parentElement.contentEditable = 'false';
-          var imageContainer = document.createElement('img');
-          imageContainer.src = content;
-          imageContainer.height = 60;
-          parentElement.appendChild(imageContainer);
-          return parentElement.outerHTML;
-        }
-      default:
-        {
-          return '';
+class CommentUtilities {
+  constructor() {
+    this.onInsertElement = _ref => {
+      let {
+        commentRef,
+        selection,
+        range,
+        content,
+        nodeType
+      } = _ref;
+      if (range) {
+        selection.removeAllRanges();
+        selection.addRange(range);
+      }
+      return this.createHtmlElement({
+        commentRef,
+        selection,
+        range,
+        content,
+        nodeType
+      });
+    };
+    this.getHtmlElement = (nodeType, content) => {
+      switch (nodeType) {
+        case 'image':
+          {
+            let parentElement = document.createElement('div');
+            parentElement.className = 'image-container';
+            parentElement.contentEditable = 'false';
+            let imageContainer = document.createElement('img');
+            imageContainer.src = content;
+            imageContainer.height = 60;
+            parentElement.appendChild(imageContainer);
+            return parentElement.outerHTML;
+          }
+        default:
+          {
+            return '';
+          }
+      }
+    };
+    this.createHtmlElement = _ref2 => {
+      let {
+        commentRef,
+        selection,
+        range,
+        content,
+        nodeType
+      } = _ref2;
+      let spanNode1, spanNode2, imageContainer;
+      if (nodeType === 'image') {
+        spanNode1 = document.createElement('div');
+        spanNode1.className = 'image-container';
+        spanNode1.contentEditable = 'false';
+        imageContainer = document.createElement('img');
+        imageContainer.src = content;
+        imageContainer.height = 60;
+        spanNode1.appendChild(imageContainer);
+        spanNode2 = document.createElement('span');
+        spanNode2.innerHTML = ' ';
+      }
+      if (nodeType === 'collaborator') {
+        spanNode1 = document.createElement('span');
+        spanNode2 = document.createElement('span');
+        spanNode1.className = 'at-text';
+        spanNode1.innerHTML = "@".concat(content.name);
+        spanNode2.innerHTML = '&nbsp;';
+      }
+      let frag = document.createDocumentFragment();
+      frag.appendChild(spanNode1);
+      const lastNode = frag.appendChild(spanNode2);
+      if (range) {
+        range.insertNode(frag);
+      } else {
+        commentRef.current.appendChild(frag);
+        range = selection.getRangeAt(0);
+      }
+      if (lastNode) {
+        range = range.cloneRange();
+        range.setStartAfter(lastNode);
+        range.collapse(true);
+        selection.removeAllRanges();
+        selection.addRange(range);
+      }
+      return range;
+    };
+    this.onSelectParticipant = _ref3 => {
+      let {
+        selection,
+        range,
+        participant,
+        callBack,
+        commentRef
+      } = _ref3;
+      if (range) {
+        // delete '@xxx';
+        selection.removeAllRanges();
+        selection.addRange(range);
+        const textNode = range.startContainer;
+        const atIndex = this.getAtIndexWithAnchorPosition(range.startOffset, textNode.data);
+        if (atIndex > -1) {
+          range.setStart(textNode, atIndex);
+          range.setEnd(textNode, range.endOffset);
+          range.deleteContents();
         }
-    }
-  };
-  this.createHtmlElement = function (_ref2) {
-    var commentRef = _ref2.commentRef,
-      selection = _ref2.selection,
-      range = _ref2.range,
-      content = _ref2.content,
-      nodeType = _ref2.nodeType;
-    var spanNode1, spanNode2, imageContainer;
-    if (nodeType === 'image') {
-      spanNode1 = document.createElement('div');
-      spanNode1.className = 'image-container';
-      spanNode1.contentEditable = 'false';
-      imageContainer = document.createElement('img');
-      imageContainer.src = content;
-      imageContainer.height = 60;
-      spanNode1.appendChild(imageContainer);
-      spanNode2 = document.createElement('span');
-      spanNode2.innerHTML = ' ';
-    }
-    if (nodeType === 'collaborator') {
-      spanNode1 = document.createElement('span');
-      spanNode2 = document.createElement('span');
-      spanNode1.className = 'at-text';
-      spanNode1.innerHTML = "@".concat(content.name);
-      spanNode2.innerHTML = '&nbsp;';
-    }
-    var frag = document.createDocumentFragment();
-    frag.appendChild(spanNode1);
-    var lastNode = frag.appendChild(spanNode2);
-    if (range) {
-      range.insertNode(frag);
-    } else {
-      commentRef.current.appendChild(frag);
-      range = selection.getRangeAt(0);
-    }
-    if (lastNode) {
-      range = range.cloneRange();
-      range.setStartAfter(lastNode);
-      range.collapse(true);
-      selection.removeAllRanges();
-      selection.addRange(range);
-    }
-    return range;
-  };
-  this.onSelectParticipant = function (_ref3) {
-    var selection = _ref3.selection,
-      range = _ref3.range,
-      participant = _ref3.participant,
-      callBack = _ref3.callBack,
-      commentRef = _ref3.commentRef;
-    if (range) {
-      // delete '@xxx';
-      selection.removeAllRanges();
-      selection.addRange(range);
-      var textNode = range.startContainer;
-      var atIndex = _this.getAtIndexWithAnchorPosition(range.startOffset, textNode.data);
-      if (atIndex > -1) {
-        range.setStart(textNode, atIndex);
-        range.setEnd(textNode, range.endOffset);
-        range.deleteContents();
       }
-    }
-    var newRange = _this.createHtmlElement({
-      selection: selection,
-      range: range,
-      content: participant,
-      nodeType: 'collaborator',
-      commentRef: commentRef
-    });
-    if (callBack) {
-      callBack();
-    }
-    if (commentRef.current) {
-      commentRef.current.focus();
-    }
-    return newRange;
-  };
-  /**
-   * get the index of '@' from anchor position.
-   * @param {*} anchorPosition '@text|anchor position|'
-   * @param {*} text '@abc'
-   * @returns index
-   * e.g. '@abc|anchor position|' // 0
-   *      '@123 @|anchor position| @abc' // 5
-   */
-  this.getAtIndexWithAnchorPosition = function (anchorPosition, text) {
-    var atIndex = -1;
-    for (var i = anchorPosition - 1; i > -1; i--) {
-      if (text[i] === '@') {
-        atIndex = i;
-        break;
+      let newRange = this.createHtmlElement({
+        selection,
+        range,
+        content: participant,
+        nodeType: 'collaborator',
+        commentRef
+      });
+      if (callBack) {
+        callBack();
       }
-    }
-    return atIndex;
-  };
-  this.onPaste = function (event, callBack) {
-    event.stopPropagation();
-    var cliperData = getEventTransfer(event);
-    if (cliperData.files) {
-      var file = cliperData.files[0];
-      var isImage = /image/i.test(file.type);
-      if (isImage) {
-        event.preventDefault();
-        if (callBack) {
-          callBack(cliperData.files);
+      if (commentRef.current) {
+        commentRef.current.focus();
+      }
+      return newRange;
+    };
+    /**
+     * get the index of '@' from anchor position.
+     * @param {*} anchorPosition '@text|anchor position|'
+     * @param {*} text '@abc'
+     * @returns index
+     * e.g. '@abc|anchor position|' // 0
+     *      '@123 @|anchor position| @abc' // 5
+     */
+    this.getAtIndexWithAnchorPosition = (anchorPosition, text) => {
+      let atIndex = -1;
+      for (let i = anchorPosition - 1; i > -1; i--) {
+        if (text[i] === '@') {
+          atIndex = i;
+          break;
         }
       }
-    } else {
-      event.preventDefault();
-      var text = cliperData.text;
-      if (document.queryCommandSupported('insertText')) {
-        document.execCommand('insertText', false, text);
+      return atIndex;
+    };
+    this.onPaste = (event, callBack) => {
+      event.stopPropagation();
+      let cliperData = getEventTransfer(event);
+      if (cliperData.files) {
+        let file = cliperData.files[0];
+        let isImage = /image/i.test(file.type);
+        if (isImage) {
+          event.preventDefault();
+          if (callBack) {
+            callBack(cliperData.files);
+          }
+        }
       } else {
-        document.execCommand('paste', false, text);
+        event.preventDefault();
+        let text = cliperData.text;
+        if (document.queryCommandSupported('insertText')) {
+          document.execCommand('insertText', false, text);
+        } else {
+          document.execCommand('paste', false, text);
+        }
       }
-    }
-  };
-});
+    };
+  }
+}
 export { CommentUtilities, createNotify, generatorNotificationKey };

package/dist/basic-sdk/comment/utils/notification-utils.js

@@ -2,20 +2,21 @@ import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import context from '../../../context';
 dayjs.extend(relativeTime);
-var PERMISSION_GRANTED = 'granted';
-var notify = function notify($title, $options) {
-  var notification = new Notification($title, $options);
+const PERMISSION_GRANTED = 'granted';
+const notify = ($title, $options) => {
+  const notification = new Notification($title, $options);
 
   // auto clear notifications
-  var timer = setTimeout(notification.close.bind(notification), 5000);
+  const timer = setTimeout(notification.close.bind(notification), 5000);
   notification.onshow = function (event) {
-    var _context$getSetting = context.getSetting('mediaUrl'),
-      mediaUrl = _context$getSetting.mediaUrl;
-    var newAudioElement = document.createElement('audio');
+    const {
+      mediaUrl
+    } = context.getSetting('mediaUrl');
+    let newAudioElement = document.createElement('audio');
     newAudioElement.setAttribute('src', "".concat(mediaUrl, "audio/classic.mp3"));
     newAudioElement.setAttribute('autoplay', 'autoplay');
     newAudioElement.setAttribute('id', 'seatable-audio');
-    var audioElement = document.getElementById('seatable-audio');
+    let audioElement = document.getElementById('seatable-audio');
     if (audioElement) {
       document.body.removeChild(audioElement);
     }
@@ -28,7 +29,7 @@ var notify = function notify($title, $options) {
     notification.close();
   };
 };
-export var createNotify = function createNotify(title, options) {
+export const createNotify = (title, options) => {
   // Let's check if the browser supports notifications
   if (!('Notification' in window)) {
     return false;
@@ -36,17 +37,17 @@ export var createNotify = function createNotify(title, options) {
   if (Notification.permission === PERMISSION_GRANTED) {
     notify(title, options);
   } else {
-    Notification.requestPermission(function (res) {
+    Notification.requestPermission(res => {
       if (res === PERMISSION_GRANTED) {
         notify(title, options);
       }
     });
   }
 };
-export var generatorNotificationKey = function generatorNotificationKey(commentId) {
-  var replyId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  var validCommentId = commentId + '';
-  var validReplyId = replyId + '';
+export const generatorNotificationKey = function (commentId) {
+  let replyId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  const validCommentId = commentId + '';
+  const validReplyId = replyId + '';
   if (!validReplyId) return "sdoc_notification_".concat(validCommentId);
   return "sdoc_notification_".concat(validCommentId, "_").concat(validReplyId);
 };

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

@@ -1,4 +1,4 @@
-export var INTERNAL_EVENT = {
+export const INTERNAL_EVENT = {
   CANCEL_TABLE_SELECT_RANGE: 'cancel_table_select_range',
   SET_TABLE_SELECT_RANGE: 'set_table_select_range',
   HIDDEN_CODE_BLOCK_HOVER_MENU: 'hidden_code_block_hover_menu',
@@ -14,30 +14,30 @@ export var INTERNAL_EVENT = {
   COMMENT_LIST_CLICK: 'comment_list_click',
   UNSEEN_NOTIFICATIONS_COUNT: 'unseen_notifications_count'
 };
-export var REVISION_DIFF_KEY = 'diff';
-export var REVISION_DIFF_VALUE = '1';
-export var PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
+export const REVISION_DIFF_KEY = 'diff';
+export const REVISION_DIFF_VALUE = '1';
+export const PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
 
-export var MODIFY_TYPE = {
+export const MODIFY_TYPE = {
   ADD: 'add',
   DELETE: 'delete',
   MODIFY: 'modify',
   CHILDREN_MODIFY: 'children_modify'
 };
-export var REBASE_TYPE = {
+export const REBASE_TYPE = {
   MODIFY_MODIFY: 'modify_modify',
   DELETE_MODIFY: 'delete_modify',
   MODIFY_DELETE: 'modify_delete',
   CHILDREN_MODIFY: 'children_modify'
 };
-export var REBASE_MARK_KEY = {
+export const REBASE_MARK_KEY = {
   ORIGIN: 'origin',
   REBASE_TYPE: 'rebase_type',
   MODIFY_TYPE: 'modify_type',
   OLD_ELEMENT: 'old_element'
 };
-export var REBASE_ORIGIN = {
+export const REBASE_ORIGIN = {
   OTHER: 'other',
   MY: 'my'
 };
-export var REBASE_MARKS = [REBASE_MARK_KEY.ORIGIN, REBASE_MARK_KEY.REBASE_TYPE, REBASE_MARK_KEY.MODIFY_TYPE, REBASE_MARK_KEY.OLD_ELEMENT];
+export const REBASE_MARKS = [REBASE_MARK_KEY.ORIGIN, REBASE_MARK_KEY.REBASE_TYPE, REBASE_MARK_KEY.MODIFY_TYPE, REBASE_MARK_KEY.OLD_ELEMENT];

package/dist/basic-sdk/cursor/helper.js

@@ -4,12 +4,14 @@ import randomColor from 'randomcolor';
 // selection: { anchor, focus }
 // cursor: { anchor, focus }
 
-export var setCursor = function setCursor(editor, user, location, cursorData) {
-  var clientId = user.username;
+export const setCursor = (editor, user, location, cursorData) => {
+  const {
+    username: clientId
+  } = user;
   if (!editor.cursors) editor.cursors = {};
   if (location) {
-    var oldCursor = editor.cursors[clientId] ? editor.cursors[clientId] : {};
-    var newCursorData = _objectSpread(_objectSpread(_objectSpread({}, oldCursor), location), cursorData);
+    const oldCursor = editor.cursors[clientId] ? editor.cursors[clientId] : {};
+    const newCursorData = _objectSpread(_objectSpread(_objectSpread({}, oldCursor), location), cursorData);
     editor.cursors[clientId] = newCursorData;
   } else {
     delete editor.cursors[clientId];
@@ -17,19 +19,21 @@ export var setCursor = function setCursor(editor, user, location, cursorData) {
   editor.cursors = _objectSpread({}, editor.cursors);
   return editor;
 };
-export var deleteCursor = function deleteCursor(editor, username) {
+export const deleteCursor = (editor, username) => {
   delete editor.cursors[username];
   editor.cursors = _objectSpread({}, editor.cursors);
   return editor;
 };
-export var generateCursorData = function generateCursorData(config) {
-  var user = config.user;
-  var options = {
+export const generateCursorData = config => {
+  const {
+    user
+  } = config;
+  const options = {
     luminosity: 'dark',
     format: 'rgba',
     alpha: 1
   };
-  var color = randomColor(options);
+  const color = randomColor(options);
   return {
     name: user.name,
     cursor_color: color

package/dist/basic-sdk/cursor/use-cursors.js

@@ -1,24 +1,20 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useEffect, useState } from 'react';
-export var useCursors = function useCursors(editor) {
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    cursors = _useState2[0],
-    setCursors = _useState2[1];
-  useEffect(function () {
-    var cursors = Object.values(editor.cursors) || [];
+export const useCursors = editor => {
+  const [cursors, setCursors] = useState([]);
+  useEffect(() => {
+    const cursors = Object.values(editor.cursors) || [];
     setCursors(cursors);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  useEffect(function () {
-    editor.onCursor = function (editorCursors) {
-      var cursors = Object.values(editorCursors) || [];
+  useEffect(() => {
+    editor.onCursor = editorCursors => {
+      const cursors = Object.values(editorCursors) || [];
       setCursors(cursors);
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return {
-    cursors: cursors,
-    setCursors: setCursors
+    cursors,
+    setCursors
   };
 };

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

@@ -1,19 +1,18 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import { commentDecorate } from '../comment/comment-decorate';
 import { highlightDecorate } from '../highlight';
 import useSelectionUpdate from '../hooks/use-selection-update';
-var pluginDecorates = [highlightDecorate, commentDecorate];
-export var usePipDecorate = function usePipDecorate(editor) {
+const pluginDecorates = [highlightDecorate, commentDecorate];
+export const usePipDecorate = editor => {
   useSelectionUpdate();
-  var decorates = pluginDecorates.map(function (decorate) {
+  const decorates = pluginDecorates.map(decorate => {
     return decorate(editor);
   });
-  return function (entry) {
-    var ranges = [];
-    var addRanges = function addRanges(newRanges) {
-      if (newRanges === null || newRanges === void 0 ? void 0 : newRanges.length) ranges = [].concat(_toConsumableArray(ranges), _toConsumableArray(newRanges));
+  return entry => {
+    let ranges = [];
+    const addRanges = newRanges => {
+      if (newRanges === null || newRanges === void 0 ? void 0 : newRanges.length) ranges = [...ranges, ...newRanges];
     };
-    decorates.forEach(function (decorate) {
+    decorates.forEach(decorate => {
       addRanges(decorate(entry));
     });
     return ranges;