@itsmrtr/bunkoshelf 1.11.6 → 1.12.1

package/dist/migrations/010_book_metadata_epub_version.sql

@@ -0,0 +1,2 @@
+ALTER TABLE book_metadata
+  ADD COLUMN IF NOT EXISTS epub_version TEXT;

package/dist/migrations/011_book_series_library_section.sql

@@ -0,0 +1,12 @@
+ALTER TABLE book_series
+  ADD COLUMN IF NOT EXISTS library_section TEXT NOT NULL DEFAULT 'books';
+
+ALTER TABLE book_series
+  DROP CONSTRAINT IF EXISTS book_series_library_section_check;
+
+ALTER TABLE book_series
+  ADD CONSTRAINT book_series_library_section_check
+  CHECK (library_section IN ('books', 'other'));
+
+CREATE INDEX IF NOT EXISTS book_series_library_section_idx
+  ON book_series (library_section);

package/dist/package.json

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

package/dist/runtime/commands/update.mjs

@@ -12,35 +12,31 @@ const PACKAGE_NAME = "@itsmrtr/bunkoshelf";
 const REPOSITORY_NAME = "martirale/bunkoshelf";
 const REGISTRY_URL = `https://registry.npmjs.org/${encodeURIComponent(PACKAGE_NAME)}/latest`;
 
