@seafile/sdoc-editor 2.0.82 → 2.0.83

package/dist/comment/components/global-comment/index.js

@@ -0,0 +1,246 @@
+"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["default"] = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _context2 = _interopRequireDefault(require("../../../context"));
+var _core = require("../../../extension/core");
+var _usePlugins2 = require("../../../hooks/use-plugins");
+var _constants = require("../../constants");
+var _useCommentList2 = _interopRequireDefault(require("../../hooks/comment-hooks/use-comment-list"));
+var _commentItemCollapseWrapper = _interopRequireDefault(require("../comment-item-collapse-wrapper"));
+var _commentItemWrapper = _interopRequireDefault(require("../comment-item-wrapper"));
+var _globalCommentBodyHeader = _interopRequireDefault(require("./global-comment-body-header"));
+var _globalCommentEditor = _interopRequireDefault(require("./global-comment-editor"));
+var _globalCommentHeader = _interopRequireDefault(require("./global-comment-header"));
+require("./index.css");
+var GlobalComment = function GlobalComment(_ref) {
+  var editor = _ref.editor,
+    deleteUnseenNotifications = _ref.deleteUnseenNotifications,
+    t = _ref.t;
+  var contentRef = (0, _react.useRef)(null);
+  var commentDetailRef = (0, _react.useRef)(null);
+  var _usePlugins = (0, _usePlugins2.usePlugins)(),
+    closePlugin = _usePlugins.closePlugin;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    activeCommentGroup = _useState2[0],
+    setActiveCommentGroup = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    showEditor = _useState4[0],
+    setShowEditor = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    isScrollDisplayed = _useState6[0],
+    setIsScrollDisplayed = _useState6[1];
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    globalCommentContent = _useState8[0],
+    setGlobalCommentContent = _useState8[1];
+  var _useCommentList = (0, _useCommentList2["default"])(),
+    commentList = _useCommentList.commentList,
+    commentType = _useCommentList.commentType,
+    setCommentType = _useCommentList.setCommentType,
+    dispatch = _useCommentList.dispatch;
+  var detectScroll = (0, _react.useCallback)(function () {
+    if (!contentRef.current) return;
+    var contentContainer = contentRef.current;
+    var isShowScroll = contentContainer.scrollHeight > contentContainer.clientHeight;
+    setIsScrollDisplayed(isShowScroll);
+  }, []);
+  var onCommentsPanelBodyScroll = (0, _react.useCallback)(function (position) {
+    var _contentRef$current, _contentRef$current2;
+    (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.scrollTo({
+      top: position === 'top' ? 0 : (_contentRef$current2 = contentRef.current) === null || _contentRef$current2 === void 0 ? void 0 : _contentRef$current2.scrollHeight,
+      behavior: 'smooth'
+    });
+  }, [contentRef]);
+  (0, _react.useEffect)(function () {
+    detectScroll();
+    // When a comment is updated, update the comment details page
+    if (activeCommentGroup) {
+      var newActiveCommentGroup = commentList.find(function (item) {
+        return item.id === activeCommentGroup.id;
+      });
+      setActiveCommentGroup(newActiveCommentGroup);
+      deleteUnseenNotifications && deleteUnseenNotifications(newActiveCommentGroup);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [commentList, detectScroll]);
+  var updateScrollPosition = (0, _react.useCallback)(function () {
+    var _contentRef$current3;
+    var resolvedDom = document.querySelector('.sdoc-resolved');
+    (_contentRef$current3 = contentRef.current) === null || _contentRef$current3 === void 0 ? void 0 : _contentRef$current3.scrollTo({
+      top: resolvedDom.offsetTop,
+      behavior: 'smooth'
+    });
+  }, []);
+  var insertComment = (0, _react.useCallback)(/*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(elementId, comment) {
+      var res, returnComment, newComment;
+      return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return _context2["default"].insertComment(comment);
+          case 2:
+            res = _context.sent;
+            returnComment = res.data.comment;
+            newComment = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, comment), {}, {
+              id: returnComment.id,
+              user_name: returnComment.user_name,
+              avatar_url: returnComment.avatar_url,
+              replies: []
+            });
+            dispatch({
+              type: 'INSERT_COMMENT',
+              payload: {
+                element_id: elementId,
+                comment: newComment
+              }
+            });
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [dispatch]);
+  var insertDocComment = (0, _react.useCallback)(function (commentDetail) {
+    var _commentDetailRef$cur;
+    // Reply to a comment
+    if (activeCommentGroup && (_commentDetailRef$cur = commentDetailRef.current) !== null && _commentDetailRef$cur !== void 0 && _commentDetailRef$cur.insertContent) {
+      commentDetailRef.current.insertContent(commentDetail);
+    } else {
+      // Insert global comment
+      var user = _context2["default"].getUserInfo();
+      var elementId = _constants.DOC_COMMENT_ELEMENT_ID;
+      var time = (0, _dayjs["default"])().format('YYYY-MM-DD HH:mm:ss');
+      var comment = {
+        comment: commentDetail,
+        detail: {
+          element_id: elementId,
+          comment: commentDetail
+        },
+        author: user.username,
+        updated_at: time
+      };
+      insertComment(elementId, comment);
+      detectScroll();
+    }
+    // After the comment is inserted, scroll to the bottom
+    setTimeout(function () {
+      onCommentsPanelBodyScroll('bottom');
+    }, 500);
+  }, [activeCommentGroup, detectScroll, insertComment, onCommentsPanelBodyScroll]);
+  var hiddenCommentEditor = (0, _react.useCallback)(function () {
+    setShowEditor(false);
+  }, []);
+  var isClickCommentPanelBody = (0, _react.useCallback)(function (event) {
+    if (contentRef.current && contentRef.current.contains(event.target)) return true;
+    return false;
+  }, []);
+  var getNodeByElementId = (0, _react.useCallback)(function (elementId) {
+    if (elementId !== _constants.DOC_COMMENT_ELEMENT_ID) {
+      return (0, _core.getNodeById)(editor.children, elementId);
+    }
+    return null;
+  }, [editor.children]);
+  var setCurrentCommentGroup = (0, _react.useCallback)(function (commentGroupId) {
+    var activeCommentGroup = commentList.find(function (item) {
+      return item.id === commentGroupId;
+    });
+    if (activeCommentGroup) {
+      setActiveCommentGroup(activeCommentGroup);
+      deleteUnseenNotifications && deleteUnseenNotifications(activeCommentGroup);
+    } else {
+      setActiveCommentGroup(null);
+    }
+  }, [commentList, deleteUnseenNotifications]);
+  var commentEditorPlaceholder = !activeCommentGroup ? t('Enter_comment_shift_enter_for_new_line_Enter_to_send') : t('Enter_reply_shift_Enter_for_new_line_Enter_to_send');
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-comment-drawer"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "comments-panel-wrapper"
+  }, /*#__PURE__*/_react["default"].createElement(_globalCommentHeader["default"], {
+    toggle: closePlugin,
+    activeCommentGroup: activeCommentGroup,
+    setCurrentCommentGroup: setCurrentCommentGroup
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "comments-panel-body"
+  }, !activeCommentGroup && /*#__PURE__*/_react["default"].createElement(_globalCommentBodyHeader["default"], {
+    commentList: commentList,
+    commentType: commentType,
+    setCommentType: setCommentType
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    ref: contentRef,
+    className: "comments-panel-body__content"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    id: "global-comment-list-container",
+    className: "sdoc-comment-list-container"
+  }, !activeCommentGroup && Array.isArray(commentList) && commentList.map(function (comment) {
+    var _comment$replies, _comment$replies2;
+    var replyCount = (_comment$replies = comment.replies) === null || _comment$replies === void 0 ? void 0 : _comment$replies.length;
+    var latestReply = ((_comment$replies2 = comment.replies) === null || _comment$replies2 === void 0 ? void 0 : _comment$replies2.length) > 0 ? comment.replies[comment.replies.length - 1] : null;
+    var elementId = comment.detail.element_id;
+    var element = getNodeByElementId(elementId);
+    return /*#__PURE__*/_react["default"].createElement(_commentItemCollapseWrapper["default"], {
+      key: comment.id,
+      editor: editor,
+      element: element,
+      topLevelComment: comment,
+      replyCount: replyCount,
+      latestReply: latestReply,
+      setCurrentCommentGroup: setCurrentCommentGroup
+    });
+  }), activeCommentGroup && /*#__PURE__*/_react["default"].createElement(_commentItemWrapper["default"], {
+    key: activeCommentGroup.id,
+    editor: editor,
+    element: getNodeByElementId(activeCommentGroup.detail.element_id),
+    container: "global-comment-list-container",
+    commentDetailRef: commentDetailRef,
+    comment: activeCommentGroup,
+    isGlobalComment: true,
+    isActive: true,
+    updateScrollPosition: updateScrollPosition,
+    isClickCommentPanelBody: isClickCommentPanelBody,
+    setCurrentCommentGroup: setCurrentCommentGroup
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('global-comment-input-wrapper', {
+      'active': globalCommentContent === null || globalCommentContent === void 0 ? void 0 : globalCommentContent.trim()
+    })
+  }, !showEditor && /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, {
+    value: globalCommentContent !== null && globalCommentContent !== void 0 && globalCommentContent.trim() ? '.....' : '',
+    readOnly: true,
+    placeholder: commentEditorPlaceholder,
+    onFocus: function onFocus() {
+      setShowEditor(true);
+    }
+  }), showEditor && /*#__PURE__*/_react["default"].createElement(_globalCommentEditor["default"], {
+    globalCommentContent: globalCommentContent,
+    isScrollDisplayed: isScrollDisplayed,
+    type: activeCommentGroup ? 'replay' : 'comment',
+    hiddenCommentEditor: hiddenCommentEditor,
+    insertDocComment: insertDocComment,
+    onContentChange: function onContentChange(content) {
+      setGlobalCommentContent(content);
+    }
+  })))));
+};
+var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(GlobalComment);

package/dist/comment/components/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EditorComment", {
+  enumerable: true,
+  get: function get() {
+    return _editorComment["default"];
+  }
+});
+Object.defineProperty(exports, "GlobalComment", {
+  enumerable: true,
+  get: function get() {
+    return _globalComment["default"];
+  }
+});
+var _editorComment = _interopRequireDefault(require("./editor-comment"));
+var _globalComment = _interopRequireDefault(require("./global-comment"));
+require("./style.css");

