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

⚓ fix: Export Button Content Shift; chore: bump axios and add logging (#3668)

Browse source 
* chore: bump axios version

* fix: export button glitch

* fix: remove console logs
This commit is contained in:
Marco Beretta 2024-08-17 00:03:27 +02:00 • committed by GitHub
parent 16c9aed1bb
commit 9f4c516615
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 22 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

6
client/src/components/Audio/TTS.tsx
View file

@ -75,7 +75,7 @@ export function BrowserTTS({ isLast, index, messageId, content, className }: TMe
}} }}
src={audioRef.current?.src} src={audioRef.current?.src}
onError={(error) => { onError={(error) => {
console.error('Error fetching audio:', error); logger.error('Error fetching audio:', error);
}} }}
id={`audio-${messageId}`} id={`audio-${messageId}`}
muted muted
@ -166,7 +166,7 @@ export function EdgeTTS({ isLast, index, messageId, content, className }: TMessa
}} }}
src={audioRef.current?.src} src={audioRef.current?.src}
onError={(error) => { onError={(error) => {
console.error('Error fetching audio:', error); logger.error('Error fetching audio:', error);
}} }}
id={`audio-${messageId}`} id={`audio-${messageId}`}
muted muted
@ -245,7 +245,7 @@ export function ExternalTTS({ isLast, index, messageId, content, className }: TM
}} }}
src={audioRef.current?.src} src={audioRef.current?.src}
onError={(error) => { onError={(error) => {
console.error('Error fetching audio:', error); logger.error('Error fetching audio:', error);
}} }}
id={`audio-${messageId}`} id={`audio-${messageId}`}
muted muted

4
client/src/components/Chat/ExportAndShareMenu.tsx
View file

