app/routes/procedure.version.sheet.tsx

Functions

Imports

It imports app/components/procedure.tsx, app/db/procedure-versions.ts, app/kb/procedures/cite.mjs, app/kb/procedures/route.ts, app/lib/context.ts, app/lib/seo.ts. No module of this repo imports it.

Source

1import { data } from "react-router";
2
3import { ProcedureSheet } from "~/components/procedure";
4import { getFrozenVersion } from "~/db/procedure-versions";
5import { getEnv } from "~/lib/context";
6import { sheetAddress } from "~/kb/procedures/cite.mjs";
7import { PROCEDURES_CACHE_TAG, readScale } from "~/kb/procedures/route";
8import { SITE_ORIGIN, publicHtmlHeaders } from "~/lib/seo";
9
10import type { Route } from "./+types/procedure.version.sheet";
11
12import "~/styles/prose.css";
13import "~/styles/procedure.css";
14
15/**
16 * The printable sheet of a frozen version, at `<page>/v/<version>/sheet`: the method as it was when the version was
17 * published, with that version's id and date and a QR code that opens that version's page. So a sheet reprinted later
18 * from an old version still says, and links to, the version it is. Not indexed: the page is the canonical copy.
19 */
20export function headers() {
21  return new Headers(publicHtmlHeaders(PROCEDURES_CACHE_TAG));
22}
23
24export async function loader({ request, context }: Route.LoaderArgs) {
25  const url = new URL(request.url);
26  const found = /^(.*)\/v\/([^/]+)\/sheet\/?$/.exec(url.pathname);
27  if (!found) throw data(null, { status: 404 });
28  const frozen = await getFrozenVersion(getEnv(context), found[1] ?? "", decodeURIComponent(found[2] ?? ""));
29  if (!frozen) throw data(null, { status: 404 });
30  const { count, factor } = readScale(frozen.record, url);
31  return { record: frozen.record, count, factor };
32}
33
34export function meta({ loaderData }: Route.MetaArgs) {
35  if (!loaderData) return [];
36  const { record } = loaderData;
37  return [
38    { title: `${record.title} (version ${record.version}): printable sheet` },
39    { name: "robots", content: "noindex" },
40    { tagName: "link", rel: "canonical", href: `${SITE_ORIGIN}${record.path}` },
41  ];
42}
43
44export default function ProcedureVersionSheetRoute({ loaderData }: Route.ComponentProps) {
45  const { record, count, factor } = loaderData;
46  return (
47    <main className="procedure-sheet-page" id="main">
48      <ProcedureSheet record={record} count={count} factor={factor} address={sheetAddress(record, SITE_ORIGIN)} />
49    </main>
50  );
51}