@bobfrankston/mailx 1.0.190 → 1.0.191

package/client/app.js

@@ -346,34 +346,46 @@ async function openCompose(mode) {
     showComposeOverlay();
 }
 function showComposeOverlay() {
-    // Remove existing overlay if any
-    document.getElementById("compose-overlay")?.remove();
-    const overlay = document.createElement("div");
-    overlay.id = "compose-overlay";
-    overlay.style.cssText = "position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;";
+    // Wrapper div for iframe + close button
+    const wrapper = document.createElement("div");
+    wrapper.className = "compose-overlay";
+    wrapper.style.cssText = "position:fixed;bottom:0;right:16px;width:min(900px,55vw);height:min(700px,70vh);z-index:1000;border-radius:8px 8px 0 0;box-shadow:0 -4px 24px rgba(0,0,0,0.3);display:flex;flex-direction:column;";
+    // Close button
+    const closeBtn = document.createElement("button");
+    closeBtn.textContent = "✕";
+    closeBtn.title = "Close compose";
+    closeBtn.style.cssText = "position:absolute;top:4px;right:8px;z-index:1001;background:none;border:none;font-size:18px;cursor:pointer;color:#666;padding:2px 6px;border-radius:4px;";
+    closeBtn.addEventListener("mouseenter", () => closeBtn.style.color = "#c00");
+    closeBtn.addEventListener("mouseleave", () => closeBtn.style.color = "#666");
+    closeBtn.addEventListener("click", () => {
+        // Trigger draft save in the iframe before closing
+        try {
+            const win = frame.contentWindow;
+            if (win) {
+                // Dispatch a custom event that compose.ts can listen to
+                win.dispatchEvent(new Event("compose-save-and-close"));
+            }
+        }
+        catch { /* cross-origin */ }
+        // Give the draft save a moment, then close
+        setTimeout(() => wrapper.remove(), 500);
+    });
     const frame = document.createElement("iframe");
     frame.src = "compose/compose.html";
-    frame.style.cssText = "width:min(900px,90vw);height:min(700px,85vh);border:none;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,0.4);background:#fff;";
-    // Close overlay when compose calls window.close()
+    frame.style.cssText = "flex:1;border:none;border-radius:8px 8px 0 0;background:#fff;width:100%;";
+    // Close when compose calls window.close()
     frame.addEventListener("load", () => {
         try {
             const win = frame.contentWindow;
             if (win) {
-                // Override window.close() in the iframe to remove the overlay instead
-                win.close = () => overlay.remove();
+                win.close = () => wrapper.remove();
             }
         }
         catch { /* cross-origin safety */ }
     });
-    // Click backdrop to close (with confirmation)
-    overlay.addEventListener("click", (e) => {
-        if (e.target === overlay) {
-            if (confirm("Discard this message?"))
-                overlay.remove();
-        }
-    });
-    overlay.appendChild(frame);
-    document.body.appendChild(overlay);
+    wrapper.appendChild(closeBtn);
+    wrapper.appendChild(frame);
+    document.body.appendChild(wrapper);
 }
 function quoteBody(msg) {
     const date = new Date(msg.date).toLocaleString();
@@ -797,6 +809,11 @@ document.addEventListener("keydown", (e) => {
         e.preventDefault();
         openCompose("replyAll");
     }
+    // Ctrl+F = Forward
+    if (e.ctrlKey && e.key.toLowerCase() === "f" && !e.shiftKey) {
+        e.preventDefault();
+        openCompose("forward");
+    }
     // Ctrl+A = Select all visible messages
     if (e.ctrlKey && e.key === "a") {
         const mlBody = document.getElementById("ml-body");

package/client/compose/compose.js

@@ -386,6 +386,11 @@ document.getElementById("btn-discard")?.addEventListener("click", () => {
     }
     window.close();
 });
+// ── Save and close (X button from parent) ──
+window.addEventListener("compose-save-and-close", async () => {
+    await saveDraft();
+    closeCompose();
+});
 // ── Keyboard shortcuts ──
 document.addEventListener("keydown", (e) => {
     if (e.ctrlKey && e.key === "Enter") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobfrankston/mailx",
-  "version": "1.0.190",
+  "version": "1.0.191",
   "description": "Local-first email client with IMAP sync and standalone native app",
   "type": "module",
   "main": "bin/mailx.js",
@@ -24,7 +24,7 @@
     "@bobfrankston/iflow-node": "^0.1.2",
     "@bobfrankston/miscinfo": "^1.0.8",
     "@bobfrankston/oauthsupport": "^1.0.21",
-    "@bobfrankston/msger": "^0.1.240",
+    "@bobfrankston/msger": "^0.1.241",
     "@capacitor/android": "^8.3.0",
     "@capacitor/cli": "^8.3.0",
     "@capacitor/core": "^8.3.0",

package/packages/mailx-imap/index.d.ts

@@ -108,6 +108,9 @@ export declare class ImapManager extends EventEmitter {
     private quickCheckRunning;
     /** Check a single account's inbox — uses its own connection, never blocked by sync */
     quickInboxCheckAccount(accountId: string): Promise<void>;
+    /** Quick Gmail inbox check — one lightweight API call to check for new messages */
+    private lastGmailInboxTop;
+    private quickGmailCheck;
     /** Check all accounts (used by legacy callers) */
     quickInboxCheck(): Promise<void>;
     /** Start periodic sync */

package/packages/mailx-imap/index.js

@@ -1050,8 +1050,9 @@ export class ImapManager extends EventEmitter {
             return;
         if (this.reauthenticating.has(accountId))
             return;
-        if (this.isGmailAccount(accountId))
-            return; // Gmail uses API sync, not IMAP polling
+        if (this.isGmailAccount(accountId)) {
+            return this.quickGmailCheck(accountId);
+        }
         this.quickCheckRunning.add(accountId);
         let client = null;
         try {
@@ -1082,6 +1083,42 @@ export class ImapManager extends EventEmitter {
             this.quickCheckRunning.delete(accountId);
         }
     }
+    /** Quick Gmail inbox check — one lightweight API call to check for new messages */
+    lastGmailInboxTop = new Map();
+    async quickGmailCheck(accountId) {
+        if (this.quickCheckRunning.has(accountId))
+            return;
+        this.quickCheckRunning.add(accountId);
+        try {
+            const config = this.configs.get(accountId);
+            if (!config?.tokenProvider)
+                return;
+            const token = await config.tokenProvider();
+            // Single API call: get just the first message ID
+            const res = await globalThis.fetch(`https://gmail.googleapis.com/gmail/v1/users/me/messages?q=in:inbox&maxResults=1`, { headers: { "Authorization": `Bearer ${token}` } });
+            if (!res.ok)
+                return;
+            const data = await res.json();
+            const topId = data.messages?.[0]?.id || "";
+            const prev = this.lastGmailInboxTop.get(accountId) ?? topId;
+            this.lastGmailInboxTop.set(accountId, topId);
+            if (topId && topId !== prev) {
+                console.log(`  [check] ${accountId} INBOX: new message detected`);
+                const inbox = this.db.getFolders(accountId).find(f => f.specialUse === "inbox");
+                if (inbox) {
+                    const api = this.getGmailProvider(accountId);
+                    await this.syncFolderViaApi(accountId, inbox, api);
+                    this.db.recalcFolderCounts(inbox.id);
+                    this.emit("folderCountsChanged", accountId, {});
+                    await api.close();
+                }
+            }
+        }
+        catch { /* lightweight — ignore errors */ }
+        finally {
+            this.quickCheckRunning.delete(accountId);
+        }
+    }
     /** Check all accounts (used by legacy callers) */
     async quickInboxCheck() {
         for (const [accountId] of this.configs) {