Froidefond Julien
92f80542e6
Thumbnails are already optimized (WebP) by the API, so disable Next.js image optimization to avoid redundant CPU work. Switch route handlers from buffering (arrayBuffer) to streaming (response.body) to reduce memory usage and latency. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
44 lines
1.4 KiB
TypeScript
44 lines
1.4 KiB
TypeScript
import { NextRequest, NextResponse } from "next/server";
|
|
import { config } from "@/lib/api";
|
|
|
|
export async function GET(
|
|
request: NextRequest,
|
|
{ params }: { params: Promise<{ bookId: string; pageNum: string }> }
|
|
) {
|
|
const { bookId, pageNum } = await params;
|
|
try {
|
|
const { baseUrl, token } = config();
|
|
const { searchParams } = new URL(request.url);
|
|
const format = searchParams.get("format") || "webp";
|
|
const width = searchParams.get("width") || "";
|
|
const quality = searchParams.get("quality") || "";
|
|
|
|
const apiUrl = new URL(`${baseUrl}/books/${bookId}/pages/${pageNum}`);
|
|
apiUrl.searchParams.set("format", format);
|
|
if (width) apiUrl.searchParams.set("width", width);
|
|
if (quality) apiUrl.searchParams.set("quality", quality);
|
|
|
|
const response = await fetch(apiUrl.toString(), {
|
|
headers: { Authorization: `Bearer ${token}` },
|
|
});
|
|
|
|
if (!response.ok) {
|
|
return new NextResponse(`Failed to fetch image: ${response.status}`, {
|
|
status: response.status
|
|
});
|
|
}
|
|
|
|
const contentType = response.headers.get("content-type") || "image/webp";
|
|
|
|
return new NextResponse(response.body, {
|
|
headers: {
|
|
"Content-Type": contentType,
|
|
"Cache-Control": "public, max-age=300",
|
|
},
|
|
});
|
|
} catch (error) {
|
|
console.error("Error fetching image:", error);
|
|
return new NextResponse("Failed to fetch image", { status: 500 });
|
|
}
|
|
}
|