Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-17 08:50:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 7

🌎 i18n: React-i18next & i18next Integration (#5720)

Browse source 
* better i18n support an internationalization-framework.

* removed unused package

* auto sort for translation.json

* fixed tests with the new locales function

* added new CI actions from locize

* to use locize a mention in the README.md

* to use locize a mention in the README.md

* updated README.md and added TRANSLATION.md to the repo

* updated TRANSLATION.md badges

* updated README.md to go to the TRANSLATION.md when clicking on the Translation Progress badge

* updated TRANSLATION.md and added a new issue template.

* updated TRANSLATION.md and added a new issue template.

* updated issue template to add the iso code link.

* updated the new GitHub actions for `locize`

* updated label for new issue template --> i18n

* fixed type issue

* Fix eslint

* Fix eslint with key-spacing spacing

* fix: error type

* fix: handle undefined values in SortFilterHeader component

* fix: typing in Image component

* fix: handle optional promptGroup in PromptCard component

* fix: update localize function to accept string type and remove unnecessary JSX element

* fix: update localize function to enforce TranslationKeys type for better type safety

* fix: improve type safety and handle null values in Assistants component

* fix: enhance null checks for fileId in FilesListView component

* fix: localize 'Go back' button text in FilesListView component

* fix: update aria-label for menu buttons and add translation for 'Close Menu'

* docs: add Reasoning UI section for Chain-of-Thought AI models in README

* fix: enhance type safety by adding type for message in MultiMessage component

* fix: improve null checks and optional chaining in useAutoSave hook

* fix: improve handling of optional properties in cleanupPreset function

* fix: ensure isFetchingNextPage defaults to false and improve null checks for messages in Search component

* fix: enhance type safety and null checks in useBuildMessageTree hook

---------

Co-authored-by: Danny Avila <danny@librechat.ai>
This commit is contained in:
Ruben Talstra 2025-02-09 18:05:31 +01:00 • committed by GitHub
parent 2e8d969e35
commit aae413cc71
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
153 changed files with 13448 additions and 38224 deletions
Download patch file Download diff file Expand all files Collapse all files

30
client/src/hooks/Input/useAutoSave.ts
View file

@ -14,7 +14,7 @@ export const useAutoSave = ({
setFiles,
}: {
conversationId?: string | null;
textAreaRef: React.RefObject<HTMLTextAreaElement>;
textAreaRef?: React.RefObject<HTMLTextAreaElement>;
files: Map<string, ExtendedFile>;
setFiles: SetterOrUpdater<Map<string, ExtendedFile>>;
}) => {
@ -51,7 +51,7 @@ export const useAutoSave = ({
const restoreFiles = useCallback(
(id: string) => {
const filesDraft = JSON.parse(
localStorage.getItem(`${LocalStorageKeys.FILES_DRAFT}${id}`) || '[]',
(localStorage.getItem(`${LocalStorageKeys.FILES_DRAFT}${id}`) ?? '') || '[]',
) as string[];
if (filesDraft.length === 0) {
@ -66,7 +66,10 @@ export const useAutoSave = ({
const tempFileData = fileList?.find((f) => f.temp_file_id === fileId);
const { fileToRecover, fileIdToRecover } = fileData
? { fileToRecover: fileData, fileIdToRecover: fileId }
: { fileToRecover: tempFileData, fileIdToRecover: tempFileData?.temp_file_id || fileId };
: {
fileToRecover: tempFileData,
fileIdToRecover: (tempFileData?.temp_file_id ?? '') || fileId,
};
if (fileToRecover) {
setFiles((currentFiles) => {
@ -87,7 +90,7 @@ export const useAutoSave = ({
const restoreText = useCallback(
(id: string) => {
const savedDraft = localStorage.getItem(`${LocalStorageKeys.TEXT_DRAFT}${id}`) || '';
const savedDraft = (localStorage.getItem(`${LocalStorageKeys.TEXT_DRAFT}${id}`) ?? '') || '';
setValue('text', decodeBase64(savedDraft));
},
[setValue],
@ -115,12 +118,12 @@ export const useAutoSave = ({
// This useEffect is responsible for setting up and cleaning up the auto-save functionality
// for the text area input. It saves the text to localStorage with a debounce to prevent
// excessive writes.
if (!saveDrafts || !conversationId) {
if (!saveDrafts || conversationId == null || conversationId === '') {
return;
}
const handleInput = debounce(() => {
if (textAreaRef.current && textAreaRef.current.value) {
if (textAreaRef?.current && textAreaRef.current.value) {
localStorage.setItem(
`${LocalStorageKeys.TEXT_DRAFT}${conversationId}`,
encodeBase64(textAreaRef.current.value),
@ -130,7 +133,7 @@ export const useAutoSave = ({
}
}, 1000);
const textArea = textAreaRef.current;
const textArea = textAreaRef?.current;
if (textArea) {
textArea.addEventListener('input', handleInput);
}
@ -149,7 +152,7 @@ export const useAutoSave = ({
// It handles both text and file drafts, ensuring that the user's input is preserved
// across different conversations.
if (!saveDrafts || !conversationId) {
if (!saveDrafts || conversationId == null || conversationId === '') {
return;
}
if (conversationId === currentConversationId) {
@ -160,7 +163,7 @@ export const useAutoSave = ({
setFiles(new Map());
try {
if (currentConversationId) {
if (currentConversationId != null && currentConversationId) {
saveText(currentConversationId);
}
@ -187,7 +190,12 @@ export const useAutoSave = ({
// It ensures that the file drafts are kept up-to-date and can be restored
// when the conversation is revisited.
if (!saveDrafts || !conversationId || currentConversationId !== conversationId) {
if (
!saveDrafts ||
conversationId == null ||
conversationId === '' ||
currentConversationId !== conversationId
) {
return;
}
@ -202,7 +210,7 @@ export const useAutoSave = ({
}, [files, conversationId, saveDrafts, currentConversationId, fileIds]);
const clearDraft = useCallback(() => {
if (conversationId) {
if (conversationId != null && conversationId) {
localStorage.removeItem(`${LocalStorageKeys.TEXT_DRAFT}${conversationId}`);
localStorage.removeItem(`${LocalStorageKeys.FILES_DRAFT}${conversationId}`);
}