-async function resolveGithubTarget(version) {
-  if (version !== "latest") {
-    return `github:${REPOSITORY_NAME}#${version}`;
-  }
-
+async function resolveLatestVersion() {
   try {
     const response = await fetch(REGISTRY_URL, {
       headers: {
         Accept: "application/json",
+        "Cache-Control": "no-cache",
       },
+      cache: "no-store",
       signal: AbortSignal.timeout(4000),
     });
 
-    if (!response.ok) {
-      return `github:${REPOSITORY_NAME}#main`;
-    }
+    if (!response.ok) return null;
 
     const payload = await response.json();
-    const latestVersion =
-      payload && typeof payload.version === "string" ? payload.version : null;
-
-    return latestVersion
-      ? `github:${REPOSITORY_NAME}#${latestVersion}`
-      : `github:${REPOSITORY_NAME}#main`;
+    return payload && typeof payload.version === "string" ? payload.version : null;
   } catch {
-    return `github:${REPOSITORY_NAME}#main`;
+    return null;
   }
 }
 
+function resolveGithubTarget(version, latestVersion) {
+  const targetVersion = version === "latest" ? latestVersion : version;
+  return `github:${REPOSITORY_NAME}#${targetVersion ?? "main"}`;
+}
+
 function isRegistryTarballNotFound(error) {
   if (!error || typeof error !== "object") return false;
   if (!("stderr" in error) || typeof error.stderr !== "string") return false;
@@ -85,12 +81,15 @@ export async function update(version = "latest") {
     throw new Error(`Current project does not depend on ${PACKAGE_NAME}.`);
   }
 
-  const progress = spinner();
-  const target = `${PACKAGE_NAME}@${version}`;
+  const latestVersion = version === "latest" ? await resolveLatestVersion() : null;
+  const targetVersion = latestVersion ?? version;
+  const target = `${PACKAGE_NAME}@${targetVersion}`;
   const packageManager = await detectPackageManager(process.cwd());
   const updateCommand = getUpdateDependencyCommand(packageManager, target);
+  const progress = spinner();
+  let installedTarget = target;
 
-  progress.start(`Updating ${PACKAGE_NAME} to ${chalk.cyan(version)}...`);
+  progress.start(`Updating ${PACKAGE_NAME} to ${chalk.cyan(targetVersion)}...`);
 
   try {
     await runPackageManagerCommand(
@@ -104,7 +103,7 @@ export async function update(version = "latest") {
       throw error;
     }
 
-    const fallbackTarget = await resolveGithubTarget(version);
+    const fallbackTarget = resolveGithubTarget(version, latestVersion);
 
     progress.message(
       `Registry tarball unavailable, retrying from ${chalk.cyan(fallbackTarget)}...`
@@ -121,6 +120,7 @@ export async function update(version = "latest") {
         fallbackCommand.args,
         process.cwd()
       );
+      installedTarget = fallbackTarget;
     } catch (fallbackError) {
       progress.stop(chalk.red("Update failed"));
       throw fallbackError;
@@ -128,5 +128,5 @@ export async function update(version = "latest") {
   }
 
   progress.stop(`Updated ${PACKAGE_NAME}`);
-  outro(`Bunko Shelf is now installed from ${chalk.cyan(target)}`);
+  outro(`Bunko Shelf is now installed from ${chalk.cyan(installedTarget)}`);
 }

package/dist/src/actions/search.ts

@@ -3,6 +3,7 @@
 import MiniSearch from "minisearch";
 import { verifySession } from "@/lib/auth/verifySession";
 import { listSeries, listVolumes } from "@/lib/db/library";
+import { listBookSearchEntries } from "@/lib/db/books/library";
 import { getLibrarySection } from "@/lib/librarySection";
 import type { SearchResult } from "@/lib/types";
 
@@ -15,7 +16,7 @@ interface SeriesDoc {
   title: string;
   slug: string;
   isOneshot: boolean;
-  section: "manga" | "comic" | "others";
+  section: "manga" | "comic" | "others" | "books";
   writer: string;
   series: string;
 }
@@ -27,7 +28,7 @@ interface VolumeDoc {
   series: string;
   slug: string;
   isOneshot: boolean;
-  section: "manga" | "comic" | "others";
+  section: "manga" | "comic" | "others" | "books";
   genres: string;
   tags: string;
 }
@@ -52,10 +53,14 @@ export async function searchManga({ query }: SearchParams) {
     return { success: true, data: [] };
   }
 
-  const volumes = await listVolumes({
-    includeGenres: true,
-    includeTags: true,
-  });
+  const [volumes, seriesList, bookEntries] = await Promise.all([
+    listVolumes({
+      includeGenres: true,
+      includeTags: true,
+    }),
+    listSeries(),
+    listBookSearchEntries(),
+  ]);
 
   const writerBySeriesId = new Map<string, string>();
   const seriesNameById = new Map<string, string>();
@@ -79,9 +84,7 @@ export async function searchManga({ query }: SearchParams) {
     }
   }
 
-  const seriesList = await listSeries();
-
-  const seriesDocs: SeriesDoc[] = seriesList.map((s) => ({
+  const mangaSeriesDocs: SeriesDoc[] = seriesList.map((s) => ({
     id: `series-${s.id}`,
     title: s.title,
     slug: s.slug,
@@ -91,6 +94,32 @@ export async function searchManga({ query }: SearchParams) {
     series: seriesNameById.get(s.id) || s.title,
   }));
 
+  const bookSeries = new Map<string, { entry: typeof bookEntries[number]; writers: Set<string> }>();
+
+  for (const entry of bookEntries) {
+    const current = bookSeries.get(entry.seriesId);
+    if (current) {
+      if (entry.writer) current.writers.add(entry.writer);
+      continue;
+    }
+    bookSeries.set(entry.seriesId, {
+      entry,
+      writers: new Set(entry.writer ? [entry.writer] : []),
+    });
+  }
+
+  const bookSeriesDocs: SeriesDoc[] = Array.from(bookSeries.values()).map(({ entry, writers }) => ({
+    id: `book-series-${entry.seriesId}`,
+    title: entry.seriesTitle,
+    slug: entry.seriesSlug,
+    isOneshot: entry.seriesIsOneshot,
+    section: entry.librarySection === "books" ? "books" : "others",
+    writer: Array.from(writers).join(", "),
+    series: entry.seriesTitle,
+  }));
+
+  const seriesDocs = [...mangaSeriesDocs, ...bookSeriesDocs];
+
   const seriesMap = new Map<string, SeriesDoc>(seriesDocs.map((s) => [s.id, s]));
 
   const seriesSearch = new MiniSearch({
@@ -120,7 +149,7 @@ export async function searchManga({ query }: SearchParams) {
     };
   });
 
-  const volumeDocs: VolumeDoc[] = volumes.map((vol) => {
+  const mangaVolumeDocs: VolumeDoc[] = volumes.map((vol) => {
     const genreNames = vol.genres
       .map((genre) => genre.name?.trim())
       .filter((name): name is string => Boolean(name));
@@ -142,6 +171,20 @@ export async function searchManga({ query }: SearchParams) {
     };
   });
 
+  const bookVolumeDocs: VolumeDoc[] = bookEntries.map((entry) => ({
+    id: `book-volume-${entry.id}`,
+    title: entry.title,
+    writer: entry.writer,
+    series: entry.seriesTitle,
+    slug: entry.slug,
+    isOneshot: entry.seriesIsOneshot,
+    section: entry.librarySection === "books" ? "books" : "others",
+    genres: entry.subjects,
+    tags: "",
+  }));
+
+  const volumeDocs = [...mangaVolumeDocs, ...bookVolumeDocs];
+
   const volumesMap = new Map<string, VolumeDoc>(volumeDocs.map((doc) => [doc.id, doc]));
 
   const volumeSearch = new MiniSearch({

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

@@ -15,7 +15,7 @@ async function BookVolumePageContent({ params }: { params: Promise<{ lang: strin
   const { lang, slug } = await params;
   const user = await verifySession();
   const volume = await findBookVolumeBySlug(slug);
-  if (!volume) notFound();
+  if (!volume || volume.series.librarySection !== "books") notFound();
   const intl = await getDictionary(lang as Locale);
   const [readingEntries, progress]: [Awaited<ReturnType<typeof listBookReadingEntries>>, Awaited<ReturnType<typeof findBookProgress>>] = user
     ? await Promise.all([

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

@@ -4,6 +4,9 @@ import SeriesContent from "@/components/library/manga/SeriesContent";
 import DetailSkeleton from "@/components/library/manga/DetailSkeleton";
 import { verifySession } from "@/lib/auth/verifySession";
 import { listVolumeRatings, findSeriesFavoriteState } from "@/lib/db/reading";
+import { listBookProgressByIds, listBookVolumes } from "@/lib/db/books/library";
+import { findBookSeriesFavorite, listBookRatings } from "@/lib/db/books/reading";
+import BookSeriesContent from "@/components/library/books/BookSeriesContent";
 import { getDictionary } from "@/lib/i18n/Dictionary";
 import {
   findSeriesBySlugBasic,
@@ -72,7 +75,38 @@ export async function OthersSeriesPageContent({
   const intl = await getDictionary(lang as Locale);
 
   try {
-    const user = await verifySession();
+    const [user, books] = await Promise.all([
+      verifySession(),
+      listBookVolumes({ seriesSlug: series, librarySection: "other" }),
+    ]);
+
+    if (books.length > 0) {
+      const [progressById, isFavorite, personalRatings] = user
+        ? await Promise.all([
+            listBookProgressByIds(user.id, books.map((book) => book.id)),
+            findBookSeriesFavorite(user.id, books[0].series.id),
+            listBookRatings(user.id, books.map((book) => book.id)),
+          ])
+        : [{}, false, new Map<string, number>()] as const;
+      const ratings = books
+        .map((book) => personalRatings.get(book.id))
+        .filter((rating): rating is number => rating !== undefined);
+      const averageRating = ratings.length
+        ? Math.round((ratings.reduce((sum, rating) => sum + rating, 0) / ratings.length) * 2) / 2
+        : null;
+
+      return (
+        <BookSeriesContent
+          volumes={books}
+          lang={lang as Locale}
+          intl={intl}
+          progressById={progressById}
+          isFavorite={isFavorite}
+          averageRating={averageRating}
+          isAdmin={user?.isAdmin === true}
+        />
+      );
+    }
 
     const serie = await findSeriesBySlugBasic(series);
 
@@ -144,6 +178,7 @@ export async function OthersSeriesPageContent({
         slug: firstVolume.slug,
         coverImage: firstVolume.coverImage ?? null,
         updatedAt: firstVolume.updatedAt,
+        metadataObj: firstVolume.metadataObj,
       }),
       meta: {
         ...(firstVolume.metadataObj || null),

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

@@ -9,6 +9,9 @@ import {
 } from "@/lib/db/reading";
 import { getDictionary } from "@/lib/i18n/Dictionary";
 import { findVolumeBySlug } from "@/lib/db/library";
+import { findBookVolumeBySlug } from "@/lib/db/books/library";
+import { findBookProgress, listBookReadingEntries } from "@/lib/db/books/reading";
+import BookVolumeContent from "@/components/library/books/BookVolumeContent";
 import {
   getLibrarySection,
   getLibraryVolumeHref,
@@ -43,6 +46,34 @@ export async function OthersVolumePageContent({ params, section = "others" }: Ot
       );
     }
 
+    if (volumeEntry.filename.toLowerCase().endsWith(".epub")) {
+      const book = await findBookVolumeBySlug(slug);
+      if (!book || book.series.librarySection !== "other") {
+        return (
+          <div className="text-center mt-8">
+            {(intl?.errors?.notFound as string) || "Volumen no encontrado."}
+          </div>
+        );
+      }
+      const [readingEntries, progress]: [Awaited<ReturnType<typeof listBookReadingEntries>>, Awaited<ReturnType<typeof findBookProgress>>] = user
+        ? await Promise.all([
+            listBookReadingEntries(user.id, book.id),
+            findBookProgress(user.id, book.id),
+          ])
+        : [[], null];
+
+      return (
+        <BookVolumeContent
+          volume={book}
+          lang={lang as Locale}
+          intl={intl}
+          readingEntries={readingEntries}
+          personalRating={progress?.personalRating ?? null}
+          isAdmin={user?.isAdmin === true}
+        />
+      );
+    }
+
     const targetSection = getLibrarySection(volumeEntry.series.librarySection);
 
     if (targetSection !== section) {

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

@@ -12,6 +12,7 @@ import { upsertFileChecksumRecord } from "@/lib/db/ingestion";
 import { revalidateMangaLibraryCache } from "@/lib/mangaLibraryCache";
 import type { ComicMetadata } from "@/lib/types/manga";
 import { indexBook } from "@/lib/books/indexer";
+import path from "path";
 
 function generateChecksum(): string {
   return crypto.randomBytes(8).toString("hex");
@@ -71,6 +72,7 @@ export async function POST(request: NextRequest) {
     const dirWithSuffix = `${directoryName}${isNew ? suffix : ""}`;
 
     for (const file of files) {
+      const isEpub = path.extname(file.fileName).toLowerCase() === ".epub";
       const checksum = generateChecksum();
       const txtFileName = `${file.baseName}.txt`;
       const txtKey = `${file.key.substring(
@@ -88,17 +90,19 @@ export async function POST(request: NextRequest) {
       );
       await upsertFileChecksumRecord(`/${txtKey}`, checksum);
 
-      if (libraryType === "books") {
-        await indexBook({
+      const bookResult = libraryType === "books" || (libraryType === "others" && isEpub)
+        ? await indexBook({
           fullPath: `/${file.key}`,
           filename: file.fileName,
-          seriesPath: `/library/books/${dirWithSuffix}`,
+          seriesPath: `/library/${libraryType}/${dirWithSuffix}`,
           seriesName: dirWithSuffix,
           size: file.fileSize || 0,
           mtime: new Date(),
           isOneshot,
-        });
-      } else if (file.volumeMetadata) {
+          librarySection: libraryType === "others" ? "other" : "books",
+        })
+        : null;
+      if (libraryType !== "books" && (file.volumeMetadata || bookResult)) {
         const seriesPath = `/library/${libraryType}/${dirWithSuffix}`;
         await indexUploadedVolume({
           fileName: file.fileName,
@@ -107,8 +111,8 @@ export async function POST(request: NextRequest) {
           seriesPath,
           isOneshot,
           coverFilename: file.coverFilename || null,
-          metadata: file.volumeMetadata?.metadata || null,
-          genres: file.volumeMetadata?.genres || [],
+          metadata: bookResult?.comicMetadata ?? file.volumeMetadata?.metadata ?? null,
+          genres: bookResult?.genres ?? file.volumeMetadata?.genres ?? [],
           tags: file.volumeMetadata?.tags || [],
           fileSize: file.fileSize || 0,
           librarySection: libraryType === "others" ? "other" : libraryType as "manga" | "comic",

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

@@ -109,6 +109,7 @@ export async function POST(request: NextRequest) {
       const libraryType = ["manga", "comic", "books", "others"].includes(type)
         ? type
         : "books";
+      const isEpub = path.extname(fileName).toLowerCase() === ".epub";
       const fileBuffer = await fs.readFile(tempFilePath);
       const checksum = generateChecksum();
       const txtFileName = `${path.parse(fileName).name}.txt`;
@@ -171,17 +172,19 @@ export async function POST(request: NextRequest) {
           );
         }
 
-        if (libraryType === "books") {
-          await indexBook({
+        const bookResult = libraryType === "books" || (libraryType === "others" && isEpub)
+          ? await indexBook({
             fullPath: `/${r2Key}`,
             filename: fileName,
-            seriesPath: `/library/books/${dirWithSuffix}`,
+            seriesPath: `/library/${libraryType}/${dirWithSuffix}`,
             seriesName: dirWithSuffix,
             size: fileBuffer.length,
             mtime: new Date(),
             isOneshot,
-          });
-        } else {
+            librarySection: libraryType === "others" ? "other" : "books",
+          })
+          : null;
+        if (libraryType !== "books") {
           const seriesPath = `/library/${libraryType}/${dirWithSuffix}`;
           await indexUploadedVolume({
             fileName,
@@ -190,8 +193,8 @@ export async function POST(request: NextRequest) {
             seriesPath,
             isOneshot,
             coverFilename: coverFilename || null,
-            metadata: volumeMeta?.metadata || null,
-            genres: volumeMeta?.genres || [],
+            metadata: bookResult?.comicMetadata ?? volumeMeta?.metadata ?? null,
+            genres: bookResult?.genres ?? volumeMeta?.genres ?? [],
             tags: volumeMeta?.tags || [],
             fileSize: fileBuffer.length,
             librarySection: libraryType === "others" ? "other" : libraryType as "manga" | "comic",
@@ -243,8 +246,8 @@ export async function POST(request: NextRequest) {
           );
         }
 
-        if (libraryType === "books") {
-          await indexBook({
+        const bookResult = libraryType === "books" || (libraryType === "others" && isEpub)
+          ? await indexBook({
             fullPath: finalPath,
             filename: fileName,
             seriesPath: targetDirectory,
@@ -252,8 +255,10 @@ export async function POST(request: NextRequest) {
             size: fileBuffer.length,
             mtime: new Date(),
             isOneshot,
-          });
-        } else {
+            librarySection: libraryType === "others" ? "other" : "books",
+          })
+          : null;
+        if (libraryType !== "books") {
           await indexUploadedVolume({
             fileName,
             fullPath: finalPath,
@@ -261,8 +266,8 @@ export async function POST(request: NextRequest) {
             seriesPath: targetDirectory,
             isOneshot,
             coverFilename: coverFilename || null,
-            metadata: volumeMeta?.metadata || null,
-            genres: volumeMeta?.genres || [],
+            metadata: bookResult?.comicMetadata ?? volumeMeta?.metadata ?? null,
+            genres: bookResult?.genres ?? volumeMeta?.genres ?? [],
             tags: volumeMeta?.tags || [],
             fileSize: fileBuffer.length,
             librarySection: libraryType === "others" ? "other" : libraryType as "manga" | "comic",

package/dist/src/components/library/books/BookMetadataPanel.tsx

@@ -69,7 +69,7 @@ export default function BookMetadataPanel({
         <MetadataField key={role} label={role}>{people.map((person) => person.name).join(", ")}</MetadataField>
       ))}
       {metadata.publisher && <MetadataField label={books.publisher}>{metadata.publisher}</MetadataField>}
-      <MetadataField label={books.format}>EPUB{metadata.publicationType ? ` · ${metadata.publicationType}` : ""}</MetadataField>
+      <MetadataField label={books.format}>EPUB{metadata.epubVersion ? ` ${metadata.epubVersion}` : ""}{metadata.publicationType ? ` · ${metadata.publicationType}` : ""}</MetadataField>
       {isbnIdentifiers.length > 0 && <MetadataField label="ISBN"><div className="space-y-1">{isbnIdentifiers.map((identifier) => <p key={identifier.value}>{getBookIdentifierValue(identifier.value, identifier.scheme)}</p>)}</div></MetadataField>}
       {metadata.rights && <MetadataField label={books.rights}>{metadata.rights}</MetadataField>}
       {metadata.source && <MetadataField label={books.source}>{metadata.source}</MetadataField>}

package/dist/src/components/library/books/BookSeriesContent.tsx

@@ -36,6 +36,13 @@ export default function BookSeriesContent({ volumes, lang, intl, progressById, i
     if (!highest || getBookAgeMinimum(current)! > getBookAgeMinimum(highest)!) return current;
     return highest;
   }, null);
+  const libraryRoot = firstVolume.series.librarySection === "other" ? "others" : "books";
+  const worksLabel = libraryRoot === "others"
+    ? (intl.libraries.otherWorks as string)
+    : books.books;
+  const seriesWorksLabel = libraryRoot === "others"
+    ? (intl.libraries.otherCollectionWorks as string)
+    : books.seriesBooks;
 
   return (
     <div className="p-4">
@@ -59,7 +66,7 @@ export default function BookSeriesContent({ volumes, lang, intl, progressById, i
             <BookSeriesRating rating={averageRating} />
           </div>
           <BookMetadataBadges metadata={{ ...meta, ageRating }} intl={intl} />
-          <p className="mt-4">{getBookPublicationYear(meta.publishedAt ?? meta.modifiedAt)} &bull; {volumes.length} {books.books}</p>
+          <p className="mt-4">{getBookPublicationYear(meta.publishedAt ?? meta.modifiedAt)} &bull; {volumes.length} {worksLabel}</p>
           {description && (
             <>
               <h2 className="text-sm mt-8 mb-1">{books.synopsis}{firstVolume.number !== null ? ` (${books.book} ${firstVolume.number})` : null}</h2>
@@ -72,13 +79,13 @@ export default function BookSeriesContent({ volumes, lang, intl, progressById, i
       </section>
       <section>
         <Separator />
-        <h2>{books.seriesBooks}</h2>
+        <h2>{seriesWorksLabel}</h2>
         <div className="grid grid-cols-2 md:grid-cols-5 2xl:grid-cols-7 gap-4 mt-4">
           {volumes.map((volume) => (
             <MangaCard
               key={volume.id}
               title={volume.metadata.title}
-              href={`/${lang}/books/volume/${volume.slug}`}
+              href={`/${lang}/${libraryRoot}/volume/${volume.slug}`}
               isSeries={false}
               isOneshot={false}
               onGoing={false}

package/dist/src/components/library/books/BookVolumeContent.tsx

@@ -28,6 +28,10 @@ export default function BookVolumeContent({ volume, lang, intl, readingEntries,
   const books = intl.books as Record<string, string>;
   const coverImage = getBookCoverUrl(volume.slug, volume.metadata.coverPath);
   const description = toPlainBookText(volume.metadata.description);
+  const libraryRoot = volume.series.librarySection === "other" ? "others" : "books";
+  const seriesLabel = libraryRoot === "others"
+    ? (intl.libraries.otherCollection as string)
+    : books.series;
 
   return (
     <div className="p-4">
@@ -50,11 +54,11 @@ export default function BookVolumeContent({ volume, lang, intl, readingEntries,
         </div>
         <div className="w-full md:w-7/12 2xl:w-2/3 2xl:pl-4">
           <h1 className="text-2xl leading-11 md:text-3xl md:leading-14">{volume.metadata.title}</h1>
-          {volume.metadata.subtitle && <p className="py-2 italic">{volume.metadata.subtitle}</p>}
+          {volume.metadata.subtitle && <p className="py-2 text-2xl not-italic">{volume.metadata.subtitle}</p>}
           {!volume.series.isOneshot && (
             <div className="py-2">
-              <Link href={`/${lang}/books/${volume.series.slug}`} className="italic hover:underline">
-                {books.series} {volume.series.title}
+              <Link href={`/${lang}/${libraryRoot}/${volume.series.slug}`} className="text-2xl not-italic hover:underline">
+                {seriesLabel} {volume.series.title}
               </Link>
             </div>
           )}

package/dist/src/components/library/books/BookVolumeRating.tsx

@@ -60,8 +60,8 @@ export default function BookVolumeRating({ volumeId, initialPersonalRating, intl
 
   if (!hasRating && !isOpen) {
     return (
-      <button type="button" onClick={open} className="mt-4 flex cursor-pointer items-center gap-1.5 text-sm text-neutral-500 transition-colors hover:text-neutral-300">
-        <StarIcon size={14} />
+      <button type="button" onClick={open} className="mt-4 flex cursor-pointer items-center gap-1.5 text-xl uppercase text-neutral-500 transition-colors hover:text-neutral-300">
+        <StarIcon size={20} />
         <span>{books.rate}</span>
       </button>
     );

package/dist/src/components/library/manga/SeriesContent.tsx

@@ -124,7 +124,9 @@ export default function SeriesContent({
 
           <p className="mt-4">
             {meta.year ? (meta.year as number) : null} &bull; {volumeCount}{" "}
-            {intl.manga.volumes as string}
+            {section === "others"
+              ? (intl.libraries.otherWorks as string)
+              : (intl.manga.volumes as string)}
           </p>
 
           {meta.summary ? (
@@ -150,7 +152,9 @@ export default function SeriesContent({
 
       <section>
         <Separator />
-        <h2>{intl.manga.seriesVolumes as string}</h2>
+        <h2>{section === "others"
+          ? (intl.libraries.otherCollectionWorks as string)
+          : (intl.manga.seriesVolumes as string)}</h2>
 
         <div className="grid grid-cols-2 md:grid-cols-5 2xl:grid-cols-7 gap-4 mt-4">
           {volumes && volumes.length > 0 ? (

package/dist/src/components/library/manga/VolumeRating.tsx

@@ -75,9 +75,9 @@ export default function VolumeRating({
     return (
       <button
         onClick={openPanel}
-        className="mt-4 flex items-center gap-1.5 text-sm text-neutral-500 hover:text-neutral-300 transition-colors cursor-pointer"
+        className="mt-4 flex items-center gap-1.5 text-xl uppercase text-neutral-500 hover:text-neutral-300 transition-colors cursor-pointer"
       >
-        <StarIcon size={14} />
+        <StarIcon size={20} />
         <span>Valorar</span>
       </button>
     );

package/dist/src/components/library/manga/VolumesContent.tsx

@@ -59,6 +59,9 @@ export default function VolumesContent({
   const isOneshot = series?.isOneshot === true;
   const seriesTitle = series?.title as string | undefined;
   const seriesSlug = series?.slug as string | undefined;
+  const seriesLabel = section === "others"
+    ? (intl.libraries.otherCollection as string)
+    : (intl.manga.series as string);
 
   const ageMin = ageRatingMap(meta.ageRating as string);
   const badgeClass = `text-sm uppercase rounded-md px-3 py-1 mr-2 ${
@@ -106,9 +109,9 @@ export default function VolumesContent({
             <div className="py-2">
               <Link
                 href={`/${lang}/${section}/${seriesSlug}`}
-                className="italic hover:underline"
+                className="text-2xl not-italic hover:underline"
               >
-                {intl.manga.series as string} {(meta.series as string) || seriesTitle}
+                {seriesLabel} {(meta.series as string) || seriesTitle}
               </Link>
             </div>
           )}

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

@@ -90,7 +90,9 @@ export default async function SeriesIndex({
       <div className="flex items-center mb-4">
         <h2 className="flex items-center text-base md:text-lg mr-4">
           <LibraryBigIcon size={28} className="mr-2" />
-          {intl.manga.allSeries as string}
+          {section === "others"
+            ? (intl.libraries.allOtherCollections as string)
+            : (intl.manga.allSeries as string)}
         </h2>
 
         <FiltersDrawer intl={intl} scope={scope} />
@@ -110,7 +112,7 @@ export default async function SeriesIndex({
               title={
                 isOneshot
                   ? firstVolume?.meta?.title ?? firstVolume?.title ?? entry.title
-                  : firstVolume?.meta?.series ?? entry.title
+                  : firstVolume?.meta?.series ?? firstVolume?.title ?? entry.title
               }
               href={
                 isOneshot && firstVolume
@@ -122,6 +124,7 @@ export default async function SeriesIndex({
               onGoing={!isOneshot && entry.status === "ONGOING"}
               onPause={!isOneshot && entry.status === "HIATUS"}
               volumeCount={isOneshot ? null : totalVolumes}
+              countLabel={section === "others" ? intl.libraries.otherWorks as string : undefined}
               cover={entry.coverImage}
               progressRatio={progressRatio}
               isDragging={false}

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

@@ -122,6 +122,7 @@ export default async function SeriesIndexFav({
               onGoing={entry.status === "ONGOING"}
               onPause={entry.status === "HIATUS"}
               volumeCount={isSeries ? totalVolumes : null}
+              countLabel={section === "others" ? intl.libraries.otherWorks as string : undefined}
               cover={entry.coverImage}
               progressRatio={progressRatio}
               isDragging={false}