@jant/core 0.6.15 → 0.6.16

package/src/client/__tests__/compose-bridge.test.ts

@@ -8,6 +8,7 @@ type ComposeHarness = HTMLElement & {
   clearLocalDraftFromStorage?: () => void;
   clearEditDraftFromStorage?: (postId: string) => void;
   openEdit?: (id: string) => Promise<void>;
+  openDraft?: (id: string) => Promise<void>;
   openNew?: (options?: { restoreDraft?: boolean }) => Promise<void>;
   openReply?: (
     id: string,
@@ -42,9 +43,18 @@ async function flushBridgeWork(times = 4) {
   }
 }
 
+function renderPostView(postId: string) {
+  const postView = document.createElement("div");
+  postView.dataset.postView = "";
+  postView.dataset.postViewId = postId;
+  document.body.appendChild(postView);
+  return postView;
+}
+
 describe("compose bridge", () => {
   beforeEach(() => {
     document.body.innerHTML = "";
+    delete document.documentElement.dataset.sitePathPrefix;
     vi.restoreAllMocks();
     globalThis.sessionStorage.clear();
   });
@@ -517,7 +527,12 @@ describe("compose bridge", () => {
       undefined,
       "pst_root",
       { kind: "timeline-item", id: "pst_root" },
-      { restoreDraft: true, initialFormat: "quote" },
+      {
+        restoreDraft: true,
+        initialFormat: "quote",
+        restoreToast: false,
+        restoreMedia: [],
+      },
     );
     expect(composeEl.openNew).not.toHaveBeenCalled();
     expect(composeEl.clearLocalDraftFromStorage).not.toHaveBeenCalled();
@@ -716,6 +731,241 @@ describe("compose bridge", () => {
 
     await flushBridgeWork();
 
-    expect(fetchSpy).toHaveBeenCalledTimes(2);
+    expect(fetchSpy).toHaveBeenCalledTimes(1);
+  });
+
+  it("keeps an updated draft on its authenticated preview path", async () => {
+    const composeEl = document.createElement(
+      "jant-compose-dialog",
+    ) as ComposeHarness;
+    composeEl.refreshCollections = vi.fn(async () => true);
+    composeEl.pageMode = false;
+    document.body.appendChild(composeEl);
+    const previewBar = document.createElement("aside");
+    previewBar.dataset.previewStatus = "";
+    document.body.appendChild(previewBar);
+    document.documentElement.dataset.sitePathPrefix = "/blog";
+    globalThis.history.replaceState({}, "", "/blog/preview/draft-post");
+
+    const assignSpy = vi
+      .spyOn(globalThis.location, "assign")
+      .mockImplementation(() => {});
+    vi.spyOn(globalThis, "fetch").mockImplementation(async (input, init) => {
+      const raw =
+        typeof input === "string"
+          ? input
+          : input instanceof URL
+            ? input.toString()
+            : input.url;
+      const url = new URL(raw, "http://localhost");
+
+      expect(url.pathname).toBe("/api/posts/pst_draft");
+      expect(init?.method).toBe("PUT");
+      expect(JSON.parse(String(init?.body))).toMatchObject({
+        status: "draft",
+      });
+
+      return new Response(
+        JSON.stringify({
+          id: "pst_draft",
+          slug: "draft-post",
+          status: "draft",
+        }),
+        {
+          status: 200,
+          headers: { "Content-Type": "application/json" },
+        },
+      );
+    });
+
+    composeEl.dispatchEvent(
+      new CustomEvent("jant:compose-submit-deferred", {
+        bubbles: true,
+        detail: {
+          format: "note",
+          title: "Draft post",
+          body: "Updated draft body",
+          url: "",
+          quoteText: "",
+          quoteAuthor: "",
+          slug: "draft-post",
+          status: "draft",
+          visibility: "public",
+          rating: 0,
+          collectionIds: [],
+          attachments: [],
+          pendingAttachments: [],
+          editPostId: "pst_draft",
+          draftSourceId: "pst_draft",
+        },
+      }),
+    );
+
+    await flushBridgeWork();
+
+    expect(assignSpy).toHaveBeenCalledWith("/blog/preview/draft-post");
+  });
+
+  it("keeps a draft-panel save in place and signals the updated list", async () => {
+    const composeEl = document.createElement(
+      "jant-compose-dialog",
+    ) as ComposeHarness;
+    const refreshCollections = vi.fn(async () => true);
+    composeEl.refreshCollections = refreshCollections;
+    composeEl.pageMode = false;
+    document.body.appendChild(composeEl);
+
+    const assignSpy = vi
+      .spyOn(globalThis.location, "assign")
+      .mockImplementation(() => {});
+    const completeSpy = vi.fn();
+    document.addEventListener("jant:compose-submit-complete", completeSpy, {
+      once: true,
+    });
+    vi.spyOn(globalThis, "fetch").mockResolvedValue(
+      new Response(
+        JSON.stringify({
+          id: "pst_draft",
+          slug: "draft-post",
+          status: "draft",
+        }),
+        {
+          status: 200,
+          headers: { "Content-Type": "application/json" },
+        },
+      ),
+    );
+
+    composeEl.dispatchEvent(
+      new CustomEvent("jant:compose-submit-deferred", {
+        bubbles: true,
+        detail: {
+          format: "note",
+          title: "Draft post",
+          body: "Updated draft body",
+          url: "",
+          quoteText: "",
+          quoteAuthor: "",
+          slug: "draft-post",
+          status: "draft",
+          visibility: "public",
+          rating: 0,
+          collectionIds: [],
+          attachments: [],
+          pendingAttachments: [],
+          editPostId: "pst_draft",
+          draftSourceId: "pst_draft",
+        },
+      }),
+    );
+
+    await flushBridgeWork();
+
+    expect(assignSpy).not.toHaveBeenCalled();
+    expect(refreshCollections).toHaveBeenCalled();
+    expect(completeSpy).toHaveBeenCalledOnce();
+  });
+
+  it("reopens a failed server draft through the draft loader", async () => {
+    const composeEl = document.createElement(
+      "jant-compose-dialog",
+    ) as ComposeHarness;
+    composeEl.refreshCollections = vi.fn(async () => true);
+    composeEl.pageMode = false;
+    composeEl.openDraft = vi.fn(async () => {});
+    composeEl.openEdit = vi.fn(async () => {});
+    document.body.appendChild(composeEl);
+    vi.spyOn(globalThis, "fetch").mockResolvedValue(
+      new Response(JSON.stringify({ error: "Could not save draft." }), {
+        status: 500,
+        headers: { "Content-Type": "application/json" },
+      }),
+    );
+
+    composeEl.dispatchEvent(
+      new CustomEvent("jant:compose-submit-deferred", {
+        bubbles: true,
+        detail: {
+          format: "note",
+          title: "Draft post",
+          body: "Updated draft body",
+          url: "",
+          quoteText: "",
+          quoteAuthor: "",
+          status: "draft",
+          visibility: "public",
+          rating: 0,
+          collectionIds: [],
+          attachments: [],
+          pendingAttachments: [],
+          editPostId: "pst_draft",
+          draftSourceId: "pst_draft",
+        },
+      }),
+    );
+
+    await flushBridgeWork();
+
+    expect(composeEl.openDraft).toHaveBeenCalledWith("pst_draft");
+    expect(composeEl.openEdit).not.toHaveBeenCalled();
+  });
+
+  it("sends a published draft to its public permalink", async () => {
+    const composeEl = document.createElement(
+      "jant-compose-dialog",
+    ) as ComposeHarness;
+    composeEl.refreshCollections = vi.fn(async () => true);
+    composeEl.pageMode = false;
+    document.body.appendChild(composeEl);
+    renderPostView("pst_draft");
+    const previewBar = document.createElement("aside");
+    previewBar.dataset.previewStatus = "";
+    document.body.appendChild(previewBar);
+    document.documentElement.dataset.sitePathPrefix = "/blog";
+    globalThis.history.replaceState({}, "", "/blog/preview/draft-post");
+
+    const assignSpy = vi
+      .spyOn(globalThis.location, "assign")
+      .mockImplementation(() => {});
+    vi.spyOn(globalThis, "fetch").mockResolvedValue(
+      new Response(
+        JSON.stringify({
+          id: "pst_draft",
+          slug: "published-post",
+          status: "published",
+        }),
+        {
+          status: 200,
+          headers: { "Content-Type": "application/json" },
+        },
+      ),
+    );
+
+    composeEl.dispatchEvent(
+      new CustomEvent("jant:compose-submit-deferred", {
+        bubbles: true,
+        detail: {
+          format: "note",
+          title: "Published post",
+          body: "Ready to publish",
+          url: "",
+          quoteText: "",
+          quoteAuthor: "",
+          slug: "published-post",
+          status: "published",
+          visibility: "public",
+          rating: 0,
+          collectionIds: [],
+          attachments: [],
+          pendingAttachments: [],
+          editPostId: "pst_draft",
+          draftSourceId: "pst_draft",
+        },
+      }),
+    );
+
+    await flushBridgeWork();
+
+    expect(assignSpy).toHaveBeenCalledWith("/blog/published-post");
   });
 });

package/src/client/__tests__/compose-shortcuts.test.ts

@@ -8,6 +8,7 @@ type ComposeHarness = HTMLElement & {
   openNew: (options?: unknown) => Promise<void>;
   openReply: (...args: unknown[]) => Promise<void>;
   openEdit: (id: string) => Promise<void>;
+  openDraft: (id: string) => Promise<void>;
 };
 
 function dispatchShortcut(
@@ -30,6 +31,7 @@ function createComposeHarness(): ComposeHarness {
   composeEl.openNew = vi.fn(async () => {});
   composeEl.openReply = vi.fn(async () => {});
   composeEl.openEdit = vi.fn(async () => {});
+  composeEl.openDraft = vi.fn(async () => {});
   document.body.appendChild(composeEl);
   return composeEl;
 }
@@ -284,6 +286,24 @@ describe("compose shortcuts", () => {
     expect(window.location.search).toBe("");
   });
 
+  it("loads the current draft through the drafts workflow on preview pages", async () => {
+    const composeEl = createComposeHarness();
+    document.body.setAttribute("data-authenticated", "true");
+    const previewBar = document.createElement("aside");
+    previewBar.dataset.previewStatus = "";
+    document.body.appendChild(previewBar);
+    renderThreadDetailPage();
+    globalThis.history.pushState({}, "", "/preview/draft-post?edit=1");
+
+    composeShortcutsTestOnly.openEditFromQueryParam();
+    await Promise.resolve();
+
+    expect(composeEl.openDraft).toHaveBeenCalledWith("post-current");
+    expect(composeEl.openEdit).not.toHaveBeenCalled();
+    expect(window.location.pathname).toBe("/preview/draft-post");
+    expect(window.location.search).toBe("");
+  });
+
   it("keeps using the hovered post for reply shortcuts in the timeline", () => {
     const composeEl = createComposeHarness();
     const article = document.createElement("article");

package/src/client/__tests__/toast.test.ts

@@ -5,6 +5,7 @@ import {
   QUEUED_TOAST_STORAGE_KEY,
   consumeQueuedToast,
   queueToastForNextPage,
+  showToast,
   showToastWithAction,
 } from "../toast.js";
 
@@ -46,6 +47,69 @@ describe("toast", () => {
     expect(action?.getAttribute("href")).toBe("/published-post");
   });
 
+  it("renders error toasts without a copy button — text is selectable instead", () => {
+    showToast("Publish failed.", "error");
+
+    const toast = document.querySelector(".toast-error");
+    expect(toast).not.toBeNull();
+    expect(toast?.querySelector("button")).toBeNull();
+  });
+
+  it("pauses auto-dismiss while hovered and resumes the remaining time", () => {
+    vi.useFakeTimers();
+    showToast("Publish failed.", "error");
+    const toast = document.querySelector<HTMLElement>(".toast");
+    if (!toast) throw new Error("toast not rendered");
+
+    vi.advanceTimersByTime(2000);
+    toast.dispatchEvent(new Event("pointerenter"));
+    vi.advanceTimersByTime(60_000);
+    expect(toast.classList.contains("toast-out")).toBe(false);
+
+    toast.dispatchEvent(new Event("pointerleave"));
+    vi.advanceTimersByTime(999);
+    expect(toast.classList.contains("toast-out")).toBe(false);
+    vi.advanceTimersByTime(1);
+    expect(toast.classList.contains("toast-out")).toBe(true);
+  });
+
+  it("pauses auto-dismiss while focus is inside the toast", () => {
+    vi.useFakeTimers();
+    showToastWithAction("Collection created.", {
+      label: "Edit Navigation",
+      href: "/settings/navigation",
+    });
+    const toast = document.querySelector<HTMLElement>(".toast");
+    if (!toast) throw new Error("toast not rendered");
+
+    toast.dispatchEvent(new Event("focusin"));
+    vi.advanceTimersByTime(60_000);
+    expect(toast.classList.contains("toast-out")).toBe(false);
+
+    toast.dispatchEvent(new Event("focusout"));
+    vi.advanceTimersByTime(5000);
+    expect(toast.classList.contains("toast-out")).toBe(true);
+  });
+
+  it("mounts toasts inside an open modal dialog and restores them on close", async () => {
+    const dialog = document.createElement("dialog");
+    document.body.appendChild(dialog);
+    dialog.showModal();
+
+    showToast("Publish failed.", "error");
+
+    const container = document.getElementById("toast-container");
+    expect(container?.parentElement).toBe(dialog);
+    expect(container?.querySelector(".toast span")?.textContent).toBe(
+      "Publish failed.",
+    );
+
+    dialog.close();
+    // the dialog close event is dispatched in a queued task
+    await new Promise((resolve) => setTimeout(resolve, 0));
+    expect(container?.parentElement).toBe(document.body);
+  });
+
   it("keeps action toasts available longer than passive notifications", () => {
     vi.useFakeTimers();
     showToastWithAction("Collection created.", {
@@ -57,7 +121,7 @@ describe("toast", () => {
     vi.advanceTimersByTime(3000);
     expect(toast?.classList.contains("toast-out")).toBe(false);
 
-    vi.advanceTimersByTime(5000);
+    vi.advanceTimersByTime(2000);
     expect(toast?.classList.contains("toast-out")).toBe(true);
   });
 });

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

@@ -55,7 +55,6 @@ describe("convertComposeFormat", () => {
       "quote",
       fields({
         title: "My thoughts",
-        showTitle: true,
         bodyJson: doc(paragraph("body")),
       }),
     );
@@ -216,7 +215,6 @@ describe("convertComposeFormat", () => {
       "link",
       fields({
         title: "Keep me",
-        showTitle: true,
         bodyJson: doc(paragraph("body")),
       }),
     );
@@ -236,7 +234,6 @@ describe("convertComposeFormat", () => {
       }),
     );
     expect(result.title).toBe("Keep me");
-    expect(result.showTitle).toBe(true);
     expect(result.url).toBe("");
     expect(firstBlock(result)).toEqual({
       type: "paragraph",
@@ -317,22 +314,6 @@ describe("convertComposeFormat", () => {
     expect(result.bodyJson).toBeNull();
   });
 
-  it("sets showTitle only for a note that ends up with a title", () => {
-    const toNote = convertComposeFormat(
-      "link",
-      "note",
-      fields({ title: "T", url: "https://example.com" }),
-    );
-    expect(toNote.showTitle).toBe(true);
-
-    const toQuote = convertComposeFormat(
-      "note",
-      "quote",
-      fields({ title: "T" }),
-    );
-    expect(toQuote.showTitle).toBe(false);
-  });
-
   it("treats a non-attribution last line as part of the quote text", () => {
     const result = convertComposeFormat(
       "note",

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

@@ -11,6 +11,7 @@ interface MockPaletteItem {
   title: string;
   path: string;
   type: "post" | "collection" | "system";
+  status?: "draft" | "published";
 }
 
 function mockPaletteApi(items: MockPaletteItem[] = []) {
@@ -44,6 +45,7 @@ describe("JantCommandPalette slash path mode", () => {
   beforeEach(() => {
     vi.restoreAllMocks();
     document.body.innerHTML = "";
+    delete document.documentElement.dataset.sitePathPrefix;
     globalThis.localStorage.clear();
     globalThis.history.replaceState({}, "", "/");
   });
@@ -73,6 +75,7 @@ describe("JantCommandPalette persistent search action", () => {
   beforeEach(() => {
     vi.restoreAllMocks();
     document.body.innerHTML = "";
+    delete document.documentElement.dataset.sitePathPrefix;
     globalThis.localStorage.clear();
     globalThis.history.replaceState({}, "", "/");
   });
@@ -187,4 +190,52 @@ describe("JantCommandPalette persistent search action", () => {
 
     expect(globalThis.location.pathname).toBe("/match-1");
   });
+
+  it("opens draft post matches through the authenticated preview route", async () => {
+    const el = await renderPalette("draft", [
+      {
+        title: "Draft post",
+        path: "draft-post",
+        type: "post",
+        status: "draft",
+      },
+    ]);
+    const dialog = el.querySelector<HTMLDialogElement>(".command-palette");
+    expect(dialog?.textContent).toContain("Draft · draft-post");
+
+    dialog?.dispatchEvent(
+      new globalThis.KeyboardEvent("keydown", {
+        key: "Enter",
+        bubbles: true,
+        cancelable: true,
+      }),
+    );
+
+    expect(globalThis.location.pathname).toBe("/preview/draft-post");
+    expect(globalThis.location.search).toBe("?edit=1");
+  });
+
+  it("keeps the site path prefix when opening a draft preview", async () => {
+    document.documentElement.dataset.sitePathPrefix = "/blog";
+    const el = await renderPalette("draft", [
+      {
+        title: "Draft post",
+        path: "draft-post",
+        type: "post",
+        status: "draft",
+      },
+    ]);
+    const dialog = el.querySelector<HTMLDialogElement>(".command-palette");
+
+    dialog?.dispatchEvent(
+      new globalThis.KeyboardEvent("keydown", {
+        key: "Enter",
+        bubbles: true,
+        cancelable: true,
+      }),
+    );
+
+    expect(globalThis.location.pathname).toBe("/blog/preview/draft-post");
+    expect(globalThis.location.search).toBe("?edit=1");
+  });
 });