@itsmrtr/bunkoshelf 1.1.1 → 1.2.1

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

@@ -1,6 +1,8 @@
 import { Suspense } from "react";
 import HeroKeepRead from "@/components/library/manga/row/HeroKeepRead";
+import { isOthersLibraryEnabled } from "@/lib/db/appSettings";
 import { getDictionary } from "@/lib/i18n/Dictionary";
+import { getLibraryScope } from "@/lib/librarySection";
 import type { Locale } from "@/lib/types";
 import type { ReactNode } from "react";
 
@@ -12,11 +14,17 @@ interface MangaLayoutProps {
 export default async function MangaLayout({ children, params }: MangaLayoutProps) {
   const { lang = "es" } = await params;
   const intl = await getDictionary(lang as Locale);
+  const othersLibraryEnabled = await isOthersLibraryEnabled();
+  const scope = getLibraryScope("manga", othersLibraryEnabled);
 
   return (
     <>
       <Suspense fallback={null}>
-        <HeroKeepRead lang={lang as Locale} intl={intl} />
+        <HeroKeepRead
+          lang={lang as Locale}
+          intl={intl}
+          scope={scope}
+        />
       </Suspense>
 
       <div className="mb-24 md:mb-4">{children}</div>

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

@@ -3,7 +3,9 @@ import NextVol from "@/components/library/manga/row/NextVol";
 import NewVols from "@/components/library/manga/row/NewVols";
 import DemographicsTiles from "@/components/library/manga/Demographics";
 import RecentlyRead from "@/components/library/manga/row/RecentlyRead";
+import { isOthersLibraryEnabled } from "@/lib/db/appSettings";
 import { getDictionary } from "@/lib/i18n/Dictionary";
+import { getLibraryScope } from "@/lib/librarySection";
 import type { Locale } from "@/lib/types";
 
 interface MangaPageProps {
@@ -26,21 +28,23 @@ function MangaRowSkeleton() {
 export default async function MangaPage({ params }: MangaPageProps) {
   const { lang = "es" } = await params;
   const intl = await getDictionary(lang as Locale);
+  const othersLibraryEnabled = await isOthersLibraryEnabled();
+  const scope = getLibraryScope("manga", othersLibraryEnabled);
 
   return (
     <div className="p-4">
       <Suspense fallback={<MangaRowSkeleton />}>
-        <NextVol lang={lang as Locale} intl={intl} />
+        <NextVol lang={lang as Locale} intl={intl} scope={scope} />
       </Suspense>
 
       <DemographicsTiles intl={intl} lang={lang as Locale} />
 
       <Suspense fallback={<MangaRowSkeleton />}>
-        <NewVols lang={lang as Locale} intl={intl} />
+        <NewVols lang={lang as Locale} intl={intl} scope={scope} />
       </Suspense>
 
       <Suspense fallback={<MangaRowSkeleton />}>
-        <RecentlyRead lang={lang as Locale} intl={intl} />
+        <RecentlyRead lang={lang as Locale} intl={intl} scope={scope} />
       </Suspense>
     </div>
   );

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

@@ -1,6 +1,8 @@
 import { Suspense } from "react";
 import { getDictionary } from "@/lib/i18n/Dictionary";
 import SeriesIndex from "@/components/library/manga/grid/SeriesIndex";
+import { isOthersLibraryEnabled } from "@/lib/db/appSettings";
+import { getLibraryScope } from "@/lib/librarySection";
 import type { Locale } from "@/lib/types";
 
 interface MangaSeriesPageProps {
@@ -27,6 +29,8 @@ async function SeriesIndexContent({
   const page = parseInt(pageRaw ?? "1", 10);
   const { lang = "es" } = await params;
   const intl = await getDictionary(lang as Locale);
+  const othersLibraryEnabled = await isOthersLibraryEnabled();
+  const scope = getLibraryScope("manga", othersLibraryEnabled);
 
   return (
     <SeriesIndex
@@ -35,6 +39,7 @@ async function SeriesIndexContent({
       page={page}
       genreFilter={genre}
       tagFilter={tag}
+      scope={scope}
     />
   );
 }

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

@@ -1,6 +1,8 @@
 import { Suspense } from "react";
 import { getDictionary } from "@/lib/i18n/Dictionary";
 import WantToRead from "@/components/library/manga/grid/WantToRead";
+import { isOthersLibraryEnabled } from "@/lib/db/appSettings";
+import { getLibraryScope } from "@/lib/librarySection";
 import type { Locale } from "@/lib/types";
 
 interface ToReadPageProps {
@@ -27,6 +29,8 @@ async function WantToReadContent({
   const page = parseInt(pageRaw ?? "1", 10);
   const { lang = "es" } = await params;
   const intl = await getDictionary(lang as Locale);
+  const othersLibraryEnabled = await isOthersLibraryEnabled();
+  const scope = getLibraryScope("manga", othersLibraryEnabled);
 
   return (
     <WantToRead
@@ -35,6 +39,7 @@ async function WantToReadContent({
       page={page}
       genreFilter={genre}
       tagFilter={tag}
+      scope={scope}
     />
   );
 }

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

@@ -1,12 +1,18 @@
 import { Suspense } from "react";
 import VolumesContent from "@/components/library/manga/VolumesContent";
+import { redirect } from "next/navigation";
 import { verifySession } from "@/lib/auth/verifySession";
 import {
   findVolumeProgress,
   listReadingEntries,
 } from "@/lib/db/reading";
+import { isOthersLibraryEnabled } from "@/lib/db/appSettings";
 import { getDictionary } from "@/lib/i18n/Dictionary";
 import { findVolumeBySlug } from "@/lib/db/library";
+import {
+  getLibrarySection,
+  getLibraryVolumeHref,
+} from "@/lib/librarySection";
 import { getMangaCoverUrl } from "@/lib/mangaCover";
 import type { Locale } from "@/lib/types";
 
@@ -33,6 +39,7 @@ function VolumeSkeleton() {
 async function VolumeMangaPageContent({ params }: VolumeMangaPageProps) {
   const { lang = "es", slug } = await params;
   const intl = await getDictionary(lang as Locale);
+  const othersLibraryEnabled = await isOthersLibraryEnabled();
 
   try {
     const user = await verifySession();
@@ -51,6 +58,15 @@ async function VolumeMangaPageContent({ params }: VolumeMangaPageProps) {
       );
     }
 
+    const targetSection = getLibrarySection(
+      volumeEntry.metadataObj?.mangaStyle,
+      othersLibraryEnabled
+    );
+
+    if (targetSection !== "manga") {
+      redirect(getLibraryVolumeHref(lang, targetSection, volumeEntry.slug));
+    }
+
     const meta = {
       ...(volumeEntry.metadataObj || null),
       genres: Array.isArray(volumeEntry.genres)
@@ -102,6 +118,7 @@ async function VolumeMangaPageContent({ params }: VolumeMangaPageProps) {
         personalRating={personalRating}
         readingEntries={readingEntries}
         firstRead={firstRead}
+        section="manga"
       />
     );
   } catch (error) {

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

@@ -1,6 +1,8 @@
 import { Suspense } from "react";
 import { getDictionary } from "@/lib/i18n/Dictionary";
 import VolumesIndex from "@/components/library/manga/grid/VolumesIndex";
+import { isOthersLibraryEnabled } from "@/lib/db/appSettings";
+import { getLibraryScope } from "@/lib/librarySection";
 import type { Locale } from "@/lib/types";
 
 interface MangaVolumesPageProps {
@@ -27,6 +29,8 @@ async function VolumesIndexContent({
   const page = parseInt(pageRaw ?? "1", 10);
   const { lang = "es" } = await params;
   const intl = await getDictionary(lang as Locale);
+  const othersLibraryEnabled = await isOthersLibraryEnabled();
+  const scope = getLibraryScope("manga", othersLibraryEnabled);
 
   return (
     <VolumesIndex
@@ -35,6 +39,7 @@ async function VolumesIndexContent({
       page={page}
       genreFilter={genre}
       tagFilter={tag}
+      scope={scope}
     />
   );
 }

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

@@ -0,0 +1,202 @@
+import { Suspense } from "react";
+import { notFound, redirect } from "next/navigation";
+import SeriesContent from "@/components/library/manga/SeriesContent";
+import { verifySession } from "@/lib/auth/verifySession";
+import { listVolumeRatings, findSeriesFavoriteState } from "@/lib/db/reading";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import {
+  findSeriesBySlug,
+  type LibraryVolumeMetadata,
+} from "@/lib/db/library";
+import {
+  getLibrarySection,
+  getLibrarySeriesHref,
+} from "@/lib/librarySection";
+import { getMangaCoverUrl } from "@/lib/mangaCover";
+import { sortByPaddedTitle } from "@/lib/utils";
+import { isOthersLibraryEnabled } from "@/lib/db/appSettings";
+import type { Locale } from "@/lib/types";
+
+interface AggregatedMeta {
+  [key: string]: string[];
+}
+
+function aggregateMetadata(
+  volumes: { metadataObj?: LibraryVolumeMetadata | null }[]
+) {
+  const fields = [
+    "writer", "penciller", "inker", "colorist", "letterer",
+    "coverArtist", "editor", "publisher", "imprint", "format",
+  ] as const;
+
+  const aggregated: Record<string, Set<string>> = {};
+  for (const key of fields) {
+    aggregated[key] = new Set();
+  }
+
+  for (const vol of volumes) {
+    const meta = vol.metadataObj;
+    if (!meta) continue;
+    for (const key of fields) {
+      const raw = meta[key];
+      if (typeof raw === "string" && raw.trim() !== "") {
+        raw.split(",").forEach((entry) => {
+          aggregated[key].add(entry.trim());
+        });
+      }
+    }
+  }
+
+  const result: AggregatedMeta = {};
+  for (const key of fields) {
+    result[key] = Array.from(aggregated[key]);
+  }
+
+  return result;
+}
+
+interface OthersSeriesPageProps {
+  params: Promise<{ lang: string; series: string }>;
+}
+
+function SeriesSkeleton() {
+  return (
+    <div className="p-4">
+      <div className="h-8 w-64 rounded bg-sand animate-pulse mb-6" />
+      <div className="flex gap-6">
+        <div className="w-48 aspect-[3/5] rounded-lg bg-sand animate-pulse flex-shrink-0" />
+        <div className="flex-1 flex flex-col gap-3">
+          {Array.from({ length: 5 }).map((_, i) => (
+            <div key={i} className="h-4 rounded bg-sand animate-pulse" style={{ width: `${70 + i * 5}%` }} />
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+async function OthersSeriesPageContent({
+  params,
+}: OthersSeriesPageProps) {
+  const { lang = "es", series } = await params;
+  const intl = await getDictionary(lang as Locale);
+  const othersLibraryEnabled = await isOthersLibraryEnabled();
+
+  try {
+    const user = await verifySession();
+
+    const serie = await findSeriesBySlug({
+      slug: series,
+      includeGenres: true,
+      includeTags: true,
+    });
+
+    if (!serie) {
+      return (
+        <div className="text-center mt-8">
+          {(intl?.errors?.notFound as string) || "Serie no encontrada."}
+        </div>
+      );
+    }
+
+    const targetSection = getLibrarySection(
+      serie.volumes[0]?.metadataObj?.mangaStyle,
+      othersLibraryEnabled
+    );
+
+    if (targetSection !== "others") {
+      redirect(getLibrarySeriesHref(lang, targetSection, serie.slug));
+    }
+
+    const normalizedSerie = {
+      ...serie,
+      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 = {
+            ...(vol.metadataObj || null),
+            genres: Array.isArray(vol.genres)
+              ? vol.genres
+                  .map((genre) => (genre.name ? { name: genre.name.trim() } : null))
+                  .filter(Boolean)
+              : [],
+            tags: Array.isArray(vol.tags)
+              ? vol.tags
+                  .map((tag) => (tag.name ? { name: tag.name.trim() } : null))
+                  .filter(Boolean)
+              : [],
+          };
+          return {
+            ...vol,
+            coverImage: getMangaCoverUrl(vol),
+            meta,
+          };
+        }) ?? [],
+    };
+
+    const sortedVolumes = sortByPaddedTitle(normalizedSerie.volumes);
+    const aggregatedMeta = aggregateMetadata(sortedVolumes);
+
+    let isFavorite = false;
+    let averageRating: number | null = null;
+
+    if (user) {
+      isFavorite = await findSeriesFavoriteState(user.id, serie.id);
+
+      const volumeIds = serie.volumes.map((v) => v.id);
+      const personalMap = await listVolumeRatings(user.id, volumeIds);
+
+      const ratings = serie.volumes
+        .map((v) => personalMap.get(v.id) ?? v.metadataObj?.communityRating)
+        .filter((r): r is number => r !== null && r !== undefined);
+
+      if (ratings.length > 0) {
+        averageRating =
+          Math.round((ratings.reduce((a, b) => a + b, 0) / ratings.length) * 2) / 2;
+      }
+    }
+
+    return (
+      <SeriesContent
+        serieData={{ ...normalizedSerie, volumes: sortedVolumes }}
+        lang={lang as Locale}
+        intl={intl}
+        isFavorite={isFavorite}
+        aggregatedMeta={aggregatedMeta}
+        averageRating={averageRating}
+        user={user}
+        section="others"
+      />
+    );
+  } catch (error) {
+    if (error && typeof error === "object" && "digest" in error) {
+      throw error;
+    }
+    console.error("Error al obtener datos de la serie:", error);
+    return (
+      <div className="text-center mt-8">
+        {(intl?.errors?.serverError as string) || "Error al cargar la serie."}
+      </div>
+    );
+  }
+}
+
+export default async function OthersSeriesPage({
+  params,
+}: OthersSeriesPageProps) {
+  const othersLibraryEnabled = await isOthersLibraryEnabled();
+
+  if (!othersLibraryEnabled) {
+    notFound();
+  }
+
+  return (
+    <Suspense fallback={<SeriesSkeleton />}>
+      <OthersSeriesPageContent params={params} />
+    </Suspense>
+  );
+}

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

@@ -0,0 +1,41 @@
+import { Suspense } from "react";
+import { notFound } from "next/navigation";
+import HeroKeepRead from "@/components/library/manga/row/HeroKeepRead";
+import { isOthersLibraryEnabled } from "@/lib/db/appSettings";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import type { Locale } from "@/lib/types";
+import type { ReactNode } from "react";
+
+interface OthersLayoutProps {
+  children: ReactNode;
+  params: Promise<{ lang: string }>;
+}
+
+export default async function OthersLayout({
+  children,
+  params,
+}: OthersLayoutProps) {
+  const { lang = "es" } = await params;
+  const othersLibraryEnabled = await isOthersLibraryEnabled();
+
+  if (!othersLibraryEnabled) {
+    notFound();
+  }
+
+  const intl = await getDictionary(lang as Locale);
+
+  return (
+    <>
+      <Suspense fallback={null}>
+        <HeroKeepRead
+          lang={lang as Locale}
+          intl={intl}
+          scope="others"
+          section="others"
+        />
+      </Suspense>
+
+      <div className="mb-24 md:mb-4">{children}</div>
+    </>
+  );
+}

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

@@ -0,0 +1,67 @@
+import { Suspense } from "react";
+import { notFound } from "next/navigation";
+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 { isOthersLibraryEnabled } from "@/lib/db/appSettings";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import type { Locale } from "@/lib/types";
+
+interface OthersPageProps {
+  params: Promise<{ lang: string }>;
+}
+
+function MangaRowSkeleton() {
+  return (
+    <section className="mt-8">
+      <div className="h-7 w-48 rounded bg-sand animate-pulse mb-4" />
+      <div className="flex gap-4 overflow-hidden">
+        {Array.from({ length: 5 }).map((_, i) => (
+          <div key={i} className="flex-shrink-0 w-1/2 md:w-1/5 2xl:w-1/7 aspect-[3/5] rounded-lg bg-sand animate-pulse" />
+        ))}
+      </div>
+    </section>
+  );
+}
+
+export default async function OthersPage({ params }: OthersPageProps) {
+  const { lang = "es" } = await params;
+  const othersLibraryEnabled = await isOthersLibraryEnabled();
+
+  if (!othersLibraryEnabled) {
+    notFound();
+  }
+
+  const intl = await getDictionary(lang as Locale);
+
+  return (
+    <div className="p-4">
+      <Suspense fallback={<MangaRowSkeleton />}>
+        <NextVol
+          lang={lang as Locale}
+          intl={intl}
+          scope="others"
+          section="others"
+        />
+      </Suspense>
+
+      <Suspense fallback={<MangaRowSkeleton />}>
+        <NewVols
+          lang={lang as Locale}
+          intl={intl}
+          scope="others"
+          section="others"
+        />
+      </Suspense>
+
+      <Suspense fallback={<MangaRowSkeleton />}>
+        <RecentlyRead
+          lang={lang as Locale}
+          intl={intl}
+          scope="others"
+          section="others"
+        />
+      </Suspense>
+    </div>
+  );
+}

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

@@ -0,0 +1,63 @@
+import { Suspense } from "react";
+import { notFound } from "next/navigation";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import SeriesIndex from "@/components/library/manga/grid/SeriesIndex";
+import { isOthersLibraryEnabled } from "@/lib/db/appSettings";
+import type { Locale } from "@/lib/types";
+
+interface OthersSeriesPageProps {
+  searchParams: Promise<Record<string, string | undefined>>;
+  params: Promise<{ lang: string }>;
+}
+
+function GridSkeleton() {
+  return (
+    <div className="grid grid-cols-3 md:grid-cols-5 2xl:grid-cols-7 gap-4 mt-4">
+      {Array.from({ length: 14 }).map((_, i) => (
+        <div key={i} className="aspect-[3/5] rounded-lg bg-sand animate-pulse" />
+      ))}
+    </div>
+  );
+}
+
+async function SeriesIndexContent({
+  searchParams,
+  params,
+}: OthersSeriesPageProps) {
+  const resolvedSearchParams = await searchParams;
+  const { page: pageRaw = "1", genre, tag } = resolvedSearchParams;
+  const page = parseInt(pageRaw ?? "1", 10);
+  const { lang = "es" } = await params;
+  const intl = await getDictionary(lang as Locale);
+
+  return (
+    <SeriesIndex
+      lang={lang as Locale}
+      intl={intl}
+      page={page}
+      genreFilter={genre}
+      tagFilter={tag}
+      scope="others"
+      section="others"
+    />
+  );
+}
+
+export default async function OthersSeriesPage({
+  searchParams,
+  params,
+}: OthersSeriesPageProps) {
+  const othersLibraryEnabled = await isOthersLibraryEnabled();
+
+  if (!othersLibraryEnabled) {
+    notFound();
+  }
+
+  return (
+    <section className="p-4 mt-4">
+      <Suspense fallback={<GridSkeleton />}>
+        <SeriesIndexContent searchParams={searchParams} params={params} />
+      </Suspense>
+    </section>
+  );
+}

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

@@ -0,0 +1,63 @@
+import { Suspense } from "react";
+import { notFound } from "next/navigation";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import WantToRead from "@/components/library/manga/grid/WantToRead";
+import { isOthersLibraryEnabled } from "@/lib/db/appSettings";
+import type { Locale } from "@/lib/types";
+
+interface OthersToReadPageProps {
+  searchParams: Promise<Record<string, string | undefined>>;
+  params: Promise<{ lang: string }>;
+}
+
+function GridSkeleton() {
+  return (
+    <div className="grid grid-cols-3 md:grid-cols-5 2xl:grid-cols-7 gap-4 mt-4">
+      {Array.from({ length: 14 }).map((_, i) => (
+        <div key={i} className="aspect-[3/5] rounded-lg bg-sand animate-pulse" />
+      ))}
+    </div>
+  );
+}
+
+async function WantToReadContent({
+  searchParams,
+  params,
+}: OthersToReadPageProps) {
+  const resolvedSearchParams = await searchParams;
+  const { page: pageRaw = "1", genre, tag } = resolvedSearchParams;
+  const page = parseInt(pageRaw ?? "1", 10);
+  const { lang = "es" } = await params;
+  const intl = await getDictionary(lang as Locale);
+
+  return (
+    <WantToRead
+      lang={lang as Locale}
+      intl={intl}
+      page={page}
+      genreFilter={genre}
+      tagFilter={tag}
+      scope="others"
+      section="others"
+    />
+  );
+}
+
+export default async function OthersToReadPage({
+  searchParams,
+  params,
+}: OthersToReadPageProps) {
+  const othersLibraryEnabled = await isOthersLibraryEnabled();
+
+  if (!othersLibraryEnabled) {
+    notFound();
+  }
+
+  return (
+    <section className="p-4 mt-4">
+      <Suspense fallback={<GridSkeleton />}>
+        <WantToReadContent searchParams={searchParams} params={params} />
+      </Suspense>
+    </section>
+  );
+}