@jant/core 0.3.43 → 0.3.45

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

@@ -641,6 +641,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 +2265,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 +2303,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,
@@ -4962,6 +5006,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
@@ -5343,14 +5419,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

@@ -1961,6 +1961,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 +1981,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/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/0019_bored_magus.sql

@@ -0,0 +1,2 @@
+ALTER TABLE `site` ADD `provisioning_idempotency_key` text;--> statement-breakpoint
+CREATE UNIQUE INDEX `uq_site_provisioning_idempotency_key` ON `site` (`provisioning_idempotency_key`) WHERE "site"."provisioning_idempotency_key" IS NOT NULL;

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

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