@bobfrankston/rmfmail 1.1.215 → 1.1.217

package/client/app.bundle.js

@@ -1814,6 +1814,33 @@ async function showMessage(accountId, uid, folderId, specialUse, isRetry = false
     attEl.hidden = true;
     if (msg.attachments?.length) {
       attEl.hidden = false;
+      const saveAttachmentAt = async (idx) => {
+        const a0 = msg.attachments[idx];
+        try {
+          const data = await getAttachment(accountId, uid, idx, msg.folderId);
+          const bytes = Uint8Array.from(atob(data.content), (c) => c.charCodeAt(0));
+          const blob = new Blob([bytes], { type: data.contentType || "application/octet-stream" });
+          const url = URL.createObjectURL(blob);
+          const a = document.createElement("a");
+          a.href = url;
+          a.download = a0.filename || "attachment";
+          a.style.display = "none";
+          document.body.appendChild(a);
+          a.click();
+          setTimeout(() => {
+            a.remove();
+            URL.revokeObjectURL(url);
+          }, 5e3);
+        } catch (err) {
+          window.dispatchEvent(new CustomEvent("mailx-alert", { detail: { message: `Couldn't save "${a0.filename}": ${err?.message || err}`, key: "attachment-save" } }));
+        }
+      };
+      const saveAllAttachments = async () => {
+        for (let k = 0; k < msg.attachments.length; k++) {
+          await saveAttachmentAt(k);
+          await new Promise((r) => setTimeout(r, 300));
+        }
+      };
       for (let i = 0; i < msg.attachments.length; i++) {
         const att = msg.attachments[i];
         const chip = document.createElement("button");
@@ -1885,6 +1912,22 @@ async function showMessage(accountId, uid, folderId, specialUse, isRetry = false
             console.error(`Attachment drag-out failed: ${err.message || err}`);
           }
         });
+        chip.addEventListener("contextmenu", (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          const items = [
+            { label: "Open", action: () => chip.click() },
+            { label: `Save "${att.filename}"\u2026`, action: () => {
+              void saveAttachmentAt(i);
+            } }
+          ];
+          if (msg.attachments.length > 1) {
+            items.push({ label: `Save all (${msg.attachments.length})\u2026`, action: () => {
+              void saveAllAttachments();
+            } });
+          }
+          showContextMenu(e.clientX, e.clientY, items);
+        });
         attEl.appendChild(chip);
       }
     }
@@ -2693,19 +2736,30 @@ function currentViewKey() {
 }
 function withScrollAnchor(body, doRender) {
   const scrollTop = body.scrollTop;
-  if (scrollTop < 4) {
-    doRender();
-    return;
-  }
-  const rowsBefore = Array.from(body.querySelectorAll(".ml-row"));
+  const viewportH = body.clientHeight;
   let anchorUuid = "";
   let anchorOffsetWithinViewport = 0;
-  for (const r of rowsBefore) {
-    const visualTop = r.offsetTop - scrollTop;
-    if (visualTop >= 0) {
-      anchorUuid = r.dataset.uuid || "";
-      anchorOffsetWithinViewport = visualTop;
-      break;
+  const selected = body.querySelector(".ml-row.selected");
+  if (selected) {
+    const vt = selected.offsetTop - scrollTop;
+    if (vt > -selected.offsetHeight && vt < viewportH) {
+      anchorUuid = selected.dataset.uuid || "";
+      anchorOffsetWithinViewport = vt;
+    }
+  }
+  if (!anchorUuid) {
+    if (scrollTop < 4) {
+      doRender();
+      return;
+    }
+    const rowsBefore = Array.from(body.querySelectorAll(".ml-row"));
+    for (const r of rowsBefore) {
+      const visualTop = r.offsetTop - scrollTop;
+      if (visualTop >= 0) {
+        anchorUuid = r.dataset.uuid || "";
+        anchorOffsetWithinViewport = visualTop;
+        break;
+      }
     }
   }
   doRender();