@itsmrtr/bunkoshelf 1.1.0 → 1.1.1

package/dist/src/actions/delete.ts

@@ -18,6 +18,7 @@ import {
   findVolumeBySlugBasic,
   listVolumeMetadataIdsBySeriesId,
 } from "@/lib/db/ingestion";
+import { revalidateMangaLibraryCache } from "@/lib/mangaLibraryCache";
 
 const LIB_PROVIDER: StorageProvider = (process.env.LIB_PROVIDER as StorageProvider) || "local";
 
@@ -93,6 +94,8 @@ export async function deleteSeries({ slug }: DeleteBySlugParams): Promise<Delete
       await deleteFileChecksumsByPrefix(normalized);
     }
 
+    revalidateMangaLibraryCache();
+
     return { ok: true };
   } catch (error) {
     _err = error as Error;
@@ -175,6 +178,8 @@ export async function deleteVolume({ slug }: DeleteBySlugParams): Promise<Delete
       }
     }
 
+    revalidateMangaLibraryCache();
+
     return { ok: true };
   } catch (error) {
     _err = error as Error;

package/dist/src/actions/scan-series.ts

@@ -20,6 +20,7 @@ import {
   upsertVolumeMetadataRecord,
   upsertVolumeRecord,
 } from "@/lib/db/ingestion";
+import { revalidateMangaLibraryCache } from "@/lib/mangaLibraryCache";
 
 const LIB_PROVIDER: StorageProvider = (process.env.LIB_PROVIDER as StorageProvider) || "local";
 const TEMP_PATH = path.resolve(process.cwd(), "../temp");
@@ -183,6 +184,8 @@ export async function scanSeries(seriesId: string): Promise<ScanResult | undefin
       errors += result.errors;
     }
 
