starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-23 00:58:32 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Fix text streaming breaking scroll

Browse Source
This commit is contained in:
Gregory Schier
2025-06-04 10:38:55 -07:00
parent 9d9e83d59f
commit 58873ea606
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src-web/components/responseViewers/TextViewer.tsx
View File

@@ -100,8 +100,7 @@ export function TextViewer({ language, text, responseId, requestId, pretty, clas
]); ]);
const formattedBody = useFormatText({ text, language, pretty }); const formattedBody = useFormatText({ text, language, pretty });
if (formattedBody == null) {
if (formattedBody.data == null) {
return null; return null;
} }
@@ -113,7 +112,7 @@ export function TextViewer({ language, text, responseId, requestId, pretty, clas
body = filteredResponse.data != null ? filteredResponse.data : ''; body = filteredResponse.data != null ? filteredResponse.data : '';
} }
} else { } else {
body = formattedBody.data; body = formattedBody;
} }
// Decode unicode sequences in the text to readable characters // Decode unicode sequences in the text to readable characters

5
src-web/hooks/useFormatText.ts
View File

@@ -1,6 +1,6 @@
import { useQuery } from '@tanstack/react-query'; import { useQuery } from '@tanstack/react-query';
import { tryFormatJson, tryFormatXml } from '../lib/formatters';
import type { EditorProps } from '../components/core/Editor/Editor'; import type { EditorProps } from '../components/core/Editor/Editor';
import { tryFormatJson, tryFormatXml } from '../lib/formatters';
export function useFormatText({ export function useFormatText({
text, text,
@@ -12,6 +12,7 @@ export function useFormatText({
pretty: boolean; pretty: boolean;
}) { }) {
return useQuery({ return useQuery({
placeholderData: (prev) => prev, // Keep previous data on refetch
queryKey: [text, language, pretty], queryKey: [text, language, pretty],
queryFn: async () => { queryFn: async () => {
if (text === '' || !pretty) { if (text === '' || !pretty) {
@@ -24,5 +25,5 @@ export function useFormatText({
return text; return text;
} }
}, },
}); }).data;
} }