@anthusai/papyrus 2.0.0-next.52 → 2.0.0-next.54

package/amplify/plugins/newsletter/config.js

@@ -12,7 +12,7 @@ const UNSAFE_CSS = /[<>{};"\\`]|url\(|expression\(|@import/i;
 const CONTROL_CHARACTERS = /[\u0000-\u001f\u007f]/;
 export const ITEM_URL_STYLES = ["html", "directory", "clean"];
 const KNOWN_KEYS = new Set([
-    "name", "siteId", "siteOrigin", "computeRoleArn", "sendingDomain", "fromAddress", "fromName", "instantAlerts", "theme", "lists",
+    "name", "siteId", "siteOrigin", "basePath", "computeRoleArn", "sendingDomain", "fromAddress", "fromName", "instantAlerts", "theme", "lists",
     "configurationSet", "eventTopicName", "itemUrlStyle",
 ]);
 const LIST_KEYS = {
@@ -72,6 +72,16 @@ function origin(raw) {
         fail("siteOrigin must be an https origin such as https://example.com with no path");
     return value;
 }
+/** `urls.basePath` as projection.json writes it ("/posts" or "posts"): lowercase path segments, no dots, at most 3 deep. */
+const BASE_PATH = /^[a-z0-9][a-z0-9_-]*(\/[a-z0-9][a-z0-9_-]*){0,2}$/;
+function basePath(raw) {
+    if (raw === undefined)
+        return "";
+    const value = typeof raw === "string" ? raw.replace(/^\/+|\/+$/g, "") : null;
+    if (value === null || (value !== "" && !BASE_PATH.test(value)))
+        fail('basePath must be the site\'s urls.basePath, a lowercase path such as "/posts"');
+    return value;
+}
 function stringList(raw, label) {
     if (raw === undefined)
         return undefined;
@@ -181,6 +191,7 @@ export function resolveNewsletterConfig(request) {
     return {
         siteId,
         siteOrigin: origin(raw.siteOrigin),
+        basePath: basePath(raw.basePath),
         computeRoleArn,
         sendingDomain,
         fromAddress,

package/amplify/plugins/newsletter/config.ts

@@ -49,8 +49,10 @@ export type NewsletterList = RoundupList | AlertList;
 export type NewsletterConfig = {
   /** The site id: names the key parameter, the configuration set and the event topic. Must match the sending stack's SiteId. */
   siteId: string;
-  /** The site's public https origin: confirmation links point at `<siteOrigin>/api/newsletter/confirm`. */
+  /** The site's public https origin. The plugin's pages are at `<siteOrigin><basePath>/newsletter/...`. */
   siteOrigin: string;
+  /** The site's `urls.basePath` from projection.json, as a path without slashes at either end ("" for a site at the root, "posts" for dataparade.io/posts). */
+  basePath: string;
   /** The IAM role of the CMS app's server runtime (the `CmsComputeRoleArn` output of the app-shell stack): the only caller of the function. */
   computeRoleArn: string;
   sendingDomain: string;
@@ -69,7 +71,7 @@ export type NewsletterConfig = {
 };
 
 const KNOWN_KEYS = new Set([
-  "name", "siteId", "siteOrigin", "computeRoleArn", "sendingDomain", "fromAddress", "fromName", "instantAlerts", "theme", "lists",
+  "name", "siteId", "siteOrigin", "basePath", "computeRoleArn", "sendingDomain", "fromAddress", "fromName", "instantAlerts", "theme", "lists",
   "configurationSet", "eventTopicName", "itemUrlStyle",
 ]);
 const LIST_KEYS = {
@@ -127,6 +129,16 @@ function origin(raw: unknown): string {
   return value;
 }
 
+/** `urls.basePath` as projection.json writes it ("/posts" or "posts"): lowercase path segments, no dots, at most 3 deep. */
+const BASE_PATH = /^[a-z0-9][a-z0-9_-]*(\/[a-z0-9][a-z0-9_-]*){0,2}$/;
+
+function basePath(raw: unknown): string {
+  if (raw === undefined) return "";
+  const value = typeof raw === "string" ? raw.replace(/^\/+|\/+$/g, "") : null;
+  if (value === null || (value !== "" && !BASE_PATH.test(value))) fail('basePath must be the site\'s urls.basePath, a lowercase path such as "/posts"');
+  return value;
+}
+
 function stringList(raw: unknown, label: string): string[] | undefined {
   if (raw === undefined) return undefined;
   if (!Array.isArray(raw) || raw.length === 0 || raw.length > 50) fail(`${label} must be a list of 1 to 50 names`);
@@ -226,6 +238,7 @@ export function resolveNewsletterConfig(request: PluginRequest): NewsletterConfi
   return {
     siteId,
     siteOrigin: origin(raw.siteOrigin),
+    basePath: basePath(raw.basePath),
     computeRoleArn,
     sendingDomain,
     fromAddress,

package/amplify/plugins/newsletter/papyrus.plugin.js

@@ -33,7 +33,7 @@ export const newsletterManifest = {
     mutations: NEWSLETTER_MUTATIONS,
     guest: { mutations: [] },
     newsroomPanels: [],
-    staticAssets: ["_plugins/papyrus-newsletter@1.js"],
+    staticAssets: ["_plugins/papyrus-newsletter@1.js", "_plugins/papyrus-newsletter-pages@1.js"],
 };
 let codeForTests;
 /** Synthesis tests swap the bundled Python asset (a pip install) for inline code. Pass nothing to restore it. */
@@ -67,6 +67,7 @@ export function newsletterEnvironment(config, tableName, keyParameter) {
         KEY_PARAMETER: keyParameter,
         SITE_ID: config.siteId,
         SITE_ORIGIN: config.siteOrigin,
+        SITE_BASE_PATH: config.basePath,
         SENDING_DOMAIN: config.sendingDomain,
         FROM_ADDRESS: config.fromAddress,
         FROM_NAME: config.fromName,
@@ -95,6 +96,8 @@ export const newsletterPlugin = {
     publicSettings: (config) => ({
         contract: newsletterManifest.contract,
         fromName: config.fromName,
+        // The CMS routes redirect people to the plugin's pages under the site's base path.
+        basePath: config.basePath,
         lists: config.lists.map((list) => ({
             id: list.id,
             name: list.name,

package/amplify/plugins/newsletter/papyrus.plugin.ts

@@ -38,7 +38,7 @@ export const newsletterManifest: PluginManifest = {
   mutations: NEWSLETTER_MUTATIONS,
   guest: { mutations: [] },
   newsroomPanels: [],
-  staticAssets: ["_plugins/papyrus-newsletter@1.js"],
+  staticAssets: ["_plugins/papyrus-newsletter@1.js", "_plugins/papyrus-newsletter-pages@1.js"],
 };
 
 let codeForTests: Code | undefined;
@@ -80,6 +80,7 @@ export function newsletterEnvironment(config: NewsletterConfig, tableName: strin
     KEY_PARAMETER: keyParameter,
     SITE_ID: config.siteId,
     SITE_ORIGIN: config.siteOrigin,
+    SITE_BASE_PATH: config.basePath,
     SENDING_DOMAIN: config.sendingDomain,
     FROM_ADDRESS: config.fromAddress,
     FROM_NAME: config.fromName,
@@ -111,6 +112,8 @@ export const newsletterPlugin: PapyrusPlugin<NewsletterConfig, { newsletterOps:
   publicSettings: (config) => ({
     contract: newsletterManifest.contract,
     fromName: config.fromName,
+    // The CMS routes redirect people to the plugin's pages under the site's base path.
+    basePath: config.basePath,
     lists: config.lists.map((list) => ({
       id: list.id,
       name: list.name,

package/app/api/auth/prospectus/sign-in/route.ts

@@ -7,3 +7,7 @@ export const runtime = "nodejs";
 export function GET(request: NextRequest) {
   return handleProspectusSignInStart(request);
 }
+
+export function POST(request: NextRequest) {
+  return handleProspectusSignInStart(request);
+}

package/app/api/newsletter/confirm/route.ts

@@ -1,13 +1,13 @@
 import type { NextRequest } from "next/server";
-import { handleNewsletterConfirmPage, handleNewsletterConfirmPost } from "../../../../lib/newsletter-api";
+import { handleNewsletterConfirm } from "../../../../lib/newsletter-api";
 
 export const dynamic = "force-dynamic";
 export const runtime = "nodejs";
 
 export function GET(request: NextRequest) {
-  return handleNewsletterConfirmPage(request);
+  return handleNewsletterConfirm(request);
 }
 
 export function POST(request: NextRequest) {
-  return handleNewsletterConfirmPost(request);
+  return handleNewsletterConfirm(request);
 }

package/app/api/newsletter/state/route.ts

@@ -0,0 +1,9 @@
+import type { NextRequest } from "next/server";
+import { handleNewsletterState } from "../../../../lib/newsletter-api";
+
+export const dynamic = "force-dynamic";
+export const runtime = "nodejs";
+
+export function GET(request: NextRequest) {
+  return handleNewsletterState(request);
+}

package/lib/newsletter-api.ts

@@ -1,31 +1,10 @@
 import { isIP } from "node:net";
 import { NextResponse, type NextRequest } from "next/server";
 import { readAmplifyOutputsFile } from "./amplify-outputs-path";
-import {
-  PREFERENCES_PATH,
-  confirmPromptPage,
-  confirmedPage,
-  crossSitePage,
-  deleteConfirmPage,
-  deletedPage,
-  expiredPage,
-  invalidManagePage,
-  loadShell,
-  pageResponse,
-  pageTheme,
-  preferencesHref,
-  preferencesPage,
-  unavailablePage,
-  unsubscribePromptPage,
-  unsubscribedPage,
-  type PageContent,
-  type PreferenceList,
-  type ShellFetcher,
-} from "./newsletter-pages";
 import { PROSPECTUS_SESSION_COOKIE, loadProspectusSessionSealingSecret } from "./prospectus-session";
 import { signedInProspectusSession } from "./prospectus-sign-in-routes";
 import { readerSubject } from "./reader-subject";
-import { SiteOriginNotConfiguredError, publicSiteOrigin, publicSiteUrl, siteOriginNotConfiguredResponse } from "./site-origin";
+import { SiteOriginNotConfiguredError, publicSiteOrigin, siteOriginNotConfiguredResponse } from "./site-origin";
 
 export const NEWSLETTER_FUNCTION_ENV = "PAPYRUS_NEWSLETTER_FUNCTION";
 export const NEWSLETTER_SUBSCRIBE_MAXIMUM_BODY_BYTES = 8192;
@@ -49,10 +28,6 @@ export interface NewsletterApiOptions {
   outputs?: Record<string, unknown> | null;
   loadSealingSecret?: () => Promise<string | null>;
   nowInSeconds?: number;
-  /** Fetches the site's chrome shell; the global fetch when absent. */
-  fetchShell?: ShellFetcher;
-  /** Milliseconds, for the shell cache; Date.now when absent. */
-  now?: () => number;
 }
 
 const NO_STORE = { "cache-control": "no-store" };
@@ -176,7 +151,7 @@ export function isSameSiteRequest(headers: Pick<Headers, "get">, siteOrigin: str
   }
 }
 
-/** The edge turns an origin answer of 403 or 404 into the site's 404 page, so user-facing failures here answer 400. */
+/** The edge turns an origin answer of 403 or 404 into the site's 404 page, so failures here answer 400. */
 const CROSS_SITE = { status: 400 } as const;
 
 /** POST /api/newsletter/subscribe */
@@ -223,134 +198,116 @@ export async function handleNewsletterSubscribe(request: NextRequest, options: N
   }
 }
 
-function pageBase(plugin: Enabled): Pick<PageContent, "siteName" | "theme"> {
-  const fromName = plugin.settings.fromName;
-  return { siteName: typeof fromName === "string" && fromName ? fromName : "this site", theme: pageTheme(plugin.settings.theme) };
+/** The site's `urls.basePath` as a path with a leading slash ("/posts"), or "" for a site at the root. Anything unusable counts as no base path. */
+function basePathOf(plugin: Enabled): string {
+  const raw = plugin.settings.basePath;
+  return typeof raw === "string" && /^[a-z0-9][a-z0-9_-]*(\/[a-z0-9][a-z0-9_-]*){0,2}$/.test(raw) ? `/${raw}` : "";
 }
 
-/** Sends a page inside the site's chrome shell, or as the self-contained page when the shell is not available. */
-function replier(request: NextRequest, options: NewsletterApiOptions, environment: Record<string, string | undefined>) {
-  return async (page: PageContent, status = 200): Promise<NextResponse> => {
-    let shell: string | null = null;
-    try {
-      shell = await loadShell(publicSiteOrigin(request, environment), { fetchShell: options.fetchShell, now: options.now });
-    } catch {
-      shell = null;
-    }
-    return pageResponse(page, status, shell);
+export type NewsletterPage = "confirm" | "confirmed" | "preferences" | "unsubscribe" | "unsubscribed" | "expired";
+
+/**
+ * People never land on /api. Every answer a person's browser can follow is a redirect to one of the plugin's projected pages,
+ * `<base>/newsletter/<page>/` (the directory form, whatever the site's `urls.style`), which the site serves statically.
+ */
+function redirector(request: NextRequest, environment: Record<string, string | undefined>, plugin: Enabled): { origin: string; go: (page: NewsletterPage, query?: Record<string, string>, status?: 302 | 303) => NextResponse } | { response: NextResponse } {
+  const site = siteOriginOrResponse(request, environment);
+  if ("response" in site) return site;
+  const base = basePathOf(plugin);
+  return {
+    origin: site.origin,
+    go: (page, query = {}, status = 303) => {
+      const search = new URLSearchParams(query).toString();
+      return NextResponse.redirect(new URL(`${base}/newsletter/${page}/${search ? `?${search}` : ""}`, site.origin), {
+        status,
+        headers: { ...NO_STORE, "referrer-policy": "no-referrer" },
+      });
+    },
   };
 }
 
-function configuredListNames(plugin: Enabled, ids: string[]): string[] {
+function configuredLists(plugin: Enabled, ids: string[]): Array<{ id: string; name: string }> {
   const known = Array.isArray(plugin.settings.lists) ? (plugin.settings.lists as Array<{ id?: unknown; name?: unknown }>) : [];
   return ids.flatMap((id) => {
     const match = known.find((entry) => entry.id === id);
-    return typeof match?.name === "string" ? [match.name] : [];
+    return typeof match?.name === "string" ? [{ id, name: match.name }] : [];
   });
 }
 
-/** GET /api/newsletter/confirm?t=... shows the confirm button and never changes state; ?done=1&l=... shows the result. */
-export async function handleNewsletterConfirmPage(request: NextRequest, options: NewsletterApiOptions = {}): Promise<NextResponse> {
-  const environment = options.environment ?? process.env;
-  const plugin = enabledPlugin(options, environment);
-  if (!plugin) return notFoundPage();
-  const base = pageBase(plugin);
-  const reply = replier(request, options, environment);
-  const params = request.nextUrl.searchParams;
-  if (params.get("done") === "1") {
-    const manage = params.get("m") ?? "";
-    return reply(
-      confirmedPage(base, configuredListNames(plugin, listIds(params.get("l") ?? "")), NEWSLETTER_TOKEN.test(manage) ? preferencesHref(manage) : undefined),
-    );
-  }
-  const token = params.get("t") ?? "";
-  if (!NEWSLETTER_TOKEN.test(token)) return reply(expiredPage(base), 410);
-  if (!plugin.functionName) return reply(unavailablePage(base), 503);
-  try {
-    const result = await (options.invoke ?? invokeNewsletterLambda)(plugin.functionName, { action: "confirm_page_state", token });
-    if (result.body.status !== "ready") return reply(expiredPage(base), 410);
-    const lists = Array.isArray(result.body.lists) ? (result.body.lists as Array<{ name?: unknown }>) : [];
-    const names = lists.flatMap((entry) => (typeof entry.name === "string" ? [entry.name] : []));
-    return reply(confirmPromptPage(base, names, token));
-  } catch (error) {
-    console.error(`Newsletter confirm page failed (${error instanceof Error ? error.name : "error"}).`);
-    return reply(unavailablePage(base), 502);
-  }
+function call(options: NewsletterApiOptions, functionName: string, event: NewsletterEvent): Promise<NewsletterResult> {
+  return (options.invoke ?? invokeNewsletterLambda)(functionName, event);
+}
+
+function textResponse(body: string, status: number): NextResponse {
+  return new NextResponse(body, { status, headers: { ...NO_STORE, "content-type": "text/plain; charset=utf-8" } });
 }
 
-/** POST /api/newsletter/confirm (form field `t`) confirms, then redirects with 303 to the result page. */
-export async function handleNewsletterConfirmPost(request: NextRequest, options: NewsletterApiOptions = {}): Promise<NextResponse> {
+function manageTokenFrom(...values: Array<string | null>): string {
+  const found = values.find((value) => value !== null && value !== "") ?? "";
+  return NEWSLETTER_TOKEN.test(found) ? found : "";
+}
+
+function listParameter(value: string | null): string {
+  return value !== null && LIST_ID.test(value) ? value : "";
+}
+
+function idsOf(lists: unknown): string[] {
+  return (Array.isArray(lists) ? (lists as Array<{ id?: unknown }>) : []).flatMap((entry) => (typeof entry.id === "string" && LIST_ID.test(entry.id) ? [entry.id] : []));
+}
+
+/**
+ * /api/newsletter/confirm. POST (form field `t`, from the confirm page) confirms and answers 303 to the confirmed page, or to the
+ * expired page. GET is only for confirmation emails sent before the pages moved: it answers 302 to `<base>/newsletter/confirm/?token=`
+ * and changes nothing.
+ */
+export async function handleNewsletterConfirm(request: NextRequest, options: NewsletterApiOptions = {}): Promise<NextResponse> {
   const environment = options.environment ?? process.env;
   const plugin = enabledPlugin(options, environment);
   if (!plugin) return notFoundPage();
-  const base = pageBase(plugin);
-  const reply = replier(request, options, environment);
-  const site = siteOriginOrResponse(request, environment);
-  if ("response" in site) return site.response;
-  if (!isSameSiteRequest(request.headers, site.origin)) return reply(crossSitePage(base), CROSS_SITE.status);
+  const to = redirector(request, environment, plugin);
+  if ("response" in to) return to.response;
+  if (request.method === "GET") {
+    const token = manageTokenFrom(request.nextUrl.searchParams.get("t"));
+    return token ? to.go("confirm", { token }, 302) : to.go("expired", {}, 302);
+  }
+  if (!isSameSiteRequest(request.headers, to.origin)) return to.go("expired");
   const body = await readBody(request, NEWSLETTER_CONFIRM_MAXIMUM_BODY_BYTES, ["application/x-www-form-urlencoded"]);
   if ("response" in body) return body.response;
-  const token = new URLSearchParams(body.text).get("t") ?? "";
-  if (!NEWSLETTER_TOKEN.test(token)) return reply(expiredPage(base), 410);
-  if (!plugin.functionName) return reply(unavailablePage(base), 503);
+  const token = manageTokenFrom(new URLSearchParams(body.text).get("t"));
+  if (!token || !plugin.functionName) return to.go("expired");
   try {
-    const result = await (options.invoke ?? invokeNewsletterLambda)(plugin.functionName, {
+    const result = await call(options, plugin.functionName, {
       action: "confirm",
       token,
       ip: clientAddress(request.headers),
       userAgent: limited(request.headers.get("user-agent"), NEWSLETTER_USER_AGENT_CHARACTERS),
     });
-    if (result.body.status !== "confirmed") return reply(expiredPage(base), 410);
-    const lists = Array.isArray(result.body.lists) ? (result.body.lists as Array<{ id?: unknown }>) : [];
-    const ids = lists.flatMap((entry) => (typeof entry.id === "string" && LIST_ID.test(entry.id) ? [entry.id] : []));
-    const manage = typeof result.body.manageToken === "string" && NEWSLETTER_TOKEN.test(result.body.manageToken) ? result.body.manageToken : "";
-    const target = publicSiteUrl(
-      `/api/newsletter/confirm?done=1&l=${encodeURIComponent(ids.join(","))}${manage ? `&m=${encodeURIComponent(manage)}` : ""}`,
-      request,
-      environment,
-    );
-    return NextResponse.redirect(target, { status: 303, headers: { ...NO_STORE, "referrer-policy": "no-referrer" } });
+    if (result.body.status !== "confirmed") return to.go("expired");
+    const manage = typeof result.body.manageToken === "string" ? manageTokenFrom(result.body.manageToken) : "";
+    return to.go("confirmed", { lists: idsOf(result.body.lists).join(","), ...(manage ? { token: manage } : {}) });
   } catch (error) {
     console.error(`Newsletter confirm failed (${error instanceof Error ? error.name : "error"}).`);
-    return reply(unavailablePage(base), 502);
+    return to.go("expired");
   }
 }
 
-function call(options: NewsletterApiOptions, functionName: string, event: NewsletterEvent): Promise<NewsletterResult> {
-  return (options.invoke ?? invokeNewsletterLambda)(functionName, event);
-}
-
-function textResponse(body: string, status: number): NextResponse {
-  return new NextResponse(body, { status, headers: { ...NO_STORE, "content-type": "text/plain; charset=utf-8" } });
-}
-
-function manageTokenFrom(...values: Array<string | null>): string {
-  const found = values.find((value) => value !== null && value !== "") ?? "";
-  return NEWSLETTER_TOKEN.test(found) ? found : "";
-}
-
-function listParameter(value: string | null): string {
-  return value !== null && LIST_ID.test(value) ? value : "";
-}
-
 /**
- * /api/newsletter/unsubscribe. GET shows a page with a button and changes nothing. POST unsubscribes and is idempotent.
- * RFC 8058 one-click: mail providers POST `List-Unsubscribe=One-Click` to the link in the message from their own
- * servers, with no Origin, so this route has no same-origin check. A POST must carry that marker or `page=1` from our own page.
+ * /api/newsletter/unsubscribe. RFC 8058 one-click: mail providers POST `List-Unsubscribe=One-Click` to the link in the message header
+ * from their own servers, with no Origin, so there is no same-origin check; the answer is plain text, never a redirect. A POST from
+ * the unsubscribe page carries `page=1` and gets a 303 to the unsubscribed page. GET (an old email's footer link) answers 302 to
+ * `<base>/newsletter/unsubscribe/?token=&list=` and changes nothing.
  */
 export async function handleNewsletterUnsubscribe(request: NextRequest, options: NewsletterApiOptions = {}): Promise<NextResponse> {
   const environment = options.environment ?? process.env;
   const plugin = enabledPlugin(options, environment);
   if (!plugin) return notFoundPage();
-  const base = pageBase(plugin);
-  const reply = replier(request, options, environment);
+  const to = redirector(request, environment, plugin);
+  if ("response" in to) return to.response;
   const query = request.nextUrl.searchParams;
   if (request.method === "GET") {
     const token = manageTokenFrom(query.get("t"));
-    if (!token) return reply(invalidManagePage(base), 400);
     const listId = listParameter(query.get("l"));
-    const listName = listId ? configuredListNames(plugin, [listId])[0] ?? null : null;
-    return reply(unsubscribePromptPage(base, token, listName ? listId : null, listName));
+    return token ? to.go("unsubscribe", { token, ...(listId ? { list: listId } : {}) }, 302) : to.go("expired", {}, 302);
   }
   const body = await readBody(request, NEWSLETTER_CONFIRM_MAXIMUM_BODY_BYTES, null);
   if ("response" in body) return body.response;
@@ -360,58 +317,45 @@ export async function handleNewsletterUnsubscribe(request: NextRequest, options:
   if (!oneClick && !fromPage) return textResponse("Send List-Unsubscribe=One-Click.", 400);
   const token = manageTokenFrom(query.get("t"), form.get("t"));
   const listId = listParameter(query.get("l") ?? form.get("l"));
-  const rejected = () => (fromPage ? reply(invalidManagePage(base), 400) : textResponse("Invalid link.", 400));
+  const rejected = () => (fromPage ? to.go("expired") : textResponse("Invalid link.", 400));
   if (!token) return rejected();
-  if (!plugin.functionName) return fromPage ? reply(unavailablePage(base), 503) : textResponse("Unavailable.", 503);
+  if (!plugin.functionName) return fromPage ? to.go("expired") : textResponse("Unavailable.", 503);
   try {
     const result = await call(options, plugin.functionName, { action: "unsubscribe", token, ...(listId ? { list: listId } : {}) });
     if (result.body.status !== "unsubscribed") return rejected();
     if (!fromPage) return textResponse("Unsubscribed.", 200);
-    const lists = Array.isArray(result.body.lists) ? (result.body.lists as Array<{ name?: unknown }>) : [];
-    const names = lists.flatMap((entry) => (typeof entry.name === "string" ? [entry.name] : []));
-    return reply(unsubscribedPage(base, names, token));
+    return to.go("unsubscribed", { lists: idsOf(result.body.lists).join(","), token });
   } catch (error) {
     console.error(`Newsletter unsubscribe failed (${error instanceof Error ? error.name : "error"}).`);
-    return fromPage ? reply(unavailablePage(base), 502) : textResponse("Try again later.", 502);
+    return fromPage ? to.go("expired") : textResponse("Try again later.", 502);
   }
 }
 
-const PREFERENCE_NOTICES: Record<string, string> = { saved: "Your preferences are saved.", unsubscribed: "You are unsubscribed from everything." };
+const PREFERENCE_MESSAGES = new Set(["saved", "unsubscribed"]);
 
-/** /api/newsletter/preferences: GET shows the lists; POST (same-origin form) saves, unsubscribes from everything, or deletes after a confirm step. */
+/**
+ * /api/newsletter/preferences. POST (same-origin form from the preferences page) saves, unsubscribes from everything, or deletes
+ * after a confirm step, and answers 303 to the preferences page with `msg=saved|unsubscribed|deleted` or `step=delete`. GET (an old
+ * email's manage link) answers 302 to `<base>/newsletter/preferences/?token=`.
+ */
 export async function handleNewsletterPreferences(request: NextRequest, options: NewsletterApiOptions = {}): Promise<NextResponse> {
   const environment = options.environment ?? process.env;
   const plugin = enabledPlugin(options, environment);
   if (!plugin) return notFoundPage();
-  const base = pageBase(plugin);
-  const reply = replier(request, options, environment);
+  const to = redirector(request, environment, plugin);
+  if ("response" in to) return to.response;
   if (request.method === "GET") {
     const token = manageTokenFrom(request.nextUrl.searchParams.get("t"));
-    if (!token) return reply(invalidManagePage(base), 400);
-    if (!plugin.functionName) return reply(unavailablePage(base), 503);
-    try {
-      const result = await call(options, plugin.functionName, { action: "preferences_state", token });
-      if (result.body.status !== "ready") return reply(invalidManagePage(base), 400);
-      const lists = (Array.isArray(result.body.lists) ? result.body.lists : []) as PreferenceList[];
-      const email = typeof result.body.email === "string" ? result.body.email : "";
-      const notice = PREFERENCE_NOTICES[request.nextUrl.searchParams.get("msg") ?? ""];
-      return reply(preferencesPage(base, { token, email, notice, lists: lists.map(({ id, name, description, subscribed }) => ({ id, name, description, subscribed })) }));
-    } catch (error) {
-      console.error(`Newsletter preferences failed (${error instanceof Error ? error.name : "error"}).`);
-      return reply(unavailablePage(base), 502);
-    }
+    return token ? to.go("preferences", { token }, 302) : to.go("expired", {}, 302);
   }
-  const site = siteOriginOrResponse(request, environment);
-  if ("response" in site) return site.response;
-  if (!isSameSiteRequest(request.headers, site.origin)) return reply(crossSitePage(base), CROSS_SITE.status);
+  if (!isSameSiteRequest(request.headers, to.origin)) return to.go("expired");
   const body = await readBody(request, NEWSLETTER_CONFIRM_MAXIMUM_BODY_BYTES, ["application/x-www-form-urlencoded"]);
   if ("response" in body) return body.response;
   const form = new URLSearchParams(body.text);
   const token = manageTokenFrom(form.get("t"));
-  if (!token) return reply(invalidManagePage(base), 400);
-  if (!plugin.functionName) return reply(unavailablePage(base), 503);
+  if (!token || !plugin.functionName) return to.go("expired");
   const action = form.get("action");
-  if (action === "delete" && form.get("confirm") !== "1") return reply(deleteConfirmPage(base, token));
+  if (action === "delete" && form.get("confirm") !== "1") return to.go("preferences", { token, step: "delete" });
   const operation =
     action === "save"
       ? { action: "update_preferences", token, lists: form.getAll("l").slice(0, MAXIMUM_LISTS).filter((id) => LIST_ID.test(id)) }
@@ -422,14 +366,45 @@ export async function handleNewsletterPreferences(request: NextRequest, options:
           : null;
   if (!operation) return failure(400, "invalid_action", "Choose save, unsubscribe from everything, or delete.");
   try {
-    const result = await call(options, plugin.functionName, operation);
-    const status = result.body.status;
-    if (status === "deleted") return reply(deletedPage(base));
-    if (status !== "saved" && status !== "unsubscribed") return reply(invalidManagePage(base), 400);
-    const target = publicSiteUrl(`${PREFERENCES_PATH}?t=${encodeURIComponent(token)}&msg=${status}`, request, environment);
-    return NextResponse.redirect(target, { status: 303, headers: { ...NO_STORE, "referrer-policy": "no-referrer" } });
+    const status = (await call(options, plugin.functionName, operation)).body.status;
+    if (status === "deleted") return to.go("preferences", { msg: "deleted" });
+    if (typeof status !== "string" || !PREFERENCE_MESSAGES.has(status)) return to.go("expired");
+    return to.go("preferences", { token, msg: status });
   } catch (error) {
     console.error(`Newsletter preferences save failed (${error instanceof Error ? error.name : "error"}).`);
-    return reply(unavailablePage(base), 502);
+    return to.go("expired");
+  }
+}
+
+/**
+ * GET /api/newsletter/state: JSON for the projected pages' script, never HTML. `kind=confirm&t=` and `kind=preferences&t=` ask the
+ * function (read only); `kind=lists&lists=a,b` names lists from the site's own settings. Failures answer 400 or 502 with a status
+ * word, since the edge turns an origin 403 or 404 into the site's 404 page.
+ */
+export async function handleNewsletterState(request: NextRequest, options: NewsletterApiOptions = {}): Promise<NextResponse> {
+  const environment = options.environment ?? process.env;
+  const plugin = enabledPlugin(options, environment);
+  if (!plugin) return notFoundJson();
+  const params = request.nextUrl.searchParams;
+  const kind = params.get("kind");
+  const json = (status: number, body: Record<string, unknown>) => NextResponse.json(body, { status, headers: NO_STORE });
+  if (kind === "lists") return json(200, { status: "ready", lists: configuredLists(plugin, listIds(params.get("lists") ?? "")) });
+  if (kind !== "confirm" && kind !== "preferences") return json(400, { status: "invalid" });
+  const token = manageTokenFrom(params.get("t"));
+  if (!token) return json(400, { status: "invalid" });
+  if (!plugin.functionName) return json(503, { status: "unavailable" });
+  try {
+    const result = await call(options, plugin.functionName, { action: kind === "confirm" ? "confirm_page_state" : "preferences_state", token });
+    if (result.body.status !== "ready") return json(400, { status: "invalid" });
+    const lists = Array.isArray(result.body.lists) ? (result.body.lists as Array<Record<string, unknown>>) : [];
+    if (kind === "confirm") return json(200, { status: "ready", lists: lists.flatMap((entry) => (typeof entry.name === "string" ? [{ name: entry.name }] : [])) });
+    return json(200, {
+      status: "ready",
+      email: typeof result.body.email === "string" ? result.body.email : "",
+      lists: lists.map((entry) => ({ id: entry.id, name: entry.name, description: entry.description ?? "", subscribed: entry.subscribed === true })),
+    });
+  } catch (error) {
+    console.error(`Newsletter state failed (${error instanceof Error ? error.name : "error"}).`);
+    return json(502, { status: "unavailable" });
   }
 }

package/lib/prospectus-sign-in-routes.ts

@@ -82,10 +82,21 @@ function clearSealedCookie(response: NextResponse, cookieName: string): void {
   response.cookies.set(cookieName, "", sealedCookieAttributes(0, 0));
 }
 
+/** A JSON failure, for the routes the page script calls with fetch (session, account selection and creation). */
 function signInFailedResponse(status: number, code: string, message: string): NextResponse {
   return NextResponse.json({ error: code, message }, { status, headers: NO_STORE_HEADERS });
 }
 
+/**
+ * A failed sign-in never leaves the browser on /api/auth/prospectus/callback: it answers 303 to the page the reader started from
+ * (or the home page when that is not known) with `sign_in_error=<code>`, which the reader plugin turns into a short message.
+ */
+function signInFailedRedirect(request: NextRequest, options: ProspectusSignInRouteOptions, returnPath: string | null, code: string): NextResponse {
+  const target = new URL(returnPath ?? "/", siteOriginFor(request, options));
+  target.searchParams.set("sign_in_error", /^[a-z0-9_]{1,60}$/.test(code) ? code : "sign_in_failed");
+  return NextResponse.redirect(target, { status: 303, headers: NO_STORE_HEADERS });
+}
+
 export function signedInProspectusSession(
   request: NextRequest,
   sealingSecret: string,
@@ -99,6 +110,18 @@ export function signedInProspectusSession(
   );
 }
 
+/** `returnTo` from the query (a link) or, for the POST form the reader plugin's button submits, from the form body. */
+async function requestedReturnPath(request: NextRequest): Promise<string | null> {
+  if (request.method !== "POST") return request.nextUrl.searchParams.get("returnTo");
+  try {
+    const value = (await request.formData()).get("returnTo");
+    return typeof value === "string" ? value : null;
+  } catch {
+    return null;
+  }
+}
+
+/** GET (a link) or POST (the reader plugin's "Sign in" button, so people are never sent to an /api URL) starts the Google sign-in with a 303 to Google. */
 export function handleProspectusSignInStart(request: NextRequest, options: ProspectusSignInRouteOptions = {}): Promise<NextResponse> {
   return failingClosedWithoutSiteOrigin(() => handleProspectusSignInStartRoute(request, options));
 }
@@ -109,7 +132,7 @@ async function handleProspectusSignInStartRoute(request: NextRequest, options: P
   const { authorizationUrl, pendingSignIn } = await beginProspectusGoogleSignIn(runtime.accounts, runtime.cognitoClient);
   const pendingSignInCookie: PendingProspectusSignInCookie = {
     ...pendingSignIn,
-    returnPath: sameSiteReturnPath(request.nextUrl.searchParams.get("returnTo")),
+    returnPath: sameSiteReturnPath(await requestedReturnPath(request)),
   };
   const response = NextResponse.redirect(authorizationUrl, { status: 303, headers: NO_STORE_HEADERS });
   response.cookies.set(
@@ -146,12 +169,13 @@ async function completeCallback(
   options: ProspectusSignInRouteOptions,
   nowInSeconds: number,
 ): Promise<NextResponse> {
-  if (!pendingSignIn) return signInFailedResponse(401, "sign_in_expired", "This sign-in is no longer pending. Start again.");
+  const failed = (code: string) => signInFailedRedirect(request, options, pendingSignIn?.returnPath ?? null, code);
+  if (!pendingSignIn) return failed("sign_in_expired");
   const searchParams = request.nextUrl.searchParams;
-  if (searchParams.get("error")) return signInFailedResponse(401, "sign_in_declined", "Google sign-in did not complete.");
+  if (searchParams.get("error")) return failed("sign_in_declined");
   const authorizationCode = searchParams.get("code");
   const returnedState = searchParams.get("state");
-  if (!authorizationCode || !returnedState) return signInFailedResponse(400, "sign_in_incomplete", "The sign-in response is missing its code or state.");
+  if (!authorizationCode || !returnedState) return failed("sign_in_incomplete");
   try {
     const signedIn = await completeProspectusGoogleSignIn({
       accounts: runtime.accounts,
@@ -176,9 +200,9 @@ async function completeCallback(
     );
     return response;
   } catch (error) {
-    if (error instanceof ProspectusAccountsError) return signInFailedResponse(error.status, error.code, error.message);
+    if (error instanceof ProspectusAccountsError) return failed(error.code);
     console.error(`Prospectus sign-in failed (${error instanceof Error ? error.name : "error"}).`);
-    return signInFailedResponse(401, "sign_in_failed", "Sign-in could not be completed.");
+    return failed("sign_in_failed");
   }
 }
 

package/package.json

@@ -240,7 +240,6 @@
     "./lib/newsletter-client": "./lib/newsletter-client.ts",
     "./lib/newsletter-fixture": "./lib/newsletter-fixture.ts",
     "./lib/newsletter-model": "./lib/newsletter-model.ts",
-    "./lib/newsletter-pages": "./lib/newsletter-pages.ts",
     "./lib/newspaper-layout": "./lib/newspaper-layout.ts",
     "./lib/newsroom-articles": "./lib/newsroom-articles.ts",
     "./lib/newsroom-assignments": "./lib/newsroom-assignments.ts",
@@ -353,6 +352,7 @@
     "./app/api/media/[...path]/route": "./app/api/media/[...path]/route.ts",
     "./app/api/newsletter/confirm/route": "./app/api/newsletter/confirm/route.ts",
     "./app/api/newsletter/preferences/route": "./app/api/newsletter/preferences/route.ts",
+    "./app/api/newsletter/state/route": "./app/api/newsletter/state/route.ts",
     "./app/api/newsletter/subscribe/route": "./app/api/newsletter/subscribe/route.ts",
     "./app/api/newsletter/unsubscribe/route": "./app/api/newsletter/unsubscribe/route.ts",
     "./app/api/newsroom/curation/context/route": "./app/api/newsroom/curation/context/route.ts",
@@ -433,7 +433,7 @@
       "optional": true
     }
   },
-  "version": "2.0.0-next.52",
+  "version": "2.0.0-next.54",
   "dependencies": {
     "@aws-amplify/adapter-nextjs": "^1.7.3",
     "@aws-crypto/sha256-js": "5.2.0",

package/routes.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0-next.52",
+  "version": "2.0.0-next.54",
   "routes": [
     {
       "file": "app/%5F_preview/[[...path]]/route.ts",
@@ -114,7 +114,8 @@
       "file": "app/api/auth/prospectus/sign-in/route.ts",
       "hasDefault": false,
       "exports": [
-        "GET"
+        "GET",
+        "POST"
       ],
       "config": {
         "dynamic": "\"force-dynamic\"",
@@ -194,6 +195,17 @@
         "runtime": "\"nodejs\""
       }
     },
+    {
+      "file": "app/api/newsletter/state/route.ts",
+      "hasDefault": false,
+      "exports": [
+        "GET"
+      ],
+      "config": {
+        "dynamic": "\"force-dynamic\"",
+        "runtime": "\"nodejs\""
+      }
+    },
     {
       "file": "app/api/newsletter/subscribe/route.ts",
       "hasDefault": false,

package/lib/newsletter-pages.ts

@@ -1,364 +0,0 @@
-import { NextResponse } from "next/server";
-
-/**
- * The small server-rendered pages of the newsletter plugin (confirm prompt, confirmed, expired).
- * Plain HTML, no scripts. They are drawn inside the site's own chrome (the projected newsletter shell: the site's head,
- * stylesheets, header and footer) and fall back to a self-contained page themed from the plugin's public settings. Every
- * dynamic value is escaped, the token never reaches a link, and the pages are never cached or indexed.
- */
-export type NewsletterPageTheme = { accent: string; text: string; background: string; surface: string; muted: string; fontFamily: string };
-
-export const DEFAULT_PAGE_THEME: NewsletterPageTheme = {
-  accent: "#1a4d8f",
-  text: "#1b1b1b",
-  background: "#ffffff",
-  surface: "#f4f4f4",
-  muted: "#555555",
-  fontFamily: "Georgia, 'Times New Roman', serif",
-};
-
-const UNSAFE_CSS = /[<>{};"\\`]|url\(|expression\(|@import/i;
-const MAXIMUM_LISTS_SHOWN = 20;
-
-export function escapeHtml(value: string): string {
-  return value.replace(/[&<>"']/g, (character) => `&#${character.charCodeAt(0)};`);
-}
-
-/** Theme tokens from `custom.papyrusPlugins.newsletter.theme`; a missing or unsafe value falls back to the default. */
-export function pageTheme(raw: unknown): NewsletterPageTheme {
-  const theme: NewsletterPageTheme = { ...DEFAULT_PAGE_THEME };
-  if (typeof raw !== "object" || raw === null) return theme;
-  for (const key of Object.keys(theme) as Array<keyof NewsletterPageTheme>) {
-    const value = (raw as Record<string, unknown>)[key];
-    if (typeof value === "string" && value.length > 0 && value.length <= 200 && !UNSAFE_CSS.test(value)) theme[key] = value;
-  }
-  return theme;
-}
-
-export type FormSpec = {
-  action: string;
-  /** Hidden fields, such as the token. */
-  hidden: Record<string, string>;
-  checkboxes?: Array<{ name: string; value: string; label: string; checked: boolean }>;
-  /** Every button says what it does in words. `secondary` only changes how it looks. */
-  buttons: Array<{ label: string; name?: string; value?: string; secondary?: boolean }>;
-};
-
-export type PageContent = {
-  siteName: string;
-  theme: NewsletterPageTheme;
-  heading: string;
-  /** A short status line shown above the text (for example "Saved"), as words. */
-  notice?: string;
-  paragraphs: string[];
-  lists?: string[];
-  forms?: FormSpec[];
-  links?: Array<{ href: string; label: string }>;
-};
-
-function renderForm(form: FormSpec): string {
-  const hidden = Object.entries(form.hidden)
-    .map(([name, value]) => `<input type="hidden" name="${escapeHtml(name)}" value="${escapeHtml(value)}">`)
-    .join("");
-  const boxes = (form.checkboxes ?? [])
-    .map(
-      (box, index) =>
-        `<p class="markus-newsletter-list"><input type="checkbox" id="c${index}" name="${escapeHtml(box.name)}" value="${escapeHtml(box.value)}"${box.checked ? " checked" : ""}> <label for="c${index}">${escapeHtml(box.label)}</label></p>`,
-    )
-    .join("");
-  const buttons = form.buttons
-    .map(
-      (button) =>
-        `<button type="submit" class="markus-button"${button.secondary ? ' data-variant="secondary"' : ""}${button.name ? ` name="${escapeHtml(button.name)}" value="${escapeHtml(button.value ?? "")}"` : ""}>${escapeHtml(button.label)}</button>`,
-    )
-    .join(" ");
-  return `<form class="markus-newsletter-form" method="post" action="${escapeHtml(form.action)}">${hidden}${boxes}<p class="markus-actions">${buttons}</p></form>`;
-}
-
-/**
- * The content of a page, in the standard front end's own classes (`markus-document`, `markus-button`, `markus-actions`), so
- * inside the site's chrome it takes the site's typography, colours, buttons and focus rings from the site's stylesheets.
- */
-export function renderBody(page: PageContent): string {
-  const lists = (page.lists ?? []).slice(0, MAXIMUM_LISTS_SHOWN);
-  const links = (page.links ?? []).map((link) => `<p><a href="${escapeHtml(link.href)}">${escapeHtml(link.label)}</a></p>`).join("\n");
-  return `<div class="markus-document markus-newsletter-page" data-newsletter-page>
-<h1>${escapeHtml(page.heading)}</h1>
-${page.notice ? `<p class="markus-newsletter-notice" role="status">${escapeHtml(page.notice)}</p>` : ""}
-${page.paragraphs.map((paragraph) => `<p>${escapeHtml(paragraph)}</p>`).join("\n")}
-${lists.length > 0 ? `<ul>${lists.map((name) => `<li>${escapeHtml(name)}</li>`).join("")}</ul>` : ""}
-${(page.forms ?? []).map(renderForm).join("\n")}
-${links}
-</div>`;
-}
-
-/** The self-contained page, for a site whose chrome shell cannot be fetched. Themed from the plugin's settings. */
-export function renderPage(page: PageContent): string {
-  const { theme } = page;
-  return `<!doctype html>
-<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
-<meta name="robots" content="noindex">
-<title>${escapeHtml(page.heading)} - ${escapeHtml(page.siteName)}</title>
-<style>
-body{margin:0;background:${theme.background};color:${theme.text};font-family:${theme.fontFamily};line-height:1.5}
-main{max-width:34rem;margin:0 auto;padding:3rem 1.25rem}
-.site{color:${theme.muted};font-size:.95rem;margin:0 0 1.5rem}
-h1{font-size:1.6rem;line-height:1.2;margin:0 0 1rem}
-.markus-newsletter-notice{background:${theme.surface};border-left:4px solid ${theme.accent};padding:.5rem .75rem;font-weight:bold}
-ul{background:${theme.surface};margin:1rem 0;padding:.75rem 1.25rem 1rem 2rem}
-.markus-newsletter-list{margin:.6rem 0}
-input[type=checkbox]{width:1.1rem;height:1.1rem;vertical-align:middle}
-.markus-actions{margin:1.25rem 0}
-.markus-button{background:${theme.accent};color:#fff;border:2px solid ${theme.accent};font:inherit;font-weight:bold;padding:.7rem 1.4rem;cursor:pointer;border-radius:4px;margin:0 .5rem .5rem 0}
-.markus-button[data-variant=secondary]{background:${theme.background};color:${theme.accent}}
-.markus-button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid ${theme.text};outline-offset:2px}
-a{color:${theme.accent}}
-</style></head><body><main>
-<p class="site">${escapeHtml(page.siteName)}</p>
-${renderBody(page)}
-</main></body></html>`;
-}
-
-/** Where the standard projector writes the chrome shell when the newsletter plugin is enabled. */
-export const SHELL_PATH = "/_plugins/newsletter-shell/index.html";
-export const SHELL_MARKER = "<!--papyrus:newsletter-content-->";
-export const SHELL_TTL_MS = 5 * 60 * 1000;
-const SHELL_FAILURE_TTL_MS = 30 * 1000;
-const SHELL_MAXIMUM_CHARACTERS = 512 * 1024;
-const SHELL_TIMEOUT_MS = 3000;
-
-export type ShellFetcher = (url: string) => Promise<{ status: number; contentType: string; text: string }>;
-
-export interface ShellOptions {
-  fetchShell?: ShellFetcher;
-  /** Milliseconds; for tests. */
-  now?: () => number;
-}
-
-async function fetchOverHttp(url: string): Promise<{ status: number; contentType: string; text: string }> {
-  const response = await fetch(url, { headers: { accept: "text/html" }, redirect: "manual", signal: AbortSignal.timeout(SHELL_TIMEOUT_MS) });
-  return { status: response.status, contentType: response.headers.get("content-type") ?? "", text: await response.text() };
-}
-
-/**
- * The shell as a template: the site's own page (full head, header, footer) with one content marker. Scripts are removed
- * (these pages run none, and their content security policy forbids them), and the canonical and og:url links, which name
- * the shell, are removed. Null when the page is not a usable shell.
- */
-export function prepareShell(html: string): string | null {
-  if (html.length > SHELL_MAXIMUM_CHARACTERS || html.split(SHELL_MARKER).length !== 2) return null;
-  return html
-    .replace(/<script\b[\s\S]*?<\/script\s*>/gi, "")
-    .replace(/<link\b[^>]*\brel=["']canonical["'][^>]*>\s*/gi, "")
-    .replace(/<meta\b[^>]*\bproperty=["']og:url["'][^>]*>\s*/gi, "");
-}
-
-type ShellEntry = { template: string | null; at: number };
-const shells = new Map<string, ShellEntry>();
-const fetching = new Map<string, Promise<string | null>>();
-
-export function clearShellCache(): void {
-  shells.clear();
-  fetching.clear();
-}
-
-/**
- * The prepared shell of the site at `origin`, cached in memory for five minutes. A failed fetch keeps serving the last good
- * shell, or answers null (the caller falls back to the self-contained page), and is not retried for 30 seconds.
- */
-export async function loadShell(origin: string, options: ShellOptions = {}): Promise<string | null> {
-  const now = (options.now ?? Date.now)();
-  const cached = shells.get(origin);
-  if (cached && now - cached.at < (cached.template ? SHELL_TTL_MS : SHELL_FAILURE_TTL_MS)) return cached.template;
-  const running = fetching.get(origin);
-  if (running) return running;
-  const attempt = (async () => {
-    let template: string | null = null;
-    try {
-      const response = await (options.fetchShell ?? fetchOverHttp)(new URL(SHELL_PATH, origin).toString());
-      if (response.status === 200 && /html/i.test(response.contentType)) template = prepareShell(response.text);
-    } catch {
-      template = null;
-    }
-    // A failure keeps the last good shell; the retry clock restarts either way.
-    const kept = template ?? cached?.template ?? null;
-    shells.set(origin, { template: kept, at: now });
-    return kept;
-  })().finally(() => fetching.delete(origin));
-  fetching.set(origin, attempt);
-  return attempt;
-}
-
-/** The page inside the site's chrome: the shell's title replaced and its marker replaced by the page content. */
-export function renderShellPage(template: string, page: PageContent): string {
-  const title = `${escapeHtml(page.heading)} - ${escapeHtml(page.siteName)}`;
-  return template.replace(/<title>[\s\S]*?<\/title>/i, () => `<title>${title}</title>`).replace(SHELL_MARKER, () => renderBody(page));
-}
-
-export const PAGE_HEADERS = {
-  "content-type": "text/html; charset=utf-8",
-  "cache-control": "no-store",
-  "referrer-policy": "same-origin",
-  "x-content-type-options": "nosniff",
-  "x-robots-tag": "noindex",
-  "content-security-policy":
-    "default-src 'none'; style-src 'self' 'unsafe-inline' https:; font-src 'self' data: https:; img-src 'self' data: https:; form-action 'self'; base-uri 'none'; frame-ancestors 'none'",
-} as const;
-
-/** `shell` is the prepared shell of the site (see `loadShell`); without one the self-contained page is sent. */
-export function pageResponse(page: PageContent, status = 200, shell: string | null = null): NextResponse {
-  return new NextResponse(shell ? renderShellPage(shell, page) : renderPage(page), { status, headers: PAGE_HEADERS });
-}
-
-export const CONFIRM_PATH = "/api/newsletter/confirm";
-
-type Base = Pick<PageContent, "siteName" | "theme">;
-const home = (base: Base) => ({ href: "/", label: `Back to ${base.siteName}` });
-
-export function confirmPromptPage(base: Base, lists: string[], token: string): PageContent {
-  return {
-    ...base,
-    heading: "Confirm your subscription",
-    paragraphs: [`Press the button to start getting email from ${base.siteName}.${lists.length > 0 ? " You are signing up for:" : ""}`],
-    lists,
-    forms: [{ action: CONFIRM_PATH, hidden: { t: token }, buttons: [{ label: "Confirm subscription" }] }],
-  };
-}
-
-export function confirmedPage(base: Base, lists: string[], preferencesHref?: string): PageContent {
-  return {
-    ...base,
-    heading: "You are subscribed",
-    paragraphs: [lists.length > 0 ? "Thank you. You will get:" : "Thank you. Your subscription is confirmed."],
-    lists,
-    links: [...(preferencesHref ? [{ href: preferencesHref, label: "Manage your subscriptions" }] : []), home(base)],
-  };
-}
-
-export function expiredPage(base: Base): PageContent {
-  return {
-    ...base,
-    heading: "This link has expired",
-    paragraphs: [
-      "This confirmation link has expired or was already used. If you already confirmed, you are all set.",
-      "If you did not finish signing up, go back to the site and sign up again to get a new link.",
-    ],
-    links: [home(base)],
-  };
-}
-
-export function crossSitePage(base: Base): PageContent {
-  return {
-    ...base,
-    heading: "That did not go through",
-    paragraphs: ["This form was not sent from this site, so nothing was changed. Open the link in your email again and use the button on the page."],
-    links: [home(base)],
-  };
-}
-
-export function unavailablePage(base: Base): PageContent {
-  return {
-    ...base,
-    heading: "Something went wrong",
-    paragraphs: ["We could not complete this just now. Open the link in your email again in a minute."],
-    links: [home(base)],
-  };
-}
-
-export const UNSUBSCRIBE_PATH = "/api/newsletter/unsubscribe";
-export const PREFERENCES_PATH = "/api/newsletter/preferences";
-
-export function preferencesHref(token: string): string {
-  return `${PREFERENCES_PATH}?t=${encodeURIComponent(token)}`;
-}
-
-export function invalidManagePage(base: Base): PageContent {
-  return {
-    ...base,
-    heading: "This link is not valid",
-    paragraphs: ["This link is not valid, or the subscription it belongs to has been deleted. Use the link in a recent email from us."],
-    links: [home(base)],
-  };
-}
-
-export function unsubscribePromptPage(base: Base, token: string, listId: string | null, listName: string | null): PageContent {
-  return {
-    ...base,
-    heading: "Unsubscribe",
-    paragraphs: [listName ? `Stop getting "${listName}" from ${base.siteName}?` : `Stop getting all email from ${base.siteName}?`],
-    forms: [
-      {
-        action: UNSUBSCRIBE_PATH,
-        hidden: { t: token, ...(listId ? { l: listId } : {}), page: "1" },
-        buttons: [{ label: listName ? "Unsubscribe from this list" : "Unsubscribe from everything" }],
-      },
-    ],
-    links: [{ href: preferencesHref(token), label: "Choose which lists you get instead" }],
-  };
-}
-
-export function unsubscribedPage(base: Base, names: string[], token: string | null): PageContent {
-  return {
-    ...base,
-    heading: "You are unsubscribed",
-    paragraphs: [names.length > 0 ? `You will no longer get these from ${base.siteName}:` : `You will no longer get this email from ${base.siteName}.`],
-    lists: names,
-    links: [...(token ? [{ href: preferencesHref(token), label: "Change your mind? Manage your subscriptions" }] : []), home(base)],
-  };
-}
-
-export type PreferenceList = { id: string; name: string; description: string; subscribed: boolean };
-
-export function preferencesPage(base: Base, input: { token: string; email: string; lists: PreferenceList[]; notice?: string }): PageContent {
-  return {
-    ...base,
-    heading: "Your subscriptions",
-    notice: input.notice,
-    paragraphs: [`Email preferences for ${input.email}. Tick the lists you want.`],
-    forms: [
-      {
-        action: PREFERENCES_PATH,
-        hidden: { t: input.token },
-        checkboxes: input.lists.map((list) => ({
-          name: "l",
-          value: list.id,
-          label: list.description ? `${list.name}: ${list.description}` : list.name,
-          checked: list.subscribed,
-        })),
-        buttons: [
-          { label: "Save preferences", name: "action", value: "save" },
-          { label: "Unsubscribe from everything", name: "action", value: "unsubscribe_all", secondary: true },
-          { label: "Delete my data", name: "action", value: "delete", secondary: true },
-        ],
-      },
-    ],
-    links: [home(base)],
-  };
-}
-
-export function deleteConfirmPage(base: Base, token: string): PageContent {
-  return {
-    ...base,
-    heading: "Delete your data?",
-    paragraphs: [
-      `This erases your address and everything ${base.siteName} holds about your subscriptions. You will not get any more email. This cannot be undone.`,
-    ],
-    forms: [
-      {
-        action: PREFERENCES_PATH,
-        hidden: { t: token, action: "delete", confirm: "1" },
-        buttons: [{ label: "Yes, delete my data" }],
-      },
-    ],
-    links: [{ href: preferencesHref(token), label: "No, go back" }],
-  };
-}
-
-export function deletedPage(base: Base): PageContent {
-  return {
-    ...base,
-    heading: "Your data is deleted",
-    paragraphs: ["Your address and subscriptions have been erased. You will not get any more email from us."],
-    links: [home(base)],
-  };
-}