icedream
/
gdq-archive
1
0
Fork 0
Code Issues Pull Requests 2 Releases Activity
gdq-archive/frontend/pages/[id].tsx

179 lines
4.8 KiB
TypeScript
Raw Normal View History

Add license and basic readme.
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/>.
*/
Initial commit.
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';
Work in progress.
2023-01-08 10:07:44 +00:00
import { GetServerSideProps, NextPage } from 'next';
import { RunnerList } from 'util/datatypes/RunnerList';
Initial commit.
2020-08-22 20:25:57 +00:00
import { FormattedMessage } from '../components/localization';
import RelativeTime from '../components/RelativeTime';
import VideoList from '../components/VideoList';
import { notFound } from '../util/status';
Work in progress.
2023-01-08 10:07:44 +00:00
import { getIndex, getRunners, getVideos } from '../util/api';
Initial commit.
2020-08-22 20:25:57 +00:00
import { VideoEntry } from '../util/datatypes/VideoList';
Fix some typing.
2021-01-04 16:31:36 +00:00
interface VideoListPageProps {
id?: string,
lastUpdatedAt?: string,
thumbnailServerURL?: string,
title?: string,
videos?: Array<VideoEntry>,
Work in progress.
2023-01-08 10:07:44 +00:00
runners?: RunnerList,
}
Fix some typing.
2021-01-04 16:31:36 +00:00
Fix a few linter warnings.
2023-01-09 01:33:50 +00:00
export const getServerSideProps: GetServerSideProps<VideoListPageProps> = async ({
params: { id },
}) => {
Initial commit.
2020-08-22 20:25:57 +00:00
// Fetch URL to thumbnails server
const {
ids,
servers: { thumbnails: thumbnailServerURL },
} = await getIndex();
Work in progress.
2023-01-08 10:07:44 +00:00
const runners = await getRunners();
Initial commit.
2020-08-22 20:25:57 +00:00
const vodMeta = ids.find(({
id: thisID,
}: {
id: string
}) => id === thisID);
if (!vodMeta) {
return {
props: {},
};
}
const { title } = vodMeta;
Fix some typing.
2021-01-04 16:31:36 +00:00
const requestedID = typeof id === 'string' ? id : id[0];
Initial commit.
2020-08-22 20:25:57 +00:00
// Fetch list of videos for this VOD ID
Fix some typing.
2021-01-04 16:31:36 +00:00
const vodInfo = await getVideos(requestedID);
Initial commit.
2020-08-22 20:25:57 +00:00
const { videos } = vodInfo;
let lastUpdatedAt = null;
lastUpdatedAt = vodInfo.lastUpdatedAt;
Fix some typing.
2021-01-04 16:31:36 +00:00
const finalVideos: VideoEntry[] = videos
Initial commit.
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: {
Fix some typing.
2021-01-04 16:31:36 +00:00
id: requestedID,
Initial commit.
2020-08-22 20:25:57 +00:00
thumbnailServerURL,
title,
videos: finalVideos,
lastUpdatedAt,
Work in progress.
2023-01-08 10:07:44 +00:00
runners,
Initial commit.
2020-08-22 20:25:57 +00:00
},
};
Work in progress.
2023-01-08 10:07:44 +00:00
};
Initial commit.
2020-08-22 20:25:57 +00:00
Fix a few linter warnings.
2023-01-09 01:33:50 +00:00
const VideoListPage: NextPage<VideoListPageProps> = function VideoListPage({
Initial commit.
2020-08-22 20:25:57 +00:00
id,
lastUpdatedAt,
thumbnailServerURL,
title,
videos,
Work in progress.
2023-01-08 10:07:44 +00:00
runners,
Fix a few linter warnings.
2023-01-09 01:33:50 +00:00
}) {
Initial commit.
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>
Fix title tag.
2023-01-09 01:35:10 +00:00
{`${title} – ${intl.formatMessage({
Initial commit.
2020-08-22 20:25:57 +00:00
id: 'App.title',
description: 'The full title of the website',
defaultMessage: 'Games Done Quick Instant Archive',
Fix title tag.
2023-01-09 01:35:10 +00:00
})}`}
Initial commit.
2020-08-22 20:25:57 +00:00
</title>
</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}
Work in progress.
2023-01-08 10:07:44 +00:00
runners={runners}
Initial commit.
2020-08-22 20:25:57 +00:00
thumbnailServerURL={thumbnailServerURL}
videos={videos}
/>
{
lastUpdatedDate
? (
<footer className="pt-4 my-md-5 pt-md-5 border-top">
Translate "last updated" time.
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>
),
}}
/>
Initial commit.
2020-08-22 20:25:57 +00:00
</footer>
)
: ''
}
</div>
);
Work in progress.
2023-01-08 10:07:44 +00:00
};
Fix some typing.
2021-01-04 16:31:36 +00:00
export default VideoListPage;