agent_coder
1bcc96685e
Outside the editor the UI did background work on every tree event, socket reconnect, and navigation. Tree infra (virtualization/memo/O(N) utils) was already good — the cost was in the subscriptions and duplicates around it. Client-only; behavior 1:1. - Setter-only atom subscriptions → useSetAtom: space-tree-row, use-tree-mutation, use-tree-socket no longer subscribe every visible row to the WHOLE treeDataAtom value (a tree event re-rendered all ~20-30 rows, bypassing the DocTreeRow memo). space-tree-node-menu / mention-list read the tree imperatively (store.get) in their handlers only. breadcrumb.tsx uses a selectAtom slice (ancestor chain + field equality) instead of the whole-tree subscription. - Socket handler cleanup (BUG): use-tree-socket + use-query-subscription now socket.off() their named handlers on cleanup (were accumulating listeners on every reconnect → duplicated invalidations/tree-walks). Mirrors use-notification-socket. - Field-update tree path: invalidateOnUpdatePage does a pointwise patch of the cached embed subtrees instead of a blanket invalidatePageTree() (refetch storm); structural events keep the blanket invalidate. - usePageMetaQuery: a content-less select slice for the 13 peripheral subscribers that read only title/permissions/id, so they stop re-rendering every ~3s while typing / on every collab page.updated (page.tsx keeps the full query for content). - page.tsx: skeleton + placeholderData keepPreviousData (no blank flash on nav). - Removed refetchOnMount:true where socket/mutation invalidation already keeps the cache fresh (favorite/space/space-watcher/workspace). KEPT it on the 3 queries with NO other freshness path (trash-list, created-by, recent-changes) — the global default is refetchOnMount:false, so those overrides are load-bearing. - Small: resize mousemove/up attached only while dragging; per-row emoji-picker keydown gated on `opened`; AiChatWindow queries enabled only when the window is open. Gate: client tsc 0, client vitest page+websocket 200 passed (+editor suites), build ok. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
78 lines
2.3 KiB
TypeScript
78 lines
2.3 KiB
TypeScript
import { useMemo } from "react";
|
|
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
|
|
import {
|
|
watchSpace,
|
|
unwatchSpace,
|
|
getSpaceWatchStatus,
|
|
getWatchedSpaceIds,
|
|
} from "@/features/space/services/space-watcher-service";
|
|
import { notifications } from "@mantine/notifications";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
const SPACE_WATCHER_KEY = "space-watcher";
|
|
const WATCHED_SPACE_IDS_KEY = "watched-space-ids";
|
|
|
|
export function useWatchedSpaceIds(): Set<string> {
|
|
const { data } = useQuery({
|
|
queryKey: [WATCHED_SPACE_IDS_KEY],
|
|
queryFn: () => getWatchedSpaceIds(),
|
|
});
|
|
|
|
const items = data?.items;
|
|
return useMemo(() => new Set(items ?? []), [items]);
|
|
}
|
|
|
|
export function useSpaceWatchStatusQuery(spaceId: string) {
|
|
return useQuery({
|
|
queryKey: [SPACE_WATCHER_KEY, spaceId],
|
|
queryFn: () => getSpaceWatchStatus(spaceId),
|
|
enabled: !!spaceId,
|
|
staleTime: 60_000,
|
|
});
|
|
}
|
|
|
|
export function useWatchSpaceMutation() {
|
|
const queryClient = useQueryClient();
|
|
const { t } = useTranslation();
|
|
return useMutation({
|
|
mutationFn: (spaceId: string) => watchSpace(spaceId),
|
|
onSuccess: (_data, spaceId) => {
|
|
queryClient.setQueryData([SPACE_WATCHER_KEY, spaceId], {
|
|
watching: true,
|
|
});
|
|
queryClient.setQueryData(
|
|
[WATCHED_SPACE_IDS_KEY],
|
|
(old: { items: string[]; meta: any } | undefined) => {
|
|
if (!old) return old;
|
|
if (old.items.includes(spaceId)) return old;
|
|
return { ...old, items: [...old.items, spaceId] };
|
|
},
|
|
);
|
|
notifications.show({ message: t("You are now watching this space") });
|
|
},
|
|
});
|
|
}
|
|
|
|
export function useUnwatchSpaceMutation() {
|
|
const queryClient = useQueryClient();
|
|
const { t } = useTranslation();
|
|
return useMutation({
|
|
mutationFn: (spaceId: string) => unwatchSpace(spaceId),
|
|
onSuccess: (_data, spaceId) => {
|
|
queryClient.setQueryData([SPACE_WATCHER_KEY, spaceId], {
|
|
watching: false,
|
|
});
|
|
queryClient.setQueryData(
|
|
[WATCHED_SPACE_IDS_KEY],
|
|
(old: { items: string[]; meta: any } | undefined) => {
|
|
if (!old) return old;
|
|
return { ...old, items: old.items.filter((id) => id !== spaceId) };
|
|
},
|
|
);
|
|
notifications.show({
|
|
message: t("You are no longer watching this space"),
|
|
});
|
|
},
|
|
});
|
|
}
|