@seafile/sdoc-editor 2.0.82 → 2.0.83

package/dist/highlight/setNodeToDecorations.js

@@ -0,0 +1,113 @@
+"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.SetNodeToDecorations = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createForOfIteratorHelper"));
+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"));
+var mergeMaps = function mergeMaps() {
+  var map = new Map();
+  for (var _len = arguments.length, maps = new Array(_len), _key = 0; _key < _len; _key++) {
+    maps[_key] = arguments[_key];
+  }
+  for (var _i = 0, _maps = maps; _i < _maps.length; _i++) {
+    var m = _maps[_i];
+    var _iterator = (0, _createForOfIteratorHelper2["default"])(m),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var item = _step.value;
+        map.set.apply(map, (0, _toConsumableArray2["default"])(item));
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  return map;
+};
+var getChildNodeToDecorations = function getChildNodeToDecorations(_ref) {
+  var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+    block = _ref2[0],
+    blockPath = _ref2[1];
+  var nodeToDecorations = new Map();
+  var text = block.children.map(function (line) {
+    return _slate.Node.string(line);
+  }).join('\n');
+  var language = (0, _helpers.getValidLang)(block.language);
+  var tokens = _prismjs["default"].tokenize(text, _prismjs["default"].languages[language]);
+  if (Object.keys(_prismjs.normalizeTokensByLanguageType).includes(language)) {
+    tokens = _prismjs.normalizeTokensByLanguageType[language](tokens);
+  }
+  var normalizedTokens = (0, _prismjs.normalizeTokens)(tokens); // make tokens flat and grouped by line
+  var blockChildren = block.children;
+  for (var index = 0; index < normalizedTokens.length; index++) {
+    var _tokens = normalizedTokens[index];
+    var element = blockChildren[index];
+    if (element) {
+      if (!nodeToDecorations.has(element)) {
+        nodeToDecorations.set(element, []);
+      }
+    }
+    var start = 0;
+    var _iterator2 = (0, _createForOfIteratorHelper2["default"])(_tokens),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var token = _step2.value;
+        var length = token.content.length;
+        if (!length) {
+          continue;
+        }
+        var end = start + length;
+        var path = [].concat((0, _toConsumableArray2["default"])(blockPath), [index, 0]);
+        var range = (0, _objectSpread2["default"])({
+          anchor: {
+            path: path,
+            offset: start
+          },
+          focus: {
+            path: path,
+            offset: end
+          },
+          token: true
+        }, Object.fromEntries(token.types.map(function (type) {
+          return [type, true];
+        })));
+        if (nodeToDecorations.get(element)) {
+          nodeToDecorations.get(element).push(range);
+        }
+        start = end;
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+  }
+  return nodeToDecorations;
+};
+var SetNodeToDecorations = exports.SetNodeToDecorations = function SetNodeToDecorations() {
+  var editor = (0, _slateReact.useSlateStatic)();
+  var blockEntries = Array.from(_slate.Editor.nodes(editor, {
+    at: [],
+    mode: 'highest',
+    match: function match(n) {
+      return _slate.Element.isElement(n) && n.type === _constants.CODE_BLOCK;
+    }
+  }));
+  var nodeToDecorations = mergeMaps.apply(void 0, (0, _toConsumableArray2["default"])(blockEntries.map(getChildNodeToDecorations)));
+  editor.nodeToDecorations = nodeToDecorations;
+  return null;
+};

package/dist/hooks/use-collaborators.js

@@ -0,0 +1,60 @@
+"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.useCollaborators = exports.CollaboratorsProvider = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _context = _interopRequireDefault(require("../context"));
+var _model = require("../model");
+var CollaboratorsContext = /*#__PURE__*/_react["default"].createContext(null);
+var CollaboratorsProvider = exports.CollaboratorsProvider = function CollaboratorsProvider(_ref) {
+  var propsCollaborators = _ref.collaborators,
+    children = _ref.children;
+  var isSdocRevision = _context["default"].getSetting('isSdocRevision');
+  var isPublished = _context["default"].getSetting('isPublished');
+  var _useState = (0, _react.useState)(propsCollaborators || []),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    collaborators = _useState2[0],
+    setCollaborators = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (isSdocRevision && isPublished) return;
+    if (propsCollaborators) return;
+    _context["default"].listRelatedUsers().then(function (res) {
+      var collaborators = [];
+      res.data.related_users.forEach(function (user) {
+        var collaborator = new _model.User(user);
+        collaborators.push(collaborator);
+      });
+      setCollaborators(collaborators);
+    })["catch"](function (error) {
+      // eslint-disable-next-line
+      console.log(error);
+    });
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (Array.isArray(propsCollaborators) && propsCollaborators.length > 0) {
+      setCollaborators(propsCollaborators);
+    }
+  }, [propsCollaborators]);
+  return /*#__PURE__*/_react["default"].createElement(CollaboratorsContext.Provider, {
+    value: {
+      collaborators: collaborators
+    }
+  }, children);
+};
+var useCollaborators = exports.useCollaborators = function useCollaborators() {
+  var context = (0, _react.useContext)(CollaboratorsContext);
+  if (!context) {
+    throw new Error('\'CollaboratorsContext\' is null');
+  }
+  var collaborators = context.collaborators;
+  return {
+    collaborators: collaborators
+  };
+};

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

