Vercel/app/film/[film]/page.tsx
Rich Manalang ec55005df2
feat: add Nikon Z Picture Control support (#361)
* feat: add Nikon Z Picture Control support

* refactor: Consolidate Fujifilm and Nikon MakerNote parsing logic and remove unused code and comments.

* fix: decode film parameter before fetching photo data.

* fix: decode URL-encoded film parameters for improved routing

* feat: Add default set of Nikon Picture Controls for consistent labels and allow for Picture Controls not already in the database to be picked from the drop down.

* feat: Add camera make context to film components for conditional Fujifilm simulation display
2025-12-28 14:23:33 -05:00

87 lines
1.9 KiB
TypeScript

import { INFINITE_SCROLL_GRID_INITIAL } from '@/photo';
import { getUniqueFilms } from '@/photo/query';
import { generateMetaForFilm } from '@/film';
import FilmOverview from '@/film/FilmOverview';
import { getPhotosFilmDataCached } from '@/film/data';
import { Metadata } from 'next/types';
import { cache } from 'react';
import { PATH_ROOT } from '@/app/path';
import { redirect } from 'next/navigation';
import { staticallyGenerateCategoryIfConfigured } from '@/app/static';
import { getAppText } from '@/i18n/state/server';
const getPhotosFilmDataCachedCached = cache((film: string) =>
getPhotosFilmDataCached({ film, limit: INFINITE_SCROLL_GRID_INITIAL }));
export const generateStaticParams = staticallyGenerateCategoryIfConfigured(
'films',
'page',
getUniqueFilms,
films => films.map(({ film }) => ({ film })),
);
interface FilmProps {
params: Promise<{ film: string }>
}
export async function generateMetadata({
params,
}: FilmProps): Promise<Metadata> {
const { film } = await params;
const [
photos,
{ count, dateRange },
] = await getPhotosFilmDataCachedCached(film);
if (photos.length === 0) { return {}; }
const appText = await getAppText();
const {
url,
title,
description,
images,
} = generateMetaForFilm(film, photos, appText, count, dateRange);
return {
title,
openGraph: {
title,
description,
images,
url,
},
twitter: {
images,
description,
card: 'summary_large_image',
},
description,
};
}
export default async function FilmPage({
params,
}: FilmProps) {
const { film } = await params;
const decodedFilm = decodeURIComponent(film);
const [
photos,
{ count, dateRange },
] = await getPhotosFilmDataCachedCached(decodedFilm);
if (photos.length === 0) { redirect(PATH_ROOT); }
return (
<FilmOverview {...{
film,
photos,
count,
dateRange,
}} />
);
}