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

📋 feat: Accumulate Text Parts to Clipboard for Assistant Outputs (#1847)

Browse source
This commit is contained in:
Danny Avila 2024-02-20 09:33:31 -05:00 • committed by GitHub
parent 64e81392f2
commit 542494fad6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 25 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

36
client/src/hooks/Messages/useMessageHelpers.ts
View file

@ -1,6 +1,6 @@
import copy from 'copy-to-clipboard';
import { useEffect, useRef, useCallback } from 'react';
import { EModelEndpoint } from 'librechat-data-provider';
import { EModelEndpoint, ContentTypes } from 'librechat-data-provider';
import { useGetEndpointsQuery } from 'librechat-data-provider/react-query';
import type { TMessage } from 'librechat-data-provider';
import type { TMessageProps } from '~/common';
@ -25,7 +25,7 @@ export default function useMessageHelpers(props: TMessageProps) {
} = useChatContext();
const assistantMap = useAssistantsMapContext();
const { text, children, messageId = null, isCreatedByUser } = message ?? {};
const { text, content, children, messageId = null, isCreatedByUser } = message ?? {};
const edit = messageId === currentEditId;
const isLast = !children?.length;
@ -46,8 +46,10 @@ export default function useMessageHelpers(props: TMessageProps) {
}
}, [isLast, message, setLatestMessage, conversation?.conversationId]);
const enterEdit = (cancel?: boolean) =>
setCurrentEditId && setCurrentEditId(cancel ? -1 : messageId);
const enterEdit = useCallback(
(cancel?: boolean) => setCurrentEditId && setCurrentEditId(cancel ? -1 : messageId),
[messageId, setCurrentEditId],
);
const handleScroll = useCallback(() => {
if (isSubmitting) {
@ -79,14 +81,26 @@ export default function useMessageHelpers(props: TMessageProps) {
regenerate(message);
};
const copyToClipboard = (setIsCopied: React.Dispatch<React.SetStateAction<boolean>>) => {
setIsCopied(true);
copy(text ?? '');
const copyToClipboard = useCallback(
(setIsCopied: React.Dispatch<React.SetStateAction<boolean>>) => {
setIsCopied(true);
let messageText = text ?? '';
if (content) {
messageText = content.reduce((acc, curr, i) => {
if (curr.type === ContentTypes.TEXT) {
return acc + curr.text.value + (i === content.length - 1 ? '' : '\n');
}
return acc;
}, '');
}
copy(messageText ?? '');
setTimeout(() => {
setIsCopied(false);
}, 3000);
};
setTimeout(() => {
setIsCopied(false);
}, 3000);
},
[text, content],
);
return {
ask,