app/routes/media.api.ts

Functions

Imports

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

Source

1// The editor's media endpoint for one project (stage 3): GET lists the site's files for the library
2// picker, POST uploads one file for the editor's paste, drop or Insert image. JSON both ways, so the
3// editor reads an answer and never an HTML page. The roles are the library's: a Reader may list, and
4// only an Editor or the Owner uploads.
5
6import { SiteApiError } from "@dustinedwards/site-api/client";
7
8import { getEnv, getViewer } from "~/lib/context";
9import { listMedia, uploadMedia } from "~/lib/media.server";
10import { requireSiteProject } from "~/lib/projects.server";
11import { SiteNotConnected } from "~/lib/sites.server";
12
13import type { Route } from "./+types/media.api";
14
15function unreachable(error: unknown): string | null {
16  if (error instanceof SiteNotConnected) return `The site is not connected: ${error.detail}`;
17  if (error instanceof SiteApiError) return error.body ? `The site refused: ${error.body.message}` : `The site answered ${error.status}.`;
18  return null;
19}
20
21export async function loader({ params, request, context }: Route.LoaderArgs) {
22  const env = getEnv(context);
23  const project = await requireSiteProject(env.DB, getViewer(context), params.project, "read");
24  const url = new URL(request.url);
25  try {
26    return Response.json(
27      await listMedia(env, project, {
28        q: url.searchParams.get("q")?.trim().slice(0, 200) || undefined,
29        cursor: url.searchParams.get("cursor") || undefined,
30        limit: 60,
31      }),
32    );
33  } catch (error) {
34    const message = unreachable(error);
35    if (message === null) throw error;
36    return Response.json({ items: [], nextCursor: null, error: message });
37  }
38}
39
40export async function action({ params, request, context }: Route.ActionArgs) {
41  const env = getEnv(context);
42  // Refused on the role before the body is read: a Reader's upload never reaches the site.
43  const viewer = getViewer(context);
44  const project = await requireSiteProject(env.DB, viewer, params.project, "edit");
45  if (request.method !== "POST") return Response.json({ error: "Method not allowed." }, { status: 405 });
46  const form = await request.formData();
47  const file = form.get("file");
48  if (!(file instanceof File)) return Response.json({ error: "No file was chosen." }, { status: 400 });
49  try {
50    const outcome = await uploadMedia(
51      env,
52      project,
53      { viewer },
54      { name: file.name, type: file.type, size: file.size, bytes: () => file.arrayBuffer() },
55      String(form.get("alt") ?? ""),
56    );
57    if (!outcome.ok) return Response.json({ error: outcome.message }, { status: 422 });
58    return Response.json({ id: outcome.item.id, url: outcome.item.url, src: outcome.item.src }, { status: 201 });
59  } catch (error) {
60    const message = unreachable(error);
61    if (message === null) throw error;
62    return Response.json({ error: message }, { status: 502 });
63  }
64}