@bobfrankston/rmfmail 1.2.243 → 1.2.245

package/client/app.bundle.js

@@ -1621,6 +1621,24 @@ var init_address_book = __esm({
 });
 
 // client/components/message-viewer.js
+var message_viewer_exports = {};
+__export(message_viewer_exports, {
+  clearViewer: () => clearViewer,
+  getCurrentMessage: () => getCurrentMessage,
+  initViewer: () => initViewer,
+  invalidateParsedCache: () => invalidateParsedCache,
+  popOutCurrentMessage: () => popOutCurrentMessage,
+  popOutToWindow: () => popOutToWindow,
+  printCurrentMessage: () => printCurrentMessage,
+  printMessage: () => printMessage,
+  saveCurrentMessageAsEml: () => saveCurrentMessageAsEml,
+  saveCurrentMessageAsHtml: () => saveCurrentMessageAsHtml,
+  showMessage: () => showMessage,
+  showPreviewBodyMenu: () => showPreviewBodyMenu,
+  spawnDesktopPopout: () => spawnDesktopPopout,
+  toggleFullscreenPreview: () => toggleFullscreenPreview,
+  wrapHtmlBody: () => wrapHtmlBody
+});
 function parsedCacheGet(accountId, folderId, uid) {
   if (folderId == null)
     return null;
@@ -3607,30 +3625,6 @@ function spawnDesktopPopout(msg, accountId) {
   closeBtn.addEventListener("mouseleave", () => closeBtn.style.color = "#666");
   closeBtn.addEventListener("click", () => wrapper.remove());
   titleBar.appendChild(closeBtn);
-  const actions = document.createElement("div");
-  actions.style.cssText = "display:flex;gap:4px;padding:6px 10px;border-bottom:1px solid var(--color-border, #ddd);flex-shrink:0;flex-wrap:wrap;";
-  const compose = (mode) => {
-    document.dispatchEvent(new CustomEvent("mailx-compose", {
-      detail: { mode, message: msg, accountId }
-    }));
-  };
-  const mkBtn = (label, title, onClick) => {
-    const b = document.createElement("button");
-    b.className = "tb-btn";
-    b.textContent = label;
-    b.title = title;
-    b.style.cssText = "padding:3px 10px;font-size:13px;cursor:pointer;";
-    b.addEventListener("click", onClick);
-    return b;
-  };
-  actions.appendChild(mkBtn("\u21A9 Reply", "Reply to the sender of this message", () => compose("reply")));
-  actions.appendChild(mkBtn("\u21A9\u21A9 Reply All", "Reply to everyone on this message", () => compose("replyAll")));
-  actions.appendChild(mkBtn("\u2192 Forward", "Forward this message", () => compose("forward")));
-  actions.appendChild(mkBtn("\u270E Edit as new", "Open a copy of this message in compose \u2014 the way to rework and resend one you sent", () => compose("editAsNew")));
-  const spacer = document.createElement("span");
-  spacer.style.cssText = "flex:1;";
-  actions.appendChild(spacer);
-  actions.appendChild(mkBtn("\u{1F5A8}", "Print this message", () => printMessage(msg)));
   const headerInfo = document.createElement("div");
   headerInfo.style.cssText = "padding:8px 12px;border-bottom:1px solid var(--color-border, #ddd);font-size:13px;line-height:1.4;flex-shrink:0;";
   const formatAddrLocal = (a) => a.name ? `${a.name} <${a.address}>` : a.address;
@@ -3721,7 +3715,6 @@ function spawnDesktopPopout(msg, accountId) {
     wrapper.remove();
   }));
   wrapper.appendChild(titleBar);
-  wrapper.appendChild(actions);
   wrapper.appendChild(headerInfo);
   wrapper.appendChild(toolbar);
   wrapper.appendChild(bodyContainer);
