100 lines
2.3 KiB
TypeScript
100 lines
2.3 KiB
TypeScript
import { INFINITE_SCROLL_GRID_INITIAL } from '@/photo';
|
|
import { PATH_ROOT } from '@/app/path';
|
|
import type { Metadata } from 'next';
|
|
import { redirect } from 'next/navigation';
|
|
import { cache } from 'react';
|
|
import { staticallyGenerateCategoryIfConfigured } from '@/app/static';
|
|
import { getAppText } from '@/i18n/state/server';
|
|
import AlbumOverview from '@/album/AlbumOverview';
|
|
import { Album, generateMetaForAlbum } from '@/album';
|
|
import { getPhotosAlbumDataCached } from '@/album/data';
|
|
import {
|
|
getAlbumFromSlugCached,
|
|
getAlbumsWithMetaCached,
|
|
getTagsForAlbumCached,
|
|
} from '@/album/cache';
|
|
import { getPhotosCached } from '@/photo/cache';
|
|
|
|
const getPhotosAlbumDataCachedCached = cache((album: Album) =>
|
|
getPhotosAlbumDataCached({ album, limit: INFINITE_SCROLL_GRID_INITIAL}));
|
|
|
|
export const generateStaticParams = staticallyGenerateCategoryIfConfigured(
|
|
'albums',
|
|
'page',
|
|
getAlbumsWithMetaCached,
|
|
albums => albums.map(({ album }) => ({ album: album.slug })),
|
|
);
|
|
|
|
interface AlbumProps {
|
|
params: Promise<{ album: string }>
|
|
}
|
|
|
|
export async function generateMetadata({
|
|
params,
|
|
}: AlbumProps): Promise<Metadata> {
|
|
const { album: albumFromParams } = await params;
|
|
|
|
const albumSlug = decodeURIComponent(albumFromParams);
|
|
|
|
const album = await getAlbumFromSlugCached(albumSlug);
|
|
|
|
if (!album) { return {}; }
|
|
|
|
const [
|
|
photos,
|
|
{ count, dateRange },
|
|
] = await getPhotosAlbumDataCachedCached(album);
|
|
|
|
if (photos.length === 0) { return {}; }
|
|
|
|
const appText = await getAppText();
|
|
|
|
const {
|
|
url,
|
|
title,
|
|
description,
|
|
images,
|
|
} = generateMetaForAlbum(album, photos, appText, count, dateRange);
|
|
|
|
return {
|
|
title,
|
|
openGraph: {
|
|
title,
|
|
description,
|
|
images,
|
|
url,
|
|
},
|
|
twitter: {
|
|
images,
|
|
description,
|
|
card: 'summary_large_image',
|
|
},
|
|
description,
|
|
};
|
|
}
|
|
|
|
export default async function AlbumPage({
|
|
params,
|
|
}:AlbumProps) {
|
|
const { album: albumFromParams } = await params;
|
|
|
|
const albumSlug = decodeURIComponent(albumFromParams);
|
|
|
|
const album = await getAlbumFromSlugCached(albumSlug);
|
|
|
|
if (!album) { redirect(PATH_ROOT); }
|
|
|
|
const photos = await getPhotosCached({ album });
|
|
|
|
const tags = await getTagsForAlbumCached(album.id);
|
|
|
|
return (
|
|
<AlbumOverview {...{
|
|
album,
|
|
photos,
|
|
tags,
|
|
count: photos.length,
|
|
}} />
|
|
);
|
|
}
|