Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-03-16 04:36:34 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor: optimize ordering of artifacts and activate latest artifact in Artifacts component

Browse source
This commit is contained in:
Danny Avila 2024-08-23 20:27:08 -04:00
parent 4c810fa5db
commit 15068fdfab
1 changed files with 11 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

23
client/src/components/Artifacts/Artifacts.tsx
View file

@ -85,28 +85,27 @@ export default function Artifacts() {
if (orderedArtifactIds.length > 0) { if (orderedArtifactIds.length > 0) {
const latestArtifactId = orderedArtifactIds[orderedArtifactIds.length - 1]; const latestArtifactId = orderedArtifactIds[orderedArtifactIds.length - 1];
setCurrentArtifactId(latestArtifactId); setCurrentArtifactId(latestArtifactId);
setActiveTab('code');
} }
}, [orderedArtifactIds]); }, [orderedArtifactIds]);
useEffect(() => { useEffect(() => {
if (latestMessage?.messageId !== lastRunMessageIdRef.current) { if (isSubmitting && orderedArtifactIds.length > 0) {
const currentArtifact = currentArtifactId != null ? artifacts[currentArtifactId] : null; const latestArtifactId = orderedArtifactIds[orderedArtifactIds.length - 1];
const currentContent = currentArtifact?.content ?? null; const latestArtifact = artifacts[latestArtifactId];
if ( if (latestArtifact.content !== lastContentRef.current) {
isSubmitting && setCurrentArtifactId(latestArtifactId);
currentArtifactId != null &&
activeTab !== 'code' &&
currentContent !== lastContentRef.current
) {
setActiveTab('code'); setActiveTab('code');
lastContentRef.current = currentContent; lastContentRef.current = latestArtifact.content ?? null;
} }
}
}, [isSubmitting, orderedArtifactIds, artifacts]);
useEffect(() => {
if (latestMessage?.messageId !== lastRunMessageIdRef.current) {
lastRunMessageIdRef.current = latestMessage?.messageId ?? null; lastRunMessageIdRef.current = latestMessage?.messageId ?? null;
} }
}, [activeTab, currentArtifactId, isSubmitting, latestMessage, artifacts]); }, [latestMessage]);
const currentArtifact = currentArtifactId != null ? artifacts[currentArtifactId] : null; const currentArtifact = currentArtifactId != null ? artifacts[currentArtifactId] : null;