@bobfrankston/rmfmail 1.1.248 → 1.1.249

package/client/app.ts

@@ -1596,6 +1596,145 @@ document.addEventListener("mailx-moved", (e: any) => {
     pushUndo({ kind: "move", at: Date.now(), payload: e.detail as MovedBatch });
 });
 
+// ── Right-button drag → Move / Copy menu ───────────────────────────────
+// Browser drag-and-drop is left-button only, so a RIGHT-button drag is a
+// custom mouse-tracked gesture: right-press a message row, drag onto a folder
+// in the tree, release → a menu offers Move (default, bold) or Copy. A plain
+// left drag still moves directly; a plain right-CLICK (no movement) still opens
+// the normal message menu — only a right-press-AND-drag triggers this.
+(() => {
+    type RDMsg = { accountId: string; uid: number; folderId: number };
+    const SLOP = 6;
+    let cand: { msgs: RDMsg[]; x: number; y: number } | null = null;
+    let active = false;
+    let ghost: HTMLElement | null = null;
+    let suppressContext = false;
+
+    // Cursor + ghost + drop-highlight styles (self-contained).
+    const style = document.createElement("style");
+    style.textContent =
+        "body.rmf-rdrag, body.rmf-rdrag * { cursor: grabbing !important; }" +
+        ".rmf-rdrag-ghost { position: fixed; z-index: 100000; pointer-events: none;" +
+        " background: var(--color-accent, #1a6dd4); color: #fff; padding: 2px 9px;" +
+        " border-radius: 4px; font: 12px system-ui; box-shadow: 0 2px 8px rgba(0,0,0,.3); }" +
+        ".ft-folder.rmf-rdrag-over { outline: 2px solid var(--color-accent, #1a6dd4); outline-offset: -2px; border-radius: 4px; }";
+    document.head.appendChild(style);
+
+    const folderAt = (x: number, y: number): HTMLElement | null =>
+        ((document.elementFromPoint(x, y) as HTMLElement | null)?.closest?.(".ft-folder") as HTMLElement | null) || null;
+    const clearOver = (): void =>
+        document.querySelectorAll(".ft-folder.rmf-rdrag-over").forEach(el => el.classList.remove("rmf-rdrag-over"));
+    const cleanup = (): void => {
+        active = false; cand = null;
+        document.body.classList.remove("rmf-rdrag");
+        ghost?.remove(); ghost = null;
+        clearOver();
+    };
+
+    document.addEventListener("mousedown", (e) => {
+        if (e.button !== 2) return;
+        const row = (e.target as HTMLElement)?.closest?.(".ml-row") as HTMLElement | null;
+        if (!row) return;
+        const pressed: RDMsg = {
+            accountId: row.dataset.accountId || "",
+            uid: Number(row.dataset.uid),
+            folderId: Number(row.dataset.folderId),
+        };
+        if (!pressed.uid) return;
+        // Drag the current multi-selection if the pressed row is in it;
+        // otherwise just the pressed row.
+        let msgs = getSelectedMessages();
+        if (!msgs.some(m => m.accountId === pressed.accountId && m.uid === pressed.uid)) msgs = [pressed];
+        cand = { msgs, x: e.clientX, y: e.clientY };
+        active = false;
+    }, true);
+
+    document.addEventListener("mousemove", (e) => {
+        if (!cand) return;
+        if (!active) {
+            if (Math.abs(e.clientX - cand.x) < SLOP && Math.abs(e.clientY - cand.y) < SLOP) return;
+            active = true;
+            document.body.classList.add("rmf-rdrag");
+            ghost = document.createElement("div");
+            ghost.className = "rmf-rdrag-ghost";
+            ghost.textContent = cand.msgs.length === 1 ? "1 message" : `${cand.msgs.length} messages`;
+            document.body.appendChild(ghost);
+        }
+        if (ghost) { ghost.style.left = `${e.clientX + 14}px`; ghost.style.top = `${e.clientY + 8}px`; }
+        clearOver();
+        folderAt(e.clientX, e.clientY)?.classList.add("rmf-rdrag-over");
+    }, true);
+
+    document.addEventListener("mouseup", (e) => {
+        if (!cand) return;
+        const wasActive = active;
+        const msgs = cand.msgs;
+        const folder = wasActive ? folderAt(e.clientX, e.clientY) : null;
+        const mx = e.clientX, my = e.clientY;
+        cleanup();
+        if (!wasActive) return;          // a right-click, not a drag
+        suppressContext = true;          // eat the contextmenu that fires next
+        if (!folder) return;             // released off any folder
+        e.preventDefault(); e.stopPropagation();
+        const targetAccount = folder.dataset.accountId || "";
+        const targetFolderId = Number(folder.dataset.folderId);
+        const targetName = folder.querySelector(".ft-folder-name")?.textContent?.trim() || "folder";
+        void showRightDragMenu(mx, my, msgs, targetAccount, targetFolderId, targetName);
+    }, true);
+
+    // Suppress the folder/message context menu that would otherwise pop on the
+    // right-button release after a drag.
+    document.addEventListener("contextmenu", (e) => {
+        if (suppressContext) { e.preventDefault(); e.stopPropagation(); suppressContext = false; }
+    }, true);
+
+    async function showRightDragMenu(x: number, y: number, msgs: RDMsg[], targetAccount: string, targetFolderId: number, targetName: string): Promise<void> {
+        const { showContextMenu } = await import("./components/context-menu.js");
+        const n = msgs.length;
+        const label = n === 1 ? "message" : `${n} messages`;
+        showContextMenu(x, y, [
+            { label: `Move ${label} here`, emphasized: true, action: () => void runRightDragOp(msgs, targetAccount, targetFolderId, targetName, "move") },
+            { label: `Copy ${label} here`, action: () => void runRightDragOp(msgs, targetAccount, targetFolderId, targetName, "copy") },
+        ]);
+    }
+
+    async function runRightDragOp(msgs: RDMsg[], targetAccount: string, targetFolderId: number, targetName: string, op: "move" | "copy"): Promise<void> {
+        const status = document.getElementById("status-sync");
+        const api = await import("./lib/api-client.js");
+        const byAccount = new Map<string, { uids: number[]; folderIds: number[] }>();
+        for (const m of msgs) {
+            const g = byAccount.get(m.accountId) || { uids: [], folderIds: [] };
+            g.uids.push(m.uid); g.folderIds.push(m.folderId);
+            byAccount.set(m.accountId, g);
+        }
+        if (op === "move") {
+            // Optimistic remove + undo, mirroring the left-drag drop handler.
+            removeMessagesAndReconcile(msgs);
+            document.dispatchEvent(new CustomEvent("mailx-moved", {
+                detail: { messages: msgs.map(m => ({ accountId: m.accountId, uid: m.uid, sourceFolderId: m.folderId })) },
+            }));
+            for (const [src, g] of byAccount) {
+                const targetAcct = src === targetAccount ? undefined : targetAccount;
+                api.moveMessages(src, g.uids, targetFolderId, targetAcct)?.catch?.((err: any) => {
+                    if (status) status.textContent = `Move failed: ${err?.message || err}`;
+                });
+            }
+            if (status) status.textContent = `Moved ${msgs.length} to ${targetName} — Ctrl+Z to undo`;
+        } else {
+            let skippedXacct = false;
+            for (const [src, g] of byAccount) {
+                if (src !== targetAccount) { skippedXacct = true; continue; }  // copy is same-account for now
+                api.copyMessages(src, g.uids, g.folderIds, targetFolderId)?.catch?.((err: any) => {
+                    if (status) status.textContent = `Copy failed: ${err?.message || err}`;
+                });
+            }
+            if (status) status.textContent = skippedXacct
+                ? `Copy across accounts isn't supported yet`
+                : `Copying ${msgs.length} to ${targetName}…`;
+        }
+    }
+})();
+
 document.getElementById("btn-delete")?.addEventListener("click", deleteSelection);
 // Same handlers also bound to the top-toolbar icons so delete/spam work
 // regardless of whether a message is open in the viewer. Useful for quick