+    revalidateMangaLibraryCache();
+
     return {
       success: true,
       coversUpdated,
@@ -216,6 +219,8 @@ export async function scanVolume(volumeId: string): Promise<ScanResult | undefin
 
     const result = await processVolumeScan(volume, volume.seriesPath!);
 
+    revalidateMangaLibraryCache();
+
     return {
       success: true,
       coversUpdated: result.coversUpdated,

package/dist/src/app/[lang]/manga/[series]/page.tsx

@@ -7,6 +7,7 @@ import {
   findSeriesBySlug,
   type LibraryVolumeMetadata,
 } from "@/lib/db/library";
+import { getMangaCoverUrl } from "@/lib/mangaCover";
 import { sortByPaddedTitle } from "@/lib/utils";
 import type { Locale } from "@/lib/types";
 
@@ -93,9 +94,11 @@ async function SeriesMangaPageContent({
 
     const normalizedSerie = {
       ...serie,
-      coverImage: serie.volumes?.[0]?.coverImage
-        ? `/api/library/manga/cover/${serie.volumes[0].slug}/${serie.volumes[0].coverImage}`
-        : null,
+      coverImage: getMangaCoverUrl({
+        slug: serie.volumes?.[0]?.slug ?? "",
+        coverImage: serie.volumes?.[0]?.coverImage ?? null,
+        updatedAt: serie.volumes?.[0]?.updatedAt,
+      }),
       volumes:
         serie.volumes?.map((vol) => {
           const meta = {
@@ -113,9 +116,7 @@ async function SeriesMangaPageContent({
           };
           return {
             ...vol,
-            coverImage: vol.coverImage
-              ? `/api/library/manga/cover/${vol.slug}/${vol.coverImage}`
-              : null,
+            coverImage: getMangaCoverUrl(vol),
             meta,
           };
         }) ?? [],

package/dist/src/app/[lang]/manga/volume/[slug]/page.tsx

@@ -7,6 +7,7 @@ import {
 } from "@/lib/db/reading";
 import { getDictionary } from "@/lib/i18n/Dictionary";
 import { findVolumeBySlug } from "@/lib/db/library";
+import { getMangaCoverUrl } from "@/lib/mangaCover";
 import type { Locale } from "@/lib/types";
 
 interface VolumeMangaPageProps {
@@ -38,7 +39,6 @@ async function VolumeMangaPageContent({ params }: VolumeMangaPageProps) {
 
     const volumeEntry = await findVolumeBySlug({
       slug,
-      userId: user?.id ?? null,
       includeGenres: true,
       includeTags: true,
     });
@@ -67,9 +67,7 @@ async function VolumeMangaPageContent({ params }: VolumeMangaPageProps) {
 
     const normalizedVolume = {
       ...volumeEntry,
-      coverImage: volumeEntry.coverImage
-        ? `/api/library/manga/cover/${volumeEntry.slug}/${volumeEntry.coverImage}`
-        : null,
+      coverImage: getMangaCoverUrl(volumeEntry),
       meta,
     };
 

package/dist/src/app/api/admin/scan-manga/extract-cover/route.ts

@@ -13,6 +13,7 @@ import {
   listVolumesForPaths,
   upsertVolumeRecord,
 } from "@/lib/db/ingestion";
+import { revalidateMangaLibraryCache } from "@/lib/mangaLibraryCache";
 
 const LIB_PROVIDER = (process.env.LIB_PROVIDER || "local") as StorageProvider;
 const TEMP_PATH = path.resolve(process.cwd(), "../temp");
@@ -153,6 +154,8 @@ export async function POST(request: NextRequest) {
       }
     }
 
+    revalidateMangaLibraryCache();
+
     return NextResponse.json({
       ok: true,
       message: "Extracción de portadas completada",

package/dist/src/app/api/admin/scan-manga/extract-meta/route.ts

@@ -15,6 +15,7 @@ import {
   upsertVolumeMetadataRecord,
   linkVolumeMetadata,
 } from "@/lib/db/ingestion";
+import { revalidateMangaLibraryCache } from "@/lib/mangaLibraryCache";
 
 const LIB_PROVIDER = (process.env.LIB_PROVIDER || "local") as StorageProvider;
 const CHECKSUM_STATUS_PATH = path.join(
@@ -115,6 +116,7 @@ export async function POST(request: NextRequest) {
     }
 
     await cleanupOrphanedGenresAndTags();
+    revalidateMangaLibraryCache();
 
     return NextResponse.json({
       message: "Metadatos procesados correctamente.",

package/dist/src/app/api/admin/scan-manga/index-library/route.ts

@@ -12,6 +12,7 @@ import {
   upsertSeriesRecord,
   upsertVolumeRecord,
 } from "@/lib/db/ingestion";
+import { revalidateMangaLibraryCache } from "@/lib/mangaLibraryCache";
 
 const LIBRARY_PATH = path.resolve(process.cwd(), "../library/manga");
 const LIB_PROVIDER = process.env.LIB_PROVIDER || "local";
@@ -221,6 +222,8 @@ export async function POST(request: NextRequest) {
       }
     }
 
+    revalidateMangaLibraryCache();
+
     return NextResponse.json({
       ok: true,
       message: "Biblioteca indexada correctamente",

package/dist/src/app/api/admin/scan-manga/start/route.ts

@@ -3,6 +3,7 @@ import { verifySession } from "@/lib/auth/verifySession";
 
 import { mainJob } from "@/lib/jobs/scan/manga/mainJob";
 import { log } from "@/lib/logger";
+import { revalidateMangaLibraryCache } from "@/lib/mangaLibraryCache";
 import fs from "fs/promises";
 import path from "path";
 import { ListObjectsV2Command, GetObjectCommand } from "@aws-sdk/client-s3";
@@ -309,6 +310,7 @@ export async function POST() {
     }
 
     await runBackgroundJob();
+    revalidateMangaLibraryCache();
 
     log({
       event: "Library scan completed",

package/dist/src/app/api/admin/upload/confirm/route.ts

@@ -8,6 +8,7 @@ import { log } from "@/lib/logger";
 import crypto from "crypto";
 import { indexUploadedVolume } from "@/lib/uploadIndexer";
 import { upsertFileChecksumRecord } from "@/lib/db/ingestion";
+import { revalidateMangaLibraryCache } from "@/lib/mangaLibraryCache";
 import type { ComicMetadata } from "@/lib/types/manga";
 
 function generateChecksum(): string {
@@ -93,6 +94,10 @@ export async function POST(request: NextRequest) {
       }
     }
 
+    if (libraryType === "manga") {
+      revalidateMangaLibraryCache();
+    }
+
     log({
       event: "Files uploaded to library",
       category: "LIBRARY",

package/dist/src/app/api/admin/upload/library/chunk/route.ts

@@ -10,6 +10,7 @@ import { PutObjectCommand } from "@aws-sdk/client-s3";
 import r2Client, { R2_BUCKET } from "@/lib/r2";
 import { indexUploadedVolume } from "@/lib/uploadIndexer";
 import { upsertFileChecksumRecord } from "@/lib/db/ingestion";
+import { revalidateMangaLibraryCache } from "@/lib/mangaLibraryCache";
 import type { ComicMetadata } from "@/lib/types/manga";
 
 export const maxDuration = 300;
@@ -173,6 +174,7 @@ export async function POST(request: NextRequest) {
             tags: volumeMeta?.tags || [],
             fileSize: fileBuffer.length,
           });
+          revalidateMangaLibraryCache();
         }
 
         await fs.unlink(tempFilePath);
@@ -232,6 +234,7 @@ export async function POST(request: NextRequest) {
             tags: volumeMeta?.tags || [],
             fileSize: fileBuffer.length,
           });
+          revalidateMangaLibraryCache();
         }
 
         await fs.unlink(tempFilePath);

package/dist/src/components/home/manga/HeroKeepRead.tsx

@@ -5,6 +5,7 @@ import MangaCard from "@/components/ui/MangaCard";
 import ReloadButton from "@/components/ui/ReloadButton";
 import PushButton from "@/components/ui/PushButton";
 import { getMangaVolumes } from "@/actions/library";
+import { getMangaCoverUrl } from "@/lib/mangaCover";
 import type { DictionarySection, Locale } from "@/lib/types";
 
 interface HeroKeepReadProps {
@@ -27,9 +28,7 @@ export default async function HeroKeepRead({ lang, intl, vapidPublicKey }: HeroK
             title: vol.title,
             slug: vol.slug,
             isOneshot: vol.series?.isOneshot === true,
-            coverImage: vol.coverImage
-              ? `/api/library/manga/cover/${vol.slug}/${vol.coverImage}`
-              : null,
+            coverImage: getMangaCoverUrl(vol),
             meta: vol.metadataObj ? { title: vol.metadataObj.title } : null,
             lastPage: progress?.lastPage ?? 0,
             totalPages: progress?.totalPages ?? 0,

package/dist/src/components/home/manga/RowNewVols.tsx

@@ -1,5 +1,6 @@
 import { getMangaVolumes } from "@/actions/library";
 import RowNewVolsCarousel, { type VolumeEntry } from "./RowNewVolsCarousel";
+import { getMangaCoverUrl } from "@/lib/mangaCover";
 import type { DictionarySection, Locale } from "@/lib/types";
 
 interface RowNewVolsProps {
@@ -19,9 +20,7 @@ export default async function RowNewVols({ lang, intl, maxItems = 8 }: RowNewVol
           title: vol.title,
           slug: vol.slug,
           isOneshot: vol.series?.isOneshot === true,
-          coverImage: vol.coverImage
-            ? `/api/library/manga/cover/${vol.slug}/${vol.coverImage}`
-            : null,
+          coverImage: getMangaCoverUrl(vol),
           meta: vol.metadataObj ? { title: vol.metadataObj.title } : null,
         }))
     : [];

package/dist/src/components/library/manga/grid/SeriesIndex.tsx

@@ -5,6 +5,7 @@ import MangaCard from "@/components/ui/MangaCard";
 import Pagination from "@/components/ui/Pagination";
 import FiltersDrawer from "@/components/library/manga/FiltersDrawer";
 import { verifySession } from "@/lib/auth/verifySession";
+import { getMangaCoverUrl } from "@/lib/mangaCover";
 import { getSeriesBulkProgress } from "@/lib/reader/readingProgress";
 import type { Locale, Dictionary } from "@/lib/types";
 
@@ -47,13 +48,11 @@ export default async function SeriesIndex({
       ...entry,
       coverImage:
         sortedVolumes.length > 0
-          ? `/api/library/manga/cover/${sortedVolumes[sortedVolumes.length - 1].slug}/${sortedVolumes[sortedVolumes.length - 1].coverImage}`
+          ? getMangaCoverUrl(sortedVolumes[sortedVolumes.length - 1])
           : null,
       volumes: sortedVolumes.map((vol) => ({
         ...vol,
-        coverImage: vol.coverImage
-          ? `/api/library/manga/cover/${vol.slug}/${vol.coverImage}`
-          : null,
+        coverImage: getMangaCoverUrl(vol),
         meta: vol.metadataObj || null,
         genres: vol.genres.map((genre) => genre.name),
         tags: vol.tags.map((tag) => tag.name),
@@ -114,9 +113,7 @@ export default async function SeriesIndex({
           <Pagination
             currentPage={page}
             totalPages={totalPages}
-            lang={lang}
             intl={intl}
-            basePath="/series"
           />
         </div>
       )}

package/dist/src/components/library/manga/grid/SeriesIndexFav.tsx

@@ -5,6 +5,7 @@ import {
   listSeriesWithVolumes,
 } from "@/lib/db/library";
 import { GhostIcon, LibraryBigIcon } from "lucide-react";
+import { getMangaCoverUrl } from "@/lib/mangaCover";
 import { sortByPaddedTitle } from "@/lib/utils";
 import { getSeriesBulkProgress } from "@/lib/reader/readingProgress";
 import type { Locale, Dictionary } from "@/lib/types";
@@ -40,14 +41,12 @@ export default async function SeriesIndexFav({ lang, intl }: SeriesIndexFavProps
       ...series,
       coverImage:
         sortedVolumes.length > 0
-          ? `/api/library/manga/cover/${sortedVolumes[sortedVolumes.length - 1].slug}/${sortedVolumes[sortedVolumes.length - 1].coverImage}`
+          ? getMangaCoverUrl(sortedVolumes[sortedVolumes.length - 1])
           : null,
       volumes:
         sortedVolumes.map((vol) => ({
           ...vol,
-          coverImage: vol.coverImage
-            ? `/api/library/manga/cover/${vol.slug}/${vol.coverImage}`
-            : null,
+          coverImage: getMangaCoverUrl(vol),
           meta: vol.metadataObj || null,
         })) ?? [],
     };

package/dist/src/components/library/manga/grid/VolumesIndex.tsx

@@ -4,6 +4,7 @@ import { LibraryBigIcon } from "lucide-react";
 import MangaCard from "@/components/ui/MangaCard";
 import Pagination from "@/components/ui/Pagination";
 import FiltersDrawer from "@/components/library/manga/FiltersDrawer";
+import { getMangaCoverUrl } from "@/lib/mangaCover";
 import type { Locale, Dictionary } from "@/lib/types";
 
 const PAGE_SIZE = 35;
@@ -39,9 +40,7 @@ export default async function VolumesIndex({
   const entries = sortedVolumes.map((vol) => ({
     ...vol,
     isOneshot: vol.series?.isOneshot === true,
-    coverImage: vol.coverImage
-      ? `/api/library/manga/cover/${vol.slug}/${vol.coverImage}`
-      : null,
+    coverImage: getMangaCoverUrl(vol),
     meta: vol.metadataObj || null,
     genres: vol.genres.map((genre) => genre.name),
     tags: vol.tags.map((tag) => tag.name),
@@ -93,9 +92,7 @@ export default async function VolumesIndex({
           <Pagination
             currentPage={page}
             totalPages={totalPages}
-            lang={lang}
             intl={intl}
-            basePath="/volumes"
           />
         </div>
       )}

package/dist/src/components/library/manga/grid/VolumesIndexFav.tsx

@@ -1,6 +1,7 @@
 import MangaCard from "@/components/ui/MangaCard";
 import { verifySession } from "@/lib/auth/verifySession";
 import { listFavoriteVolumeIds, listVolumes } from "@/lib/db/library";
+import { getMangaCoverUrl } from "@/lib/mangaCover";
 import { sortByPaddedTitle } from "@/lib/utils";
 import { GhostIcon, BookCopyIcon } from "lucide-react";
 import type { Locale, Dictionary } from "@/lib/types";
@@ -31,9 +32,7 @@ export default async function VolumesIndexFav({ lang, intl }: VolumesIndexFavPro
   const entries = sortedVolumes.map((vol) => ({
     ...vol,
     isOneshot: vol.series?.isOneshot === true,
-    coverImage: vol.coverImage
-      ? `/api/library/manga/cover/${vol.slug}/${vol.coverImage}`
-      : null,
+    coverImage: getMangaCoverUrl(vol),
     meta: vol.metadataObj || null,
   }));
 

package/dist/src/components/library/manga/grid/WantToRead.tsx

@@ -5,6 +5,7 @@ import { LibraryBigIcon } from "lucide-react";
 import MangaCard from "@/components/ui/MangaCard";
 import Pagination from "@/components/ui/Pagination";
 import FiltersDrawer from "@/components/library/manga/FiltersDrawer";
+import { getMangaCoverUrl } from "@/lib/mangaCover";
 import type { Locale, Dictionary } from "@/lib/types";
 
 const PAGE_SIZE = 35;
@@ -45,9 +46,7 @@ export default async function WantToRead({
   const entries = sortedVolumes.map((vol) => ({
     ...vol,
     isOneshot: vol.series?.isOneshot === true,
-    coverImage: vol.coverImage
-      ? `/api/library/manga/cover/${vol.slug}/${vol.coverImage}`
-      : null,
+    coverImage: getMangaCoverUrl(vol),
     meta: vol.metadataObj || null,
     genres: vol.genres.map((genre) => genre.name),
     tags: vol.tags.map((tag) => tag.name),
@@ -98,9 +97,7 @@ export default async function WantToRead({
           <Pagination
             currentPage={page}
             totalPages={totalPages}
-            lang={lang}
             intl={intl}
-            basePath="/toread"
           />
         </div>
       )}

package/dist/src/components/library/manga/row/HeroKeepRead.tsx

@@ -4,6 +4,7 @@ import { useRef, useEffect, useState } from "react";
 import { usePathname } from "next/navigation";
 import MangaCard from "@/components/ui/MangaCard";
 import MangaNav from "@/components/library/manga/MangaNav";
+import { getMangaCoverUrl } from "@/lib/mangaCover";
 import {
   LibraryBigIcon,
   ChevronLeftIcon,
@@ -55,9 +56,7 @@ export default function HeroKeepRead({ lang, intl }: HeroKeepReadProps) {
           return {
             ...vol,
             isOneshot: vol.series?.isOneshot === true,
-            coverImage: vol.coverImage
-              ? `/api/library/manga/cover/${vol.slug}/${vol.coverImage}`
-              : null,
+            coverImage: getMangaCoverUrl(vol),
             meta: vol.metadataObj || null,
             lastPage: progress?.lastPage ?? 0,
             totalPages: progress?.totalPages ?? 0,

package/dist/src/components/library/manga/row/NewVols.tsx

@@ -1,6 +1,7 @@
 import { BookPlusIcon } from "lucide-react";
 import { getMangaVolumes } from "@/actions/library";
 import MangaRowCarousel, { type VolEntry } from "./MangaRowCarousel";
+import { getMangaCoverUrl } from "@/lib/mangaCover";
 import type { Locale, Dictionary } from "@/lib/types";
 
 interface NewVolsProps {
@@ -20,9 +21,7 @@ export default async function NewVols({ lang, intl, maxItems = 12 }: NewVolsProp
           slug: vol.slug,
           title: vol.title,
           isOneshot: vol.series?.isOneshot === true,
-          coverImage: vol.coverImage
-            ? `/api/library/manga/cover/${vol.slug}/${vol.coverImage}`
-            : null,
+          coverImage: getMangaCoverUrl(vol),
           meta: vol.metadataObj ?? null,
         }))
     : [];

package/dist/src/components/library/manga/row/NextVol.tsx

@@ -1,6 +1,7 @@
 import { BookMarkedIcon } from "lucide-react";
 import { getMangaVolumes } from "@/actions/library";
 import MangaRowCarousel, { type VolEntry } from "./MangaRowCarousel";
+import { getMangaCoverUrl } from "@/lib/mangaCover";
 import type { Locale, Dictionary } from "@/lib/types";
 
 interface NextVolProps {
@@ -48,9 +49,7 @@ export default async function NextVol({ lang, intl, maxItems = 12 }: NextVolProp
           slug: nextUnread.slug,
           title: nextUnread.title,
           isOneshot: nextUnread.series?.isOneshot === true,
-          coverImage: nextUnread.coverImage
-            ? `/api/library/manga/cover/${nextUnread.slug}/${nextUnread.coverImage}`
-            : null,
+          coverImage: getMangaCoverUrl(nextUnread),
           meta: nextUnread.metadataObj ?? null,
         });
       }

package/dist/src/components/library/manga/row/RecentlyRead.tsx

@@ -1,6 +1,7 @@
 import { BookCheckIcon } from "lucide-react";
 import { getMangaVolumes } from "@/actions/library";
 import MangaRowCarousel, { type VolEntry } from "./MangaRowCarousel";
+import { getMangaCoverUrl } from "@/lib/mangaCover";
 import type { Locale, Dictionary } from "@/lib/types";
 
 interface RecentlyReadProps {
@@ -20,9 +21,7 @@ export default async function RecentlyRead({ lang, intl, maxItems = 12 }: Recent
             slug: vol.slug,
             title: vol.title,
             isOneshot: vol.series?.isOneshot === true,
-            coverImage: vol.coverImage
-              ? `/api/library/manga/cover/${vol.slug}/${vol.coverImage}`
-              : null,
+            coverImage: getMangaCoverUrl(vol),
             meta: vol.metadataObj ?? null,
             isRead: progress?.isRead ?? false,
             lastReadAt: progress?.lastReadAt ? new Date(progress.lastReadAt) : null,

package/dist/src/components/ui/Pagination.tsx

@@ -1,39 +1,47 @@
 "use client";
 
+import { useTransition } from "react";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import { useRouter, useSearchParams } from "next/navigation";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import type { DictionarySection } from "@/lib/types";
 
 interface PaginationProps {
   currentPage: number;
   totalPages: number;
-  lang: string;
   intl: DictionarySection;
-  basePath: string;
 }
 
 export default function Pagination({
   currentPage,
   totalPages,
-  lang,
   intl,
-  basePath,
 }: PaginationProps) {
   const router = useRouter();
+  const pathname = usePathname();
   const searchParams = useSearchParams();
+  const [isPending, startTransition] = useTransition();
 
   const goToPage = (page: number) => {
-    const params = new URLSearchParams(searchParams);
+    if (isPending || page === currentPage || page < 1 || page > totalPages) {
+      return;
+    }
+
+    const params = new URLSearchParams(searchParams.toString());
     params.set("page", String(page));
-    router.push(`/${lang}/manga${basePath}?${params.toString()}`);
+    const href = `${pathname}?${params.toString()}`;
+
+    startTransition(() => {
+      router.replace(href);
+    });
   };
 
   return (
     <div className="flex justify-center items-center gap-2">
       <button
-        disabled={currentPage === 1}
+        type="button"
+        disabled={currentPage === 1 || isPending}
         onClick={() => goToPage(currentPage - 1)}
-        className="p-3 rounded-lg leading-none uppercase text-sand bg-blackamber border border-blackamber hover:text-onix hover:bg-pearl hover:border-pearl cursor-pointer transition-all duration-300 disabled:hidden"
+        className="p-3 rounded-lg leading-none uppercase text-sand bg-blackamber border border-blackamber hover:text-onix hover:bg-pearl hover:border-pearl cursor-pointer transition-all duration-300 disabled:opacity-40 disabled:pointer-events-none"
       >
         <ChevronLeftIcon size={20} />
       </button>
@@ -41,9 +49,10 @@ export default function Pagination({
         {(intl as Record<string, DictionarySection>).reader.page as string} {currentPage} / {totalPages}
       </span>
       <button
-        disabled={currentPage === totalPages}
+        type="button"
+        disabled={currentPage === totalPages || isPending}
         onClick={() => goToPage(currentPage + 1)}
-        className="p-3 rounded-lg leading-none uppercase text-sand bg-blackamber border border-blackamber hover:text-onix hover:bg-pearl hover:border-pearl cursor-pointer transition-all duration-300 disabled:hidden"
+        className="p-3 rounded-lg leading-none uppercase text-sand bg-blackamber border border-blackamber hover:text-onix hover:bg-pearl hover:border-pearl cursor-pointer transition-all duration-300 disabled:opacity-40 disabled:pointer-events-none"
       >
         <ChevronRightIcon size={20} />
       </button>