@itsmrtr/bunkoshelf 1.8.2 → 1.9.1

package/dist/migrations/001_initial_schema.sql

@@ -34,7 +34,7 @@ CREATE TABLE IF NOT EXISTS push_subscriptions (
 CREATE INDEX IF NOT EXISTS push_subscriptions_user_id_idx
   ON push_subscriptions (user_id);
 
-CREATE TABLE IF NOT EXISTS manga_series (
+CREATE TABLE IF NOT EXISTS library_series (
   id TEXT PRIMARY KEY,
   slug TEXT NOT NULL UNIQUE,
   title TEXT NOT NULL,
@@ -46,6 +46,10 @@ CREATE TABLE IF NOT EXISTS manga_series (
   updated_at TIMESTAMP NOT NULL DEFAULT NOW()
 );
 
+ALTER TABLE library_series
+  ADD COLUMN IF NOT EXISTS library_section TEXT NOT NULL DEFAULT 'manga'
+  CHECK (library_section IN ('manga', 'comic', 'other'));
+
 CREATE TABLE IF NOT EXISTS volume_metadata (
   id TEXT PRIMARY KEY,
   file_path TEXT NOT NULL UNIQUE,
@@ -78,7 +82,7 @@ CREATE TABLE IF NOT EXISTS volume_metadata (
   updated_at TIMESTAMP NOT NULL DEFAULT NOW()
 );
 
-CREATE TABLE IF NOT EXISTS manga_volumes (
+CREATE TABLE IF NOT EXISTS library_volumes (
   id TEXT PRIMARY KEY,
   slug TEXT NOT NULL UNIQUE,
   title TEXT NOT NULL,
@@ -87,19 +91,19 @@ CREATE TABLE IF NOT EXISTS manga_volumes (
   size INTEGER NOT NULL DEFAULT 0,
   mtime TIMESTAMP NOT NULL DEFAULT NOW(),
   cover_image TEXT,
-  series_id TEXT NOT NULL REFERENCES manga_series(id) ON DELETE CASCADE,
+  series_id TEXT NOT NULL REFERENCES library_series(id) ON DELETE CASCADE,
   metadata_id TEXT UNIQUE REFERENCES volume_metadata(id) ON DELETE CASCADE,
   created_at TIMESTAMP NOT NULL DEFAULT NOW(),
   updated_at TIMESTAMP NOT NULL DEFAULT NOW()
 );
 
-CREATE INDEX IF NOT EXISTS manga_volumes_series_id_idx
-  ON manga_volumes (series_id);
+CREATE INDEX IF NOT EXISTS library_volumes_series_id_idx
+  ON library_volumes (series_id);
 
 CREATE TABLE IF NOT EXISTS user_to_series (
   id TEXT PRIMARY KEY,
   user_id TEXT NOT NULL REFERENCES users(id),
-  series_id TEXT NOT NULL REFERENCES manga_series(id) ON DELETE CASCADE,
+  series_id TEXT NOT NULL REFERENCES library_series(id) ON DELETE CASCADE,
   is_favorite BOOLEAN NOT NULL DEFAULT FALSE,
   created_at TIMESTAMP NOT NULL DEFAULT NOW(),
   updated_at TIMESTAMP NOT NULL DEFAULT NOW(),
@@ -115,7 +119,7 @@ CREATE INDEX IF NOT EXISTS user_to_series_series_id_idx
 CREATE TABLE IF NOT EXISTS user_to_volumes (
   id TEXT PRIMARY KEY,
   user_id TEXT NOT NULL REFERENCES users(id),
-  volume_id TEXT NOT NULL REFERENCES manga_volumes(id) ON DELETE CASCADE,
+  volume_id TEXT NOT NULL REFERENCES library_volumes(id) ON DELETE CASCADE,
   is_read BOOLEAN NOT NULL DEFAULT FALSE,
   is_favorite BOOLEAN NOT NULL DEFAULT FALSE,
   personal_rating DOUBLE PRECISION,
@@ -148,7 +152,7 @@ CREATE INDEX IF NOT EXISTS daily_reading_logs_user_id_idx
 CREATE TABLE IF NOT EXISTS reading_entries (
   id TEXT PRIMARY KEY,
   user_id TEXT NOT NULL REFERENCES users(id) ON DELETE CASCADE,
-  volume_id TEXT NOT NULL REFERENCES manga_volumes(id) ON DELETE CASCADE,
+  volume_id TEXT NOT NULL REFERENCES library_volumes(id) ON DELETE CASCADE,
   read_at TEXT NOT NULL,
   created_at TIMESTAMP NOT NULL DEFAULT NOW()
 );
@@ -179,7 +183,7 @@ CREATE TABLE IF NOT EXISTS tags (
 
 CREATE TABLE IF NOT EXISTS volume_to_genres (
   id TEXT PRIMARY KEY,
-  volume_id TEXT NOT NULL REFERENCES manga_volumes(id) ON DELETE CASCADE,
+  volume_id TEXT NOT NULL REFERENCES library_volumes(id) ON DELETE CASCADE,
   genre_id TEXT NOT NULL REFERENCES genres(id),
   UNIQUE (volume_id, genre_id)
 );
@@ -192,7 +196,7 @@ CREATE INDEX IF NOT EXISTS volume_to_genres_genre_id_idx
 
 CREATE TABLE IF NOT EXISTS volume_to_tags (
   id TEXT PRIMARY KEY,
-  volume_id TEXT NOT NULL REFERENCES manga_volumes(id) ON DELETE CASCADE,
+  volume_id TEXT NOT NULL REFERENCES library_volumes(id) ON DELETE CASCADE,
   tag_id TEXT NOT NULL REFERENCES tags(id),
   UNIQUE (volume_id, tag_id)
 );

package/dist/migrations/003_add_natural_sort_keys.sql

@@ -36,31 +36,31 @@ BEGIN
 END;
 $$;
 
-ALTER TABLE manga_series
+ALTER TABLE library_series
   ADD COLUMN IF NOT EXISTS sort_title TEXT;
 
-ALTER TABLE manga_volumes
+ALTER TABLE library_volumes
   ADD COLUMN IF NOT EXISTS sort_title TEXT;
 
-UPDATE manga_series
+UPDATE library_series
 SET sort_title = bunko_natural_sort_key(title)
 WHERE sort_title IS NULL OR sort_title = '';
 
-UPDATE manga_volumes
+UPDATE library_volumes
 SET sort_title = bunko_natural_sort_key(title)
 WHERE sort_title IS NULL OR sort_title = '';
 
-ALTER TABLE manga_series
+ALTER TABLE library_series
   ALTER COLUMN sort_title SET NOT NULL;
 
-ALTER TABLE manga_volumes
+ALTER TABLE library_volumes
   ALTER COLUMN sort_title SET NOT NULL;
 
-CREATE INDEX IF NOT EXISTS manga_series_sort_title_idx
-  ON manga_series (sort_title);
+CREATE INDEX IF NOT EXISTS library_series_sort_title_idx
+  ON library_series (sort_title);
 
-CREATE INDEX IF NOT EXISTS manga_volumes_sort_title_idx
-  ON manga_volumes (sort_title);
+CREATE INDEX IF NOT EXISTS library_volumes_sort_title_idx
+  ON library_volumes (sort_title);
 
-CREATE INDEX IF NOT EXISTS manga_volumes_series_id_sort_title_idx
-  ON manga_volumes (series_id, sort_title);
+CREATE INDEX IF NOT EXISTS library_volumes_series_id_sort_title_idx
+  ON library_volumes (series_id, sort_title);

package/dist/migrations/005_unify_comic_library.sql

@@ -0,0 +1,50 @@
+DO $$
+BEGIN
+  IF to_regclass('public.library_series') IS NULL
+    AND to_regclass('public.manga_series') IS NOT NULL THEN
+    ALTER TABLE manga_series RENAME TO library_series;
+  END IF;
+
+  IF to_regclass('public.library_volumes') IS NULL
+    AND to_regclass('public.manga_volumes') IS NOT NULL THEN
+    ALTER TABLE manga_volumes RENAME TO library_volumes;
+  END IF;
+END;
+$$;
+
+ALTER TABLE library_series
+  ADD COLUMN IF NOT EXISTS library_section TEXT NOT NULL DEFAULT 'manga';
+
+ALTER TABLE library_series
+  DROP CONSTRAINT IF EXISTS manga_series_library_section_check;
+
+ALTER TABLE library_series
+  ADD CONSTRAINT library_series_library_section_check
+  CHECK (library_section IN ('manga', 'comic', 'other'));
+
+ALTER TABLE library_series
+  DROP CONSTRAINT IF EXISTS manga_series_slug_key;
+
+ALTER TABLE library_series
+  DROP CONSTRAINT IF EXISTS library_series_slug_key;
+
+ALTER TABLE library_series
+  ADD CONSTRAINT library_series_section_slug_key UNIQUE (library_section, slug);
+
+ALTER TABLE library_volumes
+  DROP CONSTRAINT IF EXISTS manga_volumes_slug_key;
+
+ALTER TABLE library_volumes
+  DROP CONSTRAINT IF EXISTS library_volumes_slug_key;
+
+ALTER TABLE library_volumes
+  ADD CONSTRAINT library_volumes_slug_key UNIQUE (slug);
+
+CREATE INDEX IF NOT EXISTS library_series_section_idx
+  ON library_series (library_section);
+
+CREATE OR REPLACE VIEW manga_series AS
+  SELECT * FROM library_series;
+
+CREATE OR REPLACE VIEW manga_volumes AS
+  SELECT * FROM library_volumes;

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itsmrtr/bunkoshelf",
-  "version": "1.8.2",
+  "version": "1.9.1",
   "description": "Self-hosted personal manga library.",
   "keywords": [
     "bunko",

package/dist/src/actions/challenge.ts

@@ -39,6 +39,26 @@ function mapChallenge(row: ReadingChallengeRow): ReadingChallengeRecord {
   };
 }
 
+async function getCompletedCount(userId: string, year: number) {
+  const volumesRead = await query<{ last_read_at: Date | null }>(
+    `
+      SELECT utv.last_read_at
+      FROM user_to_volumes utv
+      INNER JOIN manga_volumes mv ON mv.id = utv.volume_id
+      INNER JOIN manga_series ms ON ms.id = mv.series_id
+      WHERE utv.user_id = $1
+        AND utv.is_read = TRUE
+        AND ms.library_section IN ('manga', 'comic', 'other')
+    `,
+    [userId]
+  );
+
+  return volumesRead.filter((volume) => {
+    if (!volume.last_read_at) return false;
+    return new Date(volume.last_read_at).getFullYear() === year;
+  }).length;
+}
+
 export async function getChallenge({ year }: GetChallengeParams) {
   const user = await verifySession();
   if (!user) {
@@ -49,6 +69,8 @@ export async function getChallenge({ year }: GetChallengeParams) {
     return { error: "Missing year", status: 400 };
   }
 
+  const completedCount = await getCompletedCount(user.id, year);
+
   let challenge = await queryOne<ReadingChallengeRow>(
     `
       SELECT id, user_id, year, goal, completed, notified, created_at, updated_at
@@ -71,14 +93,20 @@ export async function getChallenge({ year }: GetChallengeParams) {
           completed,
           notified
         )
-        VALUES ($1, $2, $3, 0, 0, FALSE)
+        VALUES ($1, $2, $3, 0, $4, FALSE)
         RETURNING id, user_id, year, goal, completed, notified, created_at, updated_at
       `,
-      [createId(), user.id, year]
+      [createId(), user.id, year, completedCount]
     );
   }
 
-  return { challenge: challenge ? mapChallenge(challenge) : null };
+  const mappedChallenge = challenge ? mapChallenge(challenge) : null;
+
+  return {
+    challenge: mappedChallenge
+      ? { ...mappedChallenge, completed: completedCount }
+      : null,
+  };
 }
 
 export async function updateChallenge({ year, goal, notified }: UpdateChallengeParams) {
@@ -108,21 +136,7 @@ export async function updateChallenge({ year, goal, notified }: UpdateChallengeP
       [user.id, year]
     );
 
-    const volumesRead = await query<{ last_read_at: Date | null }>(
-      `
-        SELECT last_read_at
-        FROM user_to_volumes
-        WHERE user_id = $1
-          AND is_read = TRUE
-      `,
-      [user.id]
-    );
-
-    const completedCount = volumesRead.filter((vol) => {
-      if (!vol.last_read_at) return false;
-      const lastReadDate = new Date(vol.last_read_at);
-      return lastReadDate.getFullYear() === year;
-    }).length;
+    const completedCount = await getCompletedCount(user.id, year);
 
     if (challenge) {
       challenge = await queryOne<ReadingChallengeRow>(

package/dist/src/actions/search.ts

@@ -15,7 +15,7 @@ interface SeriesDoc {
   title: string;
   slug: string;
   isOneshot: boolean;
-  section: "manga" | "others";
+  section: "manga" | "comic" | "others";
   writer: string;
   series: string;
 }
@@ -27,7 +27,7 @@ interface VolumeDoc {
   series: string;
   slug: string;
   isOneshot: boolean;
-  section: "manga" | "others";
+  section: "manga" | "comic" | "others";
   genres: string;
   tags: string;
 }
@@ -59,7 +59,7 @@ export async function searchManga({ query }: SearchParams) {
 
   const writerBySeriesId = new Map<string, string>();
   const seriesNameById = new Map<string, string>();
-  const sectionBySeriesId = new Map<string, "manga" | "others">();
+  const sectionBySeriesId = new Map<string, "manga" | "comic" | "others">();
 
   for (const vol of volumes) {
     const writer = vol.metadataObj?.writer?.trim();
@@ -74,7 +74,7 @@ export async function searchManga({ query }: SearchParams) {
     if (!sectionBySeriesId.has(vol.seriesId)) {
       sectionBySeriesId.set(
         vol.seriesId,
-        getLibrarySection(vol.metadataObj?.mangaStyle)
+        getLibrarySection(vol.series.librarySection)
       );
     }
   }
@@ -136,7 +136,7 @@ export async function searchManga({ query }: SearchParams) {
       series: vol.metadataObj?.series || "",
       slug: vol.slug,
       isOneshot: vol.series?.isOneshot ?? false,
-      section: getLibrarySection(vol.metadataObj?.mangaStyle),
+      section: getLibrarySection(vol.series.librarySection),
       genres: genreNames.join(", "),
       tags: tagNames.join(", "),
     };

package/dist/src/actions/stats.ts

@@ -20,14 +20,18 @@ interface ReaderStatsOptions {
 
 function buildScopeCondition(
   scope: LibraryScope | undefined,
-  alias = "vm"
+  alias = "ms"
 ): string {
+  if (scope === "comic") {
+    return `${alias}.library_section = 'comic'`;
+  }
+
   if (scope === "others") {
-    return `${alias}.manga_style = 'No'`;
+    return `${alias}.library_section = 'other'`;
   }
 
   if (scope === "manga") {
-    return `(${alias}.manga_style IS NULL OR ${alias}.manga_style <> 'No')`;
+    return `${alias}.library_section = 'manga'`;
   }
 
   return "TRUE";
@@ -172,6 +176,8 @@ export async function getReaderStats(options?: ReaderStatsOptions) {
       FROM user_to_volumes utv
       INNER JOIN manga_volumes mv
         ON mv.id = utv.volume_id
+      INNER JOIN manga_series ms
+        ON ms.id = mv.series_id
       LEFT JOIN volume_metadata vm
         ON vm.id = mv.metadata_id
       WHERE utv.user_id = $1
@@ -187,6 +193,8 @@ export async function getReaderStats(options?: ReaderStatsOptions) {
       FROM user_to_volumes utv
       INNER JOIN manga_volumes mv
         ON mv.id = utv.volume_id
+      INNER JOIN manga_series ms
+        ON ms.id = mv.series_id
       LEFT JOIN volume_metadata vm
         ON vm.id = mv.metadata_id
       WHERE utv.user_id = $1
@@ -211,6 +219,8 @@ export async function getReaderStats(options?: ReaderStatsOptions) {
     `
       SELECT COUNT(*)::text AS count
       FROM manga_volumes mv
+      INNER JOIN manga_series ms
+        ON ms.id = mv.series_id
       LEFT JOIN volume_metadata vm
         ON vm.id = mv.metadata_id
       WHERE ${scopeCondition}
@@ -236,6 +246,8 @@ export async function getReaderStats(options?: ReaderStatsOptions) {
       FROM manga_volumes mv
       INNER JOIN user_to_volumes utv
         ON utv.volume_id = mv.id
+      INNER JOIN manga_series ms
+        ON ms.id = mv.series_id
       LEFT JOIN volume_metadata vm
         ON vm.id = mv.metadata_id
       WHERE utv.user_id = $1
@@ -250,6 +262,8 @@ export async function getReaderStats(options?: ReaderStatsOptions) {
       FROM user_to_volumes utv
       INNER JOIN manga_volumes mv
         ON mv.id = utv.volume_id
+      INNER JOIN manga_series ms
+        ON ms.id = mv.series_id
       LEFT JOIN volume_metadata vm
         ON vm.id = mv.metadata_id
       WHERE utv.user_id = $1

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

@@ -0,0 +1,7 @@
+import { Suspense } from "react";
+import DetailSkeleton from "@/components/library/manga/DetailSkeleton";
+import { OthersSeriesPageContent } from "@/app/[lang]/others/[series]/page";
+
+export default function ComicSeriesPage(props: { params: Promise<{ lang: string; series: string }>; searchParams: Promise<Record<string, string | undefined>> }) {
+  return <Suspense fallback={<DetailSkeleton kind="series" />}><OthersSeriesPageContent {...props} section="comic" /></Suspense>;
+}

package/dist/src/app/[lang]/comic/layout.tsx

@@ -0,0 +1,11 @@
+import { Suspense } from "react";
+import HeroKeepRead from "@/components/library/manga/row/HeroKeepRead";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import type { Locale } from "@/lib/types";
+import type { ReactNode } from "react";
+
+export default async function ComicLayout({ children, params }: { children: ReactNode; params: Promise<{ lang: string }> }) {
+  const { lang = "es" } = await params;
+  const intl = await getDictionary(lang as Locale);
+  return <><Suspense fallback={null}><HeroKeepRead lang={lang as Locale} intl={intl} scope="comic" section="comic" /></Suspense><div className="mb-24 md:mb-4">{children}</div></>;
+}

package/dist/src/app/[lang]/comic/page.tsx

@@ -0,0 +1,9 @@
+import { Suspense } from "react";
+import NextVol from "@/components/library/manga/row/NextVol";
+import NewVols from "@/components/library/manga/row/NewVols";
+import RecentlyRead from "@/components/library/manga/row/RecentlyRead";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import type { Locale } from "@/lib/types";
+
+async function Content({ params }: { params: Promise<{ lang: string }> }) { const { lang = "es" } = await params; const intl = await getDictionary(lang as Locale); return <div className="p-4"><NextVol lang={lang as Locale} intl={intl} scope="comic" section="comic" /><NewVols lang={lang as Locale} intl={intl} scope="comic" section="comic" /><RecentlyRead lang={lang as Locale} intl={intl} scope="comic" section="comic" /></div>; }
+export default function ComicPage(props: { params: Promise<{ lang: string }> }) { return <Suspense fallback={null}><Content {...props} /></Suspense>; }

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

@@ -0,0 +1,6 @@
+import { Suspense } from "react";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import SeriesIndex from "@/components/library/manga/grid/SeriesIndex";
+import type { Locale } from "@/lib/types";
+async function Content({ params, searchParams }: { params: Promise<{ lang: string }>; searchParams: Promise<Record<string, string | undefined>> }) { const { lang = "es" } = await params; const { page = "1", author, genre, tag } = await searchParams; const intl = await getDictionary(lang as Locale); return <SeriesIndex lang={lang as Locale} intl={intl} page={Number.parseInt(page, 10) || 1} authorFilter={author} genreFilter={genre} tagFilter={tag} scope="comic" section="comic" />; }
+export default function ComicSeriesPage(props: { params: Promise<{ lang: string }>; searchParams: Promise<Record<string, string | undefined>> }) { return <Suspense fallback={null}><Content {...props} /></Suspense>; }

package/dist/src/app/[lang]/comic/toread/page.tsx

@@ -0,0 +1,6 @@
+import { Suspense } from "react";
+import WantToRead from "@/components/library/manga/grid/WantToRead";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import type { Locale } from "@/lib/types";
+async function Content({ params, searchParams }: { params: Promise<{ lang: string }>; searchParams: Promise<Record<string, string | undefined>> }) { const { lang = "es" } = await params; const { page = "1", author, genre, tag } = await searchParams; const intl = await getDictionary(lang as Locale); return <WantToRead lang={lang as Locale} intl={intl} page={Number.parseInt(page, 10) || 1} authorFilter={author} genreFilter={genre} tagFilter={tag} scope="comic" section="comic" />; }
+export default function ComicToReadPage(props: { params: Promise<{ lang: string }>; searchParams: Promise<Record<string, string | undefined>> }) { return <Suspense fallback={null}><Content {...props} /></Suspense>; }

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

@@ -0,0 +1,7 @@
+import { Suspense } from "react";
+import DetailSkeleton from "@/components/library/manga/DetailSkeleton";
+import { OthersVolumePageContent } from "@/app/[lang]/others/volume/[slug]/page";
+
+export default function ComicVolumePage(props: { params: Promise<{ lang: string; slug: string }> }) {
+  return <Suspense fallback={<DetailSkeleton kind="volume" />}><OthersVolumePageContent {...props} section="comic" /></Suspense>;
+}

package/dist/src/app/[lang]/comic/volumes/page.tsx

@@ -0,0 +1,6 @@
+import { Suspense } from "react";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import VolumesIndex from "@/components/library/manga/grid/VolumesIndex";
+import type { Locale } from "@/lib/types";
+async function Content({ params, searchParams }: { params: Promise<{ lang: string }>; searchParams: Promise<Record<string, string | undefined>> }) { const { lang = "es" } = await params; const { page = "1", author, genre, tag } = await searchParams; const intl = await getDictionary(lang as Locale); return <VolumesIndex lang={lang as Locale} intl={intl} page={Number.parseInt(page, 10) || 1} authorFilter={author} genreFilter={genre} tagFilter={tag} scope="comic" section="comic" />; }
+export default function ComicVolumesPage(props: { params: Promise<{ lang: string }>; searchParams: Promise<Record<string, string | undefined>> }) { return <Suspense fallback={null}><Content {...props} /></Suspense>; }

package/dist/src/app/[lang]/favorites/comic/page.tsx

@@ -0,0 +1,20 @@
+import { Suspense } from "react";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import SeriesIndexFav from "@/components/library/manga/grid/SeriesIndexFav";
+import type { Locale } from "@/lib/types";
+
+interface FavoritesComicPageProps {
+  params: Promise<{ lang: string }>;
+  searchParams: Promise<Record<string, string | undefined>>;
+}
+
+async function Content({ params, searchParams }: FavoritesComicPageProps) {
+  const { lang = "es" } = await params;
+  const { page: pageRaw = "1" } = await searchParams;
+  const intl = await getDictionary(lang as Locale);
+  return <SeriesIndexFav lang={lang as Locale} intl={intl} page={Number.parseInt(pageRaw, 10) || 1} scope="comic" section="comic" />;
+}
+
+export default function FavoritesComicPage(props: FavoritesComicPageProps) {
+  return <Suspense fallback={null}><Content {...props} /></Suspense>;
+}

package/dist/src/app/[lang]/favorites/comic/volumes/page.tsx

@@ -0,0 +1,17 @@
+import { Suspense } from "react";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import VolumesIndexFav from "@/components/library/manga/grid/VolumesIndexFav";
+import type { Locale } from "@/lib/types";
+
+interface FavoritesComicVolumesPageProps { params: Promise<{ lang: string }>; searchParams: Promise<Record<string, string | undefined>>; }
+
+async function Content({ params, searchParams }: FavoritesComicVolumesPageProps) {
+  const { lang = "es" } = await params;
+  const { page: pageRaw = "1" } = await searchParams;
+  const intl = await getDictionary(lang as Locale);
+  return <VolumesIndexFav lang={lang as Locale} intl={intl} page={Number.parseInt(pageRaw, 10) || 1} scope="comic" section="comic" />;
+}
+
+export default function FavoritesComicVolumesPage(props: FavoritesComicVolumesPageProps) {
+  return <Suspense fallback={null}><Content {...props} /></Suspense>;
+}

package/dist/src/app/[lang]/favorites/layout.tsx

@@ -3,6 +3,8 @@ import { getDictionary } from "@/lib/i18n/Dictionary";
 import SidebarMisc from "@/components/ui/SidebarMisc";
 import FavoritesNav from "@/components/favorites/FavoritesNav";
 import { HeartIcon } from "lucide-react";
+import { verifySession } from "@/lib/auth/verifySession";
+import { getFavoriteSectionCounts } from "@/lib/db/library";
 import type { Locale } from "@/lib/types";
 import type { ReactNode } from "react";
 
@@ -17,6 +19,8 @@ async function FavoritesLayoutContent({
 }: FavoritesLayoutProps) {
   const { lang = "es" } = await params;
   const intl = await getDictionary(lang as Locale);
+  const user = await verifySession();
+  const favoriteCounts = user ? await getFavoriteSectionCounts(user.id) : { mangaSeries: 0, mangaVolumes: 0, comicSeries: 0, comicVolumes: 0, otherSeries: 0, otherVolumes: 0, books: 0 };
 
   return (
     <div className="flex flex-col md:flex-row md:h-screen overflow-hidden">
@@ -28,6 +32,7 @@ async function FavoritesLayoutContent({
 
         <FavoritesNav
           intl={intl}
+          counts={favoriteCounts}
         />
       </SidebarMisc>
 

package/dist/src/app/[lang]/favorites/page.tsx

@@ -1,4 +1,6 @@
 import { redirect } from "next/navigation";
+import { verifySession } from "@/lib/auth/verifySession";
+import { getFavoriteSectionCounts } from "@/lib/db/library";
 
 interface FavoritesPageProps {
   params: Promise<{ lang: string }>;
@@ -6,6 +8,22 @@ interface FavoritesPageProps {
 
 export default async function FavoritesPage({ params }: FavoritesPageProps) {
   const { lang = "es" } = await params;
+  const user = await verifySession();
 
-  redirect(`/${lang}/favorites/manga`);
+  if (user) {
+    const counts = await getFavoriteSectionCounts(user.id);
+    const destinations = [
+      [counts.mangaSeries, `/${lang}/favorites/manga`],
+      [counts.mangaVolumes, `/${lang}/favorites/manga/volumes`],
+      [counts.comicSeries, `/${lang}/favorites/comic`],
+      [counts.comicVolumes, `/${lang}/favorites/comic/volumes`],
+      [counts.otherSeries, `/${lang}/favorites/others`],
+      [counts.otherVolumes, `/${lang}/favorites/others/volumes`],
+    ] as const;
+    const destination = destinations.find(([count]) => count > 0)?.[1];
+
+    if (destination) redirect(destination);
+  }
+
+  redirect(`/${lang}/favorites/manga/volumes`);
 }

package/dist/src/app/[lang]/layout.tsx

@@ -1,16 +1,19 @@
 import { Suspense } from "react";
 import { notFound } from "next/navigation";
+import { connection } from "next/server";
 import { robotoCondensed, boldonse } from "../fonts";
 import "../globals.css";
 import Sidebar from "@/components/sidebar/sidebar";
 import MobNav from "@/components/mobNav/MobNav";
 import { ToastProvider } from "@/components/ToastProvider";
+import { AlertDialogProvider } from "@/components/AlertDialogProvider";
 import PwaProvider from "@/components/pwa/PwaProvider";
 import OfflineGate from "@/components/pwa/OfflineGate";
 import { verifySession } from "@/lib/auth/verifySession";
 import { getDictionary } from "@/lib/i18n/Dictionary";
 import { getChallengeData } from "@/lib/utils";
 import { getVersionInfo } from "@/lib/versionInfo";
+import { getLibrarySectionCounts } from "@/lib/db/library";
 import type { Locale } from "@/lib/types";
 import type { ReactNode } from "react";
 import type { Metadata } from "next";
@@ -43,10 +46,13 @@ async function AppShell({
   children: ReactNode;
   lang: Locale;
 }) {
-  const [intl, user, versionData] = await Promise.all([
+  await connection();
+
+  const [intl, user, versionData, libraryCounts] = await Promise.all([
     getDictionary(lang),
     verifySession(),
     getVersionInfo(),
+    getLibrarySectionCounts(),
   ]);
   const challengeData = await getChallengeData(user);
 
@@ -58,6 +64,7 @@ async function AppShell({
         user={user}
         challengeData={challengeData}
         versionData={versionData}
+        libraryCounts={libraryCounts}
       />
       <Sidebar
         lang={lang}
@@ -65,13 +72,27 @@ async function AppShell({
         user={user}
         challengeData={challengeData}
         versionData={versionData}
+        libraryCounts={libraryCounts}
       />
       <main className="w-full md:w-[65%] lg:w-[75%] xl:w-[79%] 2xl:w-[83%] flex flex-col overflow-y-auto">
         <PwaProvider userId={user?.id}>
           <ToastProvider>
-            <OfflineGate lang={lang} intl={intl} user={user}>
-              {children}
-            </OfflineGate>
+            <AlertDialogProvider
+              labels={{
+                alertTitle: intl.alerts.alertTitle as string,
+                confirmTitle: intl.alerts.confirmTitle as string,
+                confirmEyebrow: intl.alerts.confirmEyebrow as string,
+                destructiveEyebrow: intl.alerts.destructiveEyebrow as string,
+                irreversibleDescription: intl.alerts.irreversibleDescription as string,
+                confirm: intl.alerts.confirm as string,
+                cancel: intl.alerts.cancel as string,
+                close: intl.alerts.close as string,
+              }}
+            >
+              <OfflineGate lang={lang} intl={intl} user={user}>
+                {children}
+              </OfflineGate>
+            </AlertDialogProvider>
           </ToastProvider>
         </PwaProvider>
       </main>

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

@@ -107,7 +107,7 @@ async function SeriesMangaPageContent({
       );
     }
 
-    const targetSection = getLibrarySection(firstVolume.metadataObj?.mangaStyle);
+    const targetSection = getLibrarySection(firstVolume.series.librarySection);
 
     if (targetSection !== "manga") {
       redirect(getLibrarySeriesHref(lang, targetSection, serie.slug));

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

@@ -41,7 +41,7 @@ async function VolumeMangaPageContent({ params }: VolumeMangaPageProps) {
       );
     }
 
-    const targetSection = getLibrarySection(volumeEntry.metadataObj?.mangaStyle);
+    const targetSection = getLibrarySection(volumeEntry.series.librarySection);
 
     if (targetSection !== "manga") {
       redirect(getLibraryVolumeHref(lang, targetSection, volumeEntry.slug));