mirror of
https://github.com/danny-avila/LibreChat.git
synced 2026-01-29 13:46:18 +01:00
* feat: add timer duration to showToast, show toast for preset selection * refactor: replace old /chat/ route with /c/. e2e tests will fail here * refactor: move typedefs to root of /api/ and add a few to assistant types in TS * refactor: reorganize data-provider imports, fix dependency cycle, strategize new plan to separate react dependent packages * feat: add dataService for uploading images * feat(data-provider): add mutation keys * feat: file resizing and upload * WIP: initial API image handling * fix: catch JSON.parse of localStorage tools * chore: experimental: use module-alias for absolute imports * refactor: change temp_file_id strategy * fix: updating files state by using Map and defining react query callbacks in a way that keeps them during component unmount, initial delete handling * feat: properly handle file deletion * refactor: unexpose complete filepath and resize from server for higher fidelity * fix: make sure resized height, width is saved, catch bad requests * refactor: use absolute imports * fix: prevent setOptions from being called more than once for OpenAIClient, made note to fix for PluginsClient * refactor: import supportsFiles and models vars from schemas * fix: correctly replace temp file id * refactor(BaseClient): use absolute imports, pass message 'opts' to buildMessages method, count tokens for nested objects/arrays * feat: add validateVisionModel to determine if model has vision capabilities * chore(checkBalance): update jsdoc * feat: formatVisionMessage: change message content format dependent on role and image_urls passed * refactor: add usage to File schema, make create and updateFile, correctly set and remove TTL * feat: working vision support TODO: file size, type, amount validations, making sure they are styled right, and making sure you can add images from the clipboard/dragging * feat: clipboard support for uploading images * feat: handle files on drop to screen, refactor top level view code to Presentation component so the useDragHelpers hook has ChatContext * fix(Images): replace uploaded images in place * feat: add filepath validation to protect sensitive files * fix: ensure correct file_ids are push and not the Map key values * fix(ToastContext): type issue * feat: add basic file validation * fix(useDragHelpers): correct context issue with `files` dependency * refactor: consolidate setErrors logic to setError * feat: add dialog Image overlay on image click * fix: close endpoints menu on click * chore: set detail to auto, make note for configuration * fix: react warning (button desc. of button) * refactor: optimize filepath handling, pass file_ids to images for easier re-use * refactor: optimize image file handling, allow re-using files in regen, pass more file metadata in messages * feat: lazy loading images including use of upload preview * fix: SetKeyDialog closing, stopPropagation on Dialog content click * style(EndpointMenuItem): tighten up the style, fix dark theme showing in lightmode, make menu more ux friendly * style: change maxheight of all settings textareas to 138px from 300px * style: better styling for textarea and enclosing buttons * refactor(PresetItems): swap back edit and delete icons * feat: make textarea placeholder dynamic to endpoint * style: show user hover buttons only on hover when message is streaming * fix: ordered list not going past 9, fix css * feat: add User/AI labels; style: hide loading spinner * feat: add back custom footer, change original footer text * feat: dynamic landing icons based on endpoint * chore: comment out assistants route * fix: autoScroll to newest on /c/ view * fix: Export Conversation on new UI * style: match message style of official more closely * ci: fix api jest unit tests, comment out e2e tests for now as they will fail until addressed * feat: more file validation and use blob in preview field, not filepath, to fix temp deletion * feat: filefilter for multer * feat: better AI labels based on custom name, model, and endpoint instead of `ChatGPT`
138 lines
4 KiB
TypeScript
138 lines
4 KiB
TypeScript
import { useQuery, useMutation, useQueryClient, useInfiniteQuery } from '@tanstack/react-query';
|
|
import type {
|
|
UseQueryOptions,
|
|
UseMutationResult,
|
|
QueryObserverResult,
|
|
UseInfiniteQueryOptions,
|
|
} from '@tanstack/react-query';
|
|
import * as t from './types/assistants';
|
|
import * as dataService from './data-service';
|
|
import { QueryKeys } from './keys';
|
|
|
|
/**
|
|
* Hook for listing all assistants, with optional parameters provided for pagination and sorting
|
|
*/
|
|
export const useListAssistantsQuery = <TData = t.AssistantListResponse>(
|
|
params?: t.AssistantListParams,
|
|
config?: UseQueryOptions<t.AssistantListResponse, unknown, TData>,
|
|
): QueryObserverResult<TData> => {
|
|
return useQuery<t.AssistantListResponse, unknown, TData>(
|
|
[QueryKeys.assistants, params],
|
|
() => dataService.listAssistants(params),
|
|
{
|
|
// Example selector to sort them by created_at
|
|
// select: (res) => {
|
|
// return res.data.sort((a, b) => a.created_at - b.created_at);
|
|
// },
|
|
refetchOnWindowFocus: false,
|
|
refetchOnReconnect: false,
|
|
refetchOnMount: false,
|
|
retry: false,
|
|
...config,
|
|
},
|
|
);
|
|
};
|
|
|
|
export const useListAssistantsInfiniteQuery = (
|
|
params?: t.AssistantListParams,
|
|
config?: UseInfiniteQueryOptions<t.AssistantListResponse, Error>,
|
|
) => {
|
|
return useInfiniteQuery<t.AssistantListResponse, Error>(
|
|
['assistantsList', params],
|
|
({ pageParam = '' }) => dataService.listAssistants({ ...params, after: pageParam }),
|
|
{
|
|
getNextPageParam: (lastPage) => {
|
|
// lastPage is of type AssistantListResponse, you can use the has_more and last_id from it directly
|
|
if (lastPage.has_more) {
|
|
return lastPage.last_id;
|
|
}
|
|
return undefined;
|
|
},
|
|
...config,
|
|
},
|
|
);
|
|
};
|
|
|
|
/**
|
|
* Hook for creating a new assistant
|
|
*/
|
|
export const useCreateAssistantMutation = (): UseMutationResult<
|
|
t.Assistant,
|
|
Error,
|
|
t.AssistantCreateParams
|
|
> => {
|
|
const queryClient = useQueryClient();
|
|
return useMutation(
|
|
(newAssistantData: t.AssistantCreateParams) => dataService.createAssistant(newAssistantData),
|
|
{
|
|
onSuccess: () => {
|
|
// Invalidate and refetch assistants query to update list
|
|
queryClient.invalidateQueries([QueryKeys.assistants]);
|
|
},
|
|
},
|
|
);
|
|
};
|
|
|
|
/**
|
|
* Hook for retrieving details about a single assistant
|
|
*/
|
|
export const useGetAssistantByIdQuery = (
|
|
assistant_id: string,
|
|
config?: UseQueryOptions<t.Assistant>,
|
|
): QueryObserverResult<t.Assistant> => {
|
|
return useQuery<t.Assistant>(
|
|
[QueryKeys.assistant, assistant_id],
|
|
() => dataService.getAssistantById(assistant_id),
|
|
{
|
|
enabled: !!assistant_id, // Query will not execute until the assistant_id exists
|
|
refetchOnWindowFocus: false,
|
|
refetchOnReconnect: false,
|
|
refetchOnMount: false,
|
|
retry: false,
|
|
...config,
|
|
},
|
|
);
|
|
};
|
|
|
|
/**
|
|
* Hook for updating an assistant
|
|
*/
|
|
export const useUpdateAssistantMutation = (): UseMutationResult<
|
|
t.Assistant,
|
|
Error,
|
|
{ assistant_id: string; data: t.AssistantUpdateParams }
|
|
> => {
|
|
const queryClient = useQueryClient();
|
|
return useMutation(
|
|
({ assistant_id, data }: { assistant_id: string; data: t.AssistantUpdateParams }) =>
|
|
dataService.updateAssistant(assistant_id, data),
|
|
{
|
|
onSuccess: (_, { assistant_id }) => {
|
|
// Invalidate and refetch assistant details query
|
|
queryClient.invalidateQueries([QueryKeys.assistant, assistant_id]);
|
|
// Optionally invalidate and refetch list of assistants
|
|
queryClient.invalidateQueries([QueryKeys.assistants]);
|
|
},
|
|
},
|
|
);
|
|
};
|
|
|
|
/**
|
|
* Hook for deleting an assistant
|
|
*/
|
|
export const useDeleteAssistantMutation = (): UseMutationResult<
|
|
void,
|
|
Error,
|
|
{ assistant_id: string }
|
|
> => {
|
|
const queryClient = useQueryClient();
|
|
return useMutation(
|
|
({ assistant_id }: { assistant_id: string }) => dataService.deleteAssistant(assistant_id),
|
|
{
|
|
onSuccess: () => {
|
|
// Invalidate and refetch assistant list query
|
|
queryClient.invalidateQueries([QueryKeys.assistants]);
|
|
},
|
|
},
|
|
);
|
|
};
|