@jant/core 0.3.44 → 0.3.46

package/src/client/components/jant-compose-dialog.ts

@@ -40,6 +40,7 @@ import { getMediaCategory } from "../../lib/upload.js";
 import { getSlugValidationIssue } from "../../lib/slug-format.js";
 import { createTiptapEditor } from "../tiptap/create-editor.js";
 import { MAX_THREAD_POSTS } from "../../types.js";
+import { randomUUID } from "../random-uuid.js";
 
 interface ReplyToMedia {
   url: string;
@@ -641,6 +642,7 @@ export class JantComposeDialog extends LitElement {
   private _suppressBeforeUnload = false;
   private _dialogEl: HTMLDialogElement | null = null;
   private _mousedownOnBackdrop = false;
+  private _mousedownPos: { x: number; y: number } | null = null;
   private _filePickerActive = false;
   private _ignoreNextEscapeClose = false;
   private _openEditRequestId = 0;
@@ -2264,13 +2266,36 @@ export class JantComposeDialog extends LitElement {
     this.requestClose();
   };
 
+  // Returns true if the given point is inside any open top-layer popover.
+  // Browsers sometimes fire backdrop click events even when the pointer is
+  // over a popover that is rendered above the dialog in the top layer —
+  // document.elementFromPoint() ignores the top layer, so we check bounding
+  // rects manually.
+  private _pointInOpenPopover(x: number, y: number): boolean {
+    for (const el of document.querySelectorAll<HTMLElement>(":popover-open")) {
+      const r = el.getBoundingClientRect();
+      if (x >= r.left && x <= r.right && y >= r.top && y <= r.bottom) {
+        return true;
+      }
+    }
+    return false;
+  }
+
   private _handleDialogMousedown = (e: Event) => {
     // Track whether the mousedown originated on the backdrop (the <dialog>
     // itself). When the user drag-selects text inside the editor and the
     // pointer overshoots to the backdrop, the subsequent click event fires
     // with target === dialog. Without this guard, that click triggers
     // requestClose() and the unsaved-changes confirmation pops up.
-    this._mousedownOnBackdrop = e.target === this._dialogEl;
+    const me = e as MouseEvent;
+    // Treat as backdrop only when target is the dialog AND the cursor is not
+    // over an open popover (e.g. a toast notification in the top layer).
+    this._mousedownOnBackdrop =
+      e.target === this._dialogEl &&
+      !this._pointInOpenPopover(me.clientX, me.clientY);
+    this._mousedownPos = this._mousedownOnBackdrop
+      ? { x: me.clientX, y: me.clientY }
+      : null;
   };
 
   private _handleDialogClick = (e: Event) => {
@@ -2279,6 +2304,26 @@ export class JantComposeDialog extends LitElement {
     if (!this._mousedownOnBackdrop) return;
 
     const mouseEvent = e as MouseEvent;
+
+    // If the pointer moved more than 4px since mousedown, the user was
+    // dragging (e.g. selecting text in a toast on top of the backdrop) —
+    // don't treat that as an intentional dismiss click.
+    if (this._mousedownPos) {
+      const dx = mouseEvent.clientX - this._mousedownPos.x;
+      const dy = mouseEvent.clientY - this._mousedownPos.y;
+      if (dx * dx + dy * dy > 16) return;
+    }
+
+    // Also guard against text-selection drags that end back on the backdrop.
+    const selection = document.getSelection();
+    if (selection && !selection.isCollapsed) return;
+
+    // Guard against click pass-through from a top-layer popover: browsers can
+    // route a click on a popover to the dialog backdrop simultaneously.
+    if (this._pointInOpenPopover(mouseEvent.clientX, mouseEvent.clientY)) {
+      return;
+    }
+
     const hitTarget = document.elementFromPoint(
       mouseEvent.clientX,
       mouseEvent.clientY,
@@ -2744,9 +2789,9 @@ export class JantComposeDialog extends LitElement {
 
             // Enter thread mode
             this._threadItems = [
-              { id: crypto.randomUUID(), format: post.format },
+              { id: randomUUID(), format: post.format },
               ...ordered.map((p) => ({
-                id: crypto.randomUUID(),
+                id: randomUUID(),
                 format: p.format,
               })),
             ];
@@ -3117,7 +3162,7 @@ export class JantComposeDialog extends LitElement {
     if (draft.threadItems && draft.threadItems.length >= 2) {
       this._format = draft.threadItems[0].format;
       this._threadItems = draft.threadItems.map((item) => ({
-        id: crypto.randomUUID(),
+        id: randomUUID(),
         format: item.format,
       }));
       this._focusedThreadIndex = 0;
@@ -4962,6 +5007,38 @@ export class JantComposeDialog extends LitElement {
     `;
   }
 
+  private _renderHideFromLatestQuickToggleRow() {
+    if (this._visibilityLocked) return nothing;
+    if (this._visibility === "private") return nothing;
+    return html`
+      <div class="compose-quick-actions-row">
+        ${this._renderHideFromLatestQuickToggle()}
+      </div>
+    `;
+  }
+
+  private _renderHideFromLatestQuickToggle() {
+    if (this._visibilityLocked) return nothing;
+    if (this._visibility === "private") return nothing;
+
+    const checked = this._visibility === "latest_hidden";
+    return html`
+      <label class="compose-publish-quick-toggle">
+        <input
+          type="checkbox"
+          class="input compose-publish-quick-toggle-input"
+          .checked=${checked}
+          ?disabled=${this._loading}
+          @change=${(e: Event) => {
+            const target = e.target as HTMLInputElement;
+            this._setVisibility(target.checked ? "latest_hidden" : "public");
+          }}
+        />
+        <span>${this.labels.publishHideFromLatest}</span>
+      </label>
+    `;
+  }
+
   private _renderEditLoadingState() {
     return html`
       <div
@@ -5021,8 +5098,8 @@ export class JantComposeDialog extends LitElement {
       const bodyJson = currentEditor?.getNormalizedBodyJson() ?? null;
 
       this._threadItems = [
-        { id: crypto.randomUUID(), format: this._format },
-        { id: crypto.randomUUID(), format: lastFormat },
+        { id: randomUUID(), format: this._format },
+        { id: randomUUID(), format: lastFormat },
       ];
 
       // Capture rating state before re-render (these can't change asynchronously)
@@ -5081,7 +5158,7 @@ export class JantComposeDialog extends LitElement {
     } else {
       this._threadItems = [
         ...this._threadItems,
-        { id: crypto.randomUUID(), format: lastFormat },
+        { id: randomUUID(), format: lastFormat },
       ];
     }
 
@@ -5343,14 +5420,16 @@ export class JantComposeDialog extends LitElement {
         ${isOpeningEdit
           ? nothing
           : html`<div
-              class=${classMap({
-                "compose-action-row": true,
-                "compose-action-row-overlay-open":
-                  this._showPublishPanel || this._showCollection,
-              })}
-            >
-              ${this._renderCollectionSelector()} ${this._renderPublishButton()}
-            </div>`}
+                class=${classMap({
+                  "compose-action-row": true,
+                  "compose-action-row-overlay-open":
+                    this._showPublishPanel || this._showCollection,
+                })}
+              >
+                ${this._renderCollectionSelector()}
+                ${this._renderPublishButton()}
+              </div>
+              ${this._renderHideFromLatestQuickToggleRow()}`}
         ${this._renderMobilePublishPanel()} ${this._renderAttachedPanel()}
         ${this._renderAltPanel()} ${this._renderDraftsPanel()}
         ${this._renderConfirmPanel()}

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

@@ -47,6 +47,7 @@ import {
   adoptPendingInlineImageUploads,
 } from "../tiptap/inline-image-upload.js";
 import { isSafeAbsoluteUrl } from "../../lib/url.js";
+import { randomUUID } from "../random-uuid.js";
 
 interface ComposeFilePickerCloseDetail {
   cancelled: boolean;
@@ -220,7 +221,7 @@ export class JantComposeEditor extends LitElement {
   private _lastEditorSelection: ComposeEditorSelection | null = null;
   private _emojiPickerEl: HTMLElement | null = null;
   private _emojiContainer: HTMLElement | null = null;
-  private readonly _urlStatusId = `compose-url-status-${crypto.randomUUID()}`;
+  private readonly _urlStatusId = `compose-url-status-${randomUUID()}`;
   private _onDocClickBound = this._onDocumentClick.bind(this);
   private _scrollBufferApplied = false;
   private _filePickerCleanup: (() => void) | null = null;
@@ -880,7 +881,7 @@ export class JantComposeEditor extends LitElement {
     // Convert media attachments to ComposeAttachment[] with status "done"
     if (data.media?.length) {
       const attachments = data.media.map((m) => ({
-        clientId: crypto.randomUUID(),
+        clientId: randomUUID(),
         file: new File([], m.originalName ?? "existing", { type: m.mimeType }),
         previewUrl: m.previewUrl,
         posterUrl: null,
@@ -906,7 +907,7 @@ export class JantComposeEditor extends LitElement {
           // Invalid JSON — leave as null
         }
         return {
-          clientId: t.clientId ?? crypto.randomUUID(),
+          clientId: t.clientId ?? randomUUID(),
           bodyJson: parsed,
           bodyHtml: t.bodyHtml ?? "",
           summary: t.summary,
@@ -979,7 +980,7 @@ export class JantComposeEditor extends LitElement {
 
   private _openAttachedText() {
     const item: AttachedTextItem = {
-      clientId: crypto.randomUUID(),
+      clientId: randomUUID(),
       bodyJson: null,
       bodyHtml: "",
       summary: "",
@@ -1242,7 +1243,7 @@ export class JantComposeEditor extends LitElement {
         continue;
       }
 
-      const clientId = crypto.randomUUID();
+      const clientId = randomUUID();
       const previewUrl = URL.createObjectURL(file);
       newAttachments.push({
         clientId,
@@ -1961,6 +1962,11 @@ export class JantComposeEditor extends LitElement {
                 </svg>
                 <span class="compose-retry-label">${this.labels.retryAll}</span>
               </span>
+              ${a.error
+                ? html`<span class="compose-attachment-error-msg"
+                    >${a.error}</span
+                  >`
+                : nothing}
             </button>
           `
         : nothing}
@@ -1976,7 +1982,6 @@ export class JantComposeEditor extends LitElement {
       <button
         type="button"
         class="compose-attachment-remove"
-        title=${this.labels.removeAttachment}
         aria-label=${this.labels.removeAttachment}
         @click=${onClick}
       >

package/src/client/components/jant-post-menu.ts

@@ -719,11 +719,29 @@ export class JantPostMenu extends LitElement {
       const article = document.querySelector<HTMLElement>(
         `article[data-post-id="${this._data.id}"]`,
       );
-      // Remove the feed item wrapper if it exists, otherwise the article itself
-      const feedItem = article?.closest(".feed-item");
-      const feedContainer = feedItem?.parentElement;
-      (feedItem ?? article)?.remove();
-      removeLeadingFeedDivider(feedContainer);
+      // If the post is inside a thread group, only remove its .thread-item
+      // wrapper so sibling posts in the same thread stay visible. Fall back
+      // to removing the .feed-item wrapper (or the article itself) only when
+      // the post is standalone or the thread group is now empty.
+      const threadItem = article?.closest<HTMLElement>(".thread-item");
+      const threadGroup = threadItem?.closest<HTMLElement>(".thread-group");
+      if (threadItem && threadGroup) {
+        threadItem.remove();
+        const remainingPosts = threadGroup.querySelectorAll(
+          ".thread-item:not(.thread-item-gap)",
+        );
+        if (remainingPosts.length === 0) {
+          const feedItem = threadGroup.closest<HTMLElement>(".feed-item");
+          const feedContainer = feedItem?.parentElement ?? null;
+          (feedItem ?? threadGroup).remove();
+          removeLeadingFeedDivider(feedContainer);
+        }
+      } else {
+        const feedItem = article?.closest<HTMLElement>(".feed-item");
+        const feedContainer = feedItem?.parentElement ?? null;
+        (feedItem ?? article)?.remove();
+        removeLeadingFeedDivider(feedContainer);
+      }
 
       showToast("Post deleted.");
     } catch {

package/src/client/compose-bridge.ts

@@ -423,7 +423,8 @@ async function uploadFile(
   } catch (error) {
     const message = error instanceof Error ? error.message : "Upload failed";
     editor?.updateAttachmentStatus(clientId, "error", null, message);
-    showToast(message, "error");
+    // Error is shown on the attachment thumbnail; only toast when there's no editor context.
+    if (!editor) showToast(message, "error");
     return null;
   }
 }

package/src/client/random-uuid.ts

@@ -0,0 +1,23 @@
+/**
+ * RFC4122 v4 UUID generator with fallback for insecure contexts.
+ *
+ * `crypto.randomUUID()` is only available in secure contexts (HTTPS or
+ * localhost). Self-hosted Jant deployments are often accessed over plain
+ * HTTP on a LAN address, where the native API is `undefined`. This helper
+ * uses the native API when available and falls back to a `Math.random`-based
+ * v4 string otherwise. The fallback is not cryptographically strong, but
+ * client-side IDs here only need to be unique within a single page session.
+ */
+export const randomUUID = (): string => {
+  if (
+    typeof crypto !== "undefined" &&
+    typeof crypto.randomUUID === "function"
+  ) {
+    return crypto.randomUUID();
+  }
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = (Math.random() * 16) | 0;
+    const v = c === "x" ? r : (r & 0x3) | 0x8;
+    return v.toString(16);
+  });
+};

package/src/client/toast.ts

@@ -22,10 +22,17 @@ export const QUEUED_TOAST_STORAGE_KEY = "jant.pendingToast";
 
 /** Ensure the toast container is in the top layer (above <dialog> etc.) */
 function ensureTopLayer(container: HTMLElement): void {
+  if (typeof container.showPopover !== "function") return;
+
+  // Re-promote above any modal dialog that was opened after the toast container.
   if (
-    !container.matches(":popover-open") &&
-    typeof container.showPopover === "function"
+    container.matches(":popover-open") &&
+    document.querySelector("dialog[open]")
   ) {
+    container.hidePopover();
+  }
+
+  if (!container.matches(":popover-open")) {
     container.showPopover();
   }
 }
@@ -85,6 +92,11 @@ const TOAST_ICONS = {
     '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6M9 9l6 6"/></svg>',
 };
 
+const COPY_ICON =
+  '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>';
+const CHECK_ICON =
+  '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path d="M20 6 9 17l-5-5"/></svg>';
+
 /** Build toast inner content using safe DOM APIs (icon is trusted, text uses textContent). */
 function setToastContent(
   toast: HTMLElement,
@@ -103,6 +115,21 @@ function setToastContent(
     a.textContent = action.label;
     toast.appendChild(a);
   }
+  if (type === "error" && navigator.clipboard) {
+    const btn = document.createElement("button");
+    btn.className = "toast-copy";
+    btn.setAttribute("aria-label", "Copy error message");
+    btn.innerHTML = COPY_ICON;
+    btn.addEventListener("click", () => {
+      navigator.clipboard.writeText(message).then(() => {
+        btn.innerHTML = CHECK_ICON;
+        setTimeout(() => {
+          btn.innerHTML = COPY_ICON;
+        }, 1500);
+      });
+    });
+    toast.appendChild(btn);
+  }
 }
 
 /**

package/src/client/upload-session.ts

@@ -108,7 +108,7 @@ async function initiateUpload(file: File): Promise<InitiateResponse> {
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({
       filename: file.name,
-      contentType: file.type,
+      contentType: file.type || "application/octet-stream",
       size: file.size,
       checksumSha256: await sha256Base64(file),
     }),

package/src/db/migrations/0020_free_zaladane.sql

@@ -0,0 +1 @@
+DROP TABLE `sync_job`;