danvics/openreader
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(html): reset TTS text and playback state on document changes

Browse source 
Ensure TTS text and playback readiness state are properly reset when
the current document data or name changes, or when clearing or setting
the current document. Update effect dependencies and logic to prevent
stale playback state and improve user experience when switching or
removing documents.
This commit is contained in:
Richard R 2026-06-03 19:32:46 -06:00
parent 2e4f36f5c5
commit 58ad6212c9
1 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/app/(app)/html/[id]/useHtmlDocument.ts
View file

@ -94,14 +94,18 @@ export function useHtmlDocument(): HtmlDocumentState {
const lastFedDocRef = useRef<string | null>(null);
useEffect(() => {
if (currDocData === undefined) {
lastFedDocRef.current = null;
setTTSText('');
setIsPlaybackReady(false);
return;
}
if (!currDocText) {
lastFedDocRef.current = null;
setTTSText('');
setIsPlaybackReady(true);
return;
}
const key = `${currDocData ?? ''}::${currDocText.length}`;
const key = `${currDocName ?? ''}::${currDocData ?? ''}::${currDocText.length}`;
if (lastFedDocRef.current === key) {
setIsPlaybackReady(true);
return;
@ -110,19 +114,22 @@ export function useHtmlDocument(): HtmlDocumentState {
lastFedDocRef.current = key;
setTTSText(currDocText);
setIsPlaybackReady(true);
}, [currDocText, currDocData, setTTSText]);
}, [currDocName, currDocText, currDocData, setTTSText]);
const clearCurrDoc = useCallback(() => {
setCurrDocData(undefined);
setCurrDocName(undefined);
setIsPlaybackReady(false);
lastFedDocRef.current = null;
setTTSText('');
stop();
}, [stop]);
}, [setTTSText, stop]);
const setCurrentDocument = useCallback(async (id: string): Promise<void> => {
try {
setIsPlaybackReady(false);
lastFedDocRef.current = null;
setTTSText('');
const meta = await getDocumentMetadata(id);
if (!meta) {
console.error('Document not found on server');
@ -141,7 +148,7 @@ export function useHtmlDocument(): HtmlDocumentState {
console.error('Failed to get HTML document:', error);
clearCurrDoc();
}
}, [clearCurrDoc]);
}, [clearCurrDoc, setTTSText]);
const audiobookAdapter = useMemo(
() =>