package/dist/comment/constants/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UP = exports.POPOVER_ADDING_HEIGHT = exports.LINE_HEIGHT = exports.FONT_SIZE_WIDTH = exports.DOWN = exports.DOC_NOTIFICATION_REDUCER_TYPE = exports.DOC_COMMENT_ELEMENT_ID = exports.COMMENT_URL_CLASSNAME = exports.COMMENT_TYPES = void 0;
+var COMMENT_TYPES = exports.COMMENT_TYPES = {
+  DOC: 'Doc_comments',
+  ALL: 'All_comments',
+  RESOLVED: 'Resolved_comments',
+  UNRESOLVED: 'Unresolved_comments'
+};
+var DOWN = exports.DOWN = 'down';
+var UP = exports.UP = 'up';
+var FONT_SIZE_WIDTH = exports.FONT_SIZE_WIDTH = 15;
+var LINE_HEIGHT = exports.LINE_HEIGHT = 22;
+var POPOVER_ADDING_HEIGHT = exports.POPOVER_ADDING_HEIGHT = 10;
+var COMMENT_URL_CLASSNAME = exports.COMMENT_URL_CLASSNAME = 'sdoc-comment-url';
+var DOC_COMMENT_ELEMENT_ID = exports.DOC_COMMENT_ELEMENT_ID = '0';
+var DOC_NOTIFICATION_REDUCER_TYPE = exports.DOC_NOTIFICATION_REDUCER_TYPE = {
+  FETCHING: 'fetching',
+  FETCHED: 'fetched',
+  FETCH_ERROR: 'error',
+  ADD: 'add',
+  DEL: 'del'
+};

