fee68dd9ac
The detail loader now streams its six-call bundle instead of blocking
navigation on it. The page component is a thin {#await} wrapper: it shows a
MangaDetailSkeleton (cover + meta + chapter rows) while the bundle loads,
renders the extracted DetailView once resolved, and shows an inline
not-found on a 404 (previously the framework error page). Extracting
DetailView also makes it remount per navigation, so its tag/bookmark/reaction
state re-seeds cleanly on manga-to-manga moves.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
38 lines
1.5 KiB
TypeScript
38 lines
1.5 KiB
TypeScript
import { getManga, getSimilarMangas, type MangaCard } from '$lib/api/mangas';
|
|
import { listChapters } from '$lib/api/chapters';
|
|
import { listMyBookmarksOrEmpty } from '$lib/api/bookmarks';
|
|
import { getMyReadProgressForManga } from '$lib/api/read_progress';
|
|
import { getMyReactionForManga } from '$lib/api/reactions';
|
|
import type { PageLoad } from './$types';
|
|
import type { DetailData } from './types';
|
|
|
|
export const ssr = false;
|
|
|
|
export const load: PageLoad = ({ params }) => {
|
|
// Streamed (the load doesn't await) so the page renders a
|
|
// MangaDetailSkeleton while the bundle loads instead of blocking
|
|
// navigation on all six calls. A getManga 404 / any hard failure rejects
|
|
// the bundle and is handled by the page's {:catch}.
|
|
const bundle: Promise<DetailData> = Promise.all([
|
|
getManga(params.id),
|
|
listChapters(params.id),
|
|
listMyBookmarksOrEmpty(),
|
|
// Null when guest or never-read — the page handles both cases.
|
|
getMyReadProgressForManga(params.id),
|
|
// Non-critical: any failure degrades to an unset toggle, never a
|
|
// broken page.
|
|
getMyReactionForManga(params.id).catch(() => null),
|
|
// Recommendations are non-critical: fall back to an empty list.
|
|
getSimilarMangas(params.id).catch(() => [] as MangaCard[])
|
|
]).then(([manga, chapters, bookmarks, readProgress, reaction, similar]) => ({
|
|
manga,
|
|
chapters: chapters.items,
|
|
bookmarks: bookmarks.items,
|
|
readProgress,
|
|
reaction,
|
|
similar
|
|
}));
|
|
|
|
return { bundle };
|
|
};
|