@jant/core 0.6.15 → 0.6.16

package/src/client/components/__tests__/jant-compose-editor.test.ts

@@ -243,13 +243,13 @@ const labels: ComposeLabels = {
   publishDateInvalid: "Enter a valid date.",
   publishDateFutureError:
     "Choose today or an earlier date, or leave it blank to publish now.",
-  publishDateSummaryNow: "Publish now",
+  publishDateSummaryNow: "Now",
   publishDateSummaryAction: "Edit publish date",
   publishSlugLabel: "Custom link",
   publishSlugPlaceholder: "your-post-link",
   publishSlugHint: "Leave blank to generate one automatically.",
   publishSlugAuto: "Generate automatically",
-  publishSlugSummaryAuto: "Auto link",
+  publishSlugSummaryAuto: "Auto",
   publishSlugSummaryAction: "Edit custom link",
   publishSlugReset: "Reset link",
   publishSlugSuggested: "Suggested link",
@@ -265,9 +265,9 @@ const labels: ComposeLabels = {
   threadLimitReached: "Threads can include up to 20 posts.",
   showMore: "Show more",
   showLess: "Show less",
-  newThread: "New Thread",
-  replyTitle: "Reply",
-  editTitle: "Edit",
+  closeCompose: "Close compose",
+  editing: "Editing",
+  composeDialogLabel: "Compose",
   slashHint: "Type / for commands",
   tableControls: {
     toolbarLabel: "Table controls",
@@ -308,10 +308,14 @@ const labels: ComposeLabels = {
 
 async function createElement(
   format: string = "note",
+  options: { titleByDefault?: boolean } = {},
 ): Promise<JantComposeEditor> {
   const el = document.createElement("jant-compose-editor") as JantComposeEditor;
   el.format = format as "note" | "link" | "quote";
   el.labels = labels;
+  if (options.titleByDefault !== undefined) {
+    el.titleByDefault = options.titleByDefault;
+  }
   document.body.appendChild(el);
   await el.updateComplete;
   return el;
@@ -795,13 +799,46 @@ describe("JantComposeEditor", () => {
     expect(el._attachedTexts[0].bodyJson).toBeNull();
   });
 
-  it("shows title toggle only in note mode", async () => {
+  it("shows a note's title field by default on a post that starts a thread", async () => {
     const el = await createElement("note");
+    expect(el.querySelector(".compose-note-title")).not.toBeNull();
     expect(el.querySelector('.compose-tool-btn[title="Title"]')).not.toBeNull();
+  });
+
+  it("hides a note's title field by default on a continuation post", async () => {
+    const el = await createElement("note", { titleByDefault: false });
+    expect(el.querySelector(".compose-note-title")).toBeNull();
+  });
+
+  it("toggles the title field from the toolbar", async () => {
+    const el = await createElement("note", { titleByDefault: false });
+    const toggle = requireElement(
+      el.querySelector<HTMLButtonElement>('.compose-tool-btn[title="Title"]'),
+      "expected title toggle",
+    );
+
+    toggle.click();
+    await el.updateComplete;
+    expect(el.querySelector(".compose-note-title")).not.toBeNull();
+
+    toggle.click();
+    await el.updateComplete;
+    expect(el.querySelector(".compose-note-title")).toBeNull();
+  });
+
+  it("drops a hidden title from the submitted data", async () => {
+    const el = await createElement("note");
+    el._title = "Named";
+    el._showTitle = false;
+    await el.updateComplete;
+    expect(el.getData().title).toBe("");
+  });
 
-    el.format = "link";
+  it("keeps the title field visible when a post arrives with one", async () => {
+    const el = await createElement("note", { titleByDefault: false });
+    el.populate({ format: "note", title: "Loaded title" });
     await el.updateComplete;
-    expect(el.querySelector('.compose-tool-btn[title="Title"]')).toBeNull();
+    expect(el.querySelector(".compose-note-title")).not.toBeNull();
   });
 
   it.each([
@@ -812,7 +849,6 @@ describe("JantComposeEditor", () => {
     async (format, selector) => {
       const el = await createElement(format);
       if (format === "note") {
-        el._showTitle = true;
         await el.updateComplete;
       }
 
@@ -841,7 +877,6 @@ describe("JantComposeEditor", () => {
 
   it("keeps focus in the title while an IME composition is active", async () => {
     const el = await createElement("note");
-    el._showTitle = true;
     await el.updateComplete;
 
     const titleInput = requireElement(
@@ -864,7 +899,6 @@ describe("JantComposeEditor", () => {
 
   it("leaves Mod-Enter available for the publish shortcut", async () => {
     const el = await createElement("note");
-    el._showTitle = true;
     await el.updateComplete;
 
     const titleInput = requireElement(
@@ -885,7 +919,7 @@ describe("JantComposeEditor", () => {
     expect(document.activeElement).toBe(titleInput);
   });
 
-  it("keeps title after rate and places fullscreen at the far right of the toolbar", async () => {
+  it("places fullscreen at the far right of the toolbar", async () => {
     const el = await createElement("note");
     const toolTitles = [
       ...el.querySelectorAll<HTMLButtonElement>(".compose-tool-btn"),
@@ -924,7 +958,6 @@ describe("JantComposeEditor", () => {
   it("getData returns current field values", async () => {
     const el = await createElement("note");
     el._title = "Test Title";
-    el._showTitle = true;
     el._bodyJson = {
       type: "doc",
       content: [
@@ -994,31 +1027,11 @@ describe("JantComposeEditor", () => {
     expect(data.attachmentOrder).toEqual(["t2"]);
   });
 
-  it("getData omits title when showTitle is off in note mode", async () => {
-    const el = await createElement("note");
-    el._title = "Hidden Title";
-    el._showTitle = false;
-
-    const data = el.getData();
-    expect(data.title).toBe("");
-  });
-
-  it("preserves title in memory when toggling off and restores on toggle on", async () => {
+  it("getData returns the note title as typed", async () => {
     const el = await createElement("note");
-    el._title = "My Title";
-    el._showTitle = true;
-    await el.updateComplete;
-
-    // Toggle off — title stays in memory
-    el._showTitle = false;
-    await el.updateComplete;
-    expect(el._title).toBe("My Title");
-    expect(el.getData().title).toBe("");
+    el._title = "Kept Title";
 
-    // Toggle back on — title restored
-    el._showTitle = true;
-    await el.updateComplete;
-    expect(el.getData().title).toBe("My Title");
+    expect(el.getData().title).toBe("Kept Title");
   });
 
   it("promotes a leading H1 to the note title", async () => {
@@ -1035,7 +1048,6 @@ describe("JantComposeEditor", () => {
     const body = JSON.parse(data.body) as JSONContent;
 
     expect(data.title).toBe("My Markdown Title");
-    expect(el._showTitle).toBe(true);
     expect(body.content?.[0]).toEqual(tiptapParagraph("Body"));
   });
 
@@ -1050,7 +1062,6 @@ describe("JantComposeEditor", () => {
     const body = JSON.parse(data.body) as JSONContent;
 
     expect(data.title).toBe("");
-    expect(el._showTitle).toBe(false);
     expect(body.content?.[0]).toEqual(tiptapHeading(1, "Draft title"));
   });
 
@@ -1058,7 +1069,6 @@ describe("JantComposeEditor", () => {
     const el = await createElement("note");
     const editor = requireEditor(el);
     el._title = "Manual title";
-    el._showTitle = true;
 
     editor.commands.setContent(
       tiptapDoc(tiptapHeading(1, "Markdown Title"), tiptapParagraph("Body")),
@@ -1231,6 +1241,7 @@ describe("JantComposeEditor", () => {
         alt: "",
         error: null,
         posterUrl: null,
+        remoteUrl: null,
         summary: null,
         chars: null,
       },
@@ -1264,6 +1275,7 @@ describe("JantComposeEditor", () => {
         alt: "",
         error: null,
         posterUrl: null,
+        remoteUrl: null,
         summary: null,
         chars: null,
       },
@@ -1277,6 +1289,7 @@ describe("JantComposeEditor", () => {
         alt: "",
         error: null,
         posterUrl: null,
+        remoteUrl: null,
         summary: null,
         chars: null,
       },
@@ -1343,7 +1356,7 @@ describe("JantComposeEditor", () => {
     expect(el._attachmentOrder[0]).toBe("t1");
   });
 
-  it("pastes clipboard files into attachments when no visible title is set", async () => {
+  it("pastes clipboard files into attachments when no title is set", async () => {
     const uploadWithMetadataMock = vi.mocked(uploadWithMetadata);
     const el = await createElement("note");
     const events: CustomEvent[] = [];
@@ -1379,7 +1392,6 @@ describe("JantComposeEditor", () => {
       id: "med_test",
     });
     const el = await createElement("note");
-    el._showTitle = true;
     el._title = "Essay";
     await el.updateComplete;
 
@@ -1399,30 +1411,9 @@ describe("JantComposeEditor", () => {
     ]);
   });
 
-  it("pastes images as attachments when the title row was toggled off after typing", async () => {
-    const uploadWithMetadataMock = vi.mocked(uploadWithMetadata);
-    const el = await createElement("note");
-    el._showTitle = true;
-    el._title = "Essay";
-    await el.updateComplete;
-    el._showTitle = false;
-    await el.updateComplete;
-
-    const image = new File(["image"], "clipboard.png", { type: "image/png" });
-    const { handled } = triggerEditorPaste(el, [image]);
-    await el.updateComplete;
-
-    expect(handled).toBe(true);
-    expect(uploadWithMetadataMock).not.toHaveBeenCalled();
-    expect(el._attachments.map((attachment) => attachment.file.name)).toEqual([
-      "clipboard.png",
-    ]);
-  });
-
   it("pastes images as attachments when only whitespace is in the title", async () => {
     const uploadWithMetadataMock = vi.mocked(uploadWithMetadata);
     const el = await createElement("note");
-    el._showTitle = true;
     el._title = "   ";
     await el.updateComplete;
 

package/src/client/components/__tests__/jant-compose-fullscreen.test.ts

@@ -14,14 +14,13 @@ const labels = {
   fullscreen: "Fullscreen",
   exitFullscreen: "Exit fullscreen",
   done: "Done",
-  title: "Title",
   titlePlaceholder: "Title",
   bodyPlaceholder: "What's on your mind...",
   showMore: "Show more",
   showLess: "Show less",
-  newThread: "New Thread",
-  replyTitle: "Reply",
-  editTitle: "Edit",
+  closeCompose: "Close compose",
+  editing: "Editing",
+  composeDialogLabel: "Compose",
 } as ComposeLabels;
 
 async function flush(el?: JantComposeFullscreen) {
@@ -58,7 +57,7 @@ describe("JantComposeFullscreen", () => {
     }
   });
 
-  it("opens in body-first mode when the title is hidden", async () => {
+  it("shows the title field when the editor arrived with one open", async () => {
     const el = document.createElement(
       "jant-compose-fullscreen",
     ) as JantComposeFullscreen;
@@ -68,26 +67,39 @@ describe("JantComposeFullscreen", () => {
 
     document.dispatchEvent(
       new CustomEvent("jant:fullscreen-open", {
-        detail: {
-          json: null,
-          title: "",
-          showTitle: false,
-          labels,
-        },
+        detail: { json: null, title: "", showTitle: true, labels },
       }),
     );
     await flush(el);
 
-    expect(el.querySelector(".compose-fullscreen-title")).toBeNull();
-    expect(
-      el.querySelector(".compose-fullscreen-title-placeholder"),
-    ).not.toBeNull();
+    expect(el.querySelector(".compose-fullscreen-title")).not.toBeNull();
     expect(el.textContent).not.toContain("Fullscreen");
-    expect(
-      el.querySelector(
-        ".compose-fullscreen-toolbar .compose-fullscreen-title-placeholder",
-      ),
-    ).toBeNull();
+  });
+
+  it("offers a way back to a title the editor had hidden", async () => {
+    const el = document.createElement(
+      "jant-compose-fullscreen",
+    ) as JantComposeFullscreen;
+    el.labels = labels;
+    document.body.appendChild(el);
+    await flush(el);
+
+    document.dispatchEvent(
+      new CustomEvent("jant:fullscreen-open", {
+        detail: { json: null, title: "", showTitle: false, labels },
+      }),
+    );
+    await flush(el);
+
+    expect(el.querySelector(".compose-fullscreen-title")).toBeNull();
+    const reveal = el.querySelector<HTMLButtonElement>(
+      ".compose-fullscreen-title-placeholder",
+    );
+    expect(reveal).not.toBeNull();
+
+    reveal?.click();
+    await flush(el);
+    expect(el.querySelector(".compose-fullscreen-title")).not.toBeNull();
   });
 
   it.each(["metaKey", "ctrlKey"] as const)(
@@ -105,7 +117,6 @@ describe("JantComposeFullscreen", () => {
           detail: {
             json: null,
             title: "Keyboard post",
-            showTitle: true,
             labels,
             editorIndex: 2,
           },
@@ -173,7 +184,6 @@ describe("JantComposeFullscreen", () => {
         detail: {
           json: null,
           title: "",
-          showTitle: false,
           labels,
         },
       }),
@@ -194,66 +204,6 @@ describe("JantComposeFullscreen", () => {
     expect(el.querySelector(".compose-fullscreen-dialog")).not.toBeNull();
   });
 
-  it("reveals the title on demand and returns its visibility on close", async () => {
-    const el = document.createElement(
-      "jant-compose-fullscreen",
-    ) as JantComposeFullscreen;
-    el.labels = labels;
-    document.body.appendChild(el);
-    await flush(el);
-
-    document.dispatchEvent(
-      new CustomEvent("jant:fullscreen-open", {
-        detail: {
-          json: null,
-          title: "",
-          showTitle: false,
-          labels,
-        },
-      }),
-    );
-    await flush(el);
-
-    const toggle = el.querySelector<HTMLButtonElement>(
-      ".compose-fullscreen-title-placeholder",
-    );
-    expect(toggle).not.toBeNull();
-    toggle?.click();
-    await flush(el);
-
-    const input = el.querySelector<HTMLInputElement>(
-      ".compose-fullscreen-title",
-    );
-    expect(input).not.toBeNull();
-    if (!input) {
-      throw new Error("expected fullscreen title input");
-    }
-    input.value = "Desk Notes";
-    input.dispatchEvent(new Event("input"));
-
-    let detail: ComposeFullscreenCloseDetail | null = null;
-    document.addEventListener(
-      "jant:fullscreen-close",
-      (event) => {
-        detail = (event as CustomEvent<ComposeFullscreenCloseDetail>).detail;
-      },
-      { once: true },
-    );
-
-    el.querySelector<HTMLButtonElement>(".compose-fullscreen-done")?.click();
-
-    expect(detail).toMatchObject({
-      json: {
-        type: "doc",
-        content: [{ type: "paragraph" }],
-      },
-      title: "Desk Notes",
-      showTitle: true,
-      replyExpanded: false,
-      selection: { from: 1, to: 1 },
-    });
-  });
-
   it("restores and returns the current editor selection", async () => {
     const el = document.createElement(
       "jant-compose-fullscreen",
@@ -275,7 +225,6 @@ describe("JantComposeFullscreen", () => {
             ],
           },
           title: "",
-          showTitle: false,
           selection: { from: 4, to: 4 },
           labels,
         },
@@ -318,7 +267,7 @@ describe("JantComposeFullscreen", () => {
         detail: {
           json: null,
           title: "",
-          showTitle: false,
+          showTitle: true,
           labels,
           replyContext: {
             contentHtml: "<p>A quiet sentence worth answering.</p>",
@@ -333,9 +282,10 @@ describe("JantComposeFullscreen", () => {
     expect(el.textContent).toContain("A quiet sentence worth answering.");
     expect(el.textContent).toContain("Mar 10, 2026");
     expect(el.textContent).toContain("Show more");
+    // The reply's title field lives inside its own row, not the toolbar.
     expect(
       el.querySelector(
-        ".compose-fullscreen-editor-row .compose-fullscreen-title-placeholder-reply",
+        ".compose-fullscreen-editor-row .compose-fullscreen-title-reply",
       ),
     ).not.toBeNull();
   });
@@ -353,7 +303,6 @@ describe("JantComposeFullscreen", () => {
         detail: {
           json: null,
           title: "Follow-up",
-          showTitle: true,
           labels,
           replyContext: {
             contentHtml: "<p>Thread seed.</p>",
@@ -390,7 +339,6 @@ describe("JantComposeFullscreen", () => {
         detail: {
           json: null,
           title: "",
-          showTitle: false,
           labels,
           replyContext: {
             contentHtml: "<p>One more thread preview.</p>",
@@ -436,7 +384,6 @@ describe("JantComposeFullscreen", () => {
         detail: {
           json: null,
           title: "",
-          showTitle: false,
           labels,
         },
       }),
@@ -491,7 +438,6 @@ describe("JantComposeFullscreen", () => {
             ],
           },
           title: "",
-          showTitle: false,
           labels,
         },
       }),

package/src/client/components/compose-format-convert.ts

@@ -249,7 +249,11 @@ export function convertComposeFormat(
   if (prepend.length) content.unshift(...prepend);
 
   out.bodyJson = content.length ? { type: "doc", content } : null;
-  out.showTitle = to === "note" && out.title.trim().length > 0;
+  // A title carried in from another format has nowhere to show unless the note's
+  // title field is open, so opening it is the only way not to drop it. The
+  // toggle is otherwise left alone, so note → link → note keeps the user's
+  // choice instead of resetting it.
+  if (to === "note" && out.title.trim().length > 0) out.showTitle = true;
 
   return out;
 }

package/src/client/components/compose-types.ts

@@ -11,6 +11,18 @@ import type { TableControlLabels } from "../tiptap/table-control-labels.js";
 
 export type ComposeFormat = "note" | "link" | "quote";
 
+/**
+ * What one composer row says about itself. An editor owns its fields, so it
+ * owns these two answers too — the dialog reduces them over the rows it has
+ * instead of reading editors back out of the DOM while it renders.
+ */
+export interface ComposeRowStatus {
+  /** Anything worth keeping: the check behind "discard this?" and autosave. */
+  hasContent: boolean;
+  /** Enough to publish this row: its format's requirements met, fields valid. */
+  publishable: boolean;
+}
+
 export interface ComposeAttachment {
   clientId: string;
   file: File;
@@ -25,6 +37,12 @@ export interface ComposeAttachment {
   status: "pending" | "processing" | "uploading" | "done" | "error";
   progress: number | null;
   mediaId: string | null;
+  /**
+   * Server URL of the uploaded file, set when the upload completes. Unlike
+   * `previewUrl` (a blob URL revoked on editor reset) it stays valid, so
+   * draft restore can rehydrate the attachment after the dialog closed.
+   */
+  remoteUrl: string | null;
   alt: string;
   error: string | null;
   /** Text content preview for text files (first ~100 chars) */
@@ -64,6 +82,23 @@ export interface DraftItem {
   }[];
 }
 
+/**
+ * Snapshot of a media attachment whose upload completed. Stored in the local
+ * draft (and passed by the bridge on failure restore) so uploaded images
+ * survive a failed publish or a page reload — the bytes are already on the
+ * server, only the reference needs restoring.
+ */
+export interface LocalDraftMedia {
+  clientId: string;
+  mediaId: string;
+  url: string;
+  mimeType: string;
+  name?: string;
+  alt?: string;
+  summary?: string | null;
+  chars?: number | null;
+}
+
 export interface LocalDraft {
   format: ComposeFormat;
   title: string;
@@ -87,9 +122,15 @@ export interface LocalDraft {
     summary: string;
   }>;
   attachmentOrder?: string[];
+  mediaAttachments?: LocalDraftMedia[];
   /** Present when the draft is a multi-post thread */
   threadItems?: Array<{
     format: ComposeFormat;
+    /** Per-post publish date; empty means "follows the thread". */
+    publishedAtInput?: string;
+    publishedAtTimeMinutes?: number | null;
+    /** Per-post permalink; empty means the server assigns a random id. */
+    slug?: string;
     title: string;
     bodyJson: JSONContent | null;
     url: string;
@@ -102,6 +143,7 @@ export interface LocalDraft {
       summary: string;
     }>;
     attachmentOrder?: string[];
+    mediaAttachments?: LocalDraftMedia[];
   }>;
   savedAt: number;
 }
@@ -229,9 +271,9 @@ export interface ComposeLabels {
   threadLimitReached: string;
   showMore: string;
   showLess: string;
-  newThread: string;
-  replyTitle: string;
-  editTitle: string;
+  closeCompose: string;
+  editing: string;
+  composeDialogLabel: string;
   slashHint: string;
   tableControls: TableControlLabels;
   collectionFormLabels: CollectionFormLabels;
@@ -301,6 +343,8 @@ export interface ComposeSubmitDetail {
   collectionIds: string[];
   attachments: ComposeSubmitAttachment[];
   editPostId?: string;
+  /** Identifies an existing server draft loaded through the drafts workflow. */
+  draftSourceId?: string;
   replyToId?: string;
   quietReply?: boolean;
   replyThreadRootId?: string;

package/src/client/components/jant-command-palette.ts

@@ -13,6 +13,7 @@ import { classMap } from "lit/directives/class-map.js";
 import { unsafeSVG } from "lit/directives/unsafe-svg.js";
 import { NAVIGATION_SETTINGS_PATH } from "../../lib/settings-paths.js";
 import { openNewCompose } from "../compose-launch.js";
+import { publicPath } from "../runtime-paths.js";
 import { getBestFieldSearchRank, normalizeSearch } from "../search-rank.js";
 
 // ---------------------------------------------------------------------------
@@ -23,6 +24,7 @@ interface PaletteItem {
   title: string;
   path: string;
   type: "post" | "collection" | "system";
+  status?: "draft" | "published";
 }
 
 interface CommandItem {
@@ -351,7 +353,7 @@ export class JantCommandPalette extends LitElement {
     const q = normalizeSearch(this._query);
     const navItems: DisplayItem[] = this.#navigateItems.map((item) => ({
       label: item.title,
-      secondary: item.path,
+      secondary: item.status === "draft" ? `Draft · ${item.path}` : item.path,
       icon: ICONS[item.type],
     }));
 
@@ -378,7 +380,7 @@ export class JantCommandPalette extends LitElement {
   #executeSearch(query: string) {
     saveHistory(SEARCH_HISTORY_KEY, query);
     this.close();
-    window.location.href = `/search?q=${encodeURIComponent(query)}`;
+    window.location.href = publicPath(`/search?q=${encodeURIComponent(query)}`);
   }
 
   #executeItem(index: number) {
@@ -407,7 +409,7 @@ export class JantCommandPalette extends LitElement {
       if (displayItem?.pathTarget) {
         saveHistory(NAV_HISTORY_KEY, displayItem.pathTarget);
         this.close();
-        window.location.href = displayItem.pathTarget;
+        window.location.href = publicPath(displayItem.pathTarget);
         return;
       }
 
@@ -429,11 +431,15 @@ export class JantCommandPalette extends LitElement {
       saveHistory(NAV_HISTORY_KEY, item.path);
       this.close();
       if (item.type === "system") {
-        window.location.href = item.path;
+        window.location.href = publicPath(item.path);
       } else if (item.type === "collection") {
-        window.location.href = `/collections/${item.path}`;
+        window.location.href = publicPath(`/collections/${item.path}`);
       } else {
-        window.location.href = `/${item.path}`;
+        window.location.href = publicPath(
+          item.status === "draft"
+            ? `/preview/${item.path}?edit=1`
+            : `/${item.path}`,
+        );
       }
     }
   }