app/routes/admin.posts.new.tsx

Functions

Imports

It imports app/components/admin/post-editor.tsx, app/db/index.ts, app/lib/admin-actor.server.ts, app/lib/context.ts, app/lib/editor/action.server.ts, app/lib/editor/feedback.ts, app/lib/editor/frontmatter.ts, app/lib/editor/head.server.ts, app/lib/editor/link-targets.server.ts, app/lib/error-message.mjs, app/lib/timing.ts. No module of this repo imports it.

Source

1import { data, redirect } from "react-router";
2
3import { timed, timedLoader } from "~/lib/timing";
4
5import { PostEditor } from "~/components/admin/post-editor";
6import { listAllPostsForAdmin } from "~/db";
7import { getEnv } from "~/lib/context";
8import { loadEditorOptions } from "~/lib/editor/link-targets.server";
9import { handleEditorAction } from "~/lib/editor/action.server";
10import { savedRedirectPath } from "~/lib/editor/feedback";
11import { EMPTY_FIELDS } from "~/lib/editor/frontmatter";
12import { readHead } from "~/lib/editor/head.server";
13import { adminActorContext } from "~/lib/admin-actor.server";
14import type { Route } from "./+types/admin.posts.new";
15import { errorMessage } from "~/lib/error-message.mjs";
16
17/* Always: the exact-preview pane copies this document's stylesheets into its iframe. */
18export const handle = { math: true };
19
20export function meta() {
21  return [{ title: "New post · Admin" }, { name: "robots", content: "noindex" }];
22}
23
24export async function loader({ context }: Route.LoaderArgs) {
25  return timedLoader(context, async (timings) => {
26    const env = getEnv(context);
27    const today = new Date().toISOString().slice(0, 10);
28    // A broken token must not blank the page: preview does not touch GitHub, and the editor names the failure.
29    const { headSha, headError } = await timed(timings, "gh_head", () => readHead(env));
30    const { tagOptions, linkTargets, problems: loadProblems } = await loadEditorOptions(env, timings);
31    const failed = (what: string, sentence: string) => (error: unknown) => {
32      console.error(JSON.stringify({ alert: "editor-read-failed", what, detail: errorMessage(error) }));
33      loadProblems.push(`${sentence}: ${errorMessage(error)}`);
34      return [];
35    };
36    const payload = {
37      headSha,
38      headError,
39      fields: { ...EMPTY_FIELDS, date: today },
40      tagOptions,
41      linkTargets,
42      // The save gate remains the authority; this only saves a wasted submit.
43      existingSlugs: (
44        await timed(timings, "d1_all_posts", () =>
45          listAllPostsForAdmin(env).catch(
46            failed("posts", "Existing posts could not be read, so a taken slug is only caught on save"),
47          ),
48        )
49      ).map((post) => post.slug),
50      loadProblems,
51    };
52
53    return data(payload);
54  });
55}
56
57
58export async function action({ request, context }: Route.ActionArgs) {
59  const result = await handleEditorAction(getEnv(context), request, context.get(adminActorContext));
60  if (result.kind === "saved") return redirect(savedRedirectPath(result));
61  return result;
62}
63
64export default function NewPost({ loaderData, actionData }: Route.ComponentProps) {
65  const fields = actionData && "fields" in actionData ? actionData.fields : loaderData.fields;
66  const headSha = actionData && "headSha" in actionData ? actionData.headSha : loaderData.headSha;
67
68  return (
69    <PostEditor
70      fields={fields}
71      isNew
72      headSha={headSha}
73      headError={headSha ? null : loaderData.headError}
74      loadProblems={loaderData.loadProblems}
75      previewHtml={actionData?.kind === "preview" ? actionData.previewHtml : null}
76      feedback={
77        actionData?.kind === "problem"
78          ? {
79              state: "failed",
80              message: actionData.problem.message,
81              conflict: Boolean(actionData.problem.conflict),
82              field: actionData.problem.field,
83              line: actionData.problem.line,
84            }
85          : null
86      }
87      state="draft"
88      everPublished={false}
89      awaitingPublishConfirmation={actionData?.kind === "confirm-publish"}
90      tagOptions={loaderData.tagOptions}
91      linkTargets={loaderData.linkTargets}
92      existingSlugs={loaderData.existingSlugs}
93    />
94  );
95}