app/lib/editor/link-targets.server.ts

Functions

Imports

It imports app/db/index.ts, app/lib/error-message.mjs, app/lib/timing.ts. Imported by app/routes/admin.posts.$slug.edit.tsx, app/routes/admin.posts.new.tsx.

Source

1import { listAllPostsForAdmin, listBlogTags } from "~/db";
2import { errorMessage } from "~/lib/error-message.mjs";
3import { timed, type Timings } from "~/lib/timing";
4
5import { stateOf } from "capsomer/publish-transition";
6
7/**
8 * Every post is offered, with its state: hiding unpublished ones makes an author paste a path from
9 * memory, which is where typos come from.
10 */
11async function loadLinkTargets(env: Env) {
12  // A failed read throws: an empty list would read as "no posts to link to".
13  const rows = await listAllPostsForAdmin(env);
14  const now = Date.now();
15  return rows.map((row) => ({
16    slug: row.slug,
17    title: row.title,
18    state: stateOf(
19      {
20        draft: row.status !== "published",
21        publishAt: row.publishAt ? row.publishAt.toISOString() : "",
22      },
23      now,
24    ),
25  }));
26}
27
28/**
29 * What both editors offer: the existing tags and the link targets. A failed tag read is shown,
30 * never an empty list: it comes back as a sentence in `problems`, and the editor still opens.
31 */
32export async function loadEditorOptions(env: Env, timings: Timings | undefined) {
33  const problems: string[] = [];
34  const tags = await timed(timings, "d1_tags", () =>
35    listBlogTags(env).catch((error: unknown) => {
36      console.error(JSON.stringify({ alert: "editor-tags-read-failed", detail: errorMessage(error) }));
37      problems.push(`Existing tags could not be read, so none are suggested: ${errorMessage(error)}`);
38      return [];
39    }),
40  );
41  const linkTargets = await timed(timings, "d1_link_targets", () => loadLinkTargets(env));
42  return { tagOptions: tags.map((tag) => tag.slug), linkTargets, problems };
43}