@@ -0,0 +1,56 @@
+"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.useColorContext = exports.ColorProvider = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _constants = require("../extension/constants");
+var ColorContext = /*#__PURE__*/_react["default"].createContext(null);
+var ColorProvider = exports.ColorProvider = function ColorProvider(props) {
+  var _useState = (0, _react.useState)(_constants.DEFAULT_LAST_USED_FONT_COLOR),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    lastUsedFontColor = _useState2[0],
+    updateLastUsedFontColor = _useState2[1];
+  var _useState3 = (0, _react.useState)(_constants.DEFAULT_LAST_USED_HIGHLIGHT_COLOR),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    lastUsedHighlightColor = _useState4[0],
+    updateLastUsedHighlightColor = _useState4[1];
+  var _useState5 = (0, _react.useState)(_constants.DEFAULT_LAST_USED_TABLE_CELL_BACKGROUND_COLOR),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    lastUsedTableCellBackgroundColor = _useState6[0],
+    updateLastUsedTableCellBackgroundColor = _useState6[1];
+  return /*#__PURE__*/_react["default"].createElement(ColorContext.Provider, {
+    value: {
+      lastUsedFontColor: lastUsedFontColor,
+      updateLastUsedFontColor: updateLastUsedFontColor,
+      lastUsedHighlightColor: lastUsedHighlightColor,
+      updateLastUsedHighlightColor: updateLastUsedHighlightColor,
+      lastUsedTableCellBackgroundColor: lastUsedTableCellBackgroundColor,
+      updateLastUsedTableCellBackgroundColor: updateLastUsedTableCellBackgroundColor
+    }
+  }, props.children);
+};
+var useColorContext = exports.useColorContext = function useColorContext() {
+  var context = (0, _react.useContext)(ColorContext);
+  if (!context) {
+    throw new Error('\'ColorContext\' is null');
+  }
+  var lastUsedFontColor = context.lastUsedFontColor,
+    lastUsedHighlightColor = context.lastUsedHighlightColor,
+    lastUsedTableCellBackgroundColor = context.lastUsedTableCellBackgroundColor,
+    updateLastUsedFontColor = context.updateLastUsedFontColor,
+    updateLastUsedHighlightColor = context.updateLastUsedHighlightColor,
+    updateLastUsedTableCellBackgroundColor = context.updateLastUsedTableCellBackgroundColor;
+  return {
+    lastUsedFontColor: lastUsedFontColor,
+    updateLastUsedFontColor: updateLastUsedFontColor,
+    lastUsedHighlightColor: lastUsedHighlightColor,
+    updateLastUsedHighlightColor: updateLastUsedHighlightColor,
+    lastUsedTableCellBackgroundColor: lastUsedTableCellBackgroundColor,
+    updateLastUsedTableCellBackgroundColor: updateLastUsedTableCellBackgroundColor
+  };
+};

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

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = require("react");
+var useForceUpdate = function useForceUpdate() {
+  var _useState = (0, _react.useState)(0),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    setState = _useState2[1];
+  var forceUpdate = (0, _react.useCallback)(function () {
+    setState(function (n) {
+      return n + 1;
+    });
+  }, []);
+  return forceUpdate;
+};
+var _default = exports["default"] = useForceUpdate;