@@ -13262,56 +13255,9 @@ document.addEventListener("mailx-popout-message", (async (e) => {
     showComposeOverlay(msg.subject ? `Edit: ${msg.subject}` : "Edit draft");
     return;
   }
-  const wrapper = document.createElement("div");
-  wrapper.className = "popout-overlay";
-  wrapper.style.cssText = "position:fixed;top:5vh;right:5vw;width:min(900px,60vw);height:min(800px,80vh);z-index:1500;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 8px 32px rgba(0,0,0,0.3);display:flex;flex-direction:column;resize:both;overflow:hidden;";
-  const header = document.createElement("div");
-  header.style.cssText = "display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);font-weight:600;cursor:move;";
-  const title = document.createElement("span");
-  title.textContent = subject || "(no subject)";
-  title.style.cssText = "flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;";
-  const closeBtn = document.createElement("button");
-  closeBtn.textContent = "\xD7";
-  closeBtn.style.cssText = "background:none;border:none;font-size:1.4rem;cursor:pointer;padding:0 8px;";
-  closeBtn.addEventListener("click", () => wrapper.remove());
-  header.appendChild(title);
-  header.appendChild(closeBtn);
-  const meta = document.createElement("div");
-  meta.style.cssText = "padding:8px 12px;border-bottom:1px solid var(--color-border);font-size:0.9rem;color:var(--color-text-muted);";
-  meta.innerHTML = `<div><b>From:</b> ${escapeHtmlBasic(msg.from?.name || "")} &lt;${escapeHtmlBasic(msg.from?.address || "")}&gt;</div>
-                      <div><b>To:</b> ${(msg.to || []).map((a) => escapeHtmlBasic(`${a.name || ""} <${a.address}>`)).join(", ")}</div>
-                      ${msg.cc?.length ? `<div><b>Cc:</b> ${msg.cc.map((a) => escapeHtmlBasic(`${a.name || ""} <${a.address}>`)).join(", ")}</div>` : ""}
-                      <div><b>Date:</b> ${new Date(msg.date).toLocaleString()}</div>`;
-  const body = document.createElement("iframe");
-  body.style.cssText = "flex:1;border:none;width:100%;background:#fff;";
-  body.sandbox.add("allow-same-origin");
-  wrapper.appendChild(header);
-  wrapper.appendChild(meta);
-  wrapper.appendChild(body);
-  document.body.appendChild(wrapper);
-  body.srcdoc = msg.bodyHtml ? wrapHtmlBody(msg.bodyHtml, !!msg.remoteAllowed) : `<!DOCTYPE html><html><head><style>body{font-family:system-ui,sans-serif;font-size:17.5px;line-height:1.5;color:#1a1a2e;padding:1rem;margin:0;}pre{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:inherit;margin:0;}</style></head><body><pre>${escapeHtmlBasic(msg.bodyText || "(no body)")}</pre></body></html>`;
-  let dragX = 0, dragY = 0, dragging = false;
-  header.addEventListener("mousedown", (de) => {
-    if (de.target.tagName === "BUTTON") return;
-    dragging = true;
-    const rect = wrapper.getBoundingClientRect();
-    dragX = de.clientX - rect.left;
-    dragY = de.clientY - rect.top;
-    de.preventDefault();
-  });
-  document.addEventListener("mousemove", (de) => {
-    if (!dragging) return;
-    wrapper.style.left = `${de.clientX - dragX}px`;
-    wrapper.style.top = `${de.clientY - dragY}px`;
-    wrapper.style.right = "auto";
-  });
-  document.addEventListener("mouseup", () => {
-    dragging = false;
-  });
+  const { spawnDesktopPopout: spawnDesktopPopout2 } = await Promise.resolve().then(() => (init_message_viewer(), message_viewer_exports));
+  spawnDesktopPopout2(msg, accountId);
 }));
-function escapeHtmlBasic(s) {
-  return (s || "").replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
-}
 document.getElementById("status-queue")?.addEventListener("click", async () => {
   try {
     const { openOutboxView: openOutboxView2 } = await Promise.resolve().then(() => (init_outbox_view(), outbox_view_exports));