app/routes/blog.series.$series.tsx

Functions

Imports

It imports app/components/taxonomy-listing.tsx, app/db/index.ts, app/lib/blog-listing.mjs, app/lib/context.ts, app/lib/seo.ts, app/lib/series-path.mjs. No module of this repo imports it.

Source

1import { data } from "react-router";
2
3import {
4  TaxonomyListing,
5  listingHref,
6  redirectPastLastPage,
7} from "~/components/taxonomy-listing";
8import { getBlogSeries, listSeriesPosts, nextScheduledPublishAt } from "~/db";
9import { POSTS_PER_PAGE, readPage } from "~/lib/blog-listing.mjs";
10import { getEnv } from "~/lib/context";
11import {
12  EDGE_CACHE_HEADER,
13  SITE,
14  pageMeta,
15  cacheTags,
16  publicHtmlHeaders,
17  scheduledEdgeCacheControl,
18} from "~/lib/seo";
19import { seriesPath } from "~/lib/series-path.mjs";
20import type { Route } from "./+types/blog.series.$series";
21
22import "~/styles/evidence-row.css";
23import "~/styles/listing.css";
24import "~/styles/entry-list.css";
25
26/**
27 * Ordered by part, the one listing that is not newest first. 404 rather than an empty page, which
28 * would be a soft 404 and leak a series only a draft carries.
29 */
30export async function loader({ params, request, context }: Route.LoaderArgs) {
31  const env = getEnv(context);
32  const url = new URL(request.url);
33  const page = readPage(url.searchParams.get("page"));
34
35  const series = await getBlogSeries(env, params.series);
36  if (!series) throw data("Not found", { status: 404 });
37
38  const [listing, nextPublishAt] = await Promise.all([
39    listSeriesPosts(env, series.name, { page, perPage: POSTS_PER_PAGE }),
40    nextScheduledPublishAt(env),
41  ]);
42
43  redirectPastLastPage(page, listing.pageCount, seriesPath(series.name));
44
45  return data(
46    { ...listing, series },
47    { headers: { [EDGE_CACHE_HEADER]: scheduledEdgeCacheControl(new Date(), nextPublishAt) } },
48  );
49}
50
51export function headers({ loaderHeaders }: Route.HeadersArgs) {
52  return new Headers(
53    publicHtmlHeaders(cacheTags(), loaderHeaders.get(EDGE_CACHE_HEADER) ?? undefined),
54  );
55}
56
57export function meta({ loaderData }: Route.MetaArgs) {
58  if (!loaderData) {
59    return [{ title: `Not found | ${SITE.name}` }];
60  }
61  const { series, page } = loaderData;
62  const path = listingHref(seriesPath(series.name), page);
63  return pageMeta({
64    title: `${series.name} | ${SITE.name}`,
65    description: `Every part of ${series.name}, a series on ${SITE.name}'s blog.`,
66    path,
67  });
68}
69
70export default function BlogSeries({ loaderData }: Route.ComponentProps) {
71  const { series, ...listing } = loaderData;
72  return (
73    <TaxonomyListing
74      {...listing}
75      base={seriesPath(series.name)}
76      name={series.name}
77      heading={series.name}
78      dek={`A series in ${series.total} part${series.total === 1 ? "" : "s"}, in order.`}
79    />
80  );
81}