@itsmrtr/bunkoshelf 1.7.1 → 1.8.1

package/dist/.next/static/chunks/{0jy4lef55dcbw.js → 13~tronooc3ec.js}

@@ -1 +1 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,68805,e=>{"use strict";var r=e.i(76172),a=e.i(96505),t=e.i(18146),l=e.i(90260),s=e.i(65932),n=e.i(92877),o=e.i(7284);function i({name:e,lastname:a,imageUrl:t,alt:l,className:s,imageClassName:d,textClassName:u}){let c=`${e?.[0]??""}${a?.[0]??""}`.toUpperCase()||"?";return t?(0,r.jsx)("div",{className:(0,o.default)("relative overflow-hidden rounded-full bg-lilah",s),children:(0,r.jsx)(n.default,{src:t,alt:l,fill:!0,sizes:"192px",className:(0,o.default)("object-cover",d)})}):(0,r.jsx)("div",{className:(0,o.default)("rounded-full bg-lilah text-pearl flex items-center justify-center font-bold",s,u),children:c})}var d=e.i(52009);let u=(0,d.createServerReference)("60a957af62a904b74078607225418b17efd62dd0b3",d.callServer,void 0,d.findSourceMapURL,"updateProfile");function c(e){return e?`/api/profile/${encodeURIComponent(e)}`:null}e.s(["default",0,function({lang:e,user:n,intl:o}){let d=(0,t.useRouter)(),m=(0,s.useToast)();if(!m)throw Error("ProfileForm must be used within ToastProvider");let{addToast:p}=m,[f,b]=(0,a.useState)({name:n?.name||"",lastname:n?.lastname||"",password:""}),[x,h]=(0,a.useState)(null),[g,v]=(0,a.useState)(!1),[j,w]=(0,a.useState)(c(n?.profileImage)),y=o.profile,N=o.toastUsers;(0,a.useEffect)(()=>{if(g)return void w(null);if(!x)return void w(c(n?.profileImage));let e=URL.createObjectURL(x);return w(e),()=>URL.revokeObjectURL(e)},[x,g,n?.profileImage]);let U=e=>{let{name:r,value:a}=e.target;b(e=>({...e,[r]:a}))},R=async r=>{r.preventDefault();let a=new FormData;a.set("name",f.name),a.set("lastname",f.lastname),a.set("password",f.password),a.set("removeProfileImage",g?"true":"false"),x&&a.set("profileImage",x);let t=await u(a,e);t.success?(b(e=>({...e,password:""})),h(null),v(!1),p({title:N.successTt,description:N.successUpdate,variant:"success"}),d.refresh(),setTimeout(()=>{d.refresh()},150)):p({title:N.errorTt,description:t.error||N.errorUpdate,variant:"error"})};return(0,r.jsx)("div",{className:"max-w-7xl mx-auto",children:(0,r.jsxs)("form",{onSubmit:R,className:"space-y-4",children:[(0,r.jsxs)("div",{className:"flex flex-col md:flex-row md:items-center gap-6 mb-8",children:[(0,r.jsxs)("div",{className:"relative group w-28 h-28 shrink-0",children:[(0,r.jsx)(i,{name:f.name||n?.name,lastname:f.lastname||n?.lastname,imageUrl:j,alt:`${f.name||n?.name||n?.username||"User"} ${f.lastname||n?.lastname||""}`.trim(),className:"w-28 h-28 text-3xl"}),j&&(0,r.jsx)("button",{type:"button",onClick:()=>{h(null),v(!0)},title:y.removePicture,className:"absolute top-1 right-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200 rounded-full bg-red-700 hover:bg-red-800 text-white p-1.5 cursor-pointer",children:(0,r.jsx)(l.Trash2Icon,{size:14})})]}),(0,r.jsxs)("div",{className:"w-full",children:[(0,r.jsx)("label",{className:"block text-sm mb-2",children:y.picture}),(0,r.jsx)("input",{type:"file",accept:"image/png,image/jpeg,image/webp",onChange:e=>{var r;return r=e.target.files?.[0]??null,void(v(!1),h(r))},className:"text-sand bg-onix border border-neutral-700 hover:border-pearl rounded-lg w-full px-5 py-3 transition-all duration-300 file:mr-4 file:border-0 file:bg-lilah file:text-pearl file:px-4 file:py-2 file:rounded-md"}),(0,r.jsx)("p",{className:"text-xs text-neutral-400 mt-2",children:y.pictureHelp})]})]}),(0,r.jsx)("input",{name:"name",value:f.name,onChange:U,className:"text-sand bg-onix border border-neutral-700 hover:border-pearl rounded-lg w-full px-5 py-3 transition-all duration-300",placeholder:y.name}),(0,r.jsx)("input",{name:"lastname",value:f.lastname,onChange:U,className:"text-sand bg-onix border border-neutral-700 hover:border-pearl rounded-lg w-full px-5 py-3 transition-all duration-300",placeholder:y.lastname}),(0,r.jsx)("input",{name:"password",type:"password",value:f.password,onChange:U,className:"text-sand bg-onix border border-neutral-700 hover:border-pearl rounded-lg w-full px-5 py-3 transition-all duration-300",placeholder:y.password}),(0,r.jsx)("button",{type:"submit",className:"font-bold px-8 py-4 rounded-lg leading-none uppercase text-sand bg-blackamber border border-blackamber hover:text-onix hover:bg-pearl hover:border-pearl transition-all duration-300 cursor-pointer",children:y.save})]})})}],68805)}]);
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,68805,e=>{"use strict";var r=e.i(76172),a=e.i(96505),t=e.i(18146),l=e.i(90260),s=e.i(65932),n=e.i(92877),o=e.i(7284);function i({name:e,lastname:a,imageUrl:t,alt:l,className:s,imageClassName:d,textClassName:u}){let c=`${e?.[0]??""}${a?.[0]??""}`.toUpperCase()||"?";return t?(0,r.jsx)("div",{className:(0,o.default)("relative overflow-hidden rounded-full bg-lilah",s),children:(0,r.jsx)(n.default,{src:t,alt:l,fill:!0,sizes:"192px",className:(0,o.default)("object-cover",d)})}):(0,r.jsx)("div",{className:(0,o.default)("rounded-full bg-lilah text-pearl flex items-center justify-center font-bold",s,u),children:c})}var d=e.i(52009);let u=(0,d.createServerReference)("60f5ce0c0391d9c0efc51495bde33a2d60c2db9201",d.callServer,void 0,d.findSourceMapURL,"updateProfile");function c(e){return e?`/api/profile/${encodeURIComponent(e)}`:null}e.s(["default",0,function({lang:e,user:n,intl:o}){let d=(0,t.useRouter)(),m=(0,s.useToast)();if(!m)throw Error("ProfileForm must be used within ToastProvider");let{addToast:p}=m,[f,b]=(0,a.useState)({name:n?.name||"",lastname:n?.lastname||"",password:""}),[x,h]=(0,a.useState)(null),[g,v]=(0,a.useState)(!1),[j,w]=(0,a.useState)(c(n?.profileImage)),y=o.profile,N=o.toastUsers;(0,a.useEffect)(()=>{if(g)return void w(null);if(!x)return void w(c(n?.profileImage));let e=URL.createObjectURL(x);return w(e),()=>URL.revokeObjectURL(e)},[x,g,n?.profileImage]);let U=e=>{let{name:r,value:a}=e.target;b(e=>({...e,[r]:a}))},R=async r=>{r.preventDefault();let a=new FormData;a.set("name",f.name),a.set("lastname",f.lastname),a.set("password",f.password),a.set("removeProfileImage",g?"true":"false"),x&&a.set("profileImage",x);let t=await u(a,e);t.success?(b(e=>({...e,password:""})),h(null),v(!1),p({title:N.successTt,description:N.successUpdate,variant:"success"}),d.refresh(),setTimeout(()=>{d.refresh()},150)):p({title:N.errorTt,description:t.error||N.errorUpdate,variant:"error"})};return(0,r.jsx)("div",{className:"max-w-7xl mx-auto",children:(0,r.jsxs)("form",{onSubmit:R,className:"space-y-4",children:[(0,r.jsxs)("div",{className:"flex flex-col md:flex-row md:items-center gap-6 mb-8",children:[(0,r.jsxs)("div",{className:"relative group w-28 h-28 shrink-0",children:[(0,r.jsx)(i,{name:f.name||n?.name,lastname:f.lastname||n?.lastname,imageUrl:j,alt:`${f.name||n?.name||n?.username||"User"} ${f.lastname||n?.lastname||""}`.trim(),className:"w-28 h-28 text-3xl"}),j&&(0,r.jsx)("button",{type:"button",onClick:()=>{h(null),v(!0)},title:y.removePicture,className:"absolute top-1 right-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200 rounded-full bg-red-700 hover:bg-red-800 text-white p-1.5 cursor-pointer",children:(0,r.jsx)(l.Trash2Icon,{size:14})})]}),(0,r.jsxs)("div",{className:"w-full",children:[(0,r.jsx)("label",{className:"block text-sm mb-2",children:y.picture}),(0,r.jsx)("input",{type:"file",accept:"image/png,image/jpeg,image/webp",onChange:e=>{var r;return r=e.target.files?.[0]??null,void(v(!1),h(r))},className:"text-sand bg-onix border border-neutral-700 hover:border-pearl rounded-lg w-full px-5 py-3 transition-all duration-300 file:mr-4 file:border-0 file:bg-lilah file:text-pearl file:px-4 file:py-2 file:rounded-md"}),(0,r.jsx)("p",{className:"text-xs text-neutral-400 mt-2",children:y.pictureHelp})]})]}),(0,r.jsx)("input",{name:"name",value:f.name,onChange:U,className:"text-sand bg-onix border border-neutral-700 hover:border-pearl rounded-lg w-full px-5 py-3 transition-all duration-300",placeholder:y.name}),(0,r.jsx)("input",{name:"lastname",value:f.lastname,onChange:U,className:"text-sand bg-onix border border-neutral-700 hover:border-pearl rounded-lg w-full px-5 py-3 transition-all duration-300",placeholder:y.lastname}),(0,r.jsx)("input",{name:"password",type:"password",value:f.password,onChange:U,className:"text-sand bg-onix border border-neutral-700 hover:border-pearl rounded-lg w-full px-5 py-3 transition-all duration-300",placeholder:y.password}),(0,r.jsx)("button",{type:"submit",className:"font-bold px-8 py-4 rounded-lg leading-none uppercase text-sand bg-blackamber border border-blackamber hover:text-onix hover:bg-pearl hover:border-pearl transition-all duration-300 cursor-pointer",children:y.save})]})})}],68805)}]);

