app/routes/admin.preview.ts

Functions

Imports

It imports app/lib/content/load-pipeline.server.ts, app/lib/content/slug.mjs, app/lib/context.ts, app/lib/editor/frontmatter.ts, app/lib/editor/publish.server.ts, app/lib/error-message.mjs. No module of this repo imports it.

Source

1import { getEnv } from "~/lib/context";
2import { loadPipeline } from "~/lib/content/load-pipeline.server";
3import { normalizeBody } from "~/lib/editor/frontmatter";
4import { EditorError, makeResolveImage } from "~/lib/editor/publish.server";
5import { postPath } from "~/lib/content/slug.mjs";
6import type { Route } from "./+types/admin.preview";
7import { errorMessage } from "~/lib/error-message.mjs";
8
9/**
10 * Returns what `renderBody` gives back, unmodified, so the preview is what publishes. Read only
11 * although it is a POST: no database, no file, no commit, and R2 only to measure referenced images.
12 */
13export async function action({ request, context }: Route.ActionArgs) {
14  if (request.method !== "POST") {
15    return Response.json({ error: "Method not allowed" }, { status: 405 });
16  }
17
18  const env = getEnv(context);
19  const form = await request.formData();
20  // The same transform the save path applies: a multipart body arrives with every newline as CRLF.
21  const body = normalizeBody(String(form.get("body") ?? ""));
22  const slug = String(form.get("slug") ?? "").trim() || "preview";
23  const { ContentError, renderBody } = await loadPipeline();
24
25  try {
26    const { html, toc } = await renderBody({
27      file: postPath(slug),
28      body,
29      resolveImage: makeResolveImage(env),
30    });
31    return Response.json({ html, headings: toc.length });
32  } catch (error) {
33    // A 200 carrying the pipeline's message: a half-typed directive is ordinary, and a non-2xx would
34    // make the client treat a typo as a broken endpoint and stop previewing.
35    if (error instanceof ContentError || error instanceof EditorError) {
36      return Response.json({ error: error.message });
37    }
38    // Anything else is this endpoint failing, not the author's markdown: logged, and a 500.
39    console.error(JSON.stringify({ alert: "admin-preview-render-failed", detail: errorMessage(error) }));
40    const message = errorMessage(error);
41    return Response.json({ error: `The preview failed: ${message}` }, { status: 500 });
42  }
43}