app/routes/preview.ts

Functions

Imports

It imports app/lib/ai.server.ts, app/lib/content.server.ts, app/lib/context.ts, app/lib/preview.server.ts, app/lib/projects.server.ts, app/lib/sites.server.ts. No module of this repo imports it.

Source

1// The preview document for the editor's iframe: the viewer's working copy (or the site's version when
2// there is none), rendered by the site's own pipeline, served under a sandboxing policy of its own.
3
4import { SiteApiError } from "@dustinedwards/site-api/client";
5
6import { listAiDrafts, readAiDraft } from "~/lib/ai.server";
7import { readDoc, readDraft } from "~/lib/content.server";
8import { getEnv, getViewer } from "~/lib/context";
9import { previewFailure, previewResponse, withLabel } from "~/lib/preview.server";
10import { requireSiteProject } from "~/lib/projects.server";
11import { siteClient, siteConnection, SiteNotConnected } from "~/lib/sites.server";
12
13import type { Route } from "./+types/preview";
14
15export async function loader({ params, context }: Route.LoaderArgs) {
16  const env = getEnv(context);
17  const viewer = getViewer(context);
18  const project = await requireSiteProject(env.DB, viewer, params.project, "read");
19  const itemId = params.item;
20  const connection = siteConnection(env, project.site);
21  if (connection.state !== "connected") return previewFailure(`The site is not connected: ${connection.detail}`);
22
23  try {
24    const draft = await readDraft(env.DB, project, viewer, itemId);
25    let source = draft?.source ?? (await readDoc(env, project, itemId))?.source;
26    let label: string | null = null;
27    if (source === undefined) {
28      // Nothing of the person's own and nothing on the site: show the newest AI draft, labelled as theirs to take or leave.
29      const [latest] = await listAiDrafts(env.DB, project, viewer, itemId);
30      if (!latest) return previewFailure("There is nothing to preview yet.");
31      source = (await readAiDraft(env.DB, project, viewer, itemId, latest.id)).source;
32      label = `AI draft from ${latest.client}. It is not your draft and it is not on the site.`;
33    }
34    const html = await siteClient(env, project.site).preview({ id: itemId, source });
35    return previewResponse(label ? withLabel(html, label) : html, connection.origin);
36  } catch (error) {
37    if (error instanceof SiteNotConnected) return previewFailure(error.detail);
38    if (error instanceof SiteApiError && error.body) return previewFailure(`The site could not render this: ${error.body.message}`);
39    console.error(JSON.stringify({ preview: "failed", itemId, error: String(error) }));
40    return previewFailure("The site did not answer the preview request.");
41  }
42}