package/client/components/context-menu.js

@@ -33,7 +33,9 @@ export function showContextMenu(x, y, items) {
             continue;
         }
         const el = document.createElement("div");
-        el.className = "ctx-item" + (item.disabled ? " ctx-disabled" : "");
+        el.className = "ctx-item" + (item.disabled ? " ctx-disabled" : "") + (item.emphasized ? " ctx-emphasized" : "");
+        if (item.emphasized)
+            el.style.fontWeight = "600";
         el.textContent = item.label;
         if (item.tooltip)
             el.title = item.tooltip;

package/client/components/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","sourceRoot":"","sources":["context-menu.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"context-menu.js","sourceRoot":"","sources":["context-menu.ts"],"names":[],"mappings":"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"}

package/client/components/context-menu.ts

@@ -12,6 +12,9 @@ export interface MenuItem {
     action: () => void;
     disabled?: boolean;
     separator?: boolean;
+    /** Render bold, as the menu's default/primary action (e.g. "Move here"
+     *  in the right-drag menu, vs the secondary "Copy here"). */
+    emphasized?: boolean;
     /** Native browser tooltip shown on hover (title attribute). Use it
      *  to explain non-obvious side effects of an action — e.g., "skips
      *  Trash, no undo" so the user can tell two near-identical entries
@@ -50,7 +53,8 @@ export function showContextMenu(x: number, y: number, items: MenuItem[]): void {
             continue;
         }
         const el = document.createElement("div");
-        el.className = "ctx-item" + (item.disabled ? " ctx-disabled" : "");
+        el.className = "ctx-item" + (item.disabled ? " ctx-disabled" : "") + (item.emphasized ? " ctx-emphasized" : "");
+        if (item.emphasized) el.style.fontWeight = "600";
         el.textContent = item.label;
         if (item.tooltip) el.title = item.tooltip;
         if (!item.disabled) {

package/client/compose/compose.bundle.js

@@ -1019,6 +1019,7 @@ __export(api_client_exports, {
   connectEvents: () => connectEvents,
   connectWebSocket: () => connectWebSocket,
   consumePendingMailto: () => consumePendingMailto,
+  copyMessages: () => copyMessages,
   createCalendarEvent: () => createCalendarEvent,
   createFolder: () => createFolder,
   createTask: () => createTask,
@@ -1338,6 +1339,9 @@ function moveMessages(accountId, uids, targetFolderId, targetAccountId) {
 function markAsSpamMessages(accountId, uids) {
   return ipc().markAsSpamMessages?.(accountId, uids);
 }
+function copyMessages(accountId, uids, folderIds, targetFolderId) {
+  return ipc().copyMessages?.(accountId, uids, folderIds, targetFolderId);
+}
 function undeleteMessage(accountId, uid, folderId) {
   return ipc().undeleteMessage?.(accountId, uid, folderId);
 }
@@ -3461,7 +3465,9 @@ function showContextMenu(x, y, items) {
       continue;
     }
     const el = document.createElement("div");
-    el.className = "ctx-item" + (item.disabled ? " ctx-disabled" : "");
+    el.className = "ctx-item" + (item.disabled ? " ctx-disabled" : "") + (item.emphasized ? " ctx-emphasized" : "");
+    if (item.emphasized)
+      el.style.fontWeight = "600";
     el.textContent = item.label;
     if (item.tooltip)
       el.title = item.tooltip;