app/components/site-speculation.tsx

Functions

Imports

It imports app/lib/speculation.mjs. Imported by app/components/site-header.tsx.

Source

1import { useLocation } from "react-router";
2
3import { buildSpeculationRules } from "~/lib/speculation.mjs";
4
5// No nonce: `script-src` admits the block by the hash of these exact rules, which the Worker
6// computes per response from the request's pathname with the same builder (workers/csp.mjs). So
7// the pathname here must stay `useLocation().pathname`, and the text must stay raw. A refused block
8// fails silently. JSON-LD is not gated by `script-src` at all.
9// Chrome will not prerender with CDP attached, so no gate can assert what activation did.
10export function SiteSpeculation() {
11  const { pathname } = useLocation();
12  const rules = buildSpeculationRules({ pathname });
13
14  return <script type="speculationrules" dangerouslySetInnerHTML={{ __html: rules }} />;
15}