@bobfrankston/rmfmail 1.2.274 → 1.2.277

package/client/app.bundle.js

@@ -1467,6 +1467,11 @@ function formatSender(addr) {
     return { text: address, claimed: null };
   return { text: `${name} <${address}>`, claimed: displayNameClaimsOtherAddress(name, address) };
 }
+function inviteHasGoogleRsvp(bodyHtml) {
+  if (!bodyHtml)
+    return false;
+  return /calendar\.google\.com\/calendar\/event\?action=RESPOND/i.test(bodyHtml);
+}
 var _SEEN, _FLAGGED, _DRAFT, seenOf, flaggedOf, draftOf, setSeen, setFlagged;
 var init_mailx_types = __esm({
   "packages/mailx-types/index.js"() {
@@ -1488,6 +1493,100 @@ var init_mailx_types = __esm({
   }
 });
 
+// client/components/invite-card.js
+function formatWhen(inv) {
+  if (!inv.start)
+    return "";
+  if (inv.allDay) {
+    try {
+      const d = /* @__PURE__ */ new Date(inv.start + "T00:00:00");
+      return d.toLocaleDateString(void 0, { weekday: "long", year: "numeric", month: "long", day: "numeric" }) + " (all day)";
+    } catch {
+      return inv.start + " (all day)";
+    }
+  }
+  const instant = (() => {
+    if (/Z$/.test(inv.start))
+      return new Date(inv.start);
+    if (!inv.tzid)
+      return new Date(inv.start);
+    try {
+      const guess = /* @__PURE__ */ new Date(inv.start + "Z");
+      const asZone = new Date(guess.toLocaleString("en-US", { timeZone: inv.tzid }));
+      const asUtc = new Date(guess.toLocaleString("en-US", { timeZone: "UTC" }));
+      return new Date(guess.getTime() + (asUtc.getTime() - asZone.getTime()));
+    } catch {
+      return new Date(inv.start);
+    }
+  })();
+  if (isNaN(instant.getTime()))
+    return inv.start;
+  const localZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+  const opts = {
+    weekday: "short",
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  };
+  let out = instant.toLocaleString(void 0, opts);
+  if (inv.end && !/Z$/.test(inv.end)) {
+    try {
+      const endInstant = new Date(instant.getTime() + ((/* @__PURE__ */ new Date(inv.end + "Z")).getTime() - (/* @__PURE__ */ new Date(inv.start + "Z")).getTime()));
+      out += " \u2013 " + endInstant.toLocaleString(void 0, { hour: "numeric", minute: "2-digit" });
+    } catch {
+    }
+  }
+  if (inv.tzid && inv.tzid !== localZone) {
+    out += `  (sent as ${inv.start.slice(11, 16)} ${inv.tzid})`;
+  }
+  return out;
+}
+function buildInviteCard(inv, bodyHtml) {
+  if (!inv || !inv.summary && !inv.start)
+    return null;
+  const card = document.createElement("div");
+  card.className = "mv-invite";
+  if (inv.method === "CANCEL")
+    card.classList.add("mv-invite-cancelled");
+  const when = formatWhen(inv);
+  const isMeetLink = /^https?:/;
+  const googleHandles = inv.fromGoogle && inviteHasGoogleRsvp(bodyHtml);
+  const rows = [];
+  if (when)
+    rows.push(`<div class="mv-invite-when">${esc(when)}</div>`);
+  if (inv.location) {
+    rows.push(isMeetLink ? `<div class="mv-invite-row"><span class="mv-invite-label">Where</span><a href="${esc(inv.location)}" target="_blank" rel="noopener noreferrer">${esc(inv.location)}</a></div>` : `<div class="mv-invite-row"><span class="mv-invite-label">Where</span>${esc(inv.location)}</div>`);
+  }
+  if (inv.organizer.email) {
+    rows.push(`<div class="mv-invite-row"><span class="mv-invite-label">Organizer</span>${esc(inv.organizer.name)}${inv.organizer.name !== inv.organizer.email ? " &lt;" + esc(inv.organizer.email) + "&gt;" : ""}</div>`);
+  }
+  if (inv.attendees.length) {
+    const who = inv.attendees.map((a) => `${esc(a.name || a.email)} <span class="mv-invite-partstat">(${esc(PARTSTAT_LABEL[a.status] || a.status.toLowerCase())})</span>`).join(", ");
+    rows.push(`<div class="mv-invite-row"><span class="mv-invite-label">Guests</span>${who}</div>`);
+  }
+  if (inv.rrule)
+    rows.push(`<div class="mv-invite-row"><span class="mv-invite-label">Repeats</span><code>${esc(inv.rrule)}</code></div>`);
+  const badge = inv.method === "CANCEL" ? "Cancelled" : inv.method === "REPLY" ? "Reply" : inv.status === "TENTATIVE" ? "Tentative" : "Invitation";
+  card.innerHTML = `<div class="mv-invite-head"><span class="mv-invite-badge">${esc(badge)}</span><span class="mv-invite-summary">${esc(inv.summary || "(no title)")}</span></div>` + rows.join("") + (googleHandles ? `<div class="mv-invite-note">Respond with the Yes / No / Maybe buttons in the message below \u2014 they go straight to Google Calendar.</div>` : "");
+  return card;
+}
+var PARTSTAT_LABEL, esc;
+var init_invite_card = __esm({
+  "client/components/invite-card.js"() {
+    "use strict";
+    init_mailx_types();
+    PARTSTAT_LABEL = {
+      "ACCEPTED": "accepted",
+      "DECLINED": "declined",
+      "TENTATIVE": "maybe",
+      "NEEDS-ACTION": "no reply yet",
+      "DELEGATED": "delegated"
+    };
+    esc = (s) => (s || "").replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
+  }
+});
+
 // client/components/address-book.js
 var address_book_exports = {};
 __export(address_book_exports, {
@@ -2361,19 +2460,6 @@ function installPreviewControls(iframe) {
       }
       if (e.ctrlKey && !e.altKey && !e.metaKey && (e.key === "a" || e.key === "A"))
         return;
-      const synth = new KeyboardEvent("keydown", {
-        key: e.key,
-        code: e.code,
-        ctrlKey: e.ctrlKey,
-        shiftKey: e.shiftKey,
-        altKey: e.altKey,
-        metaKey: e.metaKey,
-        bubbles: true,
-        cancelable: true
-      });
-      const allowDefault = document.dispatchEvent(synth);
-      if (!allowDefault)
-        e.preventDefault();
     });
     doc.addEventListener("wheel", (e) => {
       if (!e.ctrlKey)
@@ -2410,6 +2496,7 @@ function clearViewer() {
     headerEl.hidden = true;
   if (attEl)
     attEl.hidden = true;
+  document.getElementById("mv-invite")?.remove();
   setTimeout(() => {
     try {
       const stillPlaceholder = !!document.querySelector("#mv-body .mv-empty");
@@ -2669,6 +2756,16 @@ async function showMessage(accountId, uid, folderId, specialUse, isRetry = false
     fromEl.textContent = formatAddr(msg.from);
     setRecipientLine(toEl, msg.to, msg.cc, msg.deliveredTo);
     headerEl.querySelector(".mv-subject").textContent = msg.subject;
+    document.getElementById("mv-invite")?.remove();
+    try {
+      const card = buildInviteCard(msg.invite, String(msg.bodyHtml || ""));
+      if (card) {
+        card.id = "mv-invite";
+        headerEl.insertAdjacentElement("afterend", card);
+      }
+    } catch (e) {
+      console.warn("[viewer] invite card failed:", e?.message || e);
+    }
     document.dispatchEvent(new CustomEvent("mailx-message-shown", { detail: { accountId } }));
     for (const el of [fromEl, toEl]) {
       el.addEventListener("contextmenu", (e) => {
@@ -3980,11 +4077,11 @@ function buildPrintableDoc(m) {
   if (!m)
     return null;
   const fmt = (a) => a?.name ? `${a.name} <${a.address || ""}>` : a?.address || "";
-  const esc = escapeHtmlLocal;
-  const row = (label, value) => value ? `<div><strong>${label}:</strong> ${esc(value)}</div>` : "";
+  const esc2 = escapeHtmlLocal;
+  const row = (label, value) => value ? `<div><strong>${label}:</strong> ${esc2(value)}</div>` : "";
   const headerHtml = `<div style="font-family:system-ui,Segoe UI,sans-serif;font-size:11pt;border-bottom:1px solid #999;padding-bottom:8px;margin-bottom:14px;line-height:1.5;">` + row("From", fmt(m.from || {})) + row("To", (m.to || []).map(fmt).join(", ")) + (m.cc?.length ? row("Cc", m.cc.map(fmt).join(", ")) : "") + row("Subject", m.subject || "") + row("Date", m.date ? new Date(m.date).toLocaleString() : "") + `</div>`;
-  const bodyHtml = m.bodyHtml ? m.bodyHtml : `<pre style="white-space:pre-wrap;word-break:break-word;font-family:system-ui,sans-serif;">${esc(m.bodyText || "")}</pre>`;
-  return `<!DOCTYPE html><html><head><meta charset="utf-8"><title>${esc(m.subject || "Message")}</title><style>@media print{body{margin:0;}}body{margin:16px;}img{max-width:100%;}</style></head><body>${headerHtml}${bodyHtml}</body></html>`;
+  const bodyHtml = m.bodyHtml ? m.bodyHtml : `<pre style="white-space:pre-wrap;word-break:break-word;font-family:system-ui,sans-serif;">${esc2(m.bodyText || "")}</pre>`;
+  return `<!DOCTYPE html><html><head><meta charset="utf-8"><title>${esc2(m.subject || "Message")}</title><style>@media print{body{margin:0;}}body{margin:16px;}img{max-width:100%;}</style></head><body>${headerHtml}${bodyHtml}</body></html>`;
 }
 function printCurrentMessage() {
   if (!currentMessage)
@@ -4197,6 +4294,7 @@ var init_message_viewer = __esm({
     "use strict";
     init_api_client();
     init_approved_senders();
+    init_invite_card();
     init_context_menu();
     init_message_state();
     init_message_list();
@@ -7386,7 +7484,7 @@ async function collectDueAlarms(now) {
   }
   return items;
 }
-function formatWhen(ms) {
+function formatWhen2(ms) {
   if (!ms)
     return "";
   const d = new Date(ms);
@@ -7509,7 +7607,7 @@ async function firePopupForItem(item) {
   .actions button.action[data-btn="Delete"]:hover { background: #800; }
 </style></head><body>
   <div class="title"><span class="icon">${icon}</span>${escapeHtml7(item.title)}</div>
-  <div class="when">${escapeHtml7(formatWhen(item.whenMs))}</div>
+  <div class="when">${escapeHtml7(formatWhen2(item.whenMs))}</div>
   <div class="kind">${kindLabel}</div>
   <div class="row">
     <span class="row-label">Snooze:</span>
@@ -7839,6 +7937,67 @@ whatever it finds.</p>
   }
 });
 
+// client/lib/tinymce-langs.js
+var tinymce_langs_exports = {};
+__export(tinymce_langs_exports, {
+  LANGUAGE_AUTO: () => LANGUAGE_AUTO,
+  LANGUAGE_ENGLISH: () => LANGUAGE_ENGLISH,
+  availableLanguages: () => availableLanguages,
+  langManifestUrl: () => langManifestUrl,
+  languageLabel: () => languageLabel,
+  resolveLanguage: () => resolveLanguage
+});
+function langManifestUrl(tinymceScriptUrl) {
+  return new URL("langs/index.json", new URL(tinymceScriptUrl, location.href)).href;
+}
+async function availableLanguages(tinymceScriptUrl) {
+  try {
+    const r = await fetch(langManifestUrl(tinymceScriptUrl));
+    if (!r.ok)
+      return [];
+    const list = await r.json();
+    return Array.isArray(list) ? list.filter((x) => typeof x === "string") : [];
+  } catch {
+    return [];
+  }
+}
+function resolveLanguage(setting, available, preferred = navigator.languages || [navigator.language]) {
+  const byLower = new Map(available.map((code) => [code.toLowerCase(), code]));
+  if (setting && setting !== LANGUAGE_AUTO) {
+    if (setting === LANGUAGE_ENGLISH)
+      return LANGUAGE_ENGLISH;
+    return byLower.get(setting.toLowerCase()) || LANGUAGE_ENGLISH;
+  }
+  for (const tag of preferred) {
+    if (!tag)
+      continue;
+    const lower = tag.toLowerCase();
+    const base = lower.split("-")[0];
+    if (base === LANGUAGE_ENGLISH)
+      return LANGUAGE_ENGLISH;
+    const hit = byLower.get(lower) || byLower.get(base) || available.find((code) => code.toLowerCase().split("-")[0] === base);
+    if (hit)
+      return hit;
+  }
+  return LANGUAGE_ENGLISH;
+}
+function languageLabel(code) {
+  try {
+    const names = new Intl.DisplayNames(navigator.languages || void 0, { type: "language" });
+    return names.of(code) || code;
+  } catch {
+    return code;
+  }
+}
+var LANGUAGE_AUTO, LANGUAGE_ENGLISH;
+var init_tinymce_langs = __esm({
+  "client/lib/tinymce-langs.js"() {
+    "use strict";
+    LANGUAGE_AUTO = "auto";
+    LANGUAGE_ENGLISH = "en";
+  }
+});
+
 // client/components/folder-tree.js
 init_api_client();
 init_context_menu();
@@ -9261,6 +9420,7 @@ window.__btick && window.__btick("app.ts module body executing");
 var baseTitle = APP_NAME;
 var lastSeenCount = 0;
 var badgeCount = 0;
+var lastOverlayCount = -1;
 function updateBadge(count) {
   badgeCount = count;
   document.title = count > 0 ? `(${count}) ${baseTitle}` : baseTitle;
@@ -9297,7 +9457,8 @@ function updateBadge(count) {
   link.href = dataUrl;
   try {
     const hostApi = window.mailxapi;
-    if (hostApi?.setTaskbarOverlay) {
+    if (hostApi?.setTaskbarOverlay && count !== lastOverlayCount) {
+      lastOverlayCount = count;
       if (count > 0) {
         const bc = document.createElement("canvas");
         bc.width = 32;
@@ -13006,11 +13167,11 @@ function offsetToLineCol(src, pos) {
   return { pos, line, col };
 }
 function renderMarkdown(md) {
-  const esc = (s) => s.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
+  const esc2 = (s) => s.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
   const blocks = [];
   let src = md.replace(/```(\w*)\n([\s\S]*?)```/g, (_m, _lang, code) => {
     const i = blocks.length;
-    blocks.push(`<pre class="mailx-help-code"><code>${esc(code)}</code></pre>`);
+    blocks.push(`<pre class="mailx-help-code"><code>${esc2(code)}</code></pre>`);
     return `\0BLOCK${i}\0`;
   });
   const lines = src.split(/\r?\n/);
@@ -13030,7 +13191,7 @@ function renderMarkdown(md) {
     }
   };
   function inline(s) {
-    s = esc(s);
+    s = esc2(s);
     s = s.replace(/`([^`]+)`/g, (_m, c) => `<code>${c}</code>`);
     s = s.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
     s = s.replace(/(^|[^*])\*([^*\n]+)\*/g, "$1<em>$2</em>");
@@ -13375,6 +13536,53 @@ document.getElementById("opt-compose-font-size")?.addEventListener("change", (e)
   }).catch(() => {
   });
 });
+var optEditorLanguage = document.getElementById("opt-editor-language");
+if (optEditorLanguage) {
+  (async () => {
+    const scriptUrl = localStorage.getItem("mailx-tinymce-cdn") || "lib/tinymce/tinymce.min.js";
+    const { availableLanguages: availableLanguages2, resolveLanguage: resolveLanguage2, languageLabel: languageLabel2, LANGUAGE_AUTO: LANGUAGE_AUTO2, LANGUAGE_ENGLISH: LANGUAGE_ENGLISH2 } = await Promise.resolve().then(() => (init_tinymce_langs(), tinymce_langs_exports));
+    const available = await availableLanguages2(scriptUrl);
+    const autoPick = resolveLanguage2(LANGUAGE_AUTO2, available);
+    const add = (value, text) => {
+      const o = document.createElement("option");
+      o.value = value;
+      o.textContent = text;
+      optEditorLanguage.appendChild(o);
+    };
+    add(LANGUAGE_AUTO2, `Auto \u2014 ${languageLabel2(autoPick)}`);
+    add(LANGUAGE_ENGLISH2, languageLabel2(LANGUAGE_ENGLISH2));
+    for (const code of [...available].sort((a, b) => languageLabel2(a).localeCompare(languageLabel2(b)))) {
+      add(code, `${languageLabel2(code)} (${code})`);
+    }
+    if (!available.length) {
+      optEditorLanguage.disabled = true;
+      optEditorLanguage.title = "No language packs found next to tinymce.min.js \u2014 English only";
+    }
+    let current = LANGUAGE_AUTO2;
+    try {
+      current = localStorage.getItem("mailx-editor-language") || LANGUAGE_AUTO2;
+    } catch {
+    }
+    try {
+      const settings = await getSettings();
+      if (typeof settings?.ui?.editorLanguage === "string" && settings.ui.editorLanguage) current = settings.ui.editorLanguage;
+    } catch {
+    }
+    optEditorLanguage.value = current;
+    if (!optEditorLanguage.value) optEditorLanguage.value = LANGUAGE_AUTO2;
+  })().catch((e) => console.error("[settings] editor-language menu failed:", e?.message || e));
+  optEditorLanguage.addEventListener("change", () => {
+    const value = optEditorLanguage.value;
+    try {
+      localStorage.setItem("mailx-editor-language", value);
+    } catch {
+    }
+    getSettings().then((settings) => {
+      settings.ui = { ...settings.ui, editorLanguage: value };
+      saveSettings(settings);
+    }).catch((e) => console.error("[settings] editor language save failed:", e?.message || e));
+  });
+}
 function saveEditorSetting(editor) {
   try {
     localStorage.setItem("mailx-editor-type", editor);