@bobfrankston/rmfmail 1.2.127 → 1.2.128

package/client/app.ts

@@ -994,7 +994,15 @@ async function openCompose(mode: ComposeMode, overrideMsg?: any, overrideAccount
         mode === "editAsNew" ? "Edit as new" :
         "Compose";
     const titleSubject = mode === "new" ? "" : (msg?.subject || "");
-    const frame = showComposeOverlay(titleSubject ? `${titlePrefix}: ${titleSubject}` : titlePrefix);
+    const composeTitle = titleSubject ? `${titlePrefix}: ${titleSubject}` : titlePrefix;
+    // Default: compose/reply/forward open in their OWN OS window — an
+    // overlay covering the message list/preview is the thing Bob wants gone
+    // (2026-07-12 "the default on a reply should just be a separate window
+    // outside the frame"). Overlay remains: small screens, Android (no
+    // popout host), Settings toggle off, or daemon spawn failure.
+    const preferWindow = window.innerWidth > 768 && window.innerHeight > 600
+        && localStorage.getItem("mailx-compose-in-window") !== "0";
+    let frame: HTMLIFrameElement | null = preferWindow ? null : showComposeOverlay(composeTitle);
     // Now finish initialisation off the critical path — editor bootstrap
     // inside the iframe runs concurrently with this await.
     const accounts = await accountsP;
@@ -1202,6 +1210,18 @@ async function openCompose(mode: ComposeMode, overrideMsg?: any, overrideAccount
     // payload so the iframe can populate even when storage doesn't bridge.
     // sessionStorage remains as the fast-path for iframes that finish
     // loading before postMessage fires.
+    if (preferWindow && !frame) {
+        try {
+            const { popoutCompose } = await import("./lib/api-client.js");
+            const r = await popoutCompose(init);
+            if (r?.ok) return;
+            console.error("[compose] separate-window open failed — overlay fallback:", r?.reason);
+        } catch (e: any) {
+            console.error("[compose] separate-window open threw — overlay fallback:", e?.message || e);
+        }
+        frame = showComposeOverlay(composeTitle);
+    }
+
     const initJson = JSON.stringify(init);
     try { sessionStorage.setItem("composeInit", initJson); }
     catch (e: any) { console.error("[compose] sessionStorage.setItem failed:", e?.message || e); }
@@ -5254,6 +5274,12 @@ getSettings().then((s: any) => {
     if (optEditorQuill) optEditorQuill.checked = ed === "quill";
     if (optEditorTiptap) optEditorTiptap.checked = ed === "tiptap";
     if (optEditorTinymce) optEditorTinymce.checked = ed === "tinymce";
+    const cwEl = document.getElementById("opt-compose-window") as HTMLInputElement | null;
+    if (cwEl) {
+        const inWindow = s.ui?.composeInWindow !== false;
+        cwEl.checked = inWindow;
+        try { localStorage.setItem("mailx-compose-in-window", inWindow ? "1" : "0"); } catch { /* */ }
+    }
     const fontEl = document.getElementById("opt-compose-font-size") as HTMLInputElement | null;
     if (fontEl) {
         const px = Number(s.ui?.composeFontSize);
@@ -5261,6 +5287,15 @@ getSettings().then((s: any) => {
     }
 }).catch(() => {});
 
+document.getElementById("opt-compose-window")?.addEventListener("change", (e) => {
+    const on = (e.target as HTMLInputElement).checked;
+    try { localStorage.setItem("mailx-compose-in-window", on ? "1" : "0"); } catch { /* */ }
+    getSettings().then((settings: any) => {
+        settings.ui = { ...settings.ui, composeInWindow: on };
+        saveSettings(settings);
+    }).catch(() => {});
+});
+
 // Unified compose editing font size (px). Same sync-cache-then-persist shape
 // as saveEditorSetting: compose.ts reads `mailx-compose-font-size` from
 // localStorage at module load, so the very next compose-open is correct.

package/client/compose/compose.bundle.js

@@ -4054,13 +4054,19 @@ var ccInput = document.getElementById("compose-cc");
 var bccInput = document.getElementById("compose-bcc");
 var subjectInput = document.getElementById("compose-subject");
 function autoGrowAddrInput(el) {
-  if (!el) return;
+  if (!el || el.offsetParent === null) return;
   el.style.height = "auto";
   const max = 8 * 22;
   el.style.height = Math.min(el.scrollHeight, max) + "px";
   if (el.scrollHeight > max) el.style.overflowY = "auto";
   else el.style.overflowY = "hidden";
 }
+function autoGrowAllAddrInputs() {
+  autoGrowAllAddrInputs();
+  requestAnimationFrame(() => requestAnimationFrame(autoGrowAllAddrInputs));
+  setTimeout(autoGrowAllAddrInputs, 250);
+}
+window.addEventListener("resize", () => autoGrowAllAddrInputs());
 function parseRecipientSegment(seg) {
   const s = (seg || "").trim();
   if (!s) return null;
@@ -5255,11 +5261,13 @@ var toggleBccBtn = document.getElementById("btn-toggle-bcc");
 function setCcVisible(visible) {
   ccRow.hidden = !visible;
   toggleCcBtn.classList.toggle("active", visible);
+  if (visible) autoGrowAddrInput(ccInput);
   if (visible) ccInput.focus();
 }
 function setBccVisible(visible) {
   bccRow.hidden = !visible;
   toggleBccBtn.classList.toggle("active", visible);
+  if (visible) autoGrowAddrInput(bccInput);
   if (visible) bccInput.focus();
 }
 toggleCcBtn?.addEventListener("click", () => setCcVisible(!!ccRow.hidden));