app/routes/procedure.sheet.tsx

Functions

Imports

It imports app/components/procedure.tsx, app/db/procedures.ts, app/kb/procedures/cite.mjs, app/kb/procedures/route.ts, app/lib/access.server.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 { getProcedureByPath } from "~/db/procedures";
5import { isAdminViewer } from "~/lib/access.server";
6import { getEnv } from "~/lib/context";
7import { sheetAddress } from "~/kb/procedures/cite.mjs";
8import { PROCEDURES_CACHE_TAG, readScale } from "~/kb/procedures/route";
9import { SITE_ORIGIN, publicHtmlHeaders } from "~/lib/seo";
10
11import type { Route } from "./+types/procedure.sheet";
12
13import "~/styles/prose.css";
14import "~/styles/procedure.css";
15
16/**
17 * A procedure's printable sheet at `<page>/sheet`: the materials (scaled by the same `?n=` or
18 * `?servings=` as the page), the steps with their flags and the troubleshooting table, without the site's
19 * header and footer or the reasoning notes. Not indexed: the page is the canonical copy.
20 */
21export function headers() {
22  return new Headers(publicHtmlHeaders(PROCEDURES_CACHE_TAG));
23}
24
25export async function loader({ request, context }: Route.LoaderArgs) {
26  const env = getEnv(context);
27  const url = new URL(request.url);
28  const path = url.pathname.replace(/\/sheet\/?$/, "");
29  const row = await getProcedureByPath(env, path);
30  if (!row) throw data(null, { status: 404 });
31  if (row.status === "draft" && !(await isAdminViewer(env, request))) throw data(null, { status: 404 });
32  const { count, factor } = readScale(row.record, url);
33  return { record: row.record, count, factor };
34}
35
36export function meta({ loaderData }: Route.MetaArgs) {
37  if (!loaderData) return [];
38  const { record } = loaderData;
39  return [
40    { title: `${record.title}: printable sheet` },
41    { name: "robots", content: "noindex" },
42    { tagName: "link", rel: "canonical", href: `${SITE_ORIGIN}${record.path}` },
43  ];
44}
45
46export default function ProcedureSheetRoute({ loaderData }: Route.ComponentProps) {
47  const { record, count, factor } = loaderData;
48  return (
49    <main className="procedure-sheet-page" id="main">
50      <ProcedureSheet record={record} count={count} factor={factor} address={sheetAddress(record, SITE_ORIGIN)} />
51    </main>
52  );
53}