@bobfrankston/rmfmail 1.2.126 → 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

@@ -1043,6 +1043,7 @@ __export(api_client_exports, {
   deleteTask: () => deleteTask,
   drainStoreSync: () => drainStoreSync,
   emptyFolder: () => emptyFolder,
+  fetchImageAsDataUri: () => fetchImageAsDataUri,
   flagSenderOrDomain: () => flagSenderOrDomain,
   formatJsonc: () => formatJsonc,
   getAccounts: () => getAccounts,
@@ -1645,6 +1646,10 @@ function closeComposePopout(id) {
   const fn = ipc().closeComposePopout;
   return fn ? fn(id) : Promise.resolve({ ok: false });
 }
+function fetchImageAsDataUri(url) {
+  const fn = ipc().fetchImageAsDataUri;
+  return fn ? fn(url) : Promise.resolve({ error: "no bridge" });
+}
 async function popoutMainWindow(accountId, folderId, name) {
   const fn = ipc().popoutMainWindow;
   if (!fn)
@@ -4049,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;
@@ -4786,8 +4797,39 @@ async function saveDraft2() {
     draftSaving = false;
   }
 }
+function editorBodyEl() {
+  const ne = editor?.nativeEditor;
+  if (ne?.getBody) {
+    try {
+      return ne.getBody();
+    } catch {
+    }
+  }
+  return document.querySelector(".ql-editor") || document.querySelector(".tt-content .tiptap");
+}
+var INLINE_CHECKED_ATTR = "data-mailx-inline-checked";
+async function inlinePastedRemoteImages() {
+  const body = editorBodyEl();
+  if (!body) return;
+  const imgs = Array.from(body.querySelectorAll(`img[src^="http"]:not([${INLINE_CHECKED_ATTR}])`));
+  for (const img of imgs) {
+    img.setAttribute(INLINE_CHECKED_ATTR, "1");
+    const src = img.getAttribute("src") || "";
+    try {
+      const { fetchImageAsDataUri: fetchImageAsDataUri2 } = await Promise.resolve().then(() => (init_api_client(), api_client_exports));
+      const r = await fetchImageAsDataUri2(src);
+      if (r?.dataUri) {
+        img.setAttribute("src", r.dataUri);
+      } else if (r?.error) {
+        img.setAttribute("title", `Remote image kept as a link (${r.error})`);
+      }
+    } catch {
+    }
+  }
+}
 function scheduleDraftSave() {
   markComposeDirty();
+  void inlinePastedRemoteImages();
   if (draftDebounceTimer) clearTimeout(draftDebounceTimer);
   draftDebounceTimer = setTimeout(() => {
     draftDebounceTimer = null;
@@ -5219,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));