elseware-ui 2.31.11 → 2.31.13

package/dist/index.mjs

@@ -17985,6 +17985,29 @@ function CommentThread({
     }
     loadComments();
   }, [dataSource, resolvedConfig.commentsPerPage]);
+  function updateReplyCacheComment(cache, commentId, updater) {
+    const next = {};
+    for (const [parentId, replies] of Object.entries(cache)) {
+      next[parentId] = replies.map(
+        (reply) => reply.id === commentId ? updater(reply) : reply
+      );
+    }
+    return next;
+  }
+  function removeCommentTreeFromCache(cache, commentId) {
+    const childIds = cache[commentId]?.map((reply) => reply.id) ?? [];
+    let next = Object.fromEntries(
+      Object.entries(cache).map(([parentId, replies]) => [
+        parentId,
+        replies.filter((reply) => reply.id !== commentId)
+      ])
+    );
+    delete next[commentId];
+    for (const childId of childIds) {
+      next = removeCommentTreeFromCache(next, childId);
+    }
+    return next;
+  }
   async function handleCreateComment(content) {
     const comment = await dataSource.createComment({
       content,
@@ -17992,6 +18015,25 @@ function CommentThread({
     });
     setComments((prev) => [comment, ...prev]);
   }
+  async function handleDeleteComment(comment) {
+    await dataSource.deleteComment(comment.id);
+    setComments((prev) => prev.filter((item) => item.id !== comment.id));
+    setReplyCache((prev) => removeCommentTreeFromCache(prev, comment.id));
+    if (comment.parentCommentId) {
+      setComments(
+        (prev) => updateComment(prev, comment.parentCommentId, (item) => ({
+          ...item,
+          replyCount: Math.max(item.replyCount - 1, 0)
+        }))
+      );
+      setReplyCache(
+        (prev) => updateReplyCacheComment(prev, comment.parentCommentId, (item) => ({
+          ...item,
+          replyCount: Math.max(item.replyCount - 1, 0)
+        }))
+      );
+    }
+  }
   async function handleReply(parentComment, content) {
     const reply = await dataSource.createComment({
       content,
@@ -18001,13 +18043,18 @@ function CommentThread({
       ...prev,
       [parentComment.id]: [...prev[parentComment.id] ?? [], reply]
     }));
-    setComments(
-      (prev) => prev.map(
-        (comment) => comment.id === parentComment.id ? {
-          ...comment,
-          replyCount: comment.replyCount + 1
-        } : comment
-      )
+    const incrementReplyCount = (items) => items.map(
+      (item) => item.id === parentComment.id ? {
+        ...item,
+        replyCount: item.replyCount + 1
+      } : item
+    );
+    setComments((prev) => incrementReplyCount(prev));
+    setReplyCache(
+      (prev) => updateReplyCacheComment(prev, parentComment.id, (item) => ({
+        ...item,
+        replyCount: item.replyCount + 1
+      }))
     );
   }
   async function handleLoadReplies(comment) {
@@ -18029,19 +18076,22 @@ function CommentThread({
       likes: comment.liked ? Math.max(comment.likes - 1, 0) : comment.likes + 1,
       dislikes: comment.disliked ? Math.max(comment.dislikes - 1, 0) : comment.dislikes
     };
-    setComments(
-      (prev) => updateComment(prev, comment.id, (item) => ({
-        ...item,
-        likes: optimistic.likes,
-        dislikes: optimistic.dislikes,
-        liked: optimistic.liked,
-        disliked: optimistic.disliked
-      }))
-    );
+    const updater = (item) => ({
+      ...item,
+      likes: optimistic.likes,
+      dislikes: optimistic.dislikes,
+      liked: optimistic.liked,
+      disliked: optimistic.disliked
+    });
+    setComments((prev) => updateComment(prev, comment.id, updater));
+    setReplyCache((prev) => updateReplyCacheComment(prev, comment.id, updater));
     try {
       await dataSource.toggleLike(comment.id);
     } catch {
       setComments((prev) => updateComment(prev, comment.id, () => comment));
+      setReplyCache(
+        (prev) => updateReplyCacheComment(prev, comment.id, () => comment)
+      );
     }
   }
   async function handleDislike(comment) {
@@ -18051,19 +18101,22 @@ function CommentThread({
       likes: comment.liked ? Math.max(comment.likes - 1, 0) : comment.likes,
       dislikes: comment.disliked ? Math.max(comment.dislikes - 1, 0) : comment.dislikes + 1
     };
-    setComments(
-      (prev) => updateComment(prev, comment.id, (item) => ({
-        ...item,
-        likes: optimistic.likes,
-        dislikes: optimistic.dislikes,
-        liked: optimistic.liked,
-        disliked: optimistic.disliked
-      }))
-    );
+    const updater = (item) => ({
+      ...item,
+      likes: optimistic.likes,
+      dislikes: optimistic.dislikes,
+      liked: optimistic.liked,
+      disliked: optimistic.disliked
+    });
+    setComments((prev) => updateComment(prev, comment.id, updater));
+    setReplyCache((prev) => updateReplyCacheComment(prev, comment.id, updater));
     try {
       await dataSource.toggleDislike(comment.id);
     } catch {
       setComments((prev) => updateComment(prev, comment.id, () => comment));
+      setReplyCache(
+        (prev) => updateReplyCacheComment(prev, comment.id, () => comment)
+      );
     }
   }
   if (loading || isLoadingComments) {
@@ -18091,7 +18144,7 @@ function CommentThread({
         onReply: handleReply,
         onLoadReplies: handleLoadReplies,
         onEdit,
-        onDelete,
+        onDelete: handleDeleteComment,
         onReport
       }
     )