2021-01-05 15:25:09 +00:00
|
|
|
|
/**
|
|
|
|
|
|
* Copyright (C) 2019-2021 Carl Kittelberger <icedream@icedream.pw>
|
|
|
|
|
|
*
|
|
|
|
|
|
* This program is free software: you can redistribute it and/or modify
|
|
|
|
|
|
* it under the terms of the GNU Affero General Public License as
|
|
|
|
|
|
* published by the Free Software Foundation, either version 3 of the
|
|
|
|
|
|
* License, or (at your option) any later version.
|
|
|
|
|
|
*
|
|
|
|
|
|
* This program is distributed in the hope that it will be useful,
|
|
|
|
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
|
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
|
|
|
* GNU Affero General Public License for more details.
|
|
|
|
|
|
*
|
|
|
|
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
|
|
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
2020-08-22 20:25:57 +00:00
|
|
|
|
import * as React from 'react';
|
|
|
|
|
|
|
|
|
|
|
|
import { Breadcrumb } from 'react-bootstrap';
|
|
|
|
|
|
|
|
|
|
|
|
import Head from 'next/head';
|
|
|
|
|
|
import Link from 'next/link';
|
|
|
|
|
|
|
|
|
|
|
|
import { useIntl } from 'react-intl';
|
|
|
|
|
|
import { FormattedMessage } from '../components/localization';
|
|
|
|
|
|
|
|
|
|
|
|
import RelativeTime from '../components/RelativeTime';
|
|
|
|
|
|
import VideoList from '../components/VideoList';
|
|
|
|
|
|
|
|
|
|
|
|
import { notFound } from '../util/status';
|
|
|
|
|
|
import { getIndex, getVideos } from '../util/api';
|
|
|
|
|
|
import { VideoEntry } from '../util/datatypes/VideoList';
|
2021-01-04 16:31:36 +00:00
|
|
|
|
import { GetServerSideProps, NextPage } from 'next';
|
2020-08-22 20:25:57 +00:00
|
|
|
|
|
2021-01-04 16:31:36 +00:00
|
|
|
|
interface VideoListPageProps {
|
|
|
|
|
|
id?: string,
|
|
|
|
|
|
lastUpdatedAt?: string,
|
|
|
|
|
|
thumbnailServerURL?: string,
|
|
|
|
|
|
title?: string,
|
|
|
|
|
|
videos?: Array<VideoEntry>,
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
export const getServerSideProps: GetServerSideProps<VideoListPageProps> = async ({ params: { id } }) => {
|
2020-08-22 20:25:57 +00:00
|
|
|
|
// Fetch URL to thumbnails server
|
|
|
|
|
|
const {
|
|
|
|
|
|
ids,
|
|
|
|
|
|
servers: { thumbnails: thumbnailServerURL },
|
|
|
|
|
|
} = await getIndex();
|
|
|
|
|
|
|
|
|
|
|
|
const vodMeta = ids.find(({
|
|
|
|
|
|
id: thisID,
|
|
|
|
|
|
}: {
|
|
|
|
|
|
id: string
|
|
|
|
|
|
}) => id === thisID);
|
|
|
|
|
|
|
|
|
|
|
|
if (!vodMeta) {
|
|
|
|
|
|
return {
|
|
|
|
|
|
props: {},
|
|
|
|
|
|
};
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const { title } = vodMeta;
|
|
|
|
|
|
|
2021-01-04 16:31:36 +00:00
|
|
|
|
const requestedID = typeof id === 'string' ? id : id[0];
|
|
|
|
|
|
|
2020-08-22 20:25:57 +00:00
|
|
|
|
// Fetch list of videos for this VOD ID
|
2021-01-04 16:31:36 +00:00
|
|
|
|
const vodInfo = await getVideos(requestedID);
|
2020-08-22 20:25:57 +00:00
|
|
|
|
const { videos } = vodInfo;
|
|
|
|
|
|
let lastUpdatedAt = null;
|
|
|
|
|
|
lastUpdatedAt = vodInfo.lastUpdatedAt;
|
2021-01-04 16:31:36 +00:00
|
|
|
|
const finalVideos: VideoEntry[] = videos
|
2020-08-22 20:25:57 +00:00
|
|
|
|
.map((video: VideoEntry) => ({
|
|
|
|
|
|
...video,
|
|
|
|
|
|
duration: typeof video.duration === 'string' ? parseFloat(video.duration) : video.duration || null,
|
|
|
|
|
|
sourceVideoStart: typeof video.sourceVideoStart === 'string' ? parseFloat(video.sourceVideoStart) : video.sourceVideoStart || null,
|
|
|
|
|
|
sourceVideoEnd: typeof video.sourceVideoEnd === 'string' ? parseFloat(video.sourceVideoEnd) : video.sourceVideoEnd || null,
|
|
|
|
|
|
}));
|
|
|
|
|
|
|
|
|
|
|
|
// Pass data to the page via props
|
|
|
|
|
|
return {
|
|
|
|
|
|
props: {
|
2021-01-04 16:31:36 +00:00
|
|
|
|
id: requestedID,
|
2020-08-22 20:25:57 +00:00
|
|
|
|
thumbnailServerURL,
|
|
|
|
|
|
title,
|
|
|
|
|
|
videos: finalVideos,
|
|
|
|
|
|
lastUpdatedAt,
|
|
|
|
|
|
},
|
|
|
|
|
|
};
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2021-01-04 16:31:36 +00:00
|
|
|
|
const VideoListPage: NextPage<VideoListPageProps> = ({
|
2020-08-22 20:25:57 +00:00
|
|
|
|
id,
|
|
|
|
|
|
lastUpdatedAt,
|
|
|
|
|
|
thumbnailServerURL,
|
|
|
|
|
|
title,
|
|
|
|
|
|
videos,
|
2021-01-04 16:31:36 +00:00
|
|
|
|
}) => {
|
2020-08-22 20:25:57 +00:00
|
|
|
|
if (!id) {
|
|
|
|
|
|
return notFound();
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
let lastUpdatedDate = null;
|
|
|
|
|
|
if (typeof (lastUpdatedAt) === 'string') {
|
|
|
|
|
|
lastUpdatedDate = new Date(lastUpdatedAt);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const intl = useIntl();
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<Head>
|
|
|
|
|
|
<title>
|
|
|
|
|
|
{title}
|
|
|
|
|
|
{' '}
|
2021-01-04 16:31:36 +00:00
|
|
|
|
–
|
|
|
|
|
|
{' '}
|
2020-08-22 20:25:57 +00:00
|
|
|
|
{intl.formatMessage({
|
|
|
|
|
|
id: 'App.title',
|
|
|
|
|
|
description: 'The full title of the website',
|
|
|
|
|
|
defaultMessage: 'Games Done Quick Instant Archive',
|
|
|
|
|
|
})}
|
|
|
|
|
|
</title>
|
|
|
|
|
|
<link rel="icon" href="/favicon.ico" />
|
|
|
|
|
|
</Head>
|
|
|
|
|
|
|
|
|
|
|
|
<Breadcrumb>
|
|
|
|
|
|
<Link passHref href="/">
|
|
|
|
|
|
<Breadcrumb.Item>
|
|
|
|
|
|
<FormattedMessage
|
|
|
|
|
|
id="Breadcrumb.homeTitle"
|
|
|
|
|
|
defaultMessage="GDQ Instant Archive"
|
|
|
|
|
|
description="Root node text in breadcrumb"
|
|
|
|
|
|
/>
|
|
|
|
|
|
</Breadcrumb.Item>
|
|
|
|
|
|
</Link>
|
|
|
|
|
|
<Link passHref href="/[id]" as={`/${id}`}>
|
|
|
|
|
|
<Breadcrumb.Item active>
|
|
|
|
|
|
{title}
|
|
|
|
|
|
</Breadcrumb.Item>
|
|
|
|
|
|
</Link>
|
|
|
|
|
|
</Breadcrumb>
|
|
|
|
|
|
|
|
|
|
|
|
<VideoList
|
|
|
|
|
|
id={id}
|
|
|
|
|
|
thumbnailServerURL={thumbnailServerURL}
|
|
|
|
|
|
videos={videos}
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
lastUpdatedDate
|
|
|
|
|
|
? (
|
|
|
|
|
|
<footer className="pt-4 my-md-5 pt-md-5 border-top">
|
2021-01-03 17:43:25 +00:00
|
|
|
|
<FormattedMessage
|
|
|
|
|
|
id="VideoListPage.updatedLastAgo"
|
|
|
|
|
|
description="Text below the video list on the video list page that says in relative time when the list was last updated"
|
|
|
|
|
|
defaultMessage="Updated last {time}"
|
|
|
|
|
|
values={{
|
|
|
|
|
|
time: (
|
|
|
|
|
|
<RelativeTime>
|
|
|
|
|
|
{lastUpdatedDate}
|
|
|
|
|
|
</RelativeTime>
|
|
|
|
|
|
),
|
|
|
|
|
|
}}
|
|
|
|
|
|
/>
|
2020-08-22 20:25:57 +00:00
|
|
|
|
</footer>
|
|
|
|
|
|
)
|
|
|
|
|
|
: ''
|
|
|
|
|
|
}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
);
|
|
|
|
|
|
}
|
2021-01-04 16:31:36 +00:00
|
|
|
|
|
|
|
|
|
|
export default VideoListPage;
|
