feat: add playlist RSS

src/containers/library/playlist/detail.graphql

@@ -39,3 +39,16 @@ query getPlaylistPageData($id: ID!) {
 		}
 	}
 }
+
+query getPlaylistFeedData($id: ID!) {
+	playlist(id: $id) {
+		id
+		title
+		summary
+		recordings(offset: 0, first: 1500) {
+			nodes {
+				...generateFeed
+			}
+		}
+	}
+}

src/containers/library/playlist/detail.tsx

@@ -91,7 +91,11 @@ function PlaylistDetail({ playlist }: Must<IPlaylistDetailProps>): JSX.Element {
 						/>
 					) : (
 						<ButtonShare
-							shareUrl={`https://audioverse.org/${languageRoute}/playlists/${id}`}
+							shareUrl={root.lang(languageRoute).playlists.playlist(id).get()}
+							rssUrl={root
+								.lang(languageRoute)
+								.playlists.playlist(id)
+								.feed.get()}
 							backgroundColor={BaseColors.CREAM}
 							light={true}
 							contentType="PLAYLIST"

src/lib/routes/playlists.ts

@@ -3,6 +3,7 @@ import node from './primatives/node';
 const playlists = (r: string) => ({
 	playlist: (playlistId: string | number) =>
 		node(`${r}/${playlistId}`, (r) => ({
+			feed: node(`${r}/feed.xml`),
 			items: (canonicalPath: string) =>
 				node(`${r}/items/${canonicalPath.split('/').slice(3).join('/')}`),
 		})),

src/pages/[language]/playlists/[playlist]/feed.xml/index.ts

@@ -0,0 +1,50 @@
+import { GetServerSidePropsContext, GetServerSidePropsResult } from 'next';
+
+import { generateFeed, sendRSSHeaders } from '~lib/generateFeed';
+import { getPlaylistFeedData } from '~src/containers/library/playlist/__generated__/detail';
+import root from '~src/lib/routes';
+
+export default (): void => void 0;
+
+export async function getServerSideProps({
+	params,
+	res,
+}: GetServerSidePropsContext<{ language: string; playlist: string }>): Promise<
+	GetServerSidePropsResult<Record<string, unknown>>
+> {
+	const id = params?.playlist as string;
+	const languageRoute = params?.language as string;
+
+	const { playlist } = await getPlaylistFeedData({
+		id,
+	}).catch(() => ({
+		playlist: null,
+	}));
+
+	if (!playlist) {
+		return {
+			notFound: true,
+		};
+	}
+
+	if (res) {
+		sendRSSHeaders(res);
+
+		const feed = await generateFeed(
+			languageRoute,
+			{
+				link: root.lang(languageRoute).playlists.playlist(id).get(),
+				title: playlist.title,
+				description: playlist.summary,
+			},
+			playlist.recordings.nodes || [],
+		);
+		res.write(feed);
+
+		res.end();
+	}
+
+	return {
+		props: {},
+	};
+}