Vercel/app/film/[film]/image/route.tsx
2025-04-01 21:08:36 -05:00

53 lines
1.3 KiB
TypeScript

import { getPhotosCached } from '@/photo/cache';
import {
IMAGE_OG_DIMENSION_SMALL,
MAX_PHOTOS_TO_SHOW_PER_CATEGORY,
} from '@/image-response';
import FilmImageResponse from
'@/image-response/FilmImageResponse';
import { getIBMPlexMono } from '@/app/font';
import { ImageResponse } from 'next/og';
import { getImageResponseCacheControlHeaders } from '@/image-response/cache';
import { getUniqueFilms } from '@/photo/db/query';
import { staticallyGenerateCategoryIfConfigured } from '@/app/static';
export const generateStaticParams = staticallyGenerateCategoryIfConfigured(
'films',
'image',
getUniqueFilms,
films => films.map(({ film }) => ({ film })),
);
export async function GET(
_: Request,
context: { params: Promise<{ film: string }> },
) {
const { film } = await context.params;
const [
photos,
{ fontFamily, fonts },
headers,
] = await Promise.all([
getPhotosCached({
limit: MAX_PHOTOS_TO_SHOW_PER_CATEGORY,
film: film,
}),
getIBMPlexMono(),
getImageResponseCacheControlHeaders(),
]);
const { width, height } = IMAGE_OG_DIMENSION_SMALL;
return new ImageResponse(
<FilmImageResponse {...{
film,
photos,
width,
height,
fontFamily,
}}/>,
{ width, height, fonts, headers },
);
}