@bobfrankston/rmfmail 1.2.98 → 1.2.101

package/client/app.js

@@ -710,6 +710,31 @@ document.getElementById("btn-back")?.addEventListener("click", backToList);
 // Android WebView sometimes drops synthetic clicks after a touchend inside a
 // header bar layered above the iframe — handle touchend explicitly too.
 document.getElementById("btn-back")?.addEventListener("touchend", backToList);
+// ── Fold/unfold (and any window resize) layout reconcile ──
+// narrow-active/narrow-hidden are otherwise only set when a message is
+// CLICKED while already narrow. Opening a message on the Fold's inner
+// screen (wide, two panes) and then folding to the cover screen crossed
+// into the narrow layout with neither class set — the viewer vanished and
+// there was no back-to-inbox button (Bob 2026-07-03). Reconcile on every
+// tier crossing: into narrow with a message open → full-screen viewer +
+// back button, exactly as if it had been opened narrow; out of narrow →
+// both panes, classes off. matchMedia mirrors layout.css's narrow query
+// (768px width OR 600px height) so JS and CSS agree on the tier.
+const narrowMq = window.matchMedia("(max-width: 768px), (max-height: 600px)");
+narrowMq.addEventListener("change", () => {
+    const viewer = document.getElementById("message-viewer");
+    const list = document.getElementById("message-list");
+    if (narrowMq.matches) {
+        if (getCurrentMessage()) {
+            viewer?.classList.add("narrow-active");
+            list?.classList.add("narrow-hidden");
+        }
+    }
+    else {
+        viewer?.classList.remove("narrow-active");
+        list?.classList.remove("narrow-hidden");
+    }
+});
 // Pop-out viewer button — desktop spawns a floating overlay (multiple at
 // once), mobile toggles `body.viewer-fullscreen` for full-screen reading.
 // Threshold and behavior live in popOutCurrentMessage.
@@ -4076,6 +4101,7 @@ function openShortcutsDialog() {
 const viewBtn = document.getElementById("btn-view");
 const viewDropdown = document.getElementById("view-dropdown");
 const optTwoLine = document.getElementById("opt-two-line");
+const optEleanor = document.getElementById("opt-eleanor");
 const optPreview = document.getElementById("opt-preview");
 const optSnippet = document.getElementById("opt-snippet");
 const optFlagStars = document.getElementById("opt-flag-stars");
@@ -4268,6 +4294,7 @@ document.addEventListener("keydown", (e) => {
 });
 // Restore saved view settings
 const savedTwoLine = localStorage.getItem("mailx-two-line") === "true";
+const savedEleanor = localStorage.getItem("mailx-eleanor-view") === "true";
 const savedPreview = localStorage.getItem("mailx-preview") !== "false"; // default true
 const savedSnippet = localStorage.getItem("mailx-snippet") !== "false"; // default true
 const savedFlagStars = localStorage.getItem("mailx-flag-stars") !== "false"; // default true (show)
@@ -4285,6 +4312,8 @@ catch { /* private mode */ }
 const savedFolderCounts = localStorage.getItem("mailx-folder-counts") === "true";
 if (optTwoLine)
     optTwoLine.checked = savedTwoLine;
+if (optEleanor)
+    optEleanor.checked = savedEleanor;
 if (optPreview)
     optPreview.checked = savedPreview;
 if (optSnippet)
@@ -4299,6 +4328,8 @@ if (optFolderCounts)
     optFolderCounts.checked = savedFolderCounts;
 if (savedTwoLine)
     document.getElementById("message-list")?.classList.add("two-line");
+if (savedEleanor)
+    document.getElementById("message-list")?.classList.add("eleanor-view");
 if (!savedPreview)
     document.querySelector(".main-area")?.classList.add("no-preview");
 if (!savedSnippet)
@@ -4511,6 +4542,38 @@ optTwoLine?.addEventListener("change", () => {
     }
     localStorage.setItem("mailx-two-line", String(optTwoLine.checked));
 });
+// Eleanor view toggle — Thunderbird-classic one-line summary list
+// (★ | Subject | From | Date, whitespace, monochrome). Pure CSS class;
+// the row markup is unchanged. TODO.md: generalize into per-column view
+// control instead of a named preset.
+function applyEleanorView(on) {
+    document.getElementById("message-list")?.classList.toggle("eleanor-view", on);
+    if (optEleanor)
+        optEleanor.checked = on;
+    try {
+        localStorage.setItem("mailx-eleanor-view", String(on));
+    }
+    catch { /* private mode */ }
+}
+optEleanor?.addEventListener("change", () => {
+    applyEleanorView(optEleanor.checked);
+    // Mirror to preferences.jsonc (ui.eleanorView) so the choice follows the
+    // shared config across machines; localStorage stays the synchronous
+    // first-paint cache, same split as the editor setting.
+    getSettings().then((settings) => {
+        settings.ui = { ...settings.ui, eleanorView: optEleanor.checked };
+        saveSettings(settings);
+    }).catch(() => { });
+});
+// A ui.eleanorView value in preferences.jsonc wins over the local cache once
+// it arrives — so the view can be enabled by editing the shared config file
+// directly, without touching the View menu on that machine.
+getSettings().then((s) => {
+    const pref = s.ui?.eleanorView;
+    if (typeof pref === "boolean" && pref !== (localStorage.getItem("mailx-eleanor-view") === "true")) {
+        applyEleanorView(pref);
+    }
+}).catch(() => { });
 // Preview pane toggle
 optPreview?.addEventListener("change", () => {
     const main = document.querySelector(".main-area");