import { UseQueryOptions, useQuery, useMutation, useQueryClient, UseMutationResult, QueryObserverResult, } from '@tanstack/react-query'; import * as t from './types'; import * as s from './schemas'; import * as p from './types/presets'; import * as dataService from './data-service'; import request from './request'; import { QueryKeys } from './keys'; export const useAbortRequestWithMessage = (): UseMutationResult< void, Error, { endpoint: string; abortKey: string; message: string } > => { const queryClient = useQueryClient(); return useMutation( ({ endpoint, abortKey, message }) => dataService.abortRequestWithMessage(endpoint, abortKey, message), { onSuccess: () => { queryClient.invalidateQueries([QueryKeys.balance]); }, }, ); }; export const useGetUserQuery = ( config?: UseQueryOptions, ): QueryObserverResult => { return useQuery([QueryKeys.user], () => dataService.getUser(), { refetchOnWindowFocus: false, refetchOnReconnect: false, refetchOnMount: false, retry: false, ...config, }); }; export const useGetMessagesByConvoId = ( id: string, config?: UseQueryOptions, ): QueryObserverResult => { return useQuery( [QueryKeys.messages, id], () => dataService.getMessagesByConvoId(id), { refetchOnWindowFocus: false, refetchOnReconnect: false, refetchOnMount: false, ...config, }, ); }; export const useGetUserBalance = ( config?: UseQueryOptions, ): QueryObserverResult => { return useQuery([QueryKeys.balance], () => dataService.getUserBalance(), { refetchOnWindowFocus: true, refetchOnReconnect: true, refetchOnMount: true, ...config, }); }; export const useGetConversationByIdQuery = ( id: string, config?: UseQueryOptions, ): QueryObserverResult => { return useQuery( [QueryKeys.conversation, id], () => dataService.getConversationById(id), { refetchOnWindowFocus: false, refetchOnReconnect: false, refetchOnMount: false, ...config, }, ); }; /* like above, but first try the convos query data */ export const useGetConvoIdQuery = ( id: string, config?: UseQueryOptions, ): QueryObserverResult => { const queryClient = useQueryClient(); return useQuery( [QueryKeys.conversation, id], () => { const defaultQuery = () => dataService.getConversationById(id); const convosQueryKey = [QueryKeys.allConversations, { pageNumber: '1', active: true }]; const convosQuery = queryClient.getQueryData(convosQueryKey); if (!convosQuery) { return defaultQuery(); } const convo = convosQuery.conversations?.find((c) => c.conversationId === id); if (convo) { return convo; } return defaultQuery(); }, { refetchOnWindowFocus: false, refetchOnReconnect: false, refetchOnMount: false, ...config, }, ); }; //This isn't ideal because its just a query and we're using mutation, but it was the only way //to make it work with how the Chat component is structured export const useGetConversationByIdMutation = (id: string): UseMutationResult => { const queryClient = useQueryClient(); return useMutation(() => dataService.getConversationById(id), { // onSuccess: (res: s.TConversation) => { onSuccess: () => { queryClient.invalidateQueries([QueryKeys.conversation, id]); }, }); }; export const useUpdateConversationMutation = ( id: string, ): UseMutationResult< t.TUpdateConversationResponse, unknown, t.TUpdateConversationRequest, unknown > => { const queryClient = useQueryClient(); return useMutation( (payload: t.TUpdateConversationRequest) => dataService.updateConversation(payload), { onSuccess: () => { queryClient.invalidateQueries([QueryKeys.conversation, id]); queryClient.invalidateQueries([QueryKeys.allConversations]); }, }, ); }; export const useUpdateMessageMutation = ( id: string, ): UseMutationResult => { const queryClient = useQueryClient(); return useMutation((payload: t.TUpdateMessageRequest) => dataService.updateMessage(payload), { onSuccess: () => { queryClient.invalidateQueries([QueryKeys.messages, id]); }, }); }; export const useUpdateUserKeysMutation = (): UseMutationResult< t.TUser, unknown, t.TUpdateUserKeyRequest, unknown > => { const queryClient = useQueryClient(); return useMutation((payload: t.TUpdateUserKeyRequest) => dataService.updateUserKey(payload), { onSuccess: () => { queryClient.invalidateQueries([QueryKeys.name]); }, }); }; export const useDeleteConversationMutation = ( id?: string, ): UseMutationResult< t.TDeleteConversationResponse, unknown, t.TDeleteConversationRequest, unknown > => { const queryClient = useQueryClient(); return useMutation( (payload: t.TDeleteConversationRequest) => dataService.deleteConversation(payload), { onSuccess: () => { queryClient.invalidateQueries([QueryKeys.conversation, id]); queryClient.invalidateQueries([QueryKeys.allConversations]); }, }, ); }; export const useClearConversationsMutation = (): UseMutationResult => { const queryClient = useQueryClient(); return useMutation(() => dataService.clearAllConversations(), { onSuccess: () => { queryClient.invalidateQueries([QueryKeys.allConversations]); }, }); }; export const useRevokeUserKeyMutation = (name: string): UseMutationResult => { const queryClient = useQueryClient(); return useMutation(() => dataService.revokeUserKey(name), { onSuccess: () => { queryClient.invalidateQueries([QueryKeys.name]); }, }); }; export const useRevokeAllUserKeysMutation = (): UseMutationResult => { const queryClient = useQueryClient(); return useMutation(() => dataService.revokeAllUserKeys(), { onSuccess: () => { queryClient.invalidateQueries([QueryKeys.name]); }, }); }; export const useGetConversationsQuery = ( pageNumber: string, config?: UseQueryOptions, ): QueryObserverResult => { return useQuery( [QueryKeys.allConversations, { pageNumber, active: true }], () => dataService.getConversations(pageNumber), { refetchOnReconnect: false, refetchOnMount: false, retry: 1, ...config, }, ); }; export const useGetSearchEnabledQuery = ( config?: UseQueryOptions, ): QueryObserverResult => { return useQuery([QueryKeys.searchEnabled], () => dataService.getSearchEnabled(), { refetchOnWindowFocus: false, refetchOnReconnect: false, refetchOnMount: false, ...config, }); }; export const useGetEndpointsQuery = ( config?: UseQueryOptions, ): QueryObserverResult => { return useQuery( [QueryKeys.endpoints], () => dataService.getAIEndpoints(), { staleTime: Infinity, refetchOnWindowFocus: false, refetchOnReconnect: false, refetchOnMount: false, ...config, }, ); }; export const useGetModelsQuery = ( config?: UseQueryOptions, ): QueryObserverResult => { return useQuery([QueryKeys.models], () => dataService.getModels(), { staleTime: Infinity, refetchOnWindowFocus: false, refetchOnReconnect: false, refetchOnMount: false, ...config, }); }; export const useCreatePresetMutation = (): UseMutationResult< s.TPreset, unknown, s.TPreset, unknown > => { const queryClient = useQueryClient(); return useMutation((payload: s.TPreset) => dataService.createPreset(payload), { onSuccess: () => { queryClient.invalidateQueries([QueryKeys.presets]); }, }); }; export const useUpdatePresetMutation = (): UseMutationResult< s.TPreset, unknown, s.TPreset, unknown > => { const queryClient = useQueryClient(); return useMutation((payload: s.TPreset) => dataService.updatePreset(payload), { onSuccess: () => { queryClient.invalidateQueries([QueryKeys.presets]); }, }); }; export const useGetPresetsQuery = ( config?: UseQueryOptions, ): QueryObserverResult => { return useQuery([QueryKeys.presets], () => dataService.getPresets(), { refetchOnWindowFocus: false, refetchOnReconnect: false, refetchOnMount: false, ...config, }); }; export const useDeletePresetMutation = (): UseMutationResult< p.PresetDeleteResponse, unknown, s.TPreset | undefined, unknown > => { const queryClient = useQueryClient(); return useMutation((payload: s.TPreset | undefined) => dataService.deletePreset(payload), { onSuccess: () => { queryClient.invalidateQueries([QueryKeys.presets]); }, }); }; export const useSearchQuery = ( searchQuery: string, pageNumber: string, config?: UseQueryOptions, ): QueryObserverResult => { return useQuery( [QueryKeys.searchResults, pageNumber, searchQuery], () => dataService.searchConversations(searchQuery, pageNumber), { refetchOnWindowFocus: false, refetchOnReconnect: false, refetchOnMount: false, ...config, }, ); }; export const useUpdateTokenCountMutation = (): UseMutationResult< t.TUpdateTokenCountResponse, unknown, { text: string }, unknown > => { const queryClient = useQueryClient(); return useMutation(({ text }: { text: string }) => dataService.updateTokenCount(text), { onSuccess: () => { queryClient.invalidateQueries([QueryKeys.tokenCount]); }, }); }; export const useLoginUserMutation = (): UseMutationResult< t.TLoginResponse, unknown, t.TLoginUser, unknown > => { const queryClient = useQueryClient(); return useMutation((payload: t.TLoginUser) => dataService.login(payload), { onSuccess: () => { queryClient.invalidateQueries([QueryKeys.user]); queryClient.invalidateQueries([QueryKeys.presets]); queryClient.invalidateQueries([QueryKeys.conversation]); queryClient.invalidateQueries([QueryKeys.allConversations]); }, onMutate: () => { queryClient.invalidateQueries([QueryKeys.models]); }, }); }; export const useRegisterUserMutation = (): UseMutationResult< unknown, unknown, t.TRegisterUser, unknown > => { const queryClient = useQueryClient(); return useMutation((payload: t.TRegisterUser) => dataService.register(payload), { onSuccess: () => { queryClient.invalidateQueries([QueryKeys.user]); }, }); }; export const useLogoutUserMutation = (): UseMutationResult => { const queryClient = useQueryClient(); return useMutation(() => dataService.logout(), { onSuccess: () => { queryClient.invalidateQueries([QueryKeys.user]); }, }); }; export const useRefreshTokenMutation = (): UseMutationResult< t.TRefreshTokenResponse, unknown, unknown, unknown > => { const queryClient = useQueryClient(); return useMutation(() => request.refreshToken(), { onMutate: () => { queryClient.invalidateQueries([QueryKeys.models]); }, }); }; export const useUserKeyQuery = ( name: string, config?: UseQueryOptions, ): QueryObserverResult => { return useQuery( [QueryKeys.name, name], () => { if (!name) { return Promise.resolve({ expiresAt: '' }); } return dataService.userKeyQuery(name); }, { refetchOnWindowFocus: false, refetchOnReconnect: false, refetchOnMount: false, retry: false, ...config, }, ); }; export const useRequestPasswordResetMutation = (): UseMutationResult< t.TRequestPasswordResetResponse, unknown, t.TRequestPasswordReset, unknown > => { return useMutation((payload: t.TRequestPasswordReset) => dataService.requestPasswordReset(payload), ); }; export const useResetPasswordMutation = (): UseMutationResult< unknown, unknown, t.TResetPassword, unknown > => { return useMutation((payload: t.TResetPassword) => dataService.resetPassword(payload)); }; export const useAvailablePluginsQuery = (): QueryObserverResult => { return useQuery( [QueryKeys.availablePlugins], () => dataService.getAvailablePlugins(), { refetchOnWindowFocus: false, refetchOnReconnect: false, refetchOnMount: false, }, ); }; export const useUpdateUserPluginsMutation = (): UseMutationResult< t.TUser, unknown, t.TUpdateUserPlugins, unknown > => { const queryClient = useQueryClient(); return useMutation((payload: t.TUpdateUserPlugins) => dataService.updateUserPlugins(payload), { onSuccess: () => { queryClient.invalidateQueries([QueryKeys.user]); }, }); }; export const useGetStartupConfig = (): QueryObserverResult => { return useQuery( [QueryKeys.startupConfig], () => dataService.getStartupConfig(), { refetchOnWindowFocus: false, refetchOnReconnect: false, refetchOnMount: false, }, ); };