app/routes/admin.media.upload.ts

Functions

Imports

It imports app/lib/context.ts, app/lib/media/upload-contract.mjs, app/lib/media/upload.server.ts. No module of this repo imports it.

Source

1import { redirect } from "react-router";
2
3import { getEnv } from "~/lib/context";
4import {
5  isFormUpload,
6  uploadErrorBody,
7  uploadRedirectTo,
8  uploadSuccessBody,
9} from "~/lib/media/upload-contract.mjs";
10import { storeUpload } from "~/lib/media/upload.server";
11import type { Route } from "./+types/admin.media.upload";
12
13/** Under /admin so the Cloudflare Access middleware gates it: there is no unauthenticated write path to the bucket. */
14
15
16export async function action({ request, context }: Route.ActionArgs) {
17  if (request.method !== "POST") {
18    return Response.json(uploadErrorBody("Method not allowed"), { status: 405 });
19  }
20
21  const env = getEnv(context);
22  const form = await request.formData();
23  const file = form.get("file");
24
25  /*
26   * Decided by an explicit field only. The editors send nothing new and read JSON, so a header
27   * default changing cannot move their contract.
28   */
29  const asForm = isFormUpload(form.get("intent"));
30
31  const refuse = (code: string, message: string, status: number) =>
32    asForm
33      ? redirect(uploadRedirectTo({ ok: false, code }))
34      : Response.json(uploadErrorBody(message), { status });
35
36  if (!(file instanceof File)) {
37    return refuse("no-file", "No file was submitted.", 400);
38  }
39
40  /*
41   * Cheap: `formData()` already buffered the body, so `arrayBuffer()` copies from memory.
42   * Read once: a File's stream cannot be consumed twice.
43   */
44  const stored = await storeUpload(env, {
45    bytes: await file.arrayBuffer(),
46    type: file.type,
47    name: file.name,
48  });
49
50  if (!stored.ok) return refuse(stored.code, stored.message, stored.status);
51
52  return asForm
53    ? redirect(uploadRedirectTo({ ok: true, key: stored.key }))
54    : Response.json(uploadSuccessBody(stored.key));
55}