@bobfrankston/mailx 1.0.12 → 1.0.13

package/client/components/message-viewer.js

@@ -5,12 +5,14 @@ import { getMessage, updateFlags } from "../lib/api-client.js";
 /** Currently displayed message (for reply/forward) */
 let currentMessage = null;
 let currentAccountId = "";
+let showMessageGeneration = 0; // Cancel stale fetches
 export function getCurrentMessage() {
     if (!currentMessage)
         return null;
     return { accountId: currentAccountId, message: currentMessage };
 }
-export async function showMessage(accountId, uid) {
+export async function showMessage(accountId, uid, folderId, specialUse) {
+    const gen = ++showMessageGeneration;
     const headerEl = document.getElementById("mv-header");
     const bodyEl = document.getElementById("mv-body");
     const attEl = document.getElementById("mv-attachments");
@@ -18,9 +20,10 @@ export async function showMessage(accountId, uid) {
     headerEl.hidden = true;
     attEl.hidden = true;
     try {
-        // Timeout after 15 seconds
-        const timeout = new Promise((_, reject) => setTimeout(() => reject(new Error("Timeout loading message")), 15000));
-        const msg = await Promise.race([getMessage(accountId, uid), timeout]);
+        const msg = await getMessage(accountId, uid, false, folderId);
+        // Stale response — a newer showMessage was called while we were fetching
+        if (gen !== showMessageGeneration)
+            return;
         currentMessage = msg;
         currentAccountId = accountId;
         // Mark as read
@@ -37,18 +40,114 @@ export async function showMessage(accountId, uid) {
         }
         headerEl.querySelector(".mv-subject").textContent = msg.subject;
         headerEl.querySelector(".mv-date").textContent = new Date(msg.date).toLocaleString(undefined, { year: "numeric", month: "short", day: "numeric", hour: "2-digit", minute: "2-digit", hour12: false });
-        // Remote content banner
+        // Unsubscribe button (upper right of header)
+        const unsubBtn = document.getElementById("mv-unsubscribe");
+        const headerUnsub = msg.listUnsubscribe || "";
+        const headerUnsubUrl = headerUnsub.match(/<(https?:\/\/[^>]+)>/)?.[1]
+            || headerUnsub.match(/<(mailto:[^>]+)>/)?.[1] || "";
+        if (unsubBtn) {
+            if (headerUnsubUrl) {
+                unsubBtn.hidden = false;
+                unsubBtn.href = headerUnsubUrl;
+                unsubBtn.target = "_blank";
+                unsubBtn.rel = "noopener noreferrer";
+            }
+            else {
+                unsubBtn.hidden = true;
+            }
+        }
+        // View Source button — shows .eml file path
+        const srcBtn = document.getElementById("mv-view-source");
+        if (srcBtn) {
+            if (msg.emlPath) {
+                srcBtn.hidden = false;
+                srcBtn.title = msg.emlPath;
+                srcBtn.onclick = () => {
+                    // Copy path to clipboard and show in status bar
+                    navigator.clipboard.writeText(msg.emlPath).then(() => {
+                        const status = document.getElementById("status-sync");
+                        if (status)
+                            status.textContent = `Path copied: ${msg.emlPath}`;
+                    }).catch(() => {
+                        prompt("EML file path:", msg.emlPath);
+                    });
+                };
+            }
+            else {
+                srcBtn.hidden = true;
+            }
+        }
+        // Edit Draft / Send from Outbox button
+        const editBtn = document.getElementById("mv-edit-draft");
+        if (editBtn) {
+            const isDraft = specialUse === "drafts" || specialUse === "outbox";
+            if (isDraft) {
+                editBtn.hidden = false;
+                editBtn.textContent = specialUse === "outbox" ? "Edit & Send" : "Edit Draft";
+                editBtn.onclick = () => {
+                    // Open compose window pre-filled with this draft
+                    const init = {
+                        mode: "draft",
+                        accountId,
+                        to: msg.to || [],
+                        cc: msg.cc || [],
+                        subject: msg.subject || "",
+                        bodyHtml: msg.bodyHtml || "",
+                        inReplyTo: msg.inReplyTo || "",
+                        references: msg.references || [],
+                        accounts: [],
+                        draftUid: msg.uid,
+                        draftFolderId: msg.folderId,
+                    };
+                    sessionStorage.setItem("composeInit", JSON.stringify(init));
+                    window.open("/compose/compose.html", "_blank", "width=800,height=600,menubar=no,toolbar=no,status=no");
+                };
+            }
+            else {
+                editBtn.hidden = true;
+            }
+        }
+        // Remote content banner (collapsible dropdown with sender/recipient details)
         bodyEl.innerHTML = "";
         if (msg.hasRemoteContent) {
             const senderAddr = msg.from?.address || "";
+            const senderName = msg.from?.name || "";
             const senderDomain = senderAddr.split("@")[1] || "";
+            const deliveredTo = msg.deliveredTo || "";
+            const toAddr = msg.to?.[0]?.address || "";
+            const returnPath = msg.returnPath || "";
             const banner = document.createElement("div");
             banner.className = "mv-remote-banner";
-            banner.innerHTML = `Remote content blocked from <b>${senderAddr}</b>. ` +
-                `<button id="btn-load-remote">Load this time</button> ` +
-                `<button id="btn-allow-sender">Always from ${senderAddr}</button> ` +
-                (senderDomain ? `<button id="btn-allow-domain">Always from ${senderDomain}</button>` : "");
+            banner.innerHTML =
+                `<div class="mv-rb-summary">` +
+                    `<span class="mv-rb-toggle">&#x25B8;</span>` +
+                    `<span>Remote content blocked</span>` +
+                    `<span class="mv-rb-buttons">` +
+                    `<button id="btn-load-remote">Load once</button>` +
+                    `<button id="btn-allow-sender" title="${escapeText(senderAddr)}">Always: ${escapeText(senderAddr)}</button>` +
+                    (senderDomain ? `<button id="btn-allow-domain" title="*@${escapeText(senderDomain)}">Always: *@${escapeText(senderDomain)}</button>` : "") +
+                    `</span>` +
+                    `</div>` +
+                    `<div class="mv-rb-details" hidden>` +
+                    `<div class="mv-rb-info">` +
+                    `<div><span class="mv-rb-label">From:</span> ${escapeText(senderName ? `${senderName} <${senderAddr}>` : senderAddr)}</div>` +
+                    (deliveredTo ? `<div><span class="mv-rb-label">Delivered-To:</span> ${escapeText(deliveredTo)}</div>` : "") +
+                    (toAddr && toAddr !== deliveredTo ? `<div><span class="mv-rb-label">To:</span> ${escapeText(toAddr)}</div>` : "") +
+                    (returnPath && returnPath !== senderAddr ? `<div><span class="mv-rb-label">Return-Path:</span> ${escapeText(returnPath)}</div>` : "") +
+                    `</div>` +
+                    (deliveredTo || toAddr ? `<div class="mv-rb-actions"><button id="btn-allow-to">Always allow to: ${escapeText(deliveredTo || toAddr)}</button></div>` : "") +
+                    `</div>`;
             bodyEl.appendChild(banner);
+            // Toggle dropdown — click arrow or text to expand details
+            const summary = banner.querySelector(".mv-rb-summary");
+            const details = banner.querySelector(".mv-rb-details");
+            const toggle = banner.querySelector(".mv-rb-toggle");
+            summary.addEventListener("click", (e) => {
+                if (e.target.tagName === "BUTTON")
+                    return;
+                details.hidden = !details.hidden;
+                toggle.textContent = details.hidden ? "\u25B8" : "\u25BE";
+            });
             const loadRemote = async () => {
                 banner.remove();
                 const full = await getMessage(accountId, uid, true);
@@ -78,6 +177,17 @@ export async function showMessage(accountId, uid) {
                 });
                 loadRemote();
             });
+            banner.querySelector("#btn-allow-to")?.addEventListener("click", async () => {
+                const addr = deliveredTo || toAddr;
+                if (!addr)
+                    return;
+                await fetch("/api/settings/allow-remote", {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({ type: "recipient", value: addr }),
+                });
+                loadRemote();
+            });
         }
         // Body in sandboxed iframe
         if (msg.bodyHtml) {
@@ -85,7 +195,8 @@ export async function showMessage(accountId, uid) {
             iframe.sandbox.add("allow-same-origin");
             iframe.sandbox.add("allow-popups");
             iframe.sandbox.add("allow-popups-to-escape-sandbox");
-            iframe.srcdoc = wrapHtmlBody(msg.bodyHtml);
+            iframe.sandbox.add("allow-top-navigation-by-user-activation");
+            iframe.srcdoc = wrapHtmlBody(msg.bodyHtml, msg.remoteAllowed);
             bodyEl.appendChild(iframe);
         }
         else if (msg.bodyText) {
@@ -118,6 +229,11 @@ function formatAddr(addr) {
         return `${addr.name} <${addr.address}>`;
     return addr.address;
 }
+function escapeText(s) {
+    const div = document.createElement("div");
+    div.textContent = s;
+    return div.innerHTML;
+}
 function formatSize(bytes) {
     if (bytes < 1024)
         return `${bytes} B`;
@@ -126,9 +242,10 @@ function formatSize(bytes) {
     return `${(bytes / 1048576).toFixed(1)} MB`;
 }
 function wrapHtmlBody(html, allowRemote = false) {
+    // CSP blocks remote resource loading (tracking pixels, external CSS) but allows link clicks
     const csp = allowRemote
-        ? "" // no CSP restriction when remote content allowed
-        : `<meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; img-src data: cid:;">`;
+        ? ""
+        : `<meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; img-src data: cid:; form-action 'none';">`;
     return `<!DOCTYPE html>
 <html><head>
 <meta charset="UTF-8">
@@ -136,7 +253,7 @@ ${csp}
 <style>
     body {
         font-family: system-ui, sans-serif;
-        font-size: 14px;
+        font-size: 17.5px;
         line-height: 1.5;
         color: #1a1a2e;
         background: #fff;

package/client/compose/compose.html

@@ -13,10 +13,10 @@
 </head>
 <body>
     <div class="compose-header">
-        <div class="compose-field">
-            <label for="compose-from">From</label>
-            <input type="text" id="compose-from" list="compose-from-list" autocomplete="off">
-            <datalist id="compose-from-list"></datalist>
+        <div class="compose-field compose-from-field">
+            <label for="compose-from-select">From</label>
+            <select id="compose-from-select"></select>
+            <input type="text" id="compose-from-custom" placeholder="Custom address..." hidden>
         </div>
         <div class="compose-field">
             <label for="compose-to">To</label>

package/client/compose/compose.js

@@ -18,27 +18,59 @@ const editor = new Quill("#compose-editor", {
     }
 });
 // ── Populate from init data ──
-const fromInput = document.getElementById("compose-from");
-const fromDatalist = document.getElementById("compose-from-list");
+const fromSelect = document.getElementById("compose-from-select");
+const fromCustom = document.getElementById("compose-from-custom");
 const toInput = document.getElementById("compose-to");
 const ccInput = document.getElementById("compose-cc");
 const bccInput = document.getElementById("compose-bcc");
 const subjectInput = document.getElementById("compose-subject");
-/** Extract account ID from the From field value, or return the raw value for custom addresses */
+/** Populate the From dropdown with accounts */
+function populateFromSelect(accounts, selectedId) {
+    fromSelect.innerHTML = "";
+    for (const acct of accounts) {
+        const opt = document.createElement("option");
+        opt.value = acct.id;
+        const displayLabel = acct.label || acct.name;
+        opt.textContent = `${displayLabel}: ${acct.name} <${acct.email}>`;
+        opt.dataset.email = acct.email;
+        opt.dataset.name = acct.name;
+        if (acct.defaultSend)
+            opt.dataset.defaultSend = "true";
+        if (acct.id === selectedId)
+            opt.selected = true;
+        fromSelect.appendChild(opt);
+    }
+    // "Other..." option for custom address
+    const other = document.createElement("option");
+    other.value = "__custom__";
+    other.textContent = "Other...";
+    fromSelect.appendChild(other);
+}
+fromSelect.addEventListener("change", () => {
+    if (fromSelect.value === "__custom__") {
+        fromCustom.hidden = false;
+        fromCustom.focus();
+    }
+    else {
+        fromCustom.hidden = true;
+        fromCustom.value = "";
+    }
+});
+/** Extract account ID from the From field */
 function getFromAccountId() {
-    const val = fromInput.value;
-    // Check datalist options for a matching account
-    for (const opt of fromDatalist.options) {
-        if (opt.value === val && opt.dataset.accountId)
-            return opt.dataset.accountId;
+    if (fromSelect.value === "__custom__") {
+        // Custom address — use default send account, fallback to first
+        const defaultOpt = Array.from(fromSelect.options).find(o => o.dataset.defaultSend === "true");
+        return defaultOpt?.value || fromSelect.options[0]?.value || "";
     }
-    // No match — return first account ID as the sending account (custom From address)
-    const first = fromDatalist.options[0];
-    return first?.dataset.accountId || val;
+    return fromSelect.value;
 }
 /** Get the From address string for the message headers */
 function getFromAddress() {
-    return fromInput.value;
+    if (fromSelect.value === "__custom__")
+        return fromCustom.value;
+    const opt = fromSelect.selectedOptions[0];
+    return opt ? `${opt.dataset.name} <${opt.dataset.email}>` : "";
 }
 /** Smart tab — skip to next empty field, ending at body */
 function smartTab(current) {
@@ -145,8 +177,7 @@ function setupAutocomplete(input) {
                 e.preventDefault();
                 const idx = activeIndex >= 0 ? activeIndex : 0;
                 items[idx].dispatchEvent(new MouseEvent("mousedown"));
-                // After selecting, smart-tab to next empty field
-                setTimeout(() => smartTab(input), 50);
+                // Stay in field — user may want to add more addresses
                 return;
             }
         }
@@ -176,16 +207,7 @@ function parseAddrs(s) {
 }
 function applyInit(init) {
     // Populate From dropdown
-    fromDatalist.innerHTML = "";
-    for (const acct of init.accounts) {
-        const opt = document.createElement("option");
-        opt.value = `${acct.name} <${acct.email}>`;
-        opt.dataset.accountId = acct.id;
-        fromDatalist.appendChild(opt);
-    }
-    const selectedAcct = init.accounts.find((a) => a.id === init.accountId) || init.accounts[0];
-    if (selectedAcct)
-        fromInput.value = `${selectedAcct.name} <${selectedAcct.email}>`;
+    populateFromSelect(init.accounts, init.accountId);
     toInput.value = formatAddrs(init.to);
     ccInput.value = formatAddrs(init.cc);
     subjectInput.value = init.subject;
@@ -193,6 +215,10 @@ function applyInit(init) {
         editor.clipboard.dangerouslyPasteHTML(init.bodyHtml);
         editor.setSelection(0, 0);
     }
+    // If resuming a draft, track its UID for deletion after send
+    if (init.draftUid) {
+        draftUid = init.draftUid;
+    }
     document.title = init.subject ? `${init.subject} - Compose` : "Compose - mailx";
     // Focus first empty field: To → Subject → body
     if (!toInput.value)
@@ -213,19 +239,11 @@ else {
     toInput.focus();
 }
 // If From dropdown is empty (new compose without init, or init had no accounts), fetch from API
-if (fromDatalist.children.length === 0) {
+if (fromSelect.options.length === 0) {
     fetch("/api/accounts")
         .then(r => r.json())
         .then((accounts) => {
-        for (const acct of accounts) {
-            const opt = document.createElement("option");
-            opt.value = `${acct.name} <${acct.email}>`;
-            opt.dataset.accountId = acct.id;
-            fromDatalist.appendChild(opt);
-        }
-        if (!fromInput.value && accounts.length > 0) {
-            fromInput.value = `${accounts[0].name} <${accounts[0].email}>`;
-        }
+        populateFromSelect(accounts);
     })
         .catch(e => console.error("Failed to load accounts:", e));
 }
@@ -270,6 +288,7 @@ document.getElementById("btn-send")?.addEventListener("click", async () => {
     btn.textContent = "Sending...";
     const body = {
         from: getFromAccountId(),
+        fromAddress: getFromAddress(),
         to: parseAddrs(toInput.value),
         cc: parseAddrs(ccInput.value),
         bcc: parseAddrs(bccInput.value),

package/client/index.html

@@ -48,21 +48,29 @@
             <search>
                 <input type="search" id="search-input" placeholder="Search..." autocomplete="off">
             </search>
-            <button class="tb-btn" id="btn-sync" title="Sync">
-                <span class="tb-icon">&#x21BB;</span>
+            <button class="tb-btn" id="btn-sync" title="Sync all folders (F5)">
+                <span class="tb-icon">&#x21BB;</span> Sync
             </button>
-            <button class="tb-btn" id="btn-restart" title="Restart server + reload">
-                <span class="tb-icon">&#x26A1;</span>
+            <button class="tb-btn" id="btn-restart" title="Restart server and reload page">
+                <span class="tb-icon">&#x26A1;</span> Restart
             </button>
         </div>
     </header>
 
-    <nav class="folder-tree" id="folder-tree">
-        <div class="folder-loading">Loading accounts...</div>
-    </nav>
+    <div class="folder-panel">
+        <div class="ft-filter">
+            <input type="text" id="ft-filter-input" placeholder="Find folder..." autocomplete="off">
+        </div>
+        <nav class="folder-tree" id="folder-tree">
+            <div class="folder-loading">Loading accounts...</div>
+        </nav>
+    </div>
 
     <main class="main-area">
         <section class="message-list" id="message-list">
+            <div class="ml-filter">
+                <input type="text" id="ml-filter-input" placeholder="Filter..." autocomplete="off">
+            </div>
             <div class="ml-header">
                 <span class="ml-col ml-col-flag"></span>
                 <span class="ml-col ml-col-from" data-sort="from">From</span>
@@ -78,8 +86,17 @@
 
         <section class="message-viewer" id="message-viewer">
             <div class="mv-header" id="mv-header" hidden>
-                <div class="mv-from"></div>
-                <div class="mv-to"></div>
+                <div class="mv-header-top">
+                    <div class="mv-header-info">
+                        <div class="mv-from"></div>
+                        <div class="mv-to"></div>
+                    </div>
+                    <div class="mv-header-actions">
+                        <button class="mv-action mv-action-primary" id="mv-edit-draft" hidden>Edit &amp; Send</button>
+                        <a class="mv-unsubscribe" id="mv-unsubscribe" hidden>Unsubscribe</a>
+                        <button class="mv-action" id="mv-view-source" title="View source (.eml)" hidden>Source</button>
+                    </div>
+                </div>
                 <div class="mv-subject"></div>
                 <div class="mv-date"></div>
             </div>
@@ -96,5 +113,12 @@
         <span id="status-pending"></span>
         <span id="status-queue">Queue: empty</span>
     </footer>
+
+    <div id="startup-overlay" class="startup-overlay">
+        <div class="startup-content">
+            <div class="startup-spinner"></div>
+            <div id="startup-status">Connecting to server...</div>
+        </div>
+    </div>
 </body>
 </html>

package/client/lib/api-client.js

@@ -1,8 +1,23 @@
 /**
- * REST + WebSocket client for communicating with mailx-server.
- * All server communication goes through here.
+ * API client — auto-detects IPC (WebView) vs HTTP (browser).
+ * When mailxapi is available (injected by launcher), calls go directly via IPC.
+ * Otherwise falls back to REST/WebSocket.
  */
-/** Generic fetch wrapper */
+const hasIPC = typeof mailxapi !== "undefined" && mailxapi?.isApp;
+// ── HTTP fallback ──
+// Abort controller for message-list requests — cancel stale fetches when folder changes
+let messageListAbort = null;
+export function abortMessageListRequests() {
+    if (messageListAbort) {
+        messageListAbort.abort();
+        messageListAbort = null;
+    }
+}
+function newMessageListSignal() {
+    abortMessageListRequests();
+    messageListAbort = new AbortController();
+    return messageListAbort.signal;
+}
 async function api(path, options) {
     const res = await fetch(`/api${path}`, {
         headers: { "Content-Type": "application/json" },
@@ -14,54 +29,111 @@ async function api(path, options) {
     }
     return res.json();
 }
-// ── REST Methods ──
+// ── API Methods (IPC or HTTP) ──
 export function getAccounts() {
+    if (hasIPC)
+        return mailxapi.getAccounts();
     return api("/accounts");
 }
 export function getFolders(accountId) {
+    if (hasIPC)
+        return mailxapi.getFolders(accountId);
     return api(`/folders/${accountId}`);
 }
 export function getMessages(accountId, folderId, page = 1, pageSize = 50) {
-    return api(`/messages/${accountId}/${folderId}?page=${page}&pageSize=${pageSize}`);
+    if (hasIPC)
+        return mailxapi.getMessages(accountId, folderId, page, pageSize);
+    const signal = newMessageListSignal();
+    return api(`/messages/${accountId}/${folderId}?page=${page}&pageSize=${pageSize}`, { signal });
+}
+export function getUnifiedInbox(page = 1, pageSize = 50) {
+    if (hasIPC)
+        return mailxapi.getUnifiedInbox(page, pageSize);
+    const signal = newMessageListSignal();
+    return api(`/messages/unified/inbox?page=${page}&pageSize=${pageSize}`, { signal });
 }
 export function searchMessages(query, page = 1, pageSize = 50) {
+    if (hasIPC)
+        return mailxapi.searchMessages(query, page, pageSize);
     return api(`/search?q=${encodeURIComponent(query)}&page=${page}&pageSize=${pageSize}`);
 }
-export function getUnifiedInbox(page = 1, pageSize = 50) {
-    return api(`/messages/unified/inbox?page=${page}&pageSize=${pageSize}`);
-}
-export function getMessage(accountId, uid, allowRemote = false) {
-    const q = allowRemote ? "?allowRemote=true" : "";
+export function getMessage(accountId, uid, allowRemote = false, folderId) {
+    if (hasIPC)
+        return mailxapi.getMessage(accountId, uid, allowRemote, folderId);
+    const params = new URLSearchParams();
+    if (allowRemote)
+        params.set("allowRemote", "true");
+    if (folderId != null)
+        params.set("folderId", String(folderId));
+    const q = params.toString() ? `?${params}` : "";
     return api(`/message/${accountId}/${uid}${q}`);
 }
 export function updateFlags(accountId, uid, flags) {
+    if (hasIPC)
+        return mailxapi.updateFlags(accountId, uid, flags);
     return api(`/message/${accountId}/${uid}/flags`, {
         method: "PATCH",
         body: JSON.stringify({ flags })
     });
 }
 export function triggerSync() {
+    if (hasIPC)
+        return mailxapi.syncAll();
     return api("/sync", { method: "POST" });
 }
-let ws;
-const handlers = [];
-export function connectWebSocket() {
-    const protocol = location.protocol === "https:" ? "wss:" : "ws:";
-    ws = new WebSocket(`${protocol}//${location.host}`);
-    ws.onmessage = (ev) => {
-        try {
-            const event = JSON.parse(ev.data);
-            for (const handler of handlers)
-                handler(event);
-        }
-        catch { /* ignore parse errors */ }
-    };
-    ws.onclose = () => {
-        // Reconnect after 3 seconds
-        setTimeout(connectWebSocket, 3000);
-    };
-}
-export function onWsEvent(handler) {
-    handlers.push(handler);
+export function getVersion() {
+    if (hasIPC)
+        return mailxapi.getVersion();
+    return api("/version");
+}
+export function getSyncPending() {
+    if (hasIPC)
+        return mailxapi.getSyncPending();
+    return api("/sync/pending");
+}
+export function searchContacts(query) {
+    if (hasIPC)
+        return mailxapi.searchContacts(query);
+    return api(`/contacts?q=${encodeURIComponent(query)}`);
+}
+export function allowRemoteContent(type, value) {
+    if (hasIPC)
+        return mailxapi.allowRemoteContent(type, value);
+    return api("/settings/allow-remote", {
+        method: "POST",
+        body: JSON.stringify({ type, value })
+    });
+}
+const eventHandlers = [];
+export function onEvent(handler) {
+    eventHandlers.push(handler);
+}
+export function connectEvents() {
+    if (hasIPC) {
+        // IPC events come via mailxapi.onEvent
+        mailxapi.onEvent((event) => {
+            for (const h of eventHandlers)
+                h(event);
+        });
+    }
+    else {
+        // WebSocket for HTTP mode
+        const protocol = location.protocol === "https:" ? "wss:" : "ws:";
+        const ws = new WebSocket(`${protocol}//${location.host}`);
+        ws.onmessage = (ev) => {
+            try {
+                const event = JSON.parse(ev.data);
+                for (const h of eventHandlers)
+                    h(event);
+            }
+            catch { /* ignore */ }
+        };
+        ws.onclose = () => {
+            setTimeout(connectEvents, 3000);
+        };
+    }
 }
+// Legacy exports for backward compatibility
+export const connectWebSocket = connectEvents;
+export const onWsEvent = onEvent;
 //# sourceMappingURL=api-client.js.map