@ -3,7 +3,7 @@ import { Upload, Share2 } from 'lucide-react';
import { useRecoilValue } from 'recoil'; import { useRecoilValue } from 'recoil';
import { ShareButton } from '~/components/Conversations/ConvoOptions'; import { ShareButton } from '~/components/Conversations/ConvoOptions';
import { Button, DropdownPopup } from '~/components/ui'; import { Button, DropdownPopup } from '~/components/ui';
import useLocalize from '~/hooks/useLocalize'; import { useMediaQuery, useLocalize } from '~/hooks';
import { ExportModal } from '../Nav'; import { ExportModal } from '../Nav';
import store from '~/store'; import store from '~/store';
@ -17,6 +17,7 @@ export default function ExportAndShareMenu({
const [isPopoverActive, setIsPopoverActive] = useState(false); const [isPopoverActive, setIsPopoverActive] = useState(false);
const [showExports, setShowExports] = useState(false); const [showExports, setShowExports] = useState(false);
const [showShareDialog, setShowShareDialog] = useState(false); const [showShareDialog, setShowShareDialog] = useState(false);
const isSmallScreen = useMediaQuery('(max-width: 768px)');
const exportable = const exportable =
conversation && conversation &&
@ -73,6 +74,7 @@ export default function ExportAndShareMenu({
} }
items={dropdownItems} items={dropdownItems}
anchor="bottom end" anchor="bottom end"
className={isSmallScreen ? '' : 'absolute right-0 top-0 mt-2'}
/> />
{showShareDialog && conversation.conversationId != null && ( {showShareDialog && conversation.conversationId != null && (
<ShareButton <ShareButton

12
client/src/components/Chat/Input/StreamAudio.tsx
View file

@ -84,7 +84,7 @@ export default function StreamAudio({ index = 0 }) {
setAudioRunId(activeRunId); setAudioRunId(activeRunId);
if (cachedResponse) { if (cachedResponse) {
console.log('Audio found in cache'); logger.log('Audio found in cache');
const audioBlob = await cachedResponse.blob(); const audioBlob = await cachedResponse.blob();
const blobUrl = URL.createObjectURL(audioBlob); const blobUrl = URL.createObjectURL(audioBlob);
setGlobalAudioURL(blobUrl); setGlobalAudioURL(blobUrl);
@ -92,7 +92,7 @@ export default function StreamAudio({ index = 0 }) {
return; return;
} }
console.log('Fetching audio...', navigator.userAgent); logger.log('Fetching audio...', navigator.userAgent);
const response = await fetch('/api/files/speech/tts', { const response = await fetch('/api/files/speech/tts', {
method: 'POST', method: 'POST',
headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${token}` }, headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${token}` },
@ -137,7 +137,7 @@ export default function StreamAudio({ index = 0 }) {
} }
if (chunks.length) { if (chunks.length) {
console.log('Adding audio to cache'); logger.log('Adding audio to cache');
const latestMessages = getMessages() ?? []; const latestMessages = getMessages() ?? [];
const targetMessage = latestMessages.find( const targetMessage = latestMessages.find(
(msg) => msg.messageId === latestMessage?.messageId, (msg) => msg.messageId === latestMessage?.messageId,
@ -161,13 +161,13 @@ export default function StreamAudio({ index = 0 }) {
setIsFetching(false); setIsFetching(false);
} }
console.log('Audio stream reading ended'); logger.log('Audio stream reading ended');
} catch (error) { } catch (error) {
if (error?.['message'] !== promiseTimeoutMessage) { if (error?.['message'] !== promiseTimeoutMessage) {
console.log(promiseTimeoutMessage); logger.log(promiseTimeoutMessage);
return; return;
} }
console.error('Error fetching audio:', error); logger.error('Error fetching audio:', error);
setIsFetching(false); setIsFetching(false);
setGlobalAudioURL(null); setGlobalAudioURL(null);
} finally { } finally {

18
package-lock.json generated
View file

@ -13151,11 +13151,12 @@
} }
}, },
"node_modules/axios": { "node_modules/axios": {
"version": "1.6.7", "version": "1.7.4",
"resolved": "https://registry.npmjs.org/axios/-/axios-1.6.7.tgz", "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.4.tgz",
"integrity": "sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA==", "integrity": "sha512-DukmaFRnY6AzAALSH4J2M3k6PkaC+MfaAGdEERRWcC9q3/TWQwLpHR8ZRLKTdQ3aBDL64EdluRDjJqKw+BPZEw==",
"license": "MIT",
"dependencies": { "dependencies": {
"follow-redirects": "^1.15.4", "follow-redirects": "^1.15.6",
"form-data": "^4.0.0", "form-data": "^4.0.0",
"proxy-from-env": "^1.1.0" "proxy-from-env": "^1.1.0"
} }
@ -15607,9 +15608,10 @@
"integrity": "sha512-9AQB5eFTHyR3Gvt2t/NwR0le2jBSUNwCnMbUCejFWHD+so4tH40/dRLgoE+jxlPeWS43XJewyvCv+I8LPMl49Q==" "integrity": "sha512-9AQB5eFTHyR3Gvt2t/NwR0le2jBSUNwCnMbUCejFWHD+so4tH40/dRLgoE+jxlPeWS43XJewyvCv+I8LPMl49Q=="
}, },
"node_modules/elliptic": { "node_modules/elliptic": {
"version": "6.5.4", "version": "6.5.7",
"resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz", "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.7.tgz",
"integrity": "sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==", "integrity": "sha512-ESVCtTwiA+XhY3wyh24QqRGBoP3rEdDUl3EDUUo9tft074fi19IrdpH7hLCMMP3CIj7jb3W96rn8lt/BqIlt5Q==",
"license": "MIT",
"dependencies": { "dependencies": {
"bn.js": "^4.11.9", "bn.js": "^4.11.9",
"brorand": "^1.1.0", "brorand": "^1.1.0",
@ -31491,7 +31493,7 @@
}, },
"packages/data-provider": { "packages/data-provider": {
"name": "librechat-data-provider", "name": "librechat-data-provider",
"version": "0.7.41.0", "version": "0.7.412",
"license": "ISC", "license": "ISC",
"dependencies": { "dependencies": {
"@types/js-yaml": "^4.0.9", "@types/js-yaml": "^4.0.9",