@bobfrankston/rmfmail 1.2.237 → 1.2.239

package/TODO.md

@@ -693,6 +693,12 @@ This is not tidiness. The RFC 2047 header fix on 2026-08-08 was hand-applied to
 - ~~**Context menus** — three clipboard implementations (rich editor, compose recipient field, nothing at all elsewhere)~~ — **FIXED v1.2.230**, see DONE.md.
 - **`escapeHtml`** — 15 separate definitions across client + packages. [S]
 
+<a id="ext163"></a>
+
+### C163 — Edit-in-Word documents open in Compatibility Mode  [↑ summary](#sum)
+
+Word's title bar reads "<file> — **Compatibility Mode** — Word" for every Edit-in-Word hand-off: `html-to-docx` emits a document Word treats as an older format. Measured 2026-08-09 while chasing the round-trip bug; it does NOT disable proofing (Word reported `NoProofing=0`, `LanguageID=1033` and flagged 3/3 planted misspellings through COM), so it is not the cause of "it didn't do a spell check" — but it does disable newer Word features and is a plausible source of round-trip fidelity loss through mammoth. Worth either configuring html-to-docx to emit a current-format docx or checking whether a `w:compat` block / missing `docProps/app.xml` is what trips it. [S/M]
+
 ## Priority 1 — Get basics working  [↑ top](#top)
 
 ### External content security

package/client/app.bundle.js

@@ -2701,13 +2701,6 @@ async function showMessage(accountId, uid, folderId, specialUse, isRetry = false
       _ptick("iframe srcdoc set");
       installPreviewControls(iframe);
     } else if (msg.bodyText) {
-      const pre = document.createElement("pre");
-      pre.style.cssText = "padding: 1rem; white-space: pre-wrap; word-break: break-word; font-family: system-ui, sans-serif; font-size: 17.5px; line-height: 1.5; color: #1a1a2e; background: #fff; margin: 0; height: 100%; overflow: auto;";
-      if (msg.bodyText.length > PROGRESSIVE_TEXT_THRESHOLD) {
-        renderTextProgressively(pre, msg.bodyText, gen);
-      } else {
-        pre.innerHTML = linkifyText(msg.bodyText);
-      }
       const trunc = msg.bodyTruncated;
       if (trunc) {
         const mb = (n) => `${(n / 1048576).toFixed(1)} MB`;
@@ -2721,7 +2714,21 @@ async function showMessage(accountId, uid, folderId, specialUse, isRetry = false
                     <code style="user-select:all;font-size:0.9em">${escapeHtml3(trunc.emlPath || "(path unavailable)")}</code></div>`;
         bodyEl.appendChild(note);
       }
-      bodyEl.appendChild(pre);
+      const iframe = document.createElement("iframe");
+      iframe.sandbox.add("allow-same-origin");
+      iframe.sandbox.add("allow-popups");
+      iframe.sandbox.add("allow-popups-to-escape-sandbox");
+      iframe.sandbox.add("allow-top-navigation-by-user-activation");
+      iframe.sandbox.add("allow-scripts");
+      const head = msg.bodyText.length > PROGRESSIVE_TEXT_THRESHOLD ? msg.bodyText.slice(0, firstChunkEnd(msg.bodyText)) : msg.bodyText;
+      iframe.srcdoc = wrapHtmlBody(`<pre class="rmf-plain" id="rmf-plain">${linkifyText(head)}</pre>`, false);
+      iframe.addEventListener("load", () => _ptick("iframe load (all resources)"), { once: true });
+      bodyEl.appendChild(iframe);
+      _ptick("iframe srcdoc set (plain text)");
+      installPreviewControls(iframe);
+      if (msg.bodyText.length > head.length) {
+        appendTextProgressively(iframe, msg.bodyText.slice(head.length), gen);
+      }
     } else {
       const fetchErr = recentFetchErrors.get(`${accountId}:${uid}`);
       if (fetchErr) {
@@ -2973,31 +2980,54 @@ function renderHeaderFromEnvelope(headerEl, env) {
 function escapeHtml3(s) {
   return (s || "").replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
 }
-function renderTextProgressively(pre, text, gen) {
+function firstChunkEnd(text) {
+  const end = Math.min(TEXT_CHUNK_BYTES, text.length);
+  if (end >= text.length)
+    return text.length;
+  const nl = text.lastIndexOf("\n", end);
+  return nl > 0 ? nl + 1 : end;
+}
+function appendTextProgressively(iframe, rest, gen) {
   const chunks = [];
   let at = 0;
-  while (at < text.length) {
-    let end = Math.min(at + TEXT_CHUNK_BYTES, text.length);
-    if (end < text.length) {
-      const nl = text.lastIndexOf("\n", end);
+  while (at < rest.length) {
+    let end = Math.min(at + TEXT_CHUNK_BYTES, rest.length);
+    if (end < rest.length) {
+      const nl = rest.lastIndexOf("\n", end);
       if (nl > at)
         end = nl + 1;
     }
-    chunks.push(text.slice(at, end));
+    chunks.push(rest.slice(at, end));
     at = end;
   }
   let i = 0;
   const step = () => {
     if (gen !== showMessageGeneration)
       return;
+    const doc = iframe.contentDocument;
+    const host = doc?.getElementById("rmf-plain");
+    if (!doc || !host)
+      return;
     if (i >= chunks.length)
       return;
-    const span = document.createElement("span");
+    const span = doc.createElement("span");
     span.innerHTML = linkifyText(chunks[i++]);
-    pre.appendChild(span);
+    host.appendChild(span);
     requestAnimationFrame(step);
   };
-  step();
+  let waits = 0;
+  const begin = () => {
+    if (gen !== showMessageGeneration)
+      return;
+    if (iframe.contentDocument?.getElementById("rmf-plain")) {
+      step();
+      return;
+    }
+    if (waits++ > 120)
+      return;
+    requestAnimationFrame(begin);
+  };
+  requestAnimationFrame(begin);
 }
 function linkifyText(text) {
   const escaped = text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
@@ -3130,6 +3160,19 @@ ${csp}
     img { max-width: 100%; }
     a { color: #1a6dd4; }
     pre, code { white-space: pre-wrap; }
+    /* Plain-text bodies render as this <pre>. Sans-serif at the same size and
+       line-height as an HTML body, so two messages in one thread don't look
+       like they came from different apps (Bob 2026-05-12: "why the font
+       change"). */
+    .rmf-plain {
+        margin: 0;
+        padding: 0;
+        font-family: system-ui, sans-serif;
+        font-size: 17.5px;
+        line-height: 1.5;
+        white-space: pre-wrap;
+        word-break: break-word;
+    }
     blockquote { border-left: 3px solid #ccc; padding-left: 1rem; margin-left: 0; color: #666; }
     @media (prefers-color-scheme: dark) {
         body { color: #cdd6f4; background: #282840; }