@seafile/sdoc-editor 2.0.102 → 2.0.103

package/dist/comment/components/comment-item-collapse-wrapper.js

@@ -27,7 +27,8 @@ var CommentItemCollapseWrapper = function CommentItemCollapseWrapper(_ref) {
     editor = _ref.editor,
     replyCount = _ref.replyCount,
     setCurrentCommentGroup = _ref.setCurrentCommentGroup,
-    t = _ref.t;
+    t = _ref.t,
+    deleteUnseenNotifications = _ref.deleteUnseenNotifications;
   var scrollRef = (0, _react.useRef)(document.querySelector('.sdoc-scroll-container'));
   var _useNotificationConte = (0, _notificationHooks.useNotificationContext)(),
     notificationsInfo = _useNotificationConte.notificationsInfo;
@@ -39,15 +40,49 @@ var CommentItemCollapseWrapper = function CommentItemCollapseWrapper(_ref) {
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     replyContent = _useState4[0],
     setReplyContent = _useState4[1];
+  var CommentItemListRef = (0, _react.useRef)();
+  var timeoutRef = (0, _react.useRef)(null);
   var isUnseen = notificationsInfo.notifications_map["sdoc_notification_".concat(topLevelComment.id)] ? true : false;
   var isReplayUnseen = (0, _react.useMemo)(function () {
     if (!latestReply) return false;
     var isUnseen = notificationsInfo.notifications_map["sdoc_notification_".concat(topLevelComment.id, "_").concat(latestReply.id)] ? true : false;
     return isUnseen;
   }, [latestReply, notificationsInfo.notifications_map, topLevelComment.id]);
+  (0, _react.useEffect)(function () {
+    if (!CommentItemListRef.current) return;
+    if (!(isUnseen || isReplayUnseen)) return;
+    var observer = new IntersectionObserver(function (_ref2) {
+      var _ref3 = (0, _slicedToArray2["default"])(_ref2, 1),
+        entry = _ref3[0];
+      var isVisible = entry.isIntersecting && entry.intersectionRatio === 1;
+      if (isVisible) {
+        if (!timeoutRef.current) {
+          timeoutRef.current = setTimeout(function () {
+            deleteUnseenNotifications && deleteUnseenNotifications(topLevelComment);
+            timeoutRef.current = null;
+          }, 3000);
+        } else {
+          if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+          }
+        }
+      }
+    }, {
+      threshold: [1.0]
+    });
+    if (CommentItemListRef.current) observer.observe(CommentItemListRef.current);
+    return function () {
+      observer.disconnect();
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
+      }
+    };
+  }, [deleteUnseenNotifications, isReplayUnseen, isUnseen, topLevelComment]);
   (0, _react.useEffect)(function () {
     var initCommentContent = /*#__PURE__*/function () {
-      var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
+      var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
         var htmlString;
         return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -64,14 +99,14 @@ var CommentItemCollapseWrapper = function CommentItemCollapseWrapper(_ref) {
         }, _callee);
       }));
       return function initCommentContent() {
-        return _ref2.apply(this, arguments);
+        return _ref4.apply(this, arguments);
       };
     }();
     initCommentContent();
   }, [topLevelComment.comment]);
   (0, _react.useEffect)(function () {
     var initReplyContent = /*#__PURE__*/function () {
-      var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
+      var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
         var mdString, htmlString;
         return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -101,7 +136,7 @@ var CommentItemCollapseWrapper = function CommentItemCollapseWrapper(_ref) {
         }, _callee2);
       }));
       return function initReplyContent() {
-        return _ref3.apply(this, arguments);
+        return _ref5.apply(this, arguments);
       };
     }();
     initReplyContent();
@@ -149,7 +184,8 @@ var CommentItemCollapseWrapper = function CommentItemCollapseWrapper(_ref) {
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "comment-item-selected-text"
   }, _slate.Node.string(element))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "comment-item-list"
+    className: "comment-item-list",
+    ref: CommentItemListRef
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "comment-item"
   }, /*#__PURE__*/_react["default"].createElement("div", {

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

@@ -207,7 +207,8 @@ var GlobalComment = function GlobalComment(_ref) {
       topLevelComment: comment,
       replyCount: replyCount,
       latestReply: latestReply,
-      setCurrentCommentGroup: setCurrentCommentGroup
+      setCurrentCommentGroup: setCurrentCommentGroup,
+      deleteUnseenNotifications: deleteUnseenNotifications
     });
   }), activeCommentGroup && /*#__PURE__*/_react["default"].createElement(_commentItemWrapper["default"], {
     key: activeCommentGroup.id,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.102",
+  "version": "2.0.103",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -70,5 +70,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3cf1bbc8201869c439313e3504a9829e08a41abd"
+  "gitHead": "f39fbe4fc1914c923390805564ebf725ccaf6b72"
 }