tanner/qotnews
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

feat: Show preload progress on fetch failure

Browse Source 
Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
This commit is contained in:
Tanner Collin
2025-11-21 00:59:14 +00:00
parent 1443fdcc32
commit 61ec583882
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
webclient/src/Feed.js
View File

@@ -31,6 +31,7 @@ function Feed({ updateCache }) {
} }
let currentStories = Array.isArray(stories) ? [...stories] : []; let currentStories = Array.isArray(stories) ? [...stories] : [];
let preloadedCount = 0;
for (const newStory of [...newApiStories].reverse()) { for (const newStory of [...newApiStories].reverse()) {
try { try {
@@ -48,6 +49,7 @@ function Feed({ updateCache }) {
await localForage.setItem(fullStory.id, fullStory); await localForage.setItem(fullStory.id, fullStory);
console.log('Preloaded story:', fullStory.id, fullStory.title); console.log('Preloaded story:', fullStory.id, fullStory.title);
updateCache(fullStory.id, fullStory); updateCache(fullStory.id, fullStory);
preloadedCount++;
const existingStoryIndex = currentStories.findIndex(s => s.id === newStory.id); const existingStoryIndex = currentStories.findIndex(s => s.id === newStory.id);
if (existingStoryIndex > -1) { if (existingStoryIndex > -1) {
@@ -57,10 +59,10 @@ function Feed({ updateCache }) {
} catch (error) { } catch (error) {
let errorMessage; let errorMessage;
if (error.name === 'AbortError') { if (error.name === 'AbortError') {
errorMessage = `The request to fetch story '${newStory.title}' (${newStory.id}) timed out after 10 seconds. Your connection may be unstable.`; errorMessage = `The request to fetch story '${newStory.title}' (${newStory.id}) timed out after 10 seconds. Your connection may be unstable. (${preloadedCount} / ${newApiStories.length} stories preloaded)`;
console.log('Fetch timed out for story:', newStory.id); console.log('Fetch timed out for story:', newStory.id);
} else { } else {
errorMessage = `An error occurred while fetching story '${newStory.title}' (ID: ${newStory.id}): ${error.toString()}.`; errorMessage = `An error occurred while fetching story '${newStory.title}' (ID: ${newStory.id}): ${error.toString()}. (${preloadedCount} / ${newApiStories.length} stories preloaded)`;
console.log('Fetch failed for story:', newStory.id, error); console.log('Fetch failed for story:', newStory.id, error);
} }
setError(errorMessage); setError(errorMessage);