mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-27 14:56:21 -04:00
Jake Jarvis
eccf2108c7
* gymnastics to make theme script work with react 18 hydration * try next 12.1.3 canary to fix SSG head tags? * revert theme script changes * next 12.1.3-canary.3 * double-revert some of the use-theme.tsx changes * separate theme restoration script & move to _document * bump next * bump next (again) * clean up some theme stuff * use hashed image URLs in webmanifest and feeds * text experimental react config * Update ThemeScript.tsx * switch selfie image to `layout="raw"` * use `layout="raw"` for all non-imported images * revert raw images in some places, messes up responsiveness * fix nitpicky "no divs inside buttons" html validation error * fix react-player hydration errors * fix hydration errors from server/client time zone differences * clean up hydration fixes * Update format-date.ts * last-minute cleanup
75 lines
2.2 KiB
TypeScript
75 lines
2.2 KiB
TypeScript
import { Feed } from "feed";
|
|
import { getAllNotes } from "./parse-notes";
|
|
import * as config from "../config";
|
|
import { RELEASE_DATE } from "../config/constants";
|
|
import { favicons } from "../config/seo";
|
|
import type { GetServerSidePropsContext, PreviewData } from "next";
|
|
import type { ParsedUrlQuery } from "querystring";
|
|
|
|
// handles literally *everything* about building the server-side rss/atom feeds and writing the response.
|
|
// all the page needs to do is `return buildFeed(context, { format: "rss" })` from getServerSideProps.
|
|
|
|
export const buildFeed = (
|
|
context: GetServerSidePropsContext<ParsedUrlQuery, PreviewData>,
|
|
options?: { type: "rss" | "atom" }
|
|
): { props: Record<string, unknown> } => {
|
|
const { res } = context;
|
|
|
|
// https://github.com/jpmonette/feed#example
|
|
const feed = new Feed({
|
|
id: `${config.baseUrl}/`,
|
|
link: `${config.baseUrl}/`,
|
|
title: config.siteName,
|
|
description: config.longDescription,
|
|
copyright: "https://creativecommons.org/licenses/by/4.0/",
|
|
updated: new Date(RELEASE_DATE),
|
|
image: `${config.baseUrl}${favicons.meJpg.src}`,
|
|
feedLinks: {
|
|
rss: `${config.baseUrl}/feed.xml`,
|
|
atom: `${config.baseUrl}/feed.atom`,
|
|
},
|
|
author: {
|
|
name: config.authorName,
|
|
link: `${config.baseUrl}/`,
|
|
email: config.authorEmail,
|
|
},
|
|
});
|
|
|
|
// add notes separately using their frontmatter
|
|
const notes = getAllNotes();
|
|
notes.forEach((note) => {
|
|
feed.addItem({
|
|
guid: note.permalink,
|
|
link: note.permalink,
|
|
title: note.title,
|
|
description: note.description,
|
|
image: note.image ? `${config.baseUrl}${note.image}` : "",
|
|
author: [
|
|
{
|
|
name: config.authorName,
|
|
link: config.baseUrl,
|
|
},
|
|
],
|
|
date: new Date(note.date),
|
|
});
|
|
});
|
|
|
|
// cache on edge for one hour
|
|
res.setHeader("cache-control", "s-maxage=3600, stale-while-revalidate");
|
|
|
|
// generates RSS by default
|
|
if (options?.type === "atom") {
|
|
res.setHeader("content-type", "application/atom+xml; charset=utf-8");
|
|
res.write(feed.atom1());
|
|
} else {
|
|
res.setHeader("content-type", "application/rss+xml; charset=utf-8");
|
|
res.write(feed.rss2());
|
|
}
|
|
|
|
res.end();
|
|
|
|
return {
|
|
props: {},
|
|
};
|
|
};
|