@bobfrankston/rmfmail 1.2.127 → 1.2.129

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

@@ -3851,10 +3851,15 @@ async function loadEditorAssets(type) {
 }
 var editorType = "quill";
 var appSettings = null;
-try {
-  const cached = localStorage.getItem("mailx-editor-type");
-  if (cached === "tiptap" || cached === "quill" || cached === "tinymce") editorType = cached;
-} catch {
+var __bootUi = window.__rmfBootSettings?.ui || null;
+if (__bootUi?.editor === "tiptap" || __bootUi?.editor === "quill" || __bootUi?.editor === "tinymce") {
+  editorType = __bootUi.editor;
+} else {
+  try {
+    const cached = localStorage.getItem("mailx-editor-type");
+    if (cached === "tiptap" || cached === "quill" || cached === "tinymce") editorType = cached;
+  } catch {
+  }
 }
 var COMPOSE_FONT_MIN_PX = 8;
 var COMPOSE_FONT_MAX_PX = 32;
@@ -3864,7 +3869,8 @@ function applyComposeFontSize(px) {
   document.documentElement.style.setProperty("--compose-font-size", `${px}px`);
 }
 try {
-  applyComposeFontSize(Number(localStorage.getItem("mailx-compose-font-size")));
+  const bootFont = Number(__bootUi?.composeFontSize);
+  applyComposeFontSize(Number.isFinite(bootFont) && bootFont > 0 ? bootFont : Number(localStorage.getItem("mailx-compose-font-size")));
 } catch {
   applyComposeFontSize(COMPOSE_FONT_DEFAULT_PX);
 }
@@ -4054,13 +4060,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 +5267,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));