@bobfrankston/rmfmail 1.1.248 → 1.1.249

package/client/app.bundle.js

@@ -26,6 +26,7 @@ __export(api_client_exports, {
   connectEvents: () => connectEvents,
   connectWebSocket: () => connectWebSocket,
   consumePendingMailto: () => consumePendingMailto,
+  copyMessages: () => copyMessages,
   createCalendarEvent: () => createCalendarEvent,
   createFolder: () => createFolder,
   createTask: () => createTask,
@@ -345,6 +346,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);
 }
@@ -652,7 +656,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;
@@ -8106,6 +8112,128 @@ async function performUndo() {
 document.addEventListener("mailx-moved", (e) => {
   pushUndo({ kind: "move", at: Date.now(), payload: e.detail });
 });
+(() => {
+  const SLOP = 6;
+  let cand = null;
+  let active = false;
+  let ghost = null;
+  let suppressContext = false;
+  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, y) => document.elementFromPoint(x, y)?.closest?.(".ft-folder") || null;
+  const clearOver = () => document.querySelectorAll(".ft-folder.rmf-rdrag-over").forEach((el) => el.classList.remove("rmf-rdrag-over"));
+  const cleanup = () => {
+    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?.closest?.(".ml-row");
+    if (!row) return;
+    const pressed = {
+      accountId: row.dataset.accountId || "",
+      uid: Number(row.dataset.uid),
+      folderId: Number(row.dataset.folderId)
+    };
+    if (!pressed.uid) return;
+    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;
+    suppressContext = true;
+    if (!folder) return;
+    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);
+  document.addEventListener("contextmenu", (e) => {
+    if (suppressContext) {
+      e.preventDefault();
+      e.stopPropagation();
+      suppressContext = false;
+    }
+  }, true);
+  async function showRightDragMenu(x, y, msgs, targetAccount, targetFolderId, targetName) {
+    const { showContextMenu: showContextMenu2 } = await Promise.resolve().then(() => (init_context_menu(), context_menu_exports));
+    const n = msgs.length;
+    const label = n === 1 ? "message" : `${n} messages`;
+    showContextMenu2(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, targetAccount, targetFolderId, targetName, op) {
+    const status = document.getElementById("status-sync");
+    const api = await Promise.resolve().then(() => (init_api_client(), api_client_exports));
+    const byAccount = /* @__PURE__ */ new Map();
+    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") {
+      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 ? void 0 : targetAccount;
+        api.moveMessages(src, g.uids, targetFolderId, targetAcct)?.catch?.((err) => {
+          if (status) status.textContent = `Move failed: ${err?.message || err}`;
+        });
+      }
+      if (status) status.textContent = `Moved ${msgs.length} to ${targetName} \u2014 Ctrl+Z to undo`;
+    } else {
+      let skippedXacct = false;
+      for (const [src, g] of byAccount) {
+        if (src !== targetAccount) {
+          skippedXacct = true;
+          continue;
+        }
+        api.copyMessages(src, g.uids, g.folderIds, targetFolderId)?.catch?.((err) => {
+          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}\u2026`;
+    }
+  }
+})();
 document.getElementById("btn-delete")?.addEventListener("click", deleteSelection);
 document.getElementById("btn-tb-delete")?.addEventListener("click", deleteSelection);
 document.getElementById("btn-tb-spam")?.addEventListener("click", spamSelectedMessages);