@itsmrtr/bunkoshelf 1.1.1 → 1.2.1

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

@@ -0,0 +1,151 @@
+import { Suspense } from "react";
+import { notFound, redirect } from "next/navigation";
+import VolumesContent from "@/components/library/manga/VolumesContent";
+import { verifySession } from "@/lib/auth/verifySession";
+import {
+  findVolumeProgress,
+  listReadingEntries,
+} from "@/lib/db/reading";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import { findVolumeBySlug } from "@/lib/db/library";
+import {
+  getLibrarySection,
+  getLibraryVolumeHref,
+} from "@/lib/librarySection";
+import { getMangaCoverUrl } from "@/lib/mangaCover";
+import { isOthersLibraryEnabled } from "@/lib/db/appSettings";
+import type { Locale } from "@/lib/types";
+
+interface OthersVolumePageProps {
+  params: Promise<{ lang: string; slug: string }>;
+}
+
+function VolumeSkeleton() {
+  return (
+    <div className="p-4">
+      <div className="h-8 w-48 rounded bg-sand animate-pulse mb-4" />
+      <div className="flex gap-4">
+        <div className="w-40 aspect-[3/5] rounded-lg bg-sand animate-pulse flex-shrink-0" />
+        <div className="flex-1 flex flex-col gap-3">
+          {Array.from({ length: 4 }).map((_, i) => (
+            <div key={i} className="h-4 rounded bg-sand animate-pulse" />
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+async function OthersVolumePageContent({ params }: OthersVolumePageProps) {
+  const { lang = "es", slug } = await params;
+  const intl = await getDictionary(lang as Locale);
+  const othersLibraryEnabled = await isOthersLibraryEnabled();
+
+  try {
+    const user = await verifySession();
+
+    const volumeEntry = await findVolumeBySlug({
+      slug,
+      includeGenres: true,
+      includeTags: true,
+    });
+
+    if (!volumeEntry) {
+      return (
+        <div className="text-center mt-8">
+          {(intl?.errors?.notFound as string) || "Volumen no encontrado."}
+        </div>
+      );
+    }
+
+    const targetSection = getLibrarySection(
+      volumeEntry.metadataObj?.mangaStyle,
+      othersLibraryEnabled
+    );
+
+    if (targetSection !== "others") {
+      redirect(getLibraryVolumeHref(lang, targetSection, volumeEntry.slug));
+    }
+
+    const meta = {
+      ...(volumeEntry.metadataObj || null),
+      genres: Array.isArray(volumeEntry.genres)
+        ? volumeEntry.genres
+            .map((genre) => (genre.name ? { name: genre.name.trim() } : null))
+            .filter(Boolean)
+        : [],
+      tags: Array.isArray(volumeEntry.tags)
+        ? volumeEntry.tags
+            .map((tag) => (tag.name ? { name: tag.name.trim() } : null))
+            .filter(Boolean)
+        : [],
+    };
+
+    const normalizedVolume = {
+      ...volumeEntry,
+      coverImage: getMangaCoverUrl(volumeEntry),
+      meta,
+    };
+
+    let isFavorite = false;
+    let isRead = false;
+    let firstRead: string | null = null;
+    let personalRating: number | null = null;
+
+    if (user) {
+      const userVolume = await findVolumeProgress(user.id, volumeEntry.id);
+
+      isFavorite = userVolume?.is_favorite ?? false;
+      isRead = userVolume?.is_read ?? false;
+      firstRead = userVolume?.first_read ?? null;
+      personalRating = userVolume?.personal_rating ?? null;
+    }
+
+    let readingEntries: { id: string; readAt: string | null }[] = [];
+
+    if (user) {
+      readingEntries = await listReadingEntries(user.id, volumeEntry.id);
+    }
+
+    return (
+      <VolumesContent
+        volumeData={normalizedVolume}
+        lang={lang as Locale}
+        intl={intl}
+        isFavorite={isFavorite}
+        isRead={isRead}
+        user={user}
+        personalRating={personalRating}
+        readingEntries={readingEntries}
+        firstRead={firstRead}
+        section="others"
+      />
+    );
+  } catch (error) {
+    if (error && typeof error === "object" && "digest" in error) {
+      throw error;
+    }
+    console.error("Error al obtener datos del volumen:", error);
+    return (
+      <div className="text-center mt-8">
+        {(intl?.errors?.serverError as string) || "Error al cargar el volumen."}
+      </div>
+    );
+  }
+}
+
+export default async function OthersVolumePage({
+  params,
+}: OthersVolumePageProps) {
+  const othersLibraryEnabled = await isOthersLibraryEnabled();
+
+  if (!othersLibraryEnabled) {
+    notFound();
+  }
+
+  return (
+    <Suspense fallback={<VolumeSkeleton />}>
+      <OthersVolumePageContent params={params} />
+    </Suspense>
+  );
+}

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

@@ -0,0 +1,63 @@
+import { Suspense } from "react";
+import { notFound } from "next/navigation";
+import { getDictionary } from "@/lib/i18n/Dictionary";
+import VolumesIndex from "@/components/library/manga/grid/VolumesIndex";
+import { isOthersLibraryEnabled } from "@/lib/db/appSettings";
+import type { Locale } from "@/lib/types";
+
+interface OthersVolumesPageProps {
+  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 VolumesIndexContent({
+  searchParams,
+  params,
+}: OthersVolumesPageProps) {
+  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 (
+    <VolumesIndex
+      lang={lang as Locale}
+      intl={intl}
+      page={page}
+      genreFilter={genre}
+      tagFilter={tag}
+      scope="others"
+      section="others"
+    />
+  );
+}
+
+export default async function OthersVolumesPage({
+  searchParams,
+  params,
+}: OthersVolumesPageProps) {
+  const othersLibraryEnabled = await isOthersLibraryEnabled();
+
+  if (!othersLibraryEnabled) {
+    notFound();
+  }
+
+  return (
+    <section className="p-4 mt-4">
+      <Suspense fallback={<GridSkeleton />}>
+        <VolumesIndexContent searchParams={searchParams} params={params} />
+      </Suspense>
+    </section>
+  );
+}

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

@@ -1,4 +1,6 @@
 import { Suspense } from "react";
+import { getMangaVolumes } from "@/actions/library";
+import { getReaderStats } from "@/actions/stats";
 import HeroKeepRead from "@/components/home/manga/HeroKeepRead";
 import RowNewVols from "@/components/home/manga/RowNewVols";
 import ReaderStatsPanel from "@/components/stats/ReaderPanel";
@@ -8,7 +10,12 @@ import Link from "next/link";
 import clsx from "clsx";
 import ReloadButton from "@/components/ui/ReloadButton";
 import PushButton from "@/components/ui/PushButton";
+import { isOthersLibraryEnabled } from "@/lib/db/appSettings";
+import { getLibrarySection } from "@/lib/librarySection";
+import { getMangaCoverUrl } from "@/lib/mangaCover";
 import type { Locale, DictionarySection } from "@/lib/types";
+import type { HomeKeepReadingEntry } from "@/components/home/manga/HeroKeepRead";
+import type { VolumeEntry } from "@/components/home/manga/RowNewVolsCarousel";
 
 interface HomePageProps {
   params: Promise<{ lang: string }>;
@@ -48,64 +55,155 @@ function RowNewVolsSkeleton() {
   );
 }
 
-export default async function HomePage({ params }: HomePageProps) {
-  const { lang = "es" } = await params;
-  const intl = await getDictionary(lang as Locale);
+function HomeContentSkeleton() {
+  return (
+    <div className="relative">
+      <div className="fixed inset-0 -z-10 bg-seigaiha-pattern-w" />
+      <div className="fixed inset-0 -z-20 bg-pearl" />
+      <div
+        className={clsx(
+          "bg-pearl flex flex-col p-4 mb-24 gap-4",
+          "md:flex-row md:mb-0"
+        )}
+      >
+        <div className="w-full md:w-1/2">
+          <HeroSkeleton />
+        </div>
+
+        <div className="w-full md:w-1/2 flex flex-col justify-between">
+          <div className="group">
+            <StatsSkeleton />
+          </div>
+
+          <RowNewVolsSkeleton />
+        </div>
+      </div>
+    </div>
+  );
+}
+
+async function HomeContent({
+  lang,
+  intl,
+}: {
+  lang: Locale;
+  intl: Awaited<ReturnType<typeof getDictionary>>;
+}) {
+  const volumesResult = await getMangaVolumes();
+  const statsData = await getReaderStats();
+  const othersLibraryEnabled = await isOthersLibraryEnabled();
 
   const home = intl.home as DictionarySection;
+  const volumes = volumesResult?.success && volumesResult.data
+    ? volumesResult.data
+    : [];
+
+  const keepReadingEntry: HomeKeepReadingEntry | null = volumes
+    .map((vol) => {
+      const progress = vol.usersProgress?.[0] ?? null;
+      return {
+        title: vol.title,
+        slug: vol.slug,
+        isOneshot: vol.series?.isOneshot === true,
+        coverImage: getMangaCoverUrl(vol),
+        section: getLibrarySection(
+          vol.metadataObj?.mangaStyle,
+          othersLibraryEnabled
+        ),
+        meta: vol.metadataObj ? { title: vol.metadataObj.title } : null,
+        lastPage: progress?.lastPage ?? 0,
+        totalPages: progress?.totalPages ?? 0,
+        lastReadAt: progress?.lastReadAt ? new Date(progress.lastReadAt) : null,
+      };
+    })
+    .filter((vol) => {
+      if (!vol.lastReadAt) return false;
+      const notStarted = vol.lastPage === 0;
+      const alreadyFinished = vol.lastPage >= vol.totalPages - 1;
+      return !notStarted && !alreadyFinished;
+    })
+    .sort((a, b) => (b.lastReadAt?.getTime() ?? 0) - (a.lastReadAt?.getTime() ?? 0))[0] ?? null;
+
+  const recentEntries: VolumeEntry[] = [...volumes]
+    .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())
+    .slice(0, 8)
+    .map((vol) => ({
+      title: vol.title,
+      slug: vol.slug,
+      isOneshot: vol.series?.isOneshot === true,
+      coverImage: getMangaCoverUrl(vol),
+      section: getLibrarySection(
+        vol.metadataObj?.mangaStyle,
+        othersLibraryEnabled
+      ),
+      meta: vol.metadataObj ? { title: vol.metadataObj.title } : null,
+    }));
 
   return (
-    <>
-      <div className="relative">
-        <div className="fixed inset-0 -z-10 bg-seigaiha-pattern-w" />
-        <div className="fixed inset-0 -z-20 bg-pearl" />
-        <div
-          className={clsx(
-            "bg-pearl flex flex-col p-4 mb-24 gap-4",
-            "md:flex-row md:mb-0"
-          )}
-        >
-          <div className="w-full md:w-1/2">
-            <Suspense fallback={<HeroSkeleton />}>
-              <HeroKeepRead lang={lang as Locale} intl={intl} vapidPublicKey={process.env.VAPID_PUBLIC_KEY} />
-            </Suspense>
-          </div>
+    <div className="relative">
+      <div className="fixed inset-0 -z-10 bg-seigaiha-pattern-w" />
+      <div className="fixed inset-0 -z-20 bg-pearl" />
+      <div
+        className={clsx(
+          "bg-pearl flex flex-col p-4 mb-24 gap-4",
+          "md:flex-row md:mb-0"
+        )}
+      >
+        <div className="w-full md:w-1/2">
+          <HeroKeepRead
+            lang={lang}
+            intl={intl}
+            vapidPublicKey={process.env.VAPID_PUBLIC_KEY}
+            entry={keepReadingEntry}
+          />
+        </div>
 
-          <div className="w-full md:w-1/2 flex flex-col justify-between">
-            <div className="group">
-              <div className="hidden md:flex justify-end gap-2">
-                <PushButton lang={lang as Locale} intl={intl} vapidPublicKey={process.env.VAPID_PUBLIC_KEY} />
-                <ReloadButton />
-              </div>
-
-              <Suspense fallback={<StatsSkeleton />}>
-                <ReaderStatsPanel
-                  lang={lang as Locale}
-                  intl={intl}
-                  mdCols="md:grid-cols-3 mt-4"
-                />
-              </Suspense>
-
-              <div className="flex justify-center ml-4 mt-2 md:justify-end md:ml-0">
-                <Link
-                  href={`/${lang}/profile`}
-                  className={clsx(
-                    "text-onix w-max flex items-center text-base",
-                    "hover:underline transition-all duration-300"
-                  )}
-                >
-                  {home.goToProfile as string}
-                  <ChevronRightIcon size={20} className="ml-1" />
-                </Link>
-              </div>
+        <div className="w-full md:w-1/2 flex flex-col justify-between">
+          <div className="group">
+            <div className="hidden md:flex justify-end gap-2">
+              <PushButton lang={lang} intl={intl} vapidPublicKey={process.env.VAPID_PUBLIC_KEY} />
+              <ReloadButton />
             </div>
 
-            <Suspense fallback={<RowNewVolsSkeleton />}>
-              <RowNewVols lang={lang as Locale} intl={intl} />
-            </Suspense>
+            <ReaderStatsPanel
+              lang={lang}
+              intl={intl}
+              mdCols="md:grid-cols-3 mt-4"
+              data={statsData}
+            />
+
+            <div className="flex justify-center ml-4 mt-2 md:justify-end md:ml-0">
+              <Link
+                href={`/${lang}/profile`}
+                className={clsx(
+                  "text-onix w-max flex items-center text-base",
+                  "hover:underline transition-all duration-300"
+                )}
+              >
+                {home.goToProfile as string}
+                <ChevronRightIcon size={20} className="ml-1" />
+              </Link>
+            </div>
           </div>
+
+          <RowNewVols
+            lang={lang}
+            intl={intl}
+            entries={recentEntries}
+          />
         </div>
       </div>
-    </>
+    </div>
+  );
+}
+
+export default async function HomePage({ params }: HomePageProps) {
+  const { lang = "es" } = await params;
+  const intl = await getDictionary(lang as Locale);
+
+  return (
+    <Suspense fallback={<HomeContentSkeleton />}>
+      <HomeContent lang={lang as Locale} intl={intl} />
+    </Suspense>
   );
 }

package/dist/src/app/[lang]/settings/library/page.tsx

@@ -1,31 +1,37 @@
 import { Suspense } from "react";
+import { connection } from "next/server";
 import { getDictionary } from "@/lib/i18n/Dictionary";
 import { FolderCogIcon } from "lucide-react";
 import LibSettingsButtons from "@/components/settings/LibSettingsButtons";
-import AdminStatsPanel from "@/components/stats/AdminPanel";
+import LibraryModeTile from "@/components/settings/LibraryModeTile";
 import Separator from "@/components/ui/Separator";
+import { getAppSettings } from "@/lib/db/appSettings";
 import type { Locale, Dictionary } from "@/lib/types";
 
 interface SettingsLibraryPageProps {
   params: Promise<{ lang: string }>;
 }
 
-function AdminStatsSkeleton() {
+function SettingsLibrarySkeleton() {
   return (
-    <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
-      {Array.from({ length: 4 }).map((_, i) => (
-        <div key={i} className="h-[110px] rounded-lg bg-blackamber animate-pulse" />
-      ))}
-    </div>
+    <>
+      <div className="h-8 w-48 rounded bg-sand animate-pulse mb-4" />
+      <div className="h-32 rounded-lg bg-sand animate-pulse mb-4" />
+      <div className="h-px bg-sand mb-4" />
+      <div className="h-40 rounded-lg bg-sand animate-pulse" />
+    </>
   );
 }
 
-export default async function SettingsLibraryPage({
+async function SettingsLibraryPageContent({
   params,
 }: SettingsLibraryPageProps) {
+  await connection();
+
   const { lang = "es" } = await params;
   const intl: Dictionary = await getDictionary(lang as Locale);
   const libProvider = process.env.LIB_PROVIDER;
+  const settings = await getAppSettings();
 
   return (
     <>
@@ -35,9 +41,10 @@ export default async function SettingsLibraryPage({
       </h2>
 
       <div className="mb-4">
-        <Suspense fallback={<AdminStatsSkeleton />}>
-          <AdminStatsPanel intl={intl} />
-        </Suspense>
+        <LibraryModeTile
+          intl={intl}
+          initialEnabled={settings.othersLibraryEnabled}
+        />
       </div>
 
       <Separator />
@@ -45,3 +52,11 @@ export default async function SettingsLibraryPage({
     </>
   );
 }
+
+export default function SettingsLibraryPage(params: SettingsLibraryPageProps) {
+  return (
+    <Suspense fallback={<SettingsLibrarySkeleton />}>
+      <SettingsLibraryPageContent {...params} />
+    </Suspense>
+  );
+}

package/dist/src/app/api/admin/db/download/route.ts

@@ -1,8 +1,10 @@
-import { NextResponse } from "next/server";
+import { NextResponse, connection } from "next/server";
 import { verifySession } from "@/lib/auth/verifySession";
 import { exportDatabaseBackup } from "@/lib/db/backup";
 
 export async function GET() {
+  await connection();
+
   const user = await verifySession();
   if (!user) {
     return NextResponse.json({ error: "Unauthorized" }, { status: 401 });

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

@@ -1,8 +1,10 @@
-import { NextResponse, NextRequest } from "next/server";
+import { NextResponse, NextRequest, connection } from "next/server";
 import { verifySession } from "@/lib/auth/verifySession";
 import { restoreDatabaseBackup } from "@/lib/db/backup";
 
 export async function POST(request: NextRequest) {
+  await connection();
+
   const user = await verifySession();
   if (!user) {
     return NextResponse.json({ error: "Unauthorized" }, { status: 401 });

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

@@ -1,4 +1,4 @@
-import { NextResponse } from "next/server";
+import { NextResponse, connection } from "next/server";
 import type { NextRequest } from "next/server";
 import { verifySession } from "@/lib/auth/verifySession";
 import fsp from "fs/promises";
@@ -49,6 +49,8 @@ export async function POST(request: NextRequest) {
   let _err: Error | undefined;
 
   try {
+    await connection();
+
     const user = await verifySession();
     if (!user) {
       return NextResponse.json({ error: "Unauthorized" }, { status: 401 });

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

@@ -1,4 +1,4 @@
-import { NextResponse } from "next/server";
+import { NextResponse, connection } from "next/server";
 import type { NextRequest } from "next/server";
 import { verifySession } from "@/lib/auth/verifySession";
 import fsp from "fs/promises";
@@ -46,6 +46,8 @@ function getExtractorForFile(filePath: string): MetaExtractor | null {
 export async function POST(request: NextRequest) {
   let error: Error | null = null;
   try {
+    await connection();
+
     const user = await verifySession();
     if (!user) {
       return NextResponse.json({ error: "Unauthorized" }, { status: 401 });

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

@@ -1,4 +1,4 @@
-import { NextResponse } from "next/server";
+import { NextResponse, connection } from "next/server";
 import type { NextRequest } from "next/server";
 import { verifySession } from "@/lib/auth/verifySession";
 import fs from "fs/promises";
@@ -44,6 +44,8 @@ interface VolumeFile {
 export async function POST(request: NextRequest) {
   let _err: Error | undefined;
   try {
+    await connection();
+
     const user = await verifySession();
     if (!user) {
       return NextResponse.json({ error: "Unauthorized" }, { status: 401 });

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

@@ -1,4 +1,4 @@
-import { NextResponse } from "next/server";
+import { NextResponse, connection } from "next/server";
 import { verifySession } from "@/lib/auth/verifySession";
 
 import { mainJob } from "@/lib/jobs/scan/manga/mainJob";
@@ -301,6 +301,8 @@ async function runBackgroundJob() {
 export async function POST() {
   let _err: Error | undefined;
   try {
+    await connection();
+
     const user = await verifySession();
     if (!user) {
       return NextResponse.json({ error: "Unauthorized" }, { status: 401 });

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

@@ -1,4 +1,4 @@
-import { NextResponse } from "next/server";
+import { NextResponse, connection } from "next/server";
 import { verifySession } from "@/lib/auth/verifySession";
 import fs from "fs/promises";
 import path from "path";
@@ -7,6 +7,8 @@ const STATUS_PATH = path.join(process.cwd(), "tmp", "scan-status.json");
 
 export async function GET() {
   try {
+    await connection();
+
     const user = await verifySession();
     if (!user) {
       return NextResponse.json({ error: "Unauthorized" }, { status: 401 });

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

@@ -1,4 +1,4 @@
-import { NextResponse } from "next/server";
+import { NextResponse, connection } from "next/server";
 import type { NextRequest } from "next/server";
 import { verifySession } from "@/lib/auth/verifySession";
 
@@ -42,6 +42,8 @@ interface ConfirmBody {
 export async function POST(request: NextRequest) {
   let _err: Error | undefined;
   try {
+    await connection();
+
     const user = await verifySession();
     if (!user) {
       return NextResponse.json({ error: "Unauthorized" }, { status: 401 });

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

@@ -1,4 +1,4 @@
-import { NextResponse } from "next/server";
+import { NextResponse, connection } from "next/server";
 import type { NextRequest } from "next/server";
 import { verifySession } from "@/lib/auth/verifySession";
 
@@ -26,6 +26,8 @@ function generateChecksum(): string {
 export async function POST(request: NextRequest) {
   let _err: Error | undefined;
   try {
+    await connection();
+
     const user = await verifySession();
     if (!user) {
       return NextResponse.json({ error: "Unauthorized" }, { status: 401 });

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

@@ -1,4 +1,4 @@
-import { NextResponse } from "next/server";
+import { NextResponse, connection } from "next/server";
 import type { NextRequest } from "next/server";
 import { verifySession } from "@/lib/auth/verifySession";
 
@@ -13,6 +13,8 @@ const LIB_PROVIDER = process.env.LIB_PROVIDER || "local";
 export async function GET(request: NextRequest) {
   let _err: Error | undefined;
   try {
+    await connection();
+
     const user = await verifySession();
     if (!user) {
       return NextResponse.json({ error: "Unauthorized" }, { status: 401 });

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

@@ -1,4 +1,4 @@
-import { NextResponse } from "next/server";
+import { NextResponse, connection } from "next/server";
 import type { NextRequest } from "next/server";
 import { verifySession } from "@/lib/auth/verifySession";
 
@@ -23,6 +23,8 @@ interface PresignedBody {
 export async function POST(request: NextRequest) {
   let _err: Error | undefined;
   try {
+    await connection();
+
     const user = await verifySession();
     if (!user) {
       return NextResponse.json({ error: "Unauthorized" }, { status: 401 });