sinvo/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2026-05-21 09:14:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: enhance comments (#1980)

Browse Source 
* feat: non-inline comments support

* enhance comments

* fix types
This commit is contained in:
Philip Okugbe
2026-03-02 01:42:25 +00:00
committed by GitHub
parent d5e4b8bb59
commit 4f3577f009
12 changed files with 310 additions and 184 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/websocket/use-query-subscription.ts
+59 -29
View File
@@ -12,7 +12,6 @@ import {
invalidateOnUpdatePage,
} from "../page/queries/page-query";
import { RQ_KEY } from "../comment/queries/comment-query";
import { queryClient } from "@/main.tsx";
import { IComment } from "@/features/comment/types/comment.types";
export const useQuerySubscription = () => {
@@ -32,11 +31,66 @@ export const useQuerySubscription = () => {
queryKey: [...data.entity, data.id].filter(Boolean),
});
break;
case "invalidateComment":
queryClient.invalidateQueries({
queryKey: RQ_KEY(data.pageId),
});
case "commentCreated": {
const createCache = queryClient.getQueryData(
RQ_KEY(data.pageId),
) as InfiniteData<IPagination<IComment>> | undefined;
if (createCache && createCache.pages.length > 0) {
const alreadyExists = createCache.pages.some((page) =>
page.items.some((c) => c.id === data.comment.id),
);
if (alreadyExists) break;
const lastIdx = createCache.pages.length - 1;
queryClient.setQueryData(RQ_KEY(data.pageId), {
...createCache,
pages: createCache.pages.map((page, i) =>
i === lastIdx
? { ...page, items: [...page.items, data.comment] }
: page,
),
});
}
break;
}
case "commentUpdated":
case "commentResolved": {
const updateCache = queryClient.getQueryData(
RQ_KEY(data.pageId),
) as InfiniteData<IPagination<IComment>> | undefined;
if (updateCache) {
queryClient.setQueryData(RQ_KEY(data.pageId), {
...updateCache,
pages: updateCache.pages.map((page) => ({
...page,
items: page.items.map((comment) =>
comment.id === data.comment.id ? data.comment : comment,
),
})),
});
}
break;
}
case "commentDeleted": {
const deleteCache = queryClient.getQueryData(
RQ_KEY(data.pageId),
) as InfiniteData<IPagination<IComment>> | undefined;
if (deleteCache) {
queryClient.setQueryData(RQ_KEY(data.pageId), {
...deleteCache,
pages: deleteCache.pages.map((page) => ({
...page,
items: page.items.filter(
(comment) => comment.id !== data.commentId,
),
})),
});
}
break;
}
case "addTreeNode":
invalidateOnCreatePage(data.payload.data);
break;
@@ -103,30 +157,6 @@ export const useQuerySubscription = () => {
});
break;
}
case "resolveComment": {
const currentComments = queryClient.getQueryData(
RQ_KEY(data.pageId),
) as IPagination<IComment>;
if (currentComments && currentComments.items) {
const updatedComments = currentComments.items.map((comment) =>
comment.id === data.commentId
? {
...comment,
resolvedAt: data.resolvedAt,
resolvedById: data.resolvedById,
resolvedBy: data.resolvedBy
}
: comment,
);
queryClient.setQueryData(RQ_KEY(data.pageId), {
...currentComments,
items: updatedComments,
});
}
break;
}
}
});
}, [queryClient, socket]);