@bobfrankston/rmfmail 1.2.260 → 1.2.263

package/client/app.bundle.js

@@ -2236,6 +2236,9 @@ function installPreviewControls(iframe) {
     const doc = iframe.contentDocument;
     if (!doc)
       return;
+    if (doc.__mvControlsBound)
+      return;
+    doc.__mvControlsBound = true;
     applyZoom(doc);
     refreshSearchHighlight(iframe, true);
     doc.addEventListener("keydown", (e) => {
@@ -2280,10 +2283,9 @@ function installPreviewControls(iframe) {
       setZoom(previewZoom + (e.deltaY < 0 ? ZOOM_STEP : -ZOOM_STEP), doc);
     }, { passive: false });
   };
+  iframe.addEventListener("load", attach);
   if (iframe.contentDocument?.readyState === "complete")
     attach();
-  else
-    iframe.addEventListener("load", attach, { once: true });
   queueMicrotask(() => {
     const doc = iframe.contentDocument;
     if (!doc)
@@ -2566,16 +2568,7 @@ async function showMessage(accountId, uid, folderId, specialUse, isRetry = false
     const fromEl = headerEl.querySelector(".mv-from");
     const toEl = headerEl.querySelector(".mv-to");
     fromEl.textContent = formatAddr(msg.from);
-    let toLine = `To: ${msg.to.map(formatAddr).join(", ")}`;
-    if (msg.cc?.length)
-      toLine += `  Cc: ${msg.cc.map(formatAddr).join(", ")}`;
-    const toAddrs = (msg.to || []).map((a) => a.address.toLowerCase());
-    const ccAddrs = (msg.cc || []).map((a) => a.address.toLowerCase());
-    const dt = (msg.deliveredTo || "").toLowerCase();
-    if (msg.deliveredTo && !toAddrs.includes(dt) && !ccAddrs.includes(dt)) {
-      toLine += `  Delivered-To: ${msg.deliveredTo}`;
-    }
-    toEl.textContent = toLine;
+    setRecipientLine(toEl, msg.to, msg.cc, msg.deliveredTo);
     headerEl.querySelector(".mv-subject").textContent = msg.subject;
     document.dispatchEvent(new CustomEvent("mailx-message-shown", { detail: { accountId } }));
     for (const el of [fromEl, toEl]) {
@@ -2583,7 +2576,9 @@ async function showMessage(accountId, uid, folderId, specialUse, isRetry = false
         e.preventDefault();
         const me = e;
         const items = [];
-        const addrs = el === fromEl ? [msg.from] : [...msg.to || [], ...msg.cc || []];
+        const allAddrs = el === fromEl ? [msg.from] : [...msg.to || [], ...msg.cc || []];
+        const addrs = allAddrs.slice(0, CONTEXT_MENU_ADDR_CAP);
+        const omitted = allAddrs.length - addrs.length;
         for (const addr of addrs) {
           if (!addr?.address)
             continue;
@@ -2658,6 +2653,14 @@ async function showMessage(accountId, uid, folderId, specialUse, isRetry = false
           items.push({ label: "", action: () => {
           }, separator: true });
         }
+        if (omitted > 0) {
+          items.push({
+            label: `\u2026 ${omitted} more recipients \u2014 copy the whole list`,
+            action: () => navigator.clipboard.writeText(allAddrs.map(formatAddr).join(", "))
+          });
+          items.push({ label: "", action: () => {
+          }, separator: true });
+        }
         items.push({ label: "Reply", action: () => document.dispatchEvent(new CustomEvent("mailx-compose", { detail: { mode: "reply" } })) });
         items.push({ label: "Reply All", action: () => document.dispatchEvent(new CustomEvent("mailx-compose", { detail: { mode: "replyAll" } })) });
         items.push({ label: "Forward", action: () => document.dispatchEvent(new CustomEvent("mailx-compose", { detail: { mode: "forward" } })) });
@@ -3242,6 +3245,40 @@ function formatAddr(addr) {
     return `${addr.name} <${addr.address}>`;
   return addr.address;
 }
+function setRecipientLine(toEl, to, cc, deliveredTo) {
+  const toList = to || [];
+  const ccList = cc || [];
+  let line = `To: ${toList.map(formatAddr).join(", ")}`;
+  if (ccList.length)
+    line += `  Cc: ${ccList.map(formatAddr).join(", ")}`;
+  if (deliveredTo) {
+    const dt = deliveredTo.toLowerCase();
+    const covered = [...toList, ...ccList].some((a) => a.address.toLowerCase() === dt);
+    if (!covered)
+      line += `  Delivered-To: ${deliveredTo}`;
+  }
+  toEl.textContent = "";
+  toEl.classList.remove("mv-to-expanded");
+  const text = document.createElement("span");
+  text.className = "mv-to-text";
+  text.textContent = line;
+  toEl.append(text);
+  const count = toList.length + ccList.length;
+  const clamped = text.scrollHeight > text.clientHeight + 1;
+  if (count <= MANY_RECIPIENTS && !clamped)
+    return;
+  const toggle = document.createElement("button");
+  toggle.className = "mv-to-toggle";
+  toggle.type = "button";
+  const label = count === 1 ? "1 recipient" : `${count} recipients`;
+  const paint = (open) => {
+    toggle.textContent = `${open ? "\u25BE" : "\u25B8"} ${label}`;
+    toggle.title = open ? "Collapse the recipient list" : "Show the full recipient list";
+  };
+  paint(false);
+  toggle.addEventListener("click", () => paint(toEl.classList.toggle("mv-to-expanded")));
+  toEl.append(toggle);
+}
 function renderHeaderFromEnvelope(headerEl, env) {
   headerEl.hidden = false;
   const fromEl = headerEl.querySelector(".mv-from");
@@ -3250,12 +3287,8 @@ function renderHeaderFromEnvelope(headerEl, env) {
   const dateEl = headerEl.querySelector(".mv-date");
   if (fromEl)
     fromEl.textContent = formatAddr(env.from);
-  if (toEl) {
-    let toLine = `To: ${(env.to || []).map(formatAddr).join(", ")}`;
-    if (env.cc?.length)
-      toLine += `  Cc: ${env.cc.map(formatAddr).join(", ")}`;
-    toEl.textContent = toLine;
-  }
+  if (toEl)
+    setRecipientLine(toEl, env.to, env.cc);
   if (subjEl)
     subjEl.textContent = env.subject || "";
   if (dateEl) {
@@ -4025,7 +4058,7 @@ function spawnDesktopPopout(msg, accountId) {
 function escapeHtmlLocal(s) {
   return (s || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-var pendingImageCopies, imageCopySeq, IMAGE_COPY_TIMEOUT_MS, currentMessage, currentAccountId, dragOutUrls, showMessageGeneration, retryCount, lastEnvelope, PARSED_CACHE_LIMIT, parsedCache, sessionAllowedRemote, recentFetchErrors, WAIT_GIVE_UP_SECS, ZOOM_KEY, ZOOM_MIN, ZOOM_MAX, ZOOM_STEP, previewZoom, HIGHLIGHT_NAME, HIGHLIGHT_MAX, searchHighlightTerms, RENDER_MARK_KEY, RENDER_MARK_MAX_AGE_MS, poisonedMessages, renderKey, PROGRESSIVE_TEXT_THRESHOLD, TEXT_CHUNK_BYTES;
+var pendingImageCopies, imageCopySeq, IMAGE_COPY_TIMEOUT_MS, currentMessage, currentAccountId, dragOutUrls, showMessageGeneration, retryCount, lastEnvelope, PARSED_CACHE_LIMIT, parsedCache, sessionAllowedRemote, recentFetchErrors, WAIT_GIVE_UP_SECS, ZOOM_KEY, ZOOM_MIN, ZOOM_MAX, ZOOM_STEP, previewZoom, HIGHLIGHT_NAME, HIGHLIGHT_MAX, searchHighlightTerms, RENDER_MARK_KEY, RENDER_MARK_MAX_AGE_MS, poisonedMessages, renderKey, MANY_RECIPIENTS, CONTEXT_MENU_ADDR_CAP, PROGRESSIVE_TEXT_THRESHOLD, TEXT_CHUNK_BYTES;
 var init_message_viewer = __esm({
   "client/components/message-viewer.js"() {
     "use strict";
@@ -4109,6 +4142,8 @@ var init_message_viewer = __esm({
       } catch {
       }
     })();
+    MANY_RECIPIENTS = 6;
+    CONTEXT_MENU_ADDR_CAP = 12;
     PROGRESSIVE_TEXT_THRESHOLD = 200 * 1024;
     TEXT_CHUNK_BYTES = 64 * 1024;
     subscribeStore("*", (ev) => {