@seafile/comment-editor 0.0.1-alpha.4 → 0.0.1-alpha.5

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

@@ -1,281 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.convertComment = exports.checkMentionOperation = exports.CommentUtilities = void 0;
-Object.defineProperty(exports, "createNotify", {
-  enumerable: true,
-  get: function () {
-    return _notificationUtils.createNotify;
-  }
-});
-exports.focusToCommentElement = void 0;
-Object.defineProperty(exports, "generatorNotificationKey", {
-  enumerable: true,
-  get: function () {
-    return _notificationUtils.generatorNotificationKey;
-  }
-});
-exports.searchCollaborators = exports.getEventClassName = exports.getCommentElementById = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _slate = require("@seafile/slate");
-var _slateReact = require("@seafile/slate-react");
-var _constants = require("../../constants");
-var _constants2 = require("../../extension/constants");
-var _core = require("../../extension/core");
-var _helper = require("../../extension/plugins/mention/helper");
-var _getEventTransfer = _interopRequireDefault(require("./get-event-transfer"));
-var _notificationUtils = require("./notification-utils");
-const searchCollaborators = (collaborators, searchValue, editor) => {
-  const validSearchValue = searchValue ? searchValue.trim().toLowerCase() : '';
-  const validCollaborators = Array.isArray(collaborators) && collaborators.length > 0 ? collaborators : [];
-  if (!validSearchValue) return validCollaborators;
-
-  // The current character is '@' and the previous character is a null character
-  const beforeStr = (0, _helper.getPreCharacters)(editor);
-  const isEmptyStr = beforeStr.slice(-2, -1).trim().length === 0;
-  if (beforeStr.slice(-1) === '@' && isEmptyStr) {
-    return validCollaborators;
-  }
-  return validCollaborators.filter(collaborator => {
-    const {
-      name,
-      name_pinyin = ''
-    } = collaborator;
-    if (name.toString().toLowerCase().indexOf(validSearchValue) > -1) return true;
-    if (!name_pinyin) return false;
-    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;
-    const validNamePinyinList = validNamePinyin.split('\'');
-    // acronym: For example, sea table can be retrieved when searching for st.
-    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
-// 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>');
-// };
-exports.searchCollaborators = searchCollaborators;
-const convertComment = value => {
-  return value.replaceAll('<', '&lt;').replaceAll('>', '&gt;');
-};
-exports.convertComment = convertComment;
-const checkMentionOperation = event => {
-  const {
-    keyCode
-  } = event;
-  const {
-    Escape,
-    LeftArrow,
-    RightArrow
-  } = _constants.KeyCodes;
-  if (keyCode === Escape || keyCode === LeftArrow || keyCode === RightArrow) return false;
-  return true;
-};
-exports.checkMentionOperation = checkMentionOperation;
-class CommentUtilities {
-  constructor() {
-    (0, _defineProperty2.default)(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
-      });
-    });
-    (0, _defineProperty2.default)(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 '';
-          }
-      }
-    });
-    (0, _defineProperty2.default)(this, "createHtmlElement", _ref2 => {
-      let {
-        commentRef,
-        selection,
-        range,
-        content,
-        nodeType
-      } = _ref2;
-      let spanNode1;
-      let spanNode2;
-      let 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 = `@${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;
-    });
-    (0, _defineProperty2.default)(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();
-        }
-      }
-      let newRange = this.createHtmlElement({
-        selection,
-        range,
-        content: participant,
-        nodeType: 'collaborator',
-        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
-     */
-    (0, _defineProperty2.default)(this, "getAtIndexWithAnchorPosition", (anchorPosition, text) => {
-      let atIndex = -1;
-      for (let i = anchorPosition - 1; i > -1; i--) {
-        if (text[i] === '@') {
-          atIndex = i;
-          break;
-        }
-      }
-      return atIndex;
-    });
-    (0, _defineProperty2.default)(this, "onPaste", (event, callBack) => {
-      event.stopPropagation();
-      let cliperData = (0, _getEventTransfer.default)(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 {
-        event.preventDefault();
-        let text = cliperData.text;
-        if (document.queryCommandSupported('insertText')) {
-          document.execCommand('insertText', false, text);
-        } else {
-          document.execCommand('paste', false, text);
-        }
-      }
-    });
-  }
-}
-exports.CommentUtilities = CommentUtilities;
-const focusToCommentElement = (editor, element) => {
-  const path = (0, _core.findPath)(editor, element);
-  const endOfFirstNode = _slate.Editor.end(editor, path);
-  const startOfFirstNode = _slate.Editor.start(editor, path);
-  const range = {
-    anchor: [_constants2.ELEMENT_TYPE.LIST_ITEM, _constants2.ELEMENT_TYPE.ORDERED_LIST, _constants2.ELEMENT_TYPE.UNORDERED_LIST].includes(element.type) ? startOfFirstNode : endOfFirstNode,
-    focus: endOfFirstNode
-  };
-  (0, _core.focusEditor)(editor, range);
-};
-exports.focusToCommentElement = focusToCommentElement;
-const getCommentElementById = (elementId, editor) => {
-  let element = null;
-  const dom = document.querySelectorAll(`[data-id="${elementId}"]`)[0];
-  if (dom) {
-    const slateNode = _slateReact.ReactEditor.toSlateNode(editor, dom);
-    if (slateNode) {
-      element = slateNode;
-    }
-  }
-  return element;
-};
-exports.getCommentElementById = getCommentElementById;
-const getEventClassName = e => {
-  // svg mouseEvent event.target.className is an object
-  if (!e || !e.target) return '';
-  return e.target.getAttribute('class') || '';
-};
-exports.getEventClassName = getEventClassName;

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

@@ -1,62 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generatorNotificationKey = exports.createNotify = void 0;
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _relativeTime = _interopRequireDefault(require("dayjs/plugin/relativeTime"));
-var _context = _interopRequireDefault(require("../../context"));
-_dayjs.default.extend(_relativeTime.default);
-const PERMISSION_GRANTED = 'granted';
-const notify = ($title, $options) => {
-  const notification = new Notification($title, $options);
-
-  // auto clear notifications
-  const timer = setTimeout(notification.close.bind(notification), 5000);
-  notification.onshow = function (event) {
-    const {
-      mediaUrl
-    } = _context.default.getSetting('mediaUrl');
-    let newAudioElement = document.createElement('audio');
-    newAudioElement.setAttribute('src', `${mediaUrl}audio/classic.mp3`);
-    newAudioElement.setAttribute('autoplay', 'autoplay');
-    newAudioElement.setAttribute('id', 'seatable-audio');
-    let audioElement = document.getElementById('seatable-audio');
-    if (audioElement) {
-      document.body.removeChild(audioElement);
-    }
-    document.body.appendChild(newAudioElement);
-  };
-  notification.onclose = function () {
-    clearTimeout(timer);
-  };
-  notification.onclick = function () {
-    notification.close();
-  };
-};
-const createNotify = (title, options) => {
-  // Let's check if the browser supports notifications
-  if (!('Notification' in window)) {
-    return false;
-  }
-  if (Notification.permission === PERMISSION_GRANTED) {
-    notify(title, options);
-  } else {
-    Notification.requestPermission(res => {
-      if (res === PERMISSION_GRANTED) {
-        notify(title, options);
-      }
-    });
-  }
-};
-exports.createNotify = createNotify;
-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_${validCommentId}`;
-  return `sdoc_notification_${validCommentId}_${validReplyId}`;
-};
-exports.generatorNotificationKey = generatorNotificationKey;

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

@@ -1,299 +0,0 @@
-"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 _slate = require("@seafile/slate");
-var _deepCopy = _interopRequireDefault(require("deep-copy"));
-var _helper = require("../cursor/helper");
-var _core = require("../extension/core");
-var OPERATION = _interopRequireWildcard(require("../node-id/constants"));
-const getNodePathById = function (rootNode, nodeId) {
-  let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  if (rootNode.id === nodeId) return path;
-  const {
-    children = []
-  } = rootNode;
-  for (let i = 0; i < children.length; i++) {
-    const child = children[i];
-    path.push(i);
-    const nodePath = getNodePathById(child, nodeId, path);
-    if (nodePath) return nodePath;
-    path.pop();
-  }
-  return null;
-};
-exports.getNodePathById = getNodePathById;
-const validateOperation = (editor, operation) => {
-  let isValid = false;
-  let newOperation = (0, _deepCopy.default)(operation);
-  const {
-    type
-  } = newOperation;
-  switch (type) {
-    case OPERATION.INSERT_TEXT:
-    case OPERATION.REMOVE_TEXT:
-      {
-        const {
-          node_id,
-          path
-        } = newOperation;
-        const node = (0, _core.getNode)(editor, path);
-        // node is exist and node path is not changed
-        if (node && node.id === node_id) {
-          isValid = true;
-          break;
-        }
-
-        // node is exist but node path is changed
-        const nodePath = getNodePathById(editor, node_id);
-        if (nodePath) {
-          isValid = true;
-          newOperation.path = nodePath;
-          break;
-        }
-        // node is not exist
-        isValid = false;
-        break;
-      }
-    case OPERATION.INSERT_NODE:
-      {
-        let {
-          parent_node_id,
-          path
-        } = newOperation;
-        const parentNodePath = getNodePathById(editor, parent_node_id);
-        if (!parentNodePath) {
-          isValid = false;
-          break;
-        }
-        const parentPath = path.slice(0, path.length - 1);
-        if (parentPath.join() === parentNodePath.join()) {
-          isValid = true;
-          break;
-        }
-
-        // reset insert node path
-        const parentNode = (0, _core.getNode)(editor, path);
-        if (parentNode) {
-          const childLength = parentNode.children.length;
-          const index = Math.min(path[path.length - 1], childLength);
-          newOperation.path = parentNodePath.concat([index]);
-          isValid = true;
-        }
-        break;
-      }
-    case OPERATION.REMOVE_NODE:
-      {
-        const {
-          node_id,
-          path
-        } = newOperation;
-        const node = (0, _core.getNode)(editor, path);
-        // node is exist and node path is not changed
-        if (node && node.id === node_id) {
-          isValid = true;
-          break;
-        }
-
-        // node is exist but node path is changed
-        const nodePath = getNodePathById(editor, node_id);
-        if (nodePath) {
-          isValid = true;
-          newOperation.path = nodePath;
-          break;
-        }
-
-        // node is not exist
-        isValid = false;
-        break;
-      }
-    case OPERATION.MERGE_NODE:
-      {
-        // merge next node into prev node
-        const {
-          node_id,
-          path
-        } = newOperation;
-        const node = (0, _core.getNode)(editor, path);
-        // node is exist and node path is not changed
-        if (node && node.id === node_id) {
-          isValid = true;
-          break;
-        }
-
-        // node is exist but node path is changed
-        const nodePath = getNodePathById(editor, node_id);
-        if (nodePath) {
-          isValid = true;
-          newOperation.path = nodePath;
-          break;
-        }
-
-        // node is not exist
-        isValid = false;
-        break;
-      }
-    case OPERATION.SPLIT_NODE:
-      {
-        const {
-          node_id,
-          path
-        } = newOperation;
-        const node = (0, _core.getNode)(editor, path);
-        // node is exist and node path is not changed
-        if (node && node.id === node_id) {
-          isValid = true;
-          break;
-        }
-
-        // node is exist but node path is changed
-        const nodePath = getNodePathById(editor, node_id);
-        if (nodePath) {
-          isValid = true;
-          newOperation.path = nodePath;
-          break;
-        }
-
-        // node is not exist
-        isValid = false;
-        break;
-      }
-    case OPERATION.SET_NODE:
-      {
-        const {
-          node_id,
-          path,
-          properties
-        } = newOperation;
-        const node = (0, _core.getNode)(editor, path);
-        // node is exist and node path is not changed
-        if (node && node.id === node_id) {
-          isValid = true;
-          newOperation.properties = {
-            ...properties,
-            type: node.type
-          };
-          break;
-        }
-
-        // node is exist but node path is changed
-        const nodePath = getNodePathById(editor, node_id);
-        if (nodePath) {
-          isValid = true;
-          const node = (0, _core.getNode)(editor, nodePath);
-          newOperation.properties = {
-            ...properties,
-            type: node.type
-          };
-          newOperation.path = nodePath;
-          break;
-        }
-
-        // node is not exist
-        isValid = false;
-        break;
-      }
-    case OPERATION.MOVE_NODE:
-      {
-        const {
-          node_id,
-          path
-        } = newOperation;
-        const node = (0, _core.getNode)(editor, path);
-        // node is exist and node path is not changed
-        if (node && node.id === node_id) {
-          isValid = true;
-          break;
-        }
-
-        // TODO: newPath can not calculate by nodePath
-        // node is exist but node path is changed
-        // const nodePath = getNodePathById(editor, node_id);
-        // if (nodePath) {}
-
-        // node is not exist
-        isValid = false;
-        break;
-      }
-    default:
-      {
-        // set_selection
-        break;
-      }
-  }
-  if (isValid) return newOperation;
-  return isValid;
-};
-exports.validateOperation = validateOperation;
-const getRevertOperationList = operationList => {
-  if (operationList.length === 0) return [];
-
-  // Generate a duplicate operationList, The original value cannot be modified here
-  let revertOperationList = (0, _deepCopy.default)(operationList);
-  revertOperationList = revertOperationList.reverse();
-  return revertOperationList.map(operations => {
-    const ops = operations.reverse();
-    return ops.map(item => _slate.Operation.inverse(item));
-  });
-};
-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];
-    _slate.Editor.withoutNormalizing(editor, () => {
-      for (let j = 0; j < operations.length; j++) {
-        const op = operations[j];
-        editor.apply(op);
-      }
-    });
-  }
-};
-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];
-    _slate.Editor.withoutNormalizing(editor, () => {
-      for (let j = 0; j < operations.length; j++) {
-        const op = validateOperation(editor, operations[j]);
-        if (op) {
-          editor.apply(op);
-        }
-      }
-    });
-  }
-};
-exports.reExecRevertOperationList = reExecRevertOperationList;
-const syncRemoteOperations = (editor, remoteOperations) => {
-  if (remoteOperations.length === 0) return;
-  _slate.Editor.withoutNormalizing(editor, () => {
-    for (let i = 0; i < remoteOperations.length; i++) {
-      const op = remoteOperations[i];
-      if (op.type === 'set_selection') {
-        continue;
-      }
-      editor.apply(op);
-    }
-  });
-};
-exports.syncRemoteOperations = syncRemoteOperations;
-const syncRemoteCursorLocation = (editor, user, location, cursorData) => {
-  const currentUser = editor.user;
-  if (user && user.username !== currentUser.username) {
-    (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,20 +0,0 @@
-"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 _socketManager = _interopRequireDefault(require("./socket-manager"));
-var _withSocketIo = _interopRequireDefault(require("./with-socket-io"));