package/dist/comment/helper.js

@@ -0,0 +1,197 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCursorPosition = exports.updateElementsAttrs = exports.updateCommentedElementsAttrs = exports.getSelectionRange = exports.getSelectedElemIds = exports.getPrimaryElementId = exports.getElementCommentCountTop = exports.getDomById = exports.getCursorPosition = exports.getCommentedTextsByElementId = exports.getAvatarUrl = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createForOfIteratorHelper"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _context = _interopRequireDefault(require("../context"));
+var _core = require("../extension/core");
+var _useScrollContext = require("../hooks/use-scroll-context");
+var getSelectionRange = exports.getSelectionRange = function getSelectionRange() {
+  if (window.getSelection) {
+    var sel = window.getSelection();
+    if (sel.getRangeAt && sel.rangeCount) {
+      return sel.getRangeAt(0);
+    }
+  } else if (document.selection && document.selection.createRange) {
+    return document.selection.createRange();
+  }
+  return null;
+};
+var getCursorPosition = exports.getCursorPosition = function getCursorPosition() {
+  var x = 0;
+  var y = 0;
+  var range = getSelectionRange();
+  if (range) {
+    var rect = range.getBoundingClientRect();
+    var headerHeight = 93;
+    x = rect.x || 0;
+    y = rect.y - headerHeight + (rect.height - 24) / 2 || 0;
+  }
+  return {
+    x: x,
+    y: y
+  };
+};
+var useCursorPosition = exports.useCursorPosition = function useCursorPosition() {
+  var scrollRef = (0, _useScrollContext.useScrollContext)();
+  var _ref = scrollRef.current || {},
+    _ref$scrollTop = _ref.scrollTop,
+    scrollTop = _ref$scrollTop === void 0 ? 0 : _ref$scrollTop;
+  var position = getCursorPosition();
+  if (position.y !== 0) {
+    position.y = position.y + scrollTop;
+  }
+  return position;
+};
+var getAvatarUrl = exports.getAvatarUrl = function getAvatarUrl() {
+  var server = _context["default"].getSetting('serviceUrl');
+  var avatarUrl = "".concat(server, "/media/avatars/default.png");
+  return avatarUrl;
+};
+var getElementCommentCountTop = exports.getElementCommentCountTop = function getElementCommentCountTop(editor, element, scrollTop) {
+  var minY;
+  var children = element.children || [];
+  children.forEach(function (child) {
+    var childDom = _slateReact.ReactEditor.toDOMNode(editor, child);
+
+    // use child real dom
+    var childRealDom = childDom.childNodes[0];
+    var _ref2 = childRealDom ? childRealDom.getBoundingClientRect() : {
+        y: 0
+      },
+      y = _ref2.y;
+    if (!minY) minY = y;
+    minY = Math.min(minY, y);
+  });
+  return minY - 93 + scrollTop; // 100: header height(56) + toolbar height(37)
+};
+var getSelectedElemIds = exports.getSelectedElemIds = function getSelectedElemIds(editor) {
+  var selection = editor.selection;
+  if (!selection) return;
+  var selectedElemId = [];
+  var nodeEntries = Array.from(_slate.Editor.nodes(editor, {
+    match: function match(n) {
+      return _slate.Element.isElement(n) && _slate.Editor.isBlock(editor, n);
+    },
+    mode: 'lowest'
+  }));
+  for (var _i = 0, _nodeEntries = nodeEntries; _i < _nodeEntries.length; _i++) {
+    var _nodeEntries$_i = (0, _slicedToArray2["default"])(_nodeEntries[_i], 1),
+      node = _nodeEntries$_i[0];
+    selectedElemId.push(node.id);
+  }
+  return selectedElemId;
+};
+var getCommentedTextsByElementId = exports.getCommentedTextsByElementId = function getCommentedTextsByElementId(elementId, textCommentId) {
+  var container = document.querySelector("[data-id='".concat(elementId, "']"));
+  if (!container) return [];
+  var targetDoms = container.querySelectorAll(".sdoc_comment_".concat(textCommentId));
+  if (targetDoms.length === 0) {
+    targetDoms = container.querySelectorAll(".removed_sdoc_comment_".concat(textCommentId));
+  }
+  var texts = [];
+  targetDoms.forEach(function (dom) {
+    var _dom$textContent;
+    texts.push(((_dom$textContent = dom.textContent) === null || _dom$textContent === void 0 ? void 0 : _dom$textContent.trim()) || '');
+  });
+  return texts;
+};
+var getDomById = exports.getDomById = function getDomById(elementId) {
+  var container = document.querySelector("[data-id='".concat(elementId, "']"));
+  if (!container) return [];
+  var lastCommentedDomWithMarks = container.querySelector('.comment');
+  return lastCommentedDomWithMarks;
+};
+var updateElementsAttrs = exports.updateElementsAttrs = function updateElementsAttrs(activeElementIds, editor, text_comment_id) {
+  if (Array.isArray(activeElementIds)) {
+    var _iterator = (0, _createForOfIteratorHelper2["default"])(activeElementIds),
+      _step;
+    try {
+      var _loop = function _loop() {
+        var elemId = _step.value;
+        var dom = document.querySelectorAll("[data-id=\"".concat(elemId, "\"]"))[0];
+        if (!dom) return 1; // continue
+        var domNode = _slateReact.ReactEditor.toSlateNode(editor, dom);
+        var nodePath = (0, _core.findPath)(editor, domNode);
+        domNode.children.forEach(function (textNode, index) {
+          if (textNode.comment) {
+            var textNodePath = [].concat((0, _toConsumableArray2["default"])(nodePath), [index]);
+            _slate.Transforms.setNodes(editor, (0, _defineProperty2["default"])({}, "sdoc_comment_".concat(text_comment_id), true), {
+              at: textNodePath,
+              match: _slate.Text.isText,
+              split: true
+            });
+          }
+        });
+      };
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        if (_loop()) continue;
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+};
+var updateCommentedElementsAttrs = exports.updateCommentedElementsAttrs = function updateCommentedElementsAttrs(activeElementIds, editor, text_comment_id) {
+  var resolved = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var isDeleteComment = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  if (Array.isArray(activeElementIds)) {
+    _slate.Editor.withoutNormalizing(editor, function () {
+      var _iterator2 = (0, _createForOfIteratorHelper2["default"])(activeElementIds),
+        _step2;
+      try {
+        var _loop2 = function _loop2() {
+          var elemId = _step2.value;
+          // const { element } = elem;
+          var dom = document.querySelector("[data-id=\"".concat(elemId, "\"]"));
+          if (!dom) return 1; // continue
+          var domNode = _slateReact.ReactEditor.toSlateNode(editor, dom);
+          var domNodePath = (0, _core.findPath)(editor, domNode);
+          domNode.children.forEach(function (child, index) {
+            var childPath = [].concat((0, _toConsumableArray2["default"])(domNodePath), [index]);
+            if (_slate.Text.isText(child) && "sdoc_comment_".concat(text_comment_id) in child) {
+              _slate.Transforms.unsetNodes(editor, ["sdoc_comment_".concat(text_comment_id)], {
+                at: childPath,
+                match: _slate.Text.isText
+              });
+              !isDeleteComment && _slate.Transforms.setNodes(editor, (0, _defineProperty2["default"])({}, "sdoc_comment_".concat(text_comment_id), resolved), {
+                at: childPath,
+                match: _slate.Text.isText
+              });
+            }
+          });
+        };
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          if (_loop2()) continue;
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    });
+  }
+};
+var getPrimaryElementId = exports.getPrimaryElementId = function getPrimaryElementId(detail) {
+  if (!detail) return null;
+  var elementId;
+  var element_id = detail.element_id,
+    _detail$element_id_li = detail.element_id_list,
+    element_id_list = _detail$element_id_li === void 0 ? [] : _detail$element_id_li;
+  if (element_id_list.length > 0) {
+    elementId = element_id_list[0];
+  } else {
+    elementId = element_id;
+  }
+  return elementId;
+};

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

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCommentContext = exports.CommentContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var CommentContext = exports.CommentContext = /*#__PURE__*/_react["default"].createContext();
+var useCommentContext = exports.useCommentContext = function useCommentContext() {
+  var _useContext = (0, _react.useContext)(CommentContext),
+    commentsInfo = _useContext.commentsInfo,
+    dispatch = _useContext.dispatch;
+  return {
+    commentsInfo: commentsInfo,
+    dispatch: dispatch
+  };
+};

package/dist/comment/hooks/comment-hooks/use-comment-list.js

@@ -0,0 +1,59 @@
+"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 _constants = require("../../constants");
+var _useCommentContext2 = require("./use-comment-context");
+var useCommentList = function useCommentList() {
+  var _useCommentContext = (0, _useCommentContext2.useCommentContext)(),
+    commentsInfo = _useCommentContext.commentsInfo,
+    dispatch = _useCommentContext.dispatch;
+  var _ref = commentsInfo || {},
+    comment_list = _ref.comment_list;
+  var _useState = (0, _react.useState)(_constants.COMMENT_TYPES.ALL),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    commentType = _useState2[0],
+    setCommentType = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    commentList = _useState4[0],
+    setCommentList = _useState4[1];
+  (0, _react.useEffect)(function () {
+    if (commentType === _constants.COMMENT_TYPES.ALL) {
+      var _commentList = comment_list.map(function (item) {
+        item.replies = item.replies.filter(function (reply) {
+          return !['True', 'False'].includes(reply.reply);
+        });
+        return item;
+      });
+      setCommentList(_commentList);
+    } else if (commentType === _constants.COMMENT_TYPES.RESOLVED) {
+      var _commentList2 = comment_list.filter(function (item) {
+        return item.resolved;
+      });
+      setCommentList(_commentList2);
+    } else if (commentType === _constants.COMMENT_TYPES.UNRESOLVED) {
+      var _commentList3 = comment_list.filter(function (item) {
+        return !item.resolved;
+      });
+      setCommentList(_commentList3);
+    } else if (commentType === _constants.COMMENT_TYPES.DOC) {
+      var _commentList4 = comment_list.filter(function (comment) {
+        return comment.detail.element_id === _constants.DOC_COMMENT_ELEMENT_ID;
+      });
+      setCommentList(_commentList4);
+    }
+  }, [commentType, comment_list]);
+  return {
+    dispatch: dispatch,
+    commentList: commentList,
+    commentType: commentType,
+    setCommentType: setCommentType
+  };
+};
+var _default = exports["default"] = useCommentList;

package/dist/comment/hooks/comment-hooks/use-comment-mount.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCommentsMount = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+var _react = require("react");
+var _constants = require("../../../constants");
+var _context3 = _interopRequireDefault(require("../../../context"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var useCommentsMount = exports.useCommentsMount = function useCommentsMount(dispatch) {
+  var request = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
+    var res, comments;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          dispatch({
+            type: 'FETCHING_STATE'
+          });
+          _context.prev = 1;
+          _context.next = 4;
+          return _context3["default"].listComments();
+        case 4:
+          res = _context.sent;
+          comments = res.data.comments;
+          dispatch({
+            type: 'RECEIVE_STATE',
+            payload: comments
+          });
+          _context.next = 13;
+          break;
+        case 9:
+          _context.prev = 9;
+          _context.t0 = _context["catch"](1);
+          console.log(_context.t0);
+          dispatch({
+            type: 'FETCHING_ERROR'
+          });
+        case 13:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 9]]);
+  })), []);
+  var reRequest = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
+    var res, comments;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          dispatch({
+            type: 'REFETCHING_STATE'
+          });
+          _context2.prev = 1;
+          _context2.next = 4;
+          return _context3["default"].listComments();
+        case 4:
+          res = _context2.sent;
+          comments = res.data.comments;
+          dispatch({
+            type: 'RECEIVE_STATE',
+            payload: comments
+          });
+          _context2.next = 12;
+          break;
+        case 9:
+          _context2.prev = 9;
+          _context2.t0 = _context2["catch"](1);
+          console.log(_context2.t0);
+          // dispatch({type: 'FETCHING_ERROR'});
+        case 12:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[1, 9]]);
+  })), []);
+  (0, _react.useEffect)(function () {
+    request();
+    var eventBus = _eventBus["default"].getInstance();
+    var unsubscribeNewNotification = eventBus.subscribe(_constants.INTERNAL_EVENT.NEW_NOTIFICATION, reRequest);
+    return function () {
+      unsubscribeNewNotification();
+    };
+  }, [request, reRequest]);
+};