@bobfrankston/mailx 1.0.185 → 1.0.186

package/client/.msger-window.json

@@ -1 +1 @@
-{"height":1344,"width":1946,"x":172,"y":85}
+{"height":1344,"width":1586,"x":793,"y":81}

package/client/android.html

@@ -15,7 +15,7 @@
             "@bobfrankston/mailx-store-web": "../packages/mailx-store-web/index.js",
             "@bobfrankston/mailx-store-web/": "../packages/mailx-store-web/",
             "@bobfrankston/mailx-types": "../packages/mailx-types/index.js",
-            "sql.js": "../node_modules/sql.js/dist/sql-wasm.js"
+            "sql.js": "../packages/mailx-store-web/sql-wasm-esm.js"
         }
     }
     </script>

package/client/app.js

@@ -305,14 +305,10 @@ async function openCompose(mode) {
     }
     // Store init data for compose window to pick up
     sessionStorage.setItem("composeInit", JSON.stringify(init));
-    // IPC mode: navigate in same window (popups don't have custom protocol)
-    // HTTP mode: open as popup window
-    if (typeof mailxapi !== "undefined") {
-        window.location.href = "compose/compose.html";
-    }
-    else {
-        window.open("compose/compose.html", "_blank", "width=800,height=600,menubar=no,toolbar=no,status=no");
-    }
+    // Open compose — always as popup via window.open().
+    // In IPC mode, msger's new_window_req_handler allows msger.localhost popups.
+    // DO NOT use window.location.href — msger exits on navigation.
+    window.open("compose/compose.html", "_blank", "width=800,height=600,menubar=no,toolbar=no,status=no");
 }
 function quoteBody(msg) {
     const date = new Date(msg.date).toLocaleString();

package/client/components/folder-tree.js

@@ -2,7 +2,7 @@
  * Folder tree component -- renders account folders with hierarchy,
  * expand/collapse, and optional unified inbox.
  */
-import { getAccounts, getFolders, moveMessage, moveMessages, markFolderRead, createFolder, renameFolder, deleteFolder, emptyFolder, setupAccount, getVersion } from "../lib/api-client.js";
+import { getAccounts, getFolders, moveMessage, moveMessages, markFolderRead, createFolder, renameFolder, deleteFolder, emptyFolder, setupAccount, getDeviceAccounts, getVersion } from "../lib/api-client.js";
 import { showContextMenu } from "./context-menu.js";
 let onFolderSelect;
 let onUnifiedInbox = null;
@@ -357,8 +357,9 @@ async function loadFolderTree(container) {
             if (mainBody) {
                 mainBody.innerHTML = `<div style="padding:2rem;line-height:1.8;max-width:500px">
                     <h2 style="margin-bottom:1rem">Welcome to mailx</h2>
+                    <div id="setup-device-accounts"></div>
                     <div id="setup-cloud-status"></div>
-                    <p>Add your email account to get started.</p>
+                    <p id="setup-form-intro">Add your email account to get started.</p>
                     <form id="setup-form" style="margin-top:1rem">
                         <label style="display:block;margin-bottom:0.5rem">
                             Your name
@@ -462,6 +463,41 @@ async function loadFolderTree(container) {
                         </div>`;
                     }
                 }).catch(() => { });
+                // On Android, check for device Google accounts and show picker
+                getDeviceAccounts().then(async (deviceAccounts) => {
+                    const pickerEl = document.getElementById("setup-device-accounts");
+                    if (!pickerEl || deviceAccounts.length === 0)
+                        return;
+                    const formEl = document.getElementById("setup-form");
+                    const introEl = document.getElementById("setup-form-intro");
+                    if (introEl)
+                        introEl.textContent = "Select an account:";
+                    if (formEl)
+                        formEl.style.display = "none";
+                    pickerEl.innerHTML = deviceAccounts.map((a) => `<button class="device-account-btn" data-email="${a.email}" data-name="${a.name}" style="display:block;width:100%;padding:0.75rem 1rem;margin-bottom:0.5rem;background:var(--color-bg-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;font-size:1rem;text-align:left">${a.email}</button>`).join("") + `<button id="setup-show-form" style="margin-top:0.5rem;padding:0.5rem 1rem;background:none;color:var(--color-text-muted);border:none;cursor:pointer;font-size:0.9rem">Use a different account...</button>`;
+                    pickerEl.querySelectorAll(".device-account-btn").forEach((btn) => {
+                        btn.addEventListener("click", async () => {
+                            const email = btn.dataset.email || "";
+                            const name = btn.dataset.name || "";
+                            pickerEl.innerHTML = `<div style="padding:0.5rem;color:var(--color-text-muted)">Setting up ${email}...</div>`;
+                            const result = await setupAccount(name, email, "");
+                            if (result?.ok) {
+                                pickerEl.innerHTML = `<div style="padding:0.5rem;color:var(--color-accent)">${result.message || "Account added!"}</div>`;
+                                setTimeout(() => location.reload(), 2000);
+                            }
+                            else {
+                                pickerEl.innerHTML = `<div style="padding:0.5rem;color:#f55">${result?.error || "Setup failed"}</div>`;
+                            }
+                        });
+                    });
+                    document.getElementById("setup-show-form")?.addEventListener("click", () => {
+                        pickerEl.style.display = "none";
+                        if (formEl)
+                            formEl.style.display = "block";
+                        if (introEl)
+                            introEl.textContent = "Add your email account to get started.";
+                    });
+                }).catch(() => { });
             }
             // Dismiss startup overlay
             const overlay = document.getElementById("startup-overlay");

