Files
movies-diary/spa/src/hooks/use-diary.ts
Gabriel Kaszewski b9c0b10740 feat: add SPA, serve at /app/, update Dockerfile and README
- React + TanStack Router + shadcn/ui SPA under spa/
- serve spa/dist at /app/ with index.html fallback for client routing
- Dockerfile: node build stage for SPA, copy dist into runtime image
- README: document SPA, CORS_ORIGINS env var, architecture entry
- vite base set to /app/, manifest.json paths fixed
2026-06-04 04:20:15 +02:00

90 lines
2.3 KiB
TypeScript

import {
useInfiniteQuery,
useMutation,
useQuery,
useQueryClient,
} from "@tanstack/react-query"
import {
deleteReview,
getActivityFeed,
getDiary,
logReview,
} from "@/lib/api/diary"
import type {
ActivityFeedQueryParams,
DiaryQueryParams,
LogReviewRequest,
} from "@/lib/api/diary"
const PAGE_SIZE = 20
export const diaryKeys = {
all: ["diary"] as const,
list: (params?: Partial<DiaryQueryParams>) => [...diaryKeys.all, "list", params] as const,
infinite: (params?: Partial<DiaryQueryParams>) => [...diaryKeys.all, "infinite", params] as const,
feed: (params?: ActivityFeedQueryParams) =>
["activity-feed", params] as const,
}
export function useDiary(params?: DiaryQueryParams) {
return useQuery({
queryKey: diaryKeys.list(params),
queryFn: () => getDiary(params),
})
}
export function useInfiniteDiary(params?: Omit<DiaryQueryParams, "limit" | "offset">) {
return useInfiniteQuery({
queryKey: diaryKeys.infinite(params),
queryFn: ({ pageParam = 0 }) =>
getDiary({ ...params, limit: PAGE_SIZE, offset: pageParam }),
initialPageParam: 0,
getNextPageParam: (last) => {
const next = last.offset + last.limit
return next < last.total_count ? next : undefined
},
})
}
export function useActivityFeed(params?: ActivityFeedQueryParams) {
return useQuery({
queryKey: diaryKeys.feed(params),
queryFn: () => getActivityFeed(params),
})
}
export function useInfiniteActivityFeed(
params?: Omit<ActivityFeedQueryParams, "limit" | "offset">,
) {
return useInfiniteQuery({
queryKey: diaryKeys.feed(params),
queryFn: ({ pageParam = 0 }) =>
getActivityFeed({ ...params, limit: PAGE_SIZE, offset: pageParam }),
initialPageParam: 0,
getNextPageParam: (last) => {
const next = last.offset + last.limit
return next < last.total_count ? next : undefined
},
})
}
export function useLogReview() {
const qc = useQueryClient()
return useMutation({
mutationFn: (data: LogReviewRequest) => logReview(data),
onSuccess: () => {
qc.invalidateQueries({ queryKey: diaryKeys.all })
},
})
}
export function useDeleteReview() {
const qc = useQueryClient()
return useMutation({
mutationFn: (id: string) => deleteReview(id),
onSuccess: () => {
qc.invalidateQueries({ queryKey: diaryKeys.all })
},
})
}