package/dist/hooks/use-plugins.js

@@ -0,0 +1,66 @@
+"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.usePlugins = exports.PluginsProvider = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _comment = _interopRequireDefault(require("../comment"));
+var _commentOperation = _interopRequireDefault(require("../comment/components/comment-operation"));
+var _constants = require("../constants");
+var PluginsContext = /*#__PURE__*/_react["default"].createContext(null);
+var PluginsProvider = exports.PluginsProvider = function PluginsProvider(_ref) {
+  var showComment = _ref.showComment,
+    propsPlugins = _ref.plugins,
+    children = _ref.children;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    displayName = _useState2[0],
+    setDisplayName = _useState2[1];
+  var closePlugin = (0, _react.useCallback)(function () {
+    setDisplayName('');
+  }, []);
+  var plugins = (0, _react.useMemo)(function () {
+    var allPlugins = propsPlugins;
+    if (showComment) {
+      allPlugins.push({
+        name: 'sdoc-comment',
+        icon: /*#__PURE__*/_react["default"].createElement(_commentOperation["default"], null),
+        resizable_width: true,
+        display_type: _constants.PLUGIN_DISPLAY_TYPE.RIGHT_PANEL,
+        component: _comment["default"]
+      });
+    }
+    return allPlugins;
+  }, [showComment, propsPlugins]);
+  var updateDisplayPlugin = (0, _react.useCallback)(function (name) {
+    if (!name || displayName === name) {
+      setDisplayName('');
+      return;
+    }
+    var plugin = plugins.find(function (plugin) {
+      return plugin.name === name;
+    });
+    if ((plugin === null || plugin === void 0 ? void 0 : plugin.display_type) === _constants.PLUGIN_DISPLAY_TYPE.RIGHT_PANEL) {
+      setDisplayName(name);
+    }
+  }, [displayName, plugins]);
+  return /*#__PURE__*/_react["default"].createElement(PluginsContext.Provider, {
+    value: {
+      plugins: plugins,
+      displayPluginName: displayName,
+      updateDisplayPlugin: updateDisplayPlugin,
+      closePlugin: closePlugin
+    }
+  }, children);
+};
+var usePlugins = exports.usePlugins = function usePlugins() {
+  var context = (0, _react.useContext)(PluginsContext);
+  if (!context) {
+    throw new Error('\'PluginsContext\' is null');
+  }
+  return context;
+};

package/dist/hooks/use-scroll-context.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScrollContext = exports.ScrollContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var ScrollContext = exports.ScrollContext = /*#__PURE__*/_react["default"].createContext(null);
+var useScrollContext = exports.useScrollContext = function useScrollContext() {
+  var context = (0, _react.useContext)(ScrollContext);
+  if (!context) {
+    throw new Error('The \`useScrollContext\` hook must be used inside the <ScrollContext> component\'s context.');
+  }
+  var scrollRef = context.scrollRef;
+  return scrollRef;
+};

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSelectionElement = void 0;
+var _react = require("react");
+var _slate = require("@seafile/slate");
+var useSelectionElement = exports.useSelectionElement = function useSelectionElement(_ref) {
+  var editor = _ref.editor;
+  var nodeEntry = (0, _react.useMemo)(function () {
+    var nodeEntry = _slate.Editor.above(editor, {
+      mode: 'lowest',
+      match: function match(n) {
+        return _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;
+};

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

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

package/dist/hooks/use-selection-update.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useSelectionUpdate;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = require("react");
+var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
+function useSelectionUpdate() {
+  var _useState = (0, _react.useState)({}),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    update = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var onChange = function onChange() {
+      return update({});
+    };
+    var eventBus = _eventBus["default"].getInstance();
+    var unsubscribe = eventBus.subscribe('change', onChange);
+    return function () {
+      unsubscribe();
+    };
+  }, []);
+}