package/client/components/message-viewer.js

@@ -144,12 +144,7 @@ export async function showMessage(accountId, uid, folderId, specialUse, isRetry
                         draftFolderId: msg.folderId,
                     };
                     sessionStorage.setItem("composeInit", JSON.stringify(init));
-                    if (typeof window.mailxapi !== "undefined") {
-                        window.location.href = "compose/compose.html";
-                    }
-                    else {
-                        window.open("compose/compose.html", "_blank", "width=800,height=600,menubar=no,toolbar=no,status=no");
-                    }
+                    window.open("compose/compose.html", "_blank", "width=800,height=600,menubar=no,toolbar=no,status=no");
                 };
             }
             else {

package/client/compose/compose.js

@@ -5,14 +5,9 @@
  */
 import { createEditor } from "./editor.js";
 import { getVersion, getSettings, getAccounts, searchContacts, sendMessage, saveDraft as apiSaveDraft, deleteDraft } from "../lib/api-client.js";
-/** Close compose — navigate back in IPC mode, window.close() in HTTP mode */
+/** Close compose window */
 function closeCompose() {
-    if (typeof window.mailxapi !== "undefined") {
-        window.location.href = "../index.html";
-    }
-    else {
-        closeCompose();
-    }
+    window.close();
 }
 // ── Load editor scripts dynamically ──
 function loadScript(src) {

package/client/lib/api-client.js

@@ -309,6 +309,11 @@ export function setupAccount(name, email, password) {
         return getIpc().setupAccount?.(name, email, password);
     return api("/setup", { method: "POST", body: JSON.stringify({ name, email, password }) });
 }
+export async function getDeviceAccounts() {
+    if (hasIPC())
+        return getIpc().getDeviceAccounts?.() ?? [];
+    return [];
+}
 // Legacy exports for backward compatibility
 export const connectWebSocket = connectEvents;
 export const onWsEvent = onEvent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobfrankston/mailx",
-  "version": "1.0.185",
+  "version": "1.0.186",
   "description": "Local-first email client with IMAP sync and standalone native app",
   "type": "module",
   "main": "bin/mailx.js",

package/packages/mailx-store-web/android-bootstrap.js

@@ -14,7 +14,7 @@
 import { WebMailxDB } from "./db.js";
 import { WebMessageStore } from "./web-message-store.js";
 import { WebMailxService } from "./web-service.js";
-import { loadAccounts, clearSettings } from "./web-settings.js";
+import { loadAccounts, saveAccounts, clearSettings } from "./web-settings.js";
 import { GmailApiWebProvider } from "./gmail-api-web.js";
 // ── State ──
 let db;
@@ -327,7 +327,49 @@ function installBridge() {
         },
         getAutocompleteSettings: () => service.getAutocompleteSettings(),
         saveAutocompleteSettings: async (settings) => { await service.saveAutocompleteSettings(settings); return { ok: true }; },
-        setupAccount: async () => ({ ok: false, error: "Use desktop for initial setup" }),
+        getDeviceAccounts: async () => {
+            const bridge = window._nativeBridge;
+            if (bridge?.app?.getDeviceAccounts) {
+                return bridge.app.getDeviceAccounts();
+            }
+            return [];
+        },
+        setupAccount: async (name, email, _password) => {
+            try {
+                if (!email || !email.includes("@")) {
+                    return { ok: false, error: "Email address required" };
+                }
+                const domain = email.split("@")[1].toLowerCase();
+                const id = domain.split(".")[0] || "account";
+                const account = {
+                    id,
+                    name: name || email.split("@")[0],
+                    email,
+                    enabled: true,
+                    imap: { host: `imap.${domain}`, port: 993, tls: true, auth: "oauth2", user: email },
+                    smtp: { host: `smtp.${domain}`, port: 587, tls: true, auth: "oauth2", user: email },
+                };
+                // Apply known provider defaults
+                if (domain === "gmail.com" || domain === "googlemail.com") {
+                    account.label = "Gmail";
+                    account.imap = { host: "imap.gmail.com", port: 993, tls: true, auth: "oauth2", user: email };
+                    account.smtp = { host: "smtp.gmail.com", port: 587, tls: true, auth: "oauth2", user: email };
+                }
+                const existing = await loadAccounts();
+                if (existing.some(a => a.email === email)) {
+                    return { ok: true, message: "Account already exists" };
+                }
+                existing.push(account);
+                await saveAccounts(existing);
+                await syncManager.addAccount(account);
+                db.upsertAccount(account.id, account.name, account.email, JSON.stringify(account));
+                console.log(`[android] Account added: ${email}`);
+                return { ok: true, message: `Added ${email}. Syncing...` };
+            }
+            catch (e) {
+                return { ok: false, error: e.message };
+            }
+        },
         repairAccounts: async () => ({ ok: false, error: "Use desktop for repair" }),
         resetStore: () => resetStore(),
         restart: () => { location.reload(); },

package/packages/mailx-store-web/sql-wasm-esm.js

@@ -0,0 +1,10 @@
+// ESM wrapper for sql.js (UMD) — loads as classic script, re-exports the global
+await new Promise((resolve, reject) => {
+    const s = document.createElement("script");
+    s.src = new URL("../../node_modules/sql.js/dist/sql-wasm.js", import.meta.url).href;
+    s.onload = resolve;
+    s.onerror = reject;
+    document.head.appendChild(s);
+});
+const initSqlJs = globalThis.initSqlJs;
+export default initSqlJs;