@bobfrankston/rmfmail 1.0.679 → 1.0.681

package/bin/build-quill.js

@@ -0,0 +1,35 @@
+#!/usr/bin/env node
+// Copy node_modules/quill/dist/{quill.js,quill.snow.css} → client/lib/quill/
+// so compose can load Quill from disk instead of jsdelivr CDN. The CDN
+// fetch was a 100-500 ms (network-dependent) tax on every compose open,
+// since iframes ran a fresh `await loadScript(jsdelivr…)` chain even on
+// warm starts. Local copy = single msger-protocol fetch = ~30 ms.
+//
+// Same shape as build-tinymce.js (sibling script). Build runs after
+// `npm install`, before bundling, so the assets are present when the
+// browser first reaches them.
+import fs from "node:fs";
+import path from "node:path";
+
+const root = path.resolve(import.meta.dirname, "..");
+const srcDir = path.join(root, "node_modules", "quill", "dist");
+const dstDir = path.join(root, "client", "lib", "quill");
+
+if (!fs.existsSync(srcDir)) {
+    console.error(`build-quill: source not found at ${srcDir} — run npm install first`);
+    process.exit(1);
+}
+
+// Only the two files the editor actually loads — Quill's other dist
+// artifacts (bubble theme, core-only build, sourcemaps) aren't on the
+// runtime path and would just bloat the client tree.
+const files = ["quill.js", "quill.snow.css"];
+fs.mkdirSync(dstDir, { recursive: true });
+let totalBytes = 0;
+for (const name of files) {
+    const s = path.join(srcDir, name);
+    const d = path.join(dstDir, name);
+    fs.copyFileSync(s, d);
+    totalBytes += fs.statSync(d).size;
+}
+console.log(`build-quill: copied ${files.length} files (${(totalBytes / 1024).toFixed(1)} KB) → client/lib/quill/`);

package/client/app.bundle.js

@@ -5758,9 +5758,11 @@ function updateBadge(count) {
 async function updateNewMessageCount() {
   try {
     const accounts = await getAccounts();
+    const folderLists = await Promise.all(
+      accounts.map((acct) => getFolders(acct.id).catch(() => []))
+    );
     let totalUnread = 0;
-    for (const acct of accounts) {
-      const folders = await getFolders(acct.id);
+    for (const folders of folderLists) {
       const inbox = folders.find((f) => f.specialUse === "inbox");
       if (inbox) totalUnread += inbox.unreadCount || 0;
     }
@@ -5822,9 +5824,11 @@ document.addEventListener("visibilitychange", () => {
 window.addEventListener("focus", stopTitleFlash);
 function markAsSeen() {
   getAccounts().then(async (accounts) => {
+    const folderLists = await Promise.all(
+      accounts.map((acct) => getFolders(acct.id).catch(() => []))
+    );
     let total = 0;
-    for (const acct of accounts) {
-      const folders = await getFolders(acct.id);
+    for (const folders of folderLists) {
       const inbox = folders.find((f) => f.specialUse === "inbox");
       if (inbox) total += inbox.unreadCount || 0;
     }
@@ -6166,9 +6170,13 @@ async function openCompose(mode) {
     console.warn(`[compose] ${mode} \u2014 no message selected`);
     return;
   }
-  const accounts = await getAccounts();
-  const accountId = current?.accountId || accounts[0]?.id || "";
+  const accountsP = getAccounts();
   const msg = current?.message;
+  const titlePrefix = mode === "reply" ? "Reply" : mode === "replyAll" ? "Reply All" : mode === "forward" ? "Forward" : "Compose";
+  const titleSubject = mode === "new" ? "" : msg?.subject || "";
+  const frame = showComposeOverlay(titleSubject ? `${titlePrefix}: ${titleSubject}` : titlePrefix);
+  const accounts = await accountsP;
+  const accountId = current?.accountId || accounts[0]?.id || "";
   const rePrefix = /^(re|fwd?):\s*/i;
   const cleanSubject = msg ? msg.subject.replace(rePrefix, "") : "";
   const init = {
@@ -6180,7 +6188,7 @@ async function openCompose(mode) {
     bodyHtml: "",
     inReplyTo: "",
     references: [],
-    accounts: accounts.map((a) => ({ id: a.id, name: a.name, email: a.email, signature: a.signature }))
+    accounts: accounts.map((a) => ({ id: a.id, name: a.name, email: a.email, signature: a.signature, sig: a.sig }))
   };
   const account = accounts.find((a) => a.id === accountId);
   const explicitDomains = (account?.identityDomains || []).map((d) => d.toLowerCase());
@@ -6234,9 +6242,10 @@ async function openCompose(mode) {
     init.fromAddress = detectReplyFrom();
   }
   sessionStorage.setItem("composeInit", JSON.stringify(init));
-  const titlePrefix = mode === "reply" ? "Reply" : mode === "replyAll" ? "Reply All" : mode === "forward" ? "Forward" : "Compose";
-  const titleSubject = mode === "new" ? "" : msg?.subject || init.subject || "";
-  showComposeOverlay(titleSubject ? `${titlePrefix}: ${titleSubject}` : titlePrefix);
+  try {
+    frame?.contentWindow?.postMessage({ type: "compose-init-ready" }, "*");
+  } catch {
+  }
 }
 function showComposeOverlay(title = "Compose") {
   const wrapper = document.createElement("div");
@@ -6357,6 +6366,7 @@ function showComposeOverlay(title = "Compose") {
   wrapper.appendChild(frame);
   if (!isSmall) addComposeResizeHandles(wrapper, frame);
   document.body.appendChild(wrapper);
+  return frame;
 }
 function installDragShield(cursor) {
   const shield = document.createElement("div");
@@ -7574,7 +7584,9 @@ onWsEvent((event) => {
   }
 });
 async function openComposeFromMailto(m) {
-  const accounts = await getAccounts();
+  const accountsP = getAccounts();
+  const frame = showComposeOverlay(m.subject ? `Compose: ${m.subject}` : "Compose");
+  const accounts = await accountsP;
   const accountId = accounts[0]?.id || "";
   const escape = (s) => s.replace(/[&<>]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;" })[c]);
   const bodyHtml = m.body ? "<p>" + escape(m.body).replace(/\r?\n/g, "</p><p>") + "</p>" : "";
@@ -7588,10 +7600,13 @@ async function openComposeFromMailto(m) {
     bodyHtml,
     inReplyTo: m.inReplyTo,
     references: m.inReplyTo ? [m.inReplyTo] : [],
-    accounts: accounts.map((a) => ({ id: a.id, name: a.name, email: a.email, signature: a.signature }))
+    accounts: accounts.map((a) => ({ id: a.id, name: a.name, email: a.email, signature: a.signature, sig: a.sig }))
   };
   sessionStorage.setItem("composeInit", JSON.stringify(init));
-  showComposeOverlay(m.subject ? `Compose: ${m.subject}` : "Compose");
+  try {
+    frame?.contentWindow?.postMessage({ type: "compose-init-ready" }, "*");
+  } catch {
+  }
 }
 window.addEventListener("keydown", (e) => {
   if (!e.ctrlKey || e.altKey || e.metaKey) return;
@@ -8955,16 +8970,18 @@ function renderOutboxStatus(s) {
 setInterval(async () => {
   try {
     const { getOutboxStatus: getOutboxStatus2, getDiagnostics: getDiagnostics2 } = await Promise.resolve().then(() => (init_api_client(), api_client_exports));
-    renderOutboxStatus(await getOutboxStatus2());
-    renderDiagnosticsBadge(await getDiagnostics2());
+    const [outbox, diag] = await Promise.all([getOutboxStatus2(), getDiagnostics2()]);
+    renderOutboxStatus(outbox);
+    renderDiagnosticsBadge(diag);
   } catch {
   }
 }, 15e3);
 (async () => {
   try {
     const { getOutboxStatus: getOutboxStatus2, getDiagnostics: getDiagnostics2 } = await Promise.resolve().then(() => (init_api_client(), api_client_exports));
-    renderOutboxStatus(await getOutboxStatus2());
-    renderDiagnosticsBadge(await getDiagnostics2());
+    const [outbox, diag] = await Promise.all([getOutboxStatus2(), getDiagnostics2()]);
+    renderOutboxStatus(outbox);
+    renderDiagnosticsBadge(diag);
   } catch {
   }
 })();