@bobfrankston/rmfmail 1.0.498 → 1.0.500

package/client/app.js

@@ -3,7 +3,7 @@
  * Wires together all UI components and WebSocket connection.
  */
 import { initFolderTree, refreshFolderTree, updateFolderCounts, setFolderSynced, getFolderSynced, setOutboxTotal } from "./components/folder-tree.js";
-import { initMessageList, loadMessages, loadUnifiedInbox, loadSearchResults, reloadCurrentFolder, clearSearchMode, getSelectedMessages, markBodiesCached, getCurrentFocused, releaseFocus, removeMessagesAndReconcile, setRowFlagged, scrollFocusedIntoView } from "./components/message-list.js";
+import { initMessageList, loadMessages, loadUnifiedInbox, loadSearchResults, reloadCurrentFolder, clearSearchMode, getSelectedMessages, markBodiesCached, getCurrentFocused, releaseFocus, removeMessagesAndReconcile, setRowFlagged, scrollFocusedIntoView, refreshPriorityIndex } from "./components/message-list.js";
 import { showMessage, getCurrentMessage, initViewer, popOutCurrentMessage, toggleFullscreenPreview, showPreviewBodyMenu } from "./components/message-viewer.js";
 import { connectWebSocket, onWsEvent, triggerSync, syncAccount, reauthenticate, getAccounts, getFolders, deleteMessages, undeleteMessage, restartServer, getSyncPending, getVersion, getSettings, saveSettings, getAutocompleteSettings, saveAutocompleteSettings, repairAccounts, updateFlags, markAsSpamMessages, logClientEvent, sendMessage as apiSendMessage } from "./lib/api-client.js";
 import * as messageState from "./lib/message-state.js";
@@ -1294,6 +1294,11 @@ function applyTheme(theme) {
     const radio = document.getElementById(`opt-theme-${theme}`);
     if (radio)
         radio.checked = true;
+    // Update the submenu's "current" badge so the user sees the choice
+    // without expanding.
+    const cur = document.getElementById("theme-submenu-current");
+    if (cur)
+        cur.textContent = theme.charAt(0).toUpperCase() + theme.slice(1);
 }
 // Restore saved theme + wire the Settings radios. Defaults to "system".
 (() => {
@@ -1310,6 +1315,24 @@ function applyTheme(theme) {
                 applyTheme(t);
         });
     }
+    // Wire the submenu toggle. Click to expand; click outside / on a radio closes.
+    const togBtn = document.getElementById("theme-submenu-toggle");
+    const popout = document.getElementById("theme-submenu-popout");
+    if (togBtn && popout) {
+        togBtn.addEventListener("click", (e) => {
+            e.stopPropagation();
+            const open = popout.hidden;
+            popout.hidden = !open;
+            togBtn.setAttribute("aria-expanded", String(open));
+        });
+        // Close on radio change so the menu doesn't linger after the choice.
+        popout.querySelectorAll('input[type="radio"]').forEach(r => {
+            r.addEventListener("change", () => {
+                popout.hidden = true;
+                togBtn.setAttribute("aria-expanded", "false");
+            });
+        });
+    }
 })();
 // Highlight the current rail target. For now just inbox is the default; once
 // calendar/tasks ship, update this on view change.
@@ -1329,6 +1352,47 @@ document.addEventListener("mailx-compose", ((e) => {
     }
 }));
 document.addEventListener("mailx-delete", () => deleteSelectedMessages());
+// Share / mailto intents (Android-side: MainActivity routes share-sheet
+// invocations and mailto: links here. Desktop has no equivalent today —
+// MSIX / Windows share-target requires packaging changes we deferred).
+// Payload: { action, text, subject, mailto }. Mailto URLs are parsed
+// (RFC 2368: mailto:to?subject=...&body=...&cc=...&bcc=...) and used to
+// pre-fill compose. Plain shares (text/url) drop into the body / subject.
+document.addEventListener("mailx-share-intent", ((e) => {
+    const detail = e.detail || {};
+    const init = { mode: "new", to: [], cc: [], bcc: [], subject: "", bodyHtml: "" };
+    if (detail.mailto) {
+        try {
+            const url = new URL(detail.mailto);
+            const to = decodeURIComponent(url.pathname).split(",").map((s) => s.trim()).filter(Boolean);
+            init.to = to;
+            const sp = url.searchParams;
+            const subj = sp.get("subject");
+            if (subj)
+                init.subject = subj;
+            const body = sp.get("body");
+            if (body)
+                init.bodyHtml = `<p>${body.replace(/\n/g, "<br>")}</p>`;
+            const cc = sp.get("cc");
+            if (cc)
+                init.cc = cc.split(",").map(s => s.trim()).filter(Boolean);
+            const bcc = sp.get("bcc");
+            if (bcc)
+                init.bcc = bcc.split(",").map(s => s.trim()).filter(Boolean);
+        }
+        catch { /* malformed mailto: — drop the URL into body so user can fix */
+            init.bodyHtml = `<p>${escapeHtml(detail.mailto)}</p>`;
+        }
+    }
+    else {
+        if (detail.subject)
+            init.subject = detail.subject;
+        if (detail.text)
+            init.bodyHtml = `<p>${escapeHtml(String(detail.text)).replace(/\n/g, "<br>")}</p>`;
+    }
+    sessionStorage.setItem("composeInit", JSON.stringify(init));
+    showComposeOverlay(init.subject || "Compose");
+}));
 // ── Search ──
 let searchTimeout;
 const searchInput = document.getElementById("search-input");
@@ -1785,6 +1849,10 @@ if (splitter) {
 }
 // ── WebSocket for live updates ──
 connectWebSocket();
+// Priority-sender index — fetch once on load. Refreshed on the contacts
+// configChanged event (below) so changes from another device propagate
+// without a full reload.
+refreshPriorityIndex().catch(() => { });
 onWsEvent((event) => {
     const statusSync = document.getElementById("status-sync");
     const startupStatus = document.getElementById("startup-status");
@@ -3172,6 +3240,23 @@ optFlagged?.addEventListener("change", () => {
     localStorage.setItem("mailx-flagged", String(optFlagged.checked));
     reloadCurrentFolder();
 });
+// Priority-senders-only filter — same pattern as flagged-only. Adds
+// .priority-only to the list body; CSS hides any row without .priority.
+const optPriorityOnly = document.getElementById("opt-priority-only");
+if (optPriorityOnly) {
+    optPriorityOnly.checked = localStorage.getItem("mailx-priority-only") === "true";
+    const body0 = document.getElementById("ml-body");
+    if (optPriorityOnly.checked)
+        body0?.classList.add("priority-only");
+    optPriorityOnly.addEventListener("change", () => {
+        const body = document.getElementById("ml-body");
+        if (optPriorityOnly.checked)
+            body?.classList.add("priority-only");
+        else
+            body?.classList.remove("priority-only");
+        localStorage.setItem("mailx-priority-only", String(optPriorityOnly.checked));
+    });
+}
 // Folder counts toggle
 optFolderCounts?.addEventListener("change", () => {
     const tree = document.getElementById("folder-tree");