refactor: simplify HomePage and LibraryPage components by integrating ClientHomePage and ClientLibraryPage, enhancing data fetching and error handling

This commit is contained in:
Julien Froidefond
2025-10-17 08:46:19 +02:00
parent bf94c29bc6
commit e396503ddb
9 changed files with 523 additions and 242 deletions

View File

@@ -1,57 +1,13 @@
import { LibraryService } from "@/lib/services/library.service";
import { PreferencesService } from "@/lib/services/preferences.service";
import { revalidatePath } from "next/cache";
import { withPageTiming } from "@/lib/hoc/withPageTiming";
import type { LibraryResponse } from "@/types/library";
import type { KomgaSeries, KomgaLibrary } from "@/types/komga";
import type { UserPreferences } from "@/types/preferences";
import { ERROR_CODES } from "@/constants/errorCodes";
import { AppError } from "@/utils/errors";
import { ClientLibraryPage } from "./ClientLibraryPage";
import type { UserPreferences } from "@/types/preferences";
interface PageProps {
params: { libraryId: string };
searchParams: { page?: string; unread?: string; search?: string; size?: string };
}
const DEFAULT_PAGE_SIZE = 20;
async function refreshLibrary(libraryId: string) {
"use server";
try {
await LibraryService.invalidateLibrarySeriesCache(libraryId);
revalidatePath(`/libraries/${libraryId}`);
return { success: true };
} catch (error) {
console.error("Error during refresh:", error);
return { success: false, error: "Error refreshing library" };
}
}
async function getLibrarySeries(
libraryId: string,
page: number = 1,
unreadOnly: boolean = false,
search?: string,
size: number = DEFAULT_PAGE_SIZE
) {
try {
const pageIndex = page - 1;
const [series, library] = await Promise.all([
LibraryService.getLibrarySeries(libraryId, pageIndex, size, unreadOnly, search),
LibraryService.getLibrary(libraryId)
]);
return { data: series, library };
} catch (error) {
throw error instanceof Error ? error : new AppError(ERROR_CODES.SERIES.FETCH_ERROR, {}, error);
}
}
async function LibraryPage({ params, searchParams }: PageProps) {
export default async function LibraryPage({ params, searchParams }: PageProps) {
const libraryId = (await params).libraryId;
const unread = (await searchParams).unread;
const search = (await searchParams).search;
@@ -63,54 +19,15 @@ async function LibraryPage({ params, searchParams }: PageProps) {
// Utiliser le paramètre d'URL s'il existe, sinon utiliser la préférence utilisateur
const unreadOnly = unread !== undefined ? unread === "true" : preferences.showOnlyUnread;
// Utiliser le paramètre de pageSize s'il existe, sinon utiliser la valeur par défaut
const pageSize = size
? parseInt(size)
: preferences.displayMode?.itemsPerPage || DEFAULT_PAGE_SIZE;
try {
const { data: series, library }: { data: LibraryResponse<KomgaSeries>; library: KomgaLibrary } =
await getLibrarySeries(libraryId, currentPage, unreadOnly, search, pageSize);
return (
<ClientLibraryPage
library={library}
series={series}
currentPage={currentPage}
libraryId={libraryId}
refreshLibrary={refreshLibrary}
preferences={preferences}
unreadOnly={unreadOnly}
/>
);
} catch (error) {
if (error instanceof AppError) {
return (
<ClientLibraryPage
library={null}
series={null}
currentPage={currentPage}
libraryId={libraryId}
refreshLibrary={refreshLibrary}
preferences={preferences}
unreadOnly={unreadOnly}
errorCode={error.code}
/>
);
}
return (
<ClientLibraryPage
library={null}
series={null}
currentPage={currentPage}
libraryId={libraryId}
refreshLibrary={refreshLibrary}
preferences={preferences}
unreadOnly={unreadOnly}
errorCode={ERROR_CODES.SERIES.FETCH_ERROR}
/>
);
}
return (
<ClientLibraryPage
currentPage={currentPage}
libraryId={libraryId}
preferences={preferences}
unreadOnly={unreadOnly}
search={search}
pageSize={size ? parseInt(size) : undefined}
/>
);
}
export default withPageTiming("LibraryPage", LibraryPage);