package/dist/.next/static/chunks/17_9y215~hveu.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,90417,e=>{"use strict";var r=e.i(76172),a=e.i(96505),l=e.i(52009);let t=(0,l.createServerReference)("40e00f64536088b7b1bce829b74d99161714b75e97",l.callServer,void 0,l.findSourceMapURL,"login");e.s(["default",0,function({lang:e,intl:l}){let[s,n]=(0,a.useState)(""),[i,o]=(0,a.useState)(""),[d,u]=(0,a.useState)(null),c=async r=>{r.preventDefault();try{await t({username:s,password:i,lang:e}),window.location.href=`/${e}/`}catch{u(l.alerts.loginFail),n(""),o("")}};return(0,r.jsx)("div",{className:"mt-8 w-full max-w-sm",children:(0,r.jsxs)("form",{onSubmit:c,className:"max-w-screen md:max-w-sm w-full",children:[(0,r.jsx)("div",{className:"mb-4",children:(0,r.jsx)("input",{type:"text",name:"username",placeholder:l.login.username,className:"text-sand bg-onix border border-neutral-700 rounded-lg w-full px-5 py-3",value:s,onChange:e=>n(e.target.value),required:!0})}),(0,r.jsx)("div",{className:"mb-4",children:(0,r.jsx)("input",{type:"password",name:"password",placeholder:l.login.password,className:"text-sand bg-onix border border-neutral-700 rounded-lg w-full px-5 py-3",value:i,onChange:e=>o(e.target.value),required:!0})}),d&&(0,r.jsx)("div",{className:"text-red-500 text-sm mb-2",children:d}),(0,r.jsx)("div",{className:"flex items-center justify-between",children:(0,r.jsx)("button",{type:"submit",className:"font-bold px-8 py-4 rounded-lg leading-none uppercase text-sand bg-blackamber border border-blackamber hover:text-onix hover:bg-pearl hover:border-pearl transition-all duration-300 cursor-pointer",children:l.login.login})})]})})}],90417)},86822,e=>{"use strict";var r=e.i(76172),a=e.i(92877),l=e.i(48847),t=e.i(18146);e.s(["default",0,function({width:e=196,height:s=39}){let n="en"===(0,t.usePathname)().split("/")[1]?"en":"es";return(0,r.jsx)("div",{className:"px-4",children:(0,r.jsx)(l.default,{href:`/${n}`,className:"inline-block",children:(0,r.jsx)(a.default,{src:"/logos/BunkoShelfPearl.svg",alt:"Bunko Shelf Logo",width:e,height:s,priority:!0})})})}])}]);

package/dist/package.json

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

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

@@ -1,6 +1,7 @@
 import { NextResponse, connection } from "next/server";
 import type { NextRequest } from "next/server";
 import { verifySession } from "@/lib/auth/verifySession";
+import { normalizeLibraryDirectoryName } from "@/lib/libraryDirectory";
 
 import { PutObjectCommand } from "@aws-sdk/client-s3";
 import r2Client, { R2_BUCKET } from "@/lib/r2";
@@ -58,7 +59,12 @@ export async function POST(request: NextRequest) {
 
     const libraryType = type === "manga" ? "manga" : "books";
     const suffix = isOneshot ? " [oneshot]" : "";
-    const directoryName = isNew ? newDirectoryName : existingDirectory;
+    const directoryName = isNew
+      ? normalizeLibraryDirectoryName(newDirectoryName)
+      : existingDirectory;
+    if (!directoryName) {
+      return NextResponse.json({ error: "Missing directory name" }, { status: 400 });
+    }
     const dirWithSuffix = `${directoryName}${isNew ? suffix : ""}`;
 
     for (const file of files) {

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

@@ -1,6 +1,7 @@
 import { NextResponse, connection } from "next/server";
 import type { NextRequest } from "next/server";
 import { verifySession } from "@/lib/auth/verifySession";
+import { normalizeLibraryDirectoryName } from "@/lib/libraryDirectory";
 
 import fs from "fs/promises";
 import path from "path";
@@ -60,6 +61,12 @@ export async function POST(request: NextRequest) {
     };
     const { type, isNew, newDirectoryName, isOneshot, existingDirectory } =
       metadata;
+    const directoryName = isNew
+      ? normalizeLibraryDirectoryName(newDirectoryName)
+      : existingDirectory;
+    if (!directoryName) {
+      return NextResponse.json({ error: "Missing directory name" }, { status: 400 });
+    }
 
     const tempFilePath = path.join(TEMP_PATH, `${fileName}.part`);
 
@@ -126,7 +133,6 @@ export async function POST(request: NextRequest) {
       }
 
       const suffix = isOneshot ? " [oneshot]" : "";
-      const directoryName = isNew ? newDirectoryName : existingDirectory;
       const dirWithSuffix = `${directoryName}${isNew ? suffix : ""}`;
 
       if (LIB_PROVIDER === "cloud") {

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

@@ -1,6 +1,7 @@
 import { NextResponse, connection } from "next/server";
 import type { NextRequest } from "next/server";
 import { verifySession } from "@/lib/auth/verifySession";
+import { normalizeLibraryDirectoryName } from "@/lib/libraryDirectory";
 
 import { PutObjectCommand } from "@aws-sdk/client-s3";
 import { getSignedUrl } from "@aws-sdk/s3-request-presigner";
@@ -44,7 +45,12 @@ export async function POST(request: NextRequest) {
 
     const libraryType = type === "manga" ? "manga" : "books";
     const suffix = isOneshot ? " [oneshot]" : "";
-    const directoryName = isNew ? newDirectoryName : existingDirectory;
+    const directoryName = isNew
+      ? normalizeLibraryDirectoryName(newDirectoryName)
+      : existingDirectory;
+    if (!directoryName) {
+      return NextResponse.json({ error: "Missing directory name" }, { status: 400 });
+    }
     const dirWithSuffix = `${directoryName}${isNew ? suffix : ""}`;
     const r2Key = `library/${libraryType}/${dirWithSuffix}/${fileName}`;
 

package/dist/src/app/api/library/download/[slug]/route.ts

@@ -0,0 +1,61 @@
+import { NextResponse, connection } from "next/server";
+import { GetObjectCommand } from "@aws-sdk/client-s3";
+import { getSignedUrl } from "@aws-sdk/s3-request-presigner";
+import { verifySession } from "@/lib/auth/verifySession";
+import { findVolumeBySlugBasic } from "@/lib/db/ingestion";
+import r2Client, { R2_BUCKET } from "@/lib/r2";
+
+const LIB_PROVIDER = process.env.LIB_PROVIDER || "local";
+
+function contentDisposition(filename: string): string {
+  const fallbackName = filename
+    .replace(/[^\x20-\x7E]/g, "_")
+    .replace(/["\\]/g, "_");
+
+  return `attachment; filename="${fallbackName || "volume"}"; filename*=UTF-8''${encodeURIComponent(filename)}`;
+}
+
+export async function GET(
+  _request: Request,
+  { params }: { params: Promise<{ slug: string }> }
+) {
+  try {
+    await connection();
+
+    const user = await verifySession();
+    if (!user) {
+      return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+    if (!user.isAdmin) {
+      return NextResponse.json({ error: "Forbidden" }, { status: 403 });
+    }
+    if (LIB_PROVIDER !== "cloud") {
+      return NextResponse.json({ error: "Cloud storage is not enabled" }, { status: 404 });
+    }
+
+    const { slug } = await params;
+    if (!slug) {
+      return NextResponse.json({ error: "Missing volume slug" }, { status: 400 });
+    }
+
+    const volume = await findVolumeBySlugBasic(slug);
+    if (!volume) {
+      return NextResponse.json({ error: "Volume not found" }, { status: 404 });
+    }
+
+    const command = new GetObjectCommand({
+      Bucket: R2_BUCKET,
+      Key: volume.fullPath.replace(/^\/+/, "").replace(/\\/g, "/"),
+      ResponseContentDisposition: contentDisposition(volume.filename),
+    });
+    const signedUrl = await getSignedUrl(r2Client, command, { expiresIn: 300 });
+
+    return NextResponse.redirect(signedUrl, 302);
+  } catch (error) {
+    console.error("Error generating volume download URL:", error);
+    return NextResponse.json(
+      { error: "Could not prepare the volume download" },
+      { status: 500 }
+    );
+  }
+}

package/dist/src/app/api/library/download/series/[slug]/route.ts

@@ -0,0 +1,97 @@
+import { NextResponse, connection } from "next/server";
+import { Readable } from "node:stream";
+import { GetObjectCommand } from "@aws-sdk/client-s3";
+import { verifySession } from "@/lib/auth/verifySession";
+import {
+  findSeriesBySlugBasic,
+  listVolumesBySeriesId,
+} from "@/lib/db/ingestion";
+import r2Client, { R2_BUCKET } from "@/lib/r2";
+import { createZipStream } from "@/lib/zipStream";
+
+const LIB_PROVIDER = process.env.LIB_PROVIDER || "local";
+
+export const maxDuration = 300;
+
+function archiveName(filename: string): string {
+  return filename.replace(/\\/g, "/").split("/").pop() || "volume";
+}
+
+function contentDisposition(filename: string): string {
+  const fallbackName = filename
+    .replace(/[^\x20-\x7E]/g, "_")
+    .replace(/["\\]/g, "_");
+
+  return `attachment; filename="${fallbackName || "series"}"; filename*=UTF-8''${encodeURIComponent(filename)}`;
+}
+
+export async function GET(
+  _request: Request,
+  { params }: { params: Promise<{ slug: string }> }
+) {
+  try {
+    await connection();
+
+    const user = await verifySession();
+    if (!user) {
+      return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+    if (!user.isAdmin) {
+      return NextResponse.json({ error: "Forbidden" }, { status: 403 });
+    }
+    if (LIB_PROVIDER !== "cloud") {
+      return NextResponse.json({ error: "Cloud storage is not enabled" }, { status: 404 });
+    }
+
+    const { slug } = await params;
+    if (!slug) {
+      return NextResponse.json({ error: "Missing series slug" }, { status: 400 });
+    }
+
+    const series = await findSeriesBySlugBasic(slug);
+    if (!series) {
+      return NextResponse.json({ error: "Series not found" }, { status: 404 });
+    }
+
+    const volumes = await listVolumesBySeriesId(series.id);
+    if (volumes.length === 0) {
+      return NextResponse.json({ error: "Series has no volumes" }, { status: 404 });
+    }
+
+    const stream = createZipStream(
+      volumes.map((volume) => ({
+        name: archiveName(volume.filename),
+        size: volume.size,
+        stream: async () => {
+          const response = await r2Client.send(
+            new GetObjectCommand({
+              Bucket: R2_BUCKET,
+              Key: volume.fullPath.replace(/^\/+/, "").replace(/\\/g, "/"),
+            })
+          );
+
+          if (!response.Body) {
+            throw new Error(`Missing R2 body for ${volume.filename}`);
+          }
+
+          return response.Body as AsyncIterable<Uint8Array>;
+        },
+      }))
+    );
+    const filename = `${series.title}.zip`;
+
+    return new Response(Readable.toWeb(stream) as ReadableStream<Uint8Array>, {
+      headers: {
+        "Content-Type": "application/zip",
+        "Content-Disposition": contentDisposition(filename),
+        "Cache-Control": "no-store",
+      },
+    });
+  } catch (error) {
+    console.error("Error creating series download:", error);
+    return NextResponse.json(
+      { error: "Could not prepare the series download" },
+      { status: 500 }
+    );
+  }
+}

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

@@ -105,7 +105,7 @@ export default function RowNewVolsCarousel({ entries, lang, intl }: RowNewVolsCa
         }}
       >
         {entries.map((entry) => (
-          <div key={entry.slug} className="flex-shrink-0 w-1/2 md:w-2/5 2xl:w-1/4">
+          <div key={entry.slug} className="shrink-0 w-1/2 md:w-2/5 2xl:w-1/4">
             <MangaCard
               title={entry.meta?.title ?? entry.title}
               href={getLibraryVolumeHref(lang, entry.section, entry.slug)}

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

@@ -1,4 +1,5 @@
 import Image from "next/image";
+import { DownloadIcon } from "lucide-react";
 import MangaCard from "@/components/ui/MangaCard";
 import ReadButtonsSeries from "./ReadButtonsSeries";
 import MetadataPanel from "./MetadataPanel";
@@ -57,6 +58,7 @@ export default function SeriesContent({
   const isWesternReading =
     meta.mangaStyle === "YesLTR" || meta.mangaStyle === "No";
   const isOfflineCover = coverImage?.startsWith("/offline/") ?? false;
+  const canDownloadOriginal = process.env.LIB_PROVIDER === "cloud";
 
   return (
     <div className="p-4">
@@ -210,6 +212,15 @@ export default function SeriesContent({
             <Separator />
             <div className="flex flex-wrap items-center gap-4">
               <ScanSeriesButton seriesId={serieData.id as string} intl={intl} />
+              {canDownloadOriginal && (
+                <a
+                  href={`/api/library/download/series/${encodeURIComponent(serieData.slug as string)}`}
+                  className="text-xs uppercase cursor-pointer hover:underline flex flex-row items-center gap-1"
+                >
+                  <DownloadIcon size={11} className="mb-0.5" />
+                  {intl.manga.downloadSeries as string}
+                </a>
+              )}
               <DeleteMangaItem
                 intl={intl}
                 type="series"

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

@@ -1,5 +1,6 @@
 import Image from "next/image";
 import Link from "next/link";
+import { DownloadIcon } from "lucide-react";
 import ReadButtonsVolume from "./ReadButtonsVolume";
 import ReadingHistory from "./ReadingHistory";
 import MetadataPanel from "./MetadataPanel";
@@ -72,6 +73,7 @@ export default function VolumesContent({
     meta.mangaStyle === "YesLTR" || meta.mangaStyle === "No";
   const coverImage = volume.coverImage as string | undefined;
   const isOfflineCover = coverImage?.startsWith("/offline/") ?? false;
+  const canDownloadOriginal = process.env.LIB_PROVIDER === "cloud";
 
   return (
     <div className="p-4">
@@ -204,6 +206,15 @@ export default function VolumesContent({
               <Separator />
               <div className="flex flex-wrap items-center gap-4">
                 <ScanSeriesButton volumeId={volume.id as string} intl={intl} />
+                {canDownloadOriginal && (
+                  <a
+                    href={`/api/library/download/${encodeURIComponent(volume.slug as string)}`}
+                    className="text-xs uppercase cursor-pointer hover:underline flex flex-row items-center gap-1"
+                  >
+                    <DownloadIcon size={11} className="mb-0.5" />
+                    {intl.manga.downloadVolume as string}
+                  </a>
+                )}
                 <DeleteMangaItem
                   intl={intl}
                   slug={volume.slug as string}

package/dist/src/components/pwa/OfflineDownloadButton.tsx

@@ -38,8 +38,22 @@ function ProgressRing({ value }: { value: number }) {
 export default function OfflineDownloadButton({ userId, section, slug, volumeId, seriesId, intl }: OfflineDownloadButtonProps) {
   const [download, setDownload] = useState<OfflineDownload | null>(null);
   const [seriesProgress, setSeriesProgress] = useState<{ completed: number; total: number } | null>(null);
+  const [isOnline, setIsOnline] = useState(false);
   const offline = intl.offline as Record<string, string> | undefined;
 
+  useEffect(() => {
+    const updateOnlineStatus = () => setIsOnline(navigator.onLine);
+
+    updateOnlineStatus();
+    window.addEventListener("online", updateOnlineStatus);
+    window.addEventListener("offline", updateOnlineStatus);
+
+    return () => {
+      window.removeEventListener("online", updateOnlineStatus);
+      window.removeEventListener("offline", updateOnlineStatus);
+    };
+  }, []);
+
   useEffect(() => {
     if (!userId || !volumeId) return;
     const load = () => void getDownload(userId, volumeId).then(setDownload);
@@ -107,11 +121,10 @@ export default function OfflineDownloadButton({ userId, section, slug, volumeId,
   };
 
   const title = isReady ? offline?.remove : isDownloading ? offline?.downloading : offline?.download;
-  const online = typeof navigator !== "undefined" && navigator.onLine;
   return (
     <button
       onClick={handleClick}
-      disabled={!userId || (!online && !isReady) || isDownloading}
+      disabled={!userId || (!isOnline && !isReady) || isDownloading}
       title={title || "Descargar para leer sin conexión"}
       className={clsx(
         "p-3 2xl:p-4 rounded-lg leading-none border transition-all duration-300 cursor-pointer",

package/dist/src/components/settings/UploadMangaForm.tsx

@@ -8,6 +8,10 @@ import { extractFromArchive } from "@/lib/client/archiveExtractor";
 import { parseComicInfo } from "@/lib/client/comicInfoParser";
 import { generateCoverFilename } from "@/lib/client/coverHasher";
 import { sendPushBroadcast } from "@/actions/web-push";
+import {
+  normalizeLibraryDirectoryName,
+  sanitizeLibraryDirectoryName,
+} from "@/lib/libraryDirectory";
 import type { Dictionary } from "@/lib/types";
 import type { ComicMetadata } from "@/lib/types/manga";
 
@@ -288,7 +292,10 @@ export default function UploadMangaForm({ intl, lang }: UploadMangaFormProps) {
       const metadata: UploadMetadata = {
         type: isManga ? "manga" : "books",
         isNew: selectedDirectory === "new",
-        newDirectoryName: selectedDirectory === "new" ? newDirectoryName : null,
+        newDirectoryName:
+          selectedDirectory === "new"
+            ? normalizeLibraryDirectoryName(newDirectoryName)
+            : null,
         isOneshot: isOneshotMode,
         existingDirectory:
           selectedDirectory !== "new" ? selectedDirectory : null,
@@ -462,7 +469,9 @@ export default function UploadMangaForm({ intl, lang }: UploadMangaFormProps) {
             <input
               type="text"
               value={newDirectoryName}
-              onChange={(e) => setNewDirectoryName(e.target.value)}
+              onChange={(e) =>
+                setNewDirectoryName(sanitizeLibraryDirectoryName(e.target.value))
+              }
               placeholder={intl.settings.uploadLibraryNewFolder as string}
               className="bg-pearl border border-onix rounded-lg w-full px-5 py-3"
               required

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

@@ -100,7 +100,7 @@ export default function MangaCard({
         }
       }}
     >
-      <div className="relative aspect-[7/10.5] w-full flex-shrink-0">
+      <div className="relative isolate aspect-[7/10.5] w-full flex-shrink-0">
         {isOfflineCover ? (
           // IndexedDB pages are served by the service worker and cannot use Next's image optimizer.
           // eslint-disable-next-line @next/next/no-img-element

package/dist/src/lib/db/ingestion.ts

@@ -602,6 +602,33 @@ export async function findVolumeBySlugBasic(
   return row ? mapVolume(row) : null;
 }
 
+export async function listVolumesBySeriesId(
+  seriesId: string
+): Promise<IndexedVolume[]> {
+  const rows = await query<VolumeRow>(
+    `
+      SELECT
+        mv.id,
+        mv.slug,
+        mv.title,
+        mv.filename,
+        mv.full_path,
+        mv.size,
+        mv.cover_image,
+        mv.metadata_id,
+        mv.series_id,
+        ms.path AS series_path
+      FROM manga_volumes mv
+      INNER JOIN manga_series ms ON ms.id = mv.series_id
+      WHERE mv.series_id = $1
+      ORDER BY mv.sort_title ASC, mv.id ASC
+    `,
+    [seriesId]
+  );
+
+  return rows.map(mapVolume);
+}
+
 export async function listVolumeMetadataIdsBySeriesId(
   seriesId: string
 ): Promise<string[]> {

package/dist/src/lib/i18n/dictionaries/en/manga.json

@@ -32,6 +32,8 @@
     "cancelled": "Cancelled",
     "scanSeries": "Rescan Series",
     "scanVolume": "Rescan Volume",
+    "downloadVolume": "Download Volume",
+    "downloadSeries": "Download Series",
     "scanning": "Scanning...",
     "details": "Details",
     "readingHistory": "Reading history",

package/dist/src/lib/i18n/dictionaries/es/manga.json

@@ -32,6 +32,8 @@
     "cancelled": "Cancelado",
     "scanSeries": "Re-Escanear serie",
     "scanVolume": "Re-Escanear tomo",
+    "downloadVolume": "Descargar tomo",
+    "downloadSeries": "Descargar serie",
     "scanning": "Escaneando...",
     "details": "Detalles",
     "readingHistory": "Historial de lectura",

package/dist/src/lib/libraryDirectory.ts

@@ -0,0 +1,14 @@
+export function sanitizeLibraryDirectoryName(
+  value: string | null | undefined
+): string {
+  return (value || "")
+    .normalize("NFC")
+    .replace(/[^\p{L}\p{N}]+/gu, "-");
+}
+
+export function normalizeLibraryDirectoryName(
+  value: string | null | undefined
+): string {
+  return sanitizeLibraryDirectoryName(value)
+    .replace(/^-+|-+$/g, "");
+}

package/dist/src/lib/zipStream.ts

@@ -0,0 +1,148 @@
+import { Readable } from "node:stream";
+import crc32 from "crc/crc32";
+
+const DATA_DESCRIPTOR = 0x0808;
+const MAX_UINT16 = 0xffff;
+const MAX_UINT32 = 0xffffffff;
+
+export interface ZipStreamFile {
+  name: string;
+  size: number;
+  stream: () => Promise<AsyncIterable<Uint8Array>>;
+}
+
+interface ZipEntry {
+  name: Buffer;
+  checksum: number;
+  size: number;
+  offset: number;
+}
+
+function dosDateTime(date: Date): { date: number; time: number } {
+  const year = Math.min(Math.max(date.getFullYear(), 1980), 2107);
+
+  return {
+    date: ((year - 1980) << 9) | ((date.getMonth() + 1) << 5) | date.getDate(),
+    time: (date.getHours() << 11) | (date.getMinutes() << 5) | Math.floor(date.getSeconds() / 2),
+  };
+}
+
+function localHeader(name: Buffer, date: number, time: number): Buffer {
+  const header = Buffer.alloc(30);
+  header.writeUInt32LE(0x04034b50, 0);
+  header.writeUInt16LE(20, 4);
+  header.writeUInt16LE(DATA_DESCRIPTOR, 6);
+  header.writeUInt16LE(0, 8);
+  header.writeUInt16LE(time, 10);
+  header.writeUInt16LE(date, 12);
+  header.writeUInt16LE(name.length, 26);
+
+  return Buffer.concat([header, name]);
+}
+
+function dataDescriptor(checksum: number, size: number): Buffer {
+  const descriptor = Buffer.alloc(16);
+  descriptor.writeUInt32LE(0x08074b50, 0);
+  descriptor.writeUInt32LE(checksum, 4);
+  descriptor.writeUInt32LE(size, 8);
+  descriptor.writeUInt32LE(size, 12);
+  return descriptor;
+}
+
+function centralDirectoryEntry(entry: ZipEntry, date: number, time: number): Buffer {
+  const header = Buffer.alloc(46);
+  header.writeUInt32LE(0x02014b50, 0);
+  header.writeUInt16LE(20, 4);
+  header.writeUInt16LE(20, 6);
+  header.writeUInt16LE(DATA_DESCRIPTOR, 8);
+  header.writeUInt16LE(0, 10);
+  header.writeUInt16LE(time, 12);
+  header.writeUInt16LE(date, 14);
+  header.writeUInt32LE(entry.checksum, 16);
+  header.writeUInt32LE(entry.size, 20);
+  header.writeUInt32LE(entry.size, 24);
+  header.writeUInt16LE(entry.name.length, 28);
+  header.writeUInt32LE(entry.offset, 42);
+
+  return Buffer.concat([header, entry.name]);
+}
+
+function endOfCentralDirectory(entries: number, size: number, offset: number): Buffer {
+  const record = Buffer.alloc(22);
+  record.writeUInt32LE(0x06054b50, 0);
+  record.writeUInt16LE(entries, 8);
+  record.writeUInt16LE(entries, 10);
+  record.writeUInt32LE(size, 12);
+  record.writeUInt32LE(offset, 16);
+  return record;
+}
+
+function validateFiles(files: ZipStreamFile[]): void {
+  if (files.length === 0 || files.length > MAX_UINT16) {
+    throw new Error("The series cannot be packaged as a ZIP archive");
+  }
+
+  let archiveSize = 22;
+  for (const file of files) {
+    const name = Buffer.from(file.name, "utf8");
+    if (!Number.isSafeInteger(file.size) || file.size < 0 || file.size > MAX_UINT32 || name.length > MAX_UINT16) {
+      throw new Error("The series cannot be packaged as a ZIP archive");
+    }
+
+    archiveSize += file.size + 92 + name.length * 2;
+    if (archiveSize > MAX_UINT32) {
+      throw new Error("The series is too large to download as a ZIP archive");
+    }
+  }
+}
+
+async function* zipEntries(files: ZipStreamFile[]): AsyncGenerator<Buffer> {
+  validateFiles(files);
+
+  const { date, time } = dosDateTime(new Date());
+  const entries: ZipEntry[] = [];
+  let offset = 0;
+
+  for (const file of files) {
+    const name = Buffer.from(file.name, "utf8");
+    const header = localHeader(name, date, time);
+    yield header;
+
+    let checksum: number | undefined;
+    let size = 0;
+    const stream = await file.stream();
+    for await (const chunk of stream) {
+      const bytes = Buffer.from(chunk);
+      checksum = checksum === undefined
+        ? crc32.unsigned(bytes)
+        : crc32.unsigned(bytes, checksum);
+      size += bytes.length;
+      yield bytes;
+    }
+
+    if (size !== file.size) {
+      throw new Error(`Unexpected size while downloading ${file.name}`);
+    }
+
+    const finalizedChecksum = checksum ?? 0;
+    const descriptor = dataDescriptor(finalizedChecksum, size);
+    yield descriptor;
+
+    entries.push({ name, checksum: finalizedChecksum, size, offset });
+    offset += header.length + size + descriptor.length;
+  }
+
+  const directoryOffset = offset;
+  let directorySize = 0;
+  for (const entry of entries) {
+    const directoryEntry = centralDirectoryEntry(entry, date, time);
+    directorySize += directoryEntry.length;
+    yield directoryEntry;
+  }
+
+  yield endOfCentralDirectory(entries.length, directorySize, directoryOffset);
+}
+
+export function createZipStream(files: ZipStreamFile[]): Readable {
+  return Readable.from(zipEntries(files), { objectMode: false });
+}

package/package.json

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

package/dist/.next/server/chunks/[externals]__0f-53n~._.js

@@ -1,3 +0,0 @@
-module.exports=[18622,(e,r,t)=>{r.exports=e.x("next/dist/compiled/next-server/app-page-turbo.runtime.prod.js",()=>require("next/dist/compiled/next-server/app-page-turbo.runtime.prod.js"))},56704,(e,r,t)=>{r.exports=e.x("next/dist/server/app-render/work-async-storage.external.js",()=>require("next/dist/server/app-render/work-async-storage.external.js"))},32319,(e,r,t)=>{r.exports=e.x("next/dist/server/app-render/work-unit-async-storage.external.js",()=>require("next/dist/server/app-render/work-unit-async-storage.external.js"))},24725,(e,r,t)=>{r.exports=e.x("next/dist/server/app-render/after-task-async-storage.external.js",()=>require("next/dist/server/app-render/after-task-async-storage.external.js"))},70406,(e,r,t)=>{r.exports=e.x("next/dist/compiled/@opentelemetry/api",()=>require("next/dist/compiled/@opentelemetry/api"))},65969,e=>e.a(async(r,t)=>{try{let r=await e.y("pg-7e2a21e93ebd274c");e.n(r),t()}catch(e){t(e)}},!0),34270,(e,r,t)=>{r.exports=e.x("next/dist/server/app-render/module-loading/track-module-loading.external.js",()=>require("next/dist/server/app-render/module-loading/track-module-loading.external.js"))},93695,(e,r,t)=>{r.exports=e.x("next/dist/shared/lib/no-fallback-error.external.js",()=>require("next/dist/shared/lib/no-fallback-error.external.js"))},14747,(e,r,t)=>{r.exports=e.x("path",()=>require("path"))},81111,(e,r,t)=>{r.exports=e.x("node:stream",()=>require("node:stream"))},24868,(e,r,t)=>{r.exports=e.x("fs/promises",()=>require("fs/promises"))},96524,(e,r,t)=>{r.exports=e.x("@aws-sdk/client-s3-0a2e7f48b72a2e28",()=>require("@aws-sdk/client-s3-0a2e7f48b72a2e28"))},43698,(e,r,t)=>{r.exports=e.x("node:https",()=>require("node:https"))},54799,(e,r,t)=>{r.exports=e.x("crypto",()=>require("crypto"))},22734,(e,r,t)=>{r.exports=e.x("fs",()=>require("fs"))},6461,(e,r,t)=>{r.exports=e.x("zlib",()=>require("zlib"))},92509,(e,r,t)=>{r.exports=e.x("url",()=>require("url"))},88947,(e,r,t)=>{r.exports=e.x("stream",()=>require("stream"))},27699,(e,r,t)=>{r.exports=e.x("events",()=>require("events"))},37464,(e,r,t)=>{r.exports=e.x("timers",()=>require("timers"))},91956,e=>{e.v(r=>Promise.all(["server/chunks/[externals]_node_http_0xono5_._.js"].map(r=>e.l(r))).then(()=>r(47299)))}];
-
-//# sourceMappingURL=%5Bexternals%5D__0f-53n~._.js.map