@seafile/comment-editor 0.0.1-alpha.9 → 0.0.2-alpha.0

package/dist/basic-sdk/extension/plugins/wiki-link/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _elementType = require("../../constants/element-type");
-var _plugin = _interopRequireDefault(require("../sdoc-link/plugin"));
-var _renderElem = _interopRequireDefault(require("../sdoc-link/render/render-elem"));
-const WikiLinkPlugin = {
-  type: _elementType.WIKI_LINK,
-  editorPlugin: _plugin.default,
-  renderElements: [_renderElem.default]
-};
-var _default = exports.default = WikiLinkPlugin;

package/dist/basic-sdk/extension/render/helper.js

@@ -1,64 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setMouseEnter = exports.setDataRoot = exports.onMouseEnter = exports.onDrop = exports.onDragOver = exports.onDragLeave = void 0;
-var _slate = require("@seafile/slate");
-var _constants = require("../../constants");
-var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
-var _constants2 = require("../constants");
-var _core = require("../core");
-const isNeedAddMouseEnterEvent = (editor, element) => {
-  const elementPath = (0, _core.findPath)(editor, element);
-  // If the element is the root element, return true
-  if (elementPath.length <= 1) return true;
-  // If the element type is not in filter list, return true
-  if (!Reflect.ownKeys(_constants2.MOUSE_ENTER_EVENT_DISABLED_MAP).includes(element.type)) return true;
-  const disableEventEntry = _slate.Editor.above(editor, {
-    match: n => _constants2.MOUSE_ENTER_EVENT_DISABLED_MAP[element.type].includes(n.type),
-    mode: 'highest',
-    at: elementPath
-  });
-  return !disableEventEntry;
-};
-const setMouseEnter = (editor, element, attributes) => {
-  if (!isNeedAddMouseEnterEvent(editor, element)) return;
-  attributes['onMouseEnter'] = e => onMouseEnter(e, element);
-};
-exports.setMouseEnter = setMouseEnter;
-const setDataRoot = (element, attributes) => {
-  if (!_constants2.ROOT_ELEMENT_TYPES.includes(element.type)) return;
-  attributes['data-root'] = 'true';
-};
-exports.setDataRoot = setDataRoot;
-const onMouseEnter = (event, element) => {
-  event.stopPropagation();
-  const eventBus = _eventBus.default.getInstance();
-  eventBus.dispatch(_constants.INTERNAL_EVENT.ON_MOUSE_ENTER_BLOCK, event);
-};
-exports.onMouseEnter = onMouseEnter;
-const onDragOver = event => {
-  event.stopPropagation();
-  event.preventDefault();
-  const dragTypes = event.dataTransfer.types;
-  if (dragTypes.includes(_constants2.TABLE_DRAG_KEY)) return;
-  const eventBus = _eventBus.default.getInstance();
-  eventBus.dispatch(_constants.INTERNAL_EVENT.ON_DRAG_OVER_BLOCK, event);
-};
-exports.onDragOver = onDragOver;
-const onDragLeave = event => {
-  event.stopPropagation();
-  event.preventDefault();
-  const eventBus = _eventBus.default.getInstance();
-  eventBus.dispatch(_constants.INTERNAL_EVENT.ON_DRAG_LEAVE_BLOCK, event);
-};
-exports.onDragLeave = onDragLeave;
-const onDrop = event => {
-  event.stopPropagation();
-  event.preventDefault();
-  const eventBus = _eventBus.default.getInstance();
-  eventBus.dispatch(_constants.INTERNAL_EVENT.ON_DRAG_DROP_BLOCK, event);
-};
-exports.onDrop = onDrop;

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

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SetNodeToDecorations", {
-  enumerable: true,
-  get: function () {
-    return _setNodeToDecorations.SetNodeToDecorations;
-  }
-});
-exports.highlightDecorate = void 0;
-var _slate = require("@seafile/slate");
-var _constants = require("../extension/constants");
-var _setNodeToDecorations = require("./setNodeToDecorations");
-const highlightDecorate = editor => _ref => {
-  let [node, path] = _ref;
-  let ranges = [];
-  if (_slate.Element.isElement(node) && node.type === _constants.CODE_LINE) {
-    var _editor$nodeToDecorat;
-    ranges = (editor === null || editor === void 0 ? void 0 : (_editor$nodeToDecorat = editor.nodeToDecorations) === null || _editor$nodeToDecorat === void 0 ? void 0 : _editor$nodeToDecorat.get(node)) || [];
-    return ranges;
-  }
-  return ranges;
-};
-exports.highlightDecorate = highlightDecorate;

package/dist/basic-sdk/highlight/setNodeToDecorations.js

@@ -1,83 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SetNodeToDecorations = void 0;
-var _slate = require("@seafile/slate");
-var _slateReact = require("@seafile/slate-react");
-var _constants = require("../extension/constants");
-var _helpers = require("../extension/plugins/code-block/helpers");
-var _prismjs = _interopRequireWildcard(require("../extension/plugins/code-block/prismjs"));
-const mergeMaps = function () {
-  const map = new Map();
-  for (var _len = arguments.length, maps = new Array(_len), _key = 0; _key < _len; _key++) {
-    maps[_key] = arguments[_key];
-  }
-  for (const m of maps) {
-    for (const item of m) {
-      map.set(...item);
-    }
-  }
-  return map;
-};
-const getChildNodeToDecorations = _ref => {
-  let [block, blockPath] = _ref;
-  const nodeToDecorations = new Map();
-  const text = block.children.map(line => _slate.Node.string(line)).join('\n');
-  const language = (0, _helpers.getValidLang)(block.language);
-  let tokens = _prismjs.default.tokenize(text, _prismjs.default.languages[language]);
-  if (Object.keys(_prismjs.normalizeTokensByLanguageType).includes(language)) {
-    tokens = _prismjs.normalizeTokensByLanguageType[language](tokens);
-  }
-  const normalizedTokens = (0, _prismjs.normalizeTokens)(tokens); // make tokens flat and grouped by line
-  const blockChildren = block.children;
-  for (let index = 0; index < normalizedTokens.length; index++) {
-    const tokens = normalizedTokens[index];
-    const element = blockChildren[index];
-    if (element) {
-      if (!nodeToDecorations.has(element)) {
-        nodeToDecorations.set(element, []);
-      }
-    }
-    let start = 0;
-    for (const token of tokens) {
-      const length = token.content.length;
-      if (!length) {
-        continue;
-      }
-      const end = start + length;
-      const path = [...blockPath, index, 0];
-      const range = {
-        anchor: {
-          path,
-          offset: start
-        },
-        focus: {
-          path,
-          offset: end
-        },
-        token: true,
-        ...Object.fromEntries(token.types.map(type => [type, true]))
-      };
-      if (nodeToDecorations.get(element)) {
-        nodeToDecorations.get(element).push(range);
-      }
-      start = end;
-    }
-  }
-  return nodeToDecorations;
-};
-const SetNodeToDecorations = () => {
-  const editor = (0, _slateReact.useSlateStatic)();
-  const blockEntries = Array.from(_slate.Editor.nodes(editor, {
-    at: [],
-    mode: 'highest',
-    match: n => _slate.Element.isElement(n) && n.type === _constants.CODE_BLOCK
-  }));
-  const nodeToDecorations = mergeMaps(...blockEntries.map(getChildNodeToDecorations));
-  editor.nodeToDecorations = nodeToDecorations;
-  return null;
-};
-exports.SetNodeToDecorations = SetNodeToDecorations;

package/dist/basic-sdk/hooks/use-color-context.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useColorContext = exports.ColorProvider = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _constants = require("../extension/constants");
-const ColorContext = /*#__PURE__*/_react.default.createContext(null);
-const ColorProvider = props => {
-  const [lastUsedFontColor, updateLastUsedFontColor] = (0, _react.useState)(_constants.DEFAULT_LAST_USED_FONT_COLOR);
-  const [lastUsedHighlightColor, updateLastUsedHighlightColor] = (0, _react.useState)(_constants.DEFAULT_LAST_USED_HIGHLIGHT_COLOR);
-  const [lastUsedTableCellBackgroundColor, updateLastUsedTableCellBackgroundColor] = (0, _react.useState)(_constants.DEFAULT_LAST_USED_TABLE_CELL_BACKGROUND_COLOR);
-  return /*#__PURE__*/_react.default.createElement(ColorContext.Provider, {
-    value: {
-      lastUsedFontColor,
-      updateLastUsedFontColor,
-      lastUsedHighlightColor,
-      updateLastUsedHighlightColor,
-      lastUsedTableCellBackgroundColor,
-      updateLastUsedTableCellBackgroundColor
-    }
-  }, props.children);
-};
-exports.ColorProvider = ColorProvider;
-const useColorContext = () => {
-  const context = (0, _react.useContext)(ColorContext);
-  if (!context) {
-    throw new Error('\'ColorContext\' is null');
-  }
-  const {
-    lastUsedFontColor,
-    lastUsedHighlightColor,
-    lastUsedTableCellBackgroundColor,
-    updateLastUsedFontColor,
-    updateLastUsedHighlightColor,
-    updateLastUsedTableCellBackgroundColor
-  } = context;
-  return {
-    lastUsedFontColor,
-    updateLastUsedFontColor,
-    lastUsedHighlightColor,
-    updateLastUsedHighlightColor,
-    lastUsedTableCellBackgroundColor,
-    updateLastUsedTableCellBackgroundColor
-  };
-};
-exports.useColorContext = useColorContext;

package/dist/basic-sdk/hooks/use-force-update.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-const useForceUpdate = () => {
-  const [, setState] = (0, _react.useState)(0);
-  const forceUpdate = (0, _react.useCallback)(() => {
-    setState(n => n + 1);
-  }, []);
-  return forceUpdate;
-};
-var _default = exports.default = useForceUpdate;

package/dist/basic-sdk/hooks/use-selection-element.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSelectionElement = void 0;
-var _react = require("react");
-var _slate = require("@seafile/slate");
-const useSelectionElement = _ref => {
-  let {
-    editor
-  } = _ref;
-  const nodeEntry = (0, _react.useMemo)(() => {
-    const nodeEntry = _slate.Editor.above(editor, {
-      mode: 'lowest',
-      match: n => _slate.Element.isElement(n) && _slate.Editor.isBlock(editor, n)
-    });
-    return nodeEntry;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor.selection]);
-  if (nodeEntry && nodeEntry[0]) {
-    return nodeEntry[0];
-  }
-  return null;
-};
-exports.useSelectionElement = useSelectionElement;

package/dist/basic-sdk/hooks/use-selection-position.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCommentListPosition = void 0;
-var _useScrollContext = require("./use-scroll-context");
-const useCommentListPosition = (selectedElementIds, isContextComment, isClickedContextComment, commentedDom, commentDetail, closeComment) => {
-  var _document$querySelect;
-  const headerHeight = 100;
-  const scrollRef = (0, _useScrollContext.useScrollContext)();
-  const {
-    scrollTop = 0
-  } = scrollRef.current || {};
-  if (isContextComment || isClickedContextComment) {
-    let rect;
-    if (isContextComment) {
-      rect = commentedDom.getBoundingClientRect();
-    }
-
-    // rect is the last commented context dom
-    if (isClickedContextComment) {
-      const lastComment = Object.values(commentDetail).map(item => {
-        var _item$detail;
-        return (_item$detail = item.detail) === null || _item$detail === void 0 ? void 0 : _item$detail.text_comment_id;
-      }).flatMap(id => {
-        const elements = Array.from(document.querySelectorAll(`.sdoc_comment_${id}`));
-        return elements.map(el => ({
-          id,
-          el
-        }));
-      }).reduce((last, current) => {
-        if (!last) return current;
-        const position = last.el.compareDocumentPosition(current.el);
-        return position & Node.DOCUMENT_POSITION_FOLLOWING ? current : last;
-      }, null);
-      if (lastComment) {
-        const result = `.sdoc_comment_${lastComment.id}`;
-        const elements = Array.from(document.querySelectorAll(result));
-        if (elements.length === 0) return;
-        const lastTextElement = elements[elements.length - 1];
-        const parentElement = lastTextElement.closest('[data-slate-node="element"]');
-        const firstInSameParent = elements.find(el => parentElement.contains(el));
-        rect = firstInSameParent === null || firstInSameParent === void 0 ? void 0 : firstInSameParent.getBoundingClientRect();
-      } else {
-        closeComment();
-      }
-    }
-    const editorArticleRight = document.getElementById('sdoc-editor-print-wrapper').getBoundingClientRect().right;
-    const topPara = rect.bottom - headerHeight + 10 + scrollTop;
-    const rightPara = editorArticleRight - rect.left - 300; // 300 is comment container's width
-    return {
-      right: rightPara,
-      y: topPara
-    };
-  }
-  const selectionPosition = (_document$querySelect = document.querySelectorAll(`[data-id="${selectedElementIds[0]}"]`)[0]) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getBoundingClientRect();
-  // Boundary check
-  if (!selectionPosition) closeComment();
-  if (selectionPosition && selectionPosition.y !== 0) {
-    selectionPosition.y = selectionPosition.y - headerHeight + scrollTop;
-  }
-  return {
-    x: selectionPosition === null || selectionPosition === void 0 ? void 0 : selectionPosition.x,
-    y: selectionPosition === null || selectionPosition === void 0 ? void 0 : selectionPosition.y
-  };
-};
-exports.useCommentListPosition = useCommentListPosition;

package/dist/basic-sdk/model/notification.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _utils = require("../comment/utils");
-class Notification {
-  constructor(options) {
-    var _options$detail, _options$detail2, _options$detail3;
-    this.id = options.id || '';
-    this.comment_id = (options === null || options === void 0 ? void 0 : (_options$detail = options.detail) === null || _options$detail === void 0 ? void 0 : _options$detail.comment_id) || '';
-    this.reply_id = (options === null || options === void 0 ? void 0 : (_options$detail2 = options.detail) === null || _options$detail2 === void 0 ? void 0 : _options$detail2.reply_id) || '';
-    this.type = (options === null || options === void 0 ? void 0 : (_options$detail3 = options.detail) === null || _options$detail3 === void 0 ? void 0 : _options$detail3.msg_type) || '';
-    this.key = this.type !== 'reply' ? (0, _utils.generatorNotificationKey)(this.comment_id) : (0, _utils.generatorNotificationKey)(this.comment_id, this.reply_id);
-  }
-}
-var _default = exports.default = Notification;

package/dist/basic-sdk/slate-convert/html-to-slate/rules/code-block.js

@@ -1,90 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slugid = _interopRequireDefault(require("slugid"));
-var _constants = require("../constants");
-var _helper = require("../helper");
-const codeBlockRule = (element, parseChild) => {
-  const {
-    nodeName,
-    childNodes
-  } = element;
-  if (nodeName === 'PRE') {
-    const children = Array.from(childNodes).filter(item => item.nodeName === 'CODE');
-    let codeChild = children[0];
-    if (codeChild) {
-      let lang = codeChild.getAttribute('lang');
-      lang = (0, _helper.genCodeLangs)().find(item => item.value === lang) || 'plaintext';
-      return {
-        id: _slugid.default.nice(),
-        language: lang,
-        type: _constants.CODE_BLOCK,
-        children: parseChild(children)
-      };
-    } else {
-      const lang = 'plaintext';
-      const content = childNodes[0].textContent;
-      const textArr = content.split('\n').filter(Boolean);
-      const children = textArr.map(text => {
-        return {
-          id: _slugid.default.nice(),
-          type: _constants.CODE_LINE,
-          children: [{
-            id: _slugid.default.nice(),
-            text: text
-          }]
-        };
-      });
-      return {
-        id: _slugid.default.nice(),
-        language: lang,
-        type: _constants.CODE_BLOCK,
-        children: children
-      };
-    }
-  }
-  if (nodeName === 'CODE' && element.parentElement.nodeName === 'PRE') {
-    const childIsP = Array.from(childNodes).every(n => n.nodeName === 'P');
-    if (childIsP) {
-      return Array.from(childNodes).map(n => {
-        return {
-          id: _slugid.default.nice(),
-          type: _constants.CODE_LINE,
-          children: [{
-            id: _slugid.default.nice(),
-            text: n.textContent
-          }]
-        };
-      });
-    }
-    const content = element.textContent;
-    const hasNewLine = content.indexOf('\n') > -1;
-    if (!hasNewLine) {
-      return {
-        id: _slugid.default.nice(),
-        type: _constants.CODE_LINE,
-        children: [{
-          id: _slugid.default.nice(),
-          text: element.textContent
-        }]
-      };
-    }
-    const codes = content.split('\n').filter(Boolean);
-    return codes.map(item => {
-      return {
-        id: _slugid.default.nice(),
-        type: _constants.CODE_LINE,
-        children: [{
-          id: _slugid.default.nice(),
-          text: item
-        }]
-      };
-    });
-  }
-  return;
-};
-var _default = exports.default = codeBlockRule;

package/dist/basic-sdk/slate-convert/html-to-slate/rules/header.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slugid = _interopRequireDefault(require("slugid"));
-var _constants = require("../constants");
-const headerRule = (element, parseChild) => {
-  const {
-    nodeName,
-    childNodes
-  } = element;
-  if (nodeName && _constants.HEADER_LIST.includes(nodeName)) {
-    return {
-      id: _slugid.default.nice(),
-      type: _constants.HEADER_TYPE_MAP[nodeName],
-      children: parseChild(childNodes)
-    };
-  }
-  return;
-};
-var _default = exports.default = headerRule;

package/dist/basic-sdk/slate-convert/html-to-slate/rules/table.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slugid = _interopRequireDefault(require("slugid"));
-var _constants = require("../constants");
-const tableRule = (element, parseChild) => {
-  const {
-    nodeName,
-    childNodes
-  } = element;
-  if (nodeName === 'TABLE') {
-    return {
-      id: _slugid.default.nice(),
-      type: _constants.TABLE,
-      children: parseChild(childNodes)
-    };
-  }
-  if (nodeName === 'THEAD' || nodeName === 'TBODY') {
-    return parseChild(childNodes);
-  }
-  if (nodeName === 'TR' && childNodes.length > 0) {
-    // patch
-    const children = Array.from(childNodes);
-    const hasTdOrTh = children.some(item => item.nodeName === 'TH' || item.nodeName === 'TD');
-    if (!hasTdOrTh) return;
-    return {
-      id: _slugid.default.nice(),
-      type: _constants.TABLE_ROW,
-      children: parseChild(childNodes)
-    };
-  }
-  if (nodeName === 'TH' || nodeName === 'TD') {
-    return {
-      id: _slugid.default.nice(),
-      type: _constants.TABLE_CELL,
-      children: parseChild(childNodes)
-    };
-  }
-  return;
-};
-var _default = exports.default = tableRule;

package/dist/basic-sdk/utils/Kebab-to-camel.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const KebabToCamel = str => {
-  return str.replace(/(_[a-z])/g, match => `${match.slice(1).toUpperCase()}`);
-};
-var _default = exports.default = KebabToCamel;

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

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/**
- * @param {Function} fn
- * @param {Number} delay
- */
-const debounce = (fn, delay) => {
-  let timeout = null;
-  return function () {
-    clearTimeout(timeout);
-    timeout = setTimeout(() => {
-      fn.apply(this, arguments);
-    }, delay);
-  };
-};
-var _default = exports.default = debounce;

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

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.stateDebug = exports.serverDebug = exports.conflictDebug = exports.clientDebug = void 0;
-var _debug = _interopRequireDefault(require("debug"));
-const stateDebug = exports.stateDebug = (0, _debug.default)('sdoc:state-change');
-stateDebug.enabled = true;
-stateDebug.log = console.log;
-const clientDebug = exports.clientDebug = (0, _debug.default)('sdoc:socket-client');
-clientDebug.enabled = true;
-clientDebug.log = console.log;
-const serverDebug = exports.serverDebug = (0, _debug.default)('sdoc:socket-server');
-serverDebug.enabled = true;
-serverDebug.log = console.log;
-const conflictDebug = exports.conflictDebug = (0, _debug.default)('sdoc:sdoc-conflict');
-conflictDebug.enabled = true;
-conflictDebug.log = console.log;

package/dist/basic-sdk/utils/default-mode.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getStyleByDefaultMode = void 0;
-var _constants = require("../constants");
-var _localStorageUtils = _interopRequireDefault(require("./local-storage-utils"));
-const getStyleByDefaultMode = (scrollRef, editor) => {
-  const sdocStorage = _localStorageUtils.default.getItem(_constants.SDOC_STORAGE) || {};
-  const {
-    outlineOpen: isShowOutline
-  } = sdocStorage;
-  const containerStyle = {
-    width: _constants.ARTICLE_DEFAULT_WIDTH
-  };
-
-  // Has outline
-  if (isShowOutline && editor.editorType !== _constants.WIKI_EDITOR) {
-    const rect = scrollRef.current.getBoundingClientRect();
-    if ((rect.width - Number(_constants.ARTICLE_DEFAULT_WIDTH.slice(0, 3))) / 2 < 280) {
-      containerStyle['marginLeft'] = `${_constants.LEFT_OUTLINE_WIDTH}px`;
-    }
-  }
-  return containerStyle;
-};
-exports.getStyleByDefaultMode = getStyleByDefaultMode;