app/routes/admin.tools.tsx

Functions

Imports

It imports app/lib/admin/secrets.server.ts, app/lib/context.ts, app/lib/search/zero-result.server.ts, app/lib/timing.ts. No module of this repo imports it.

Source

1import { data } from "react-router";
2
3import { timedLoader } from "~/lib/timing";
4import { Panel } from "capsomer/react/panel";
5import { Pill, Status } from "capsomer/react/status";
6import { Row, RowList } from "capsomer/react/row-list";
7
8import { PageHead } from "capsomer/react/page-head";
9import { auditSecrets } from "~/lib/admin/secrets.server";
10import { getEnv } from "~/lib/context";
11import { topZeroResults } from "~/lib/search/zero-result.server";
12import type { Route } from "./+types/admin.tools";
13
14export function meta() {
15  return [{ title: "Tools · Admin" }, { name: "robots", content: "noindex" }];
16}
17
18export async function loader({ context }: Route.LoaderArgs) {
19  return timedLoader(context, async () => {
20    const env = getEnv(context);
21    /* Presence only: a name and a boolean per secret, never a value. */
22    // Spread rather than asserted: `Env` is an interface, so it has no implicit index signature.
23    const secrets = auditSecrets({ ...env });
24    const misses = await topZeroResults(env);
25    return data({ secrets, misses });
26  });
27}
28
29export default function AdminTools({ loaderData }: Route.ComponentProps) {
30  const { secrets, misses } = loaderData;
31  const missing = secrets.filter((s) => !s.present);
32  return (
33    <div className="app-page">
34      <PageHead
35        title="Tools"
36        lead="Which of the ratified secrets this deployment holds. Names and a word, never a value."
37      />
38
39      <Panel
40        title="Secrets"
41        src={
42          missing.length === 0 ? (
43            <Status tone="ok">{`all ${secrets.length} set`}</Status>
44          ) : (
45            <Status tone="crit">{`${missing.length} of ${secrets.length} missing`}</Status>
46          )
47        }
48        flush
49      >
50        <RowList label="Secrets">
51          {secrets.map((secret) => (
52            <Row
53              key={secret.name}
54              title={secret.name}
55              status={
56                secret.present ? <Status tone="ok">set</Status> : <Status tone="crit">NOT SET</Status>
57              }
58              tone={secret.present ? undefined : "crit"}
59            />
60          ))}
61        </RowList>
62      </Panel>
63
64      <Panel
65        title="Searches that found nothing"
66        src={<Pill variant="outline">{misses.length === 0 ? "none" : `${misses.length} shown`}</Pill>}
67        flush={misses.length > 0}
68        footer={
69          <p className="cap-muted">
70            {"Queries nobody has repeated recently are removed on a schedule, by the watchdog's daily " +
71              "purge_zero_results call; there is no button here for it any more."}
72          </p>
73        }
74      >
75        {misses.length === 0 ? (
76          <p>Nothing recorded yet, which is the good case.</p>
77        ) : (
78          <RowList label="Searches that found nothing">
79            {misses.map((miss) => (
80              <Row
81                key={miss.query}
82                title={miss.query}
83                status={<Pill variant="outline">{`${miss.count} time${miss.count === 1 ? "" : "s"}`}</Pill>}
84              />
85            ))}
86          </RowList>
87        )}
88      </Panel>
89    </div>
90  );
91}