import { useMutation, useQueryClient } from "@tanstack/react-query"; import { api } from "../api"; import { projectKeys } from "./queries"; import { useWorkspaceId } from "../hooks"; import { useRecentContextStore } from "../chat/recent-context-store"; import type { Project, CreateProjectRequest, UpdateProjectRequest, ListProjectsResponse } from "../types"; export function useCreateProject() { const qc = useQueryClient(); const wsId = useWorkspaceId(); return useMutation({ mutationFn: (data: CreateProjectRequest) => api.createProject(data), onSuccess: (newProject) => { qc.setQueryData(projectKeys.list(wsId), (old) => old && !old.projects.some((p) => p.id === newProject.id) ? { ...old, projects: [...old.projects, newProject], total: old.total + 1 } : old, ); }, onSettled: () => { qc.invalidateQueries({ queryKey: projectKeys.list(wsId) }); }, }); } export function useUpdateProject() { const qc = useQueryClient(); const wsId = useWorkspaceId(); return useMutation({ mutationFn: ({ id, ...data }: { id: string } & UpdateProjectRequest) => api.updateProject(id, data), onMutate: ({ id, ...data }) => { qc.cancelQueries({ queryKey: projectKeys.list(wsId) }); const prevList = qc.getQueryData(projectKeys.list(wsId)); const prevDetail = qc.getQueryData(projectKeys.detail(wsId, id)); qc.setQueryData(projectKeys.list(wsId), (old) => old ? { ...old, projects: old.projects.map((p) => (p.id === id ? { ...p, ...data } : p)) } : old, ); qc.setQueryData(projectKeys.detail(wsId, id), (old) => old ? { ...old, ...data } : old, ); return { prevList, prevDetail, id }; }, onError: (_err, _vars, ctx) => { if (ctx?.prevList) qc.setQueryData(projectKeys.list(wsId), ctx.prevList); if (ctx?.prevDetail) qc.setQueryData(projectKeys.detail(wsId, ctx.id), ctx.prevDetail); }, onSettled: (_data, _err, vars) => { qc.invalidateQueries({ queryKey: projectKeys.detail(wsId, vars.id) }); qc.invalidateQueries({ queryKey: projectKeys.list(wsId) }); }, }); } export function useDeleteProject() { const qc = useQueryClient(); const wsId = useWorkspaceId(); return useMutation({ mutationFn: (id: string) => api.deleteProject(id), onMutate: async (id) => { await qc.cancelQueries({ queryKey: projectKeys.list(wsId) }); const prevList = qc.getQueryData(projectKeys.list(wsId)); qc.setQueryData(projectKeys.list(wsId), (old) => old ? { ...old, projects: old.projects.filter((p) => p.id !== id), total: old.total - 1 } : old, ); qc.removeQueries({ queryKey: projectKeys.detail(wsId, id) }); return { prevList }; }, onError: (_err, _id, ctx) => { if (ctx?.prevList) qc.setQueryData(projectKeys.list(wsId), ctx.prevList); }, onSuccess: (_data, id) => { useRecentContextStore.getState().forgetContext(wsId, { type: "project", id }); }, onSettled: () => { qc.invalidateQueries({ queryKey: projectKeys.list(wsId) }); }, }); }