@bobfrankston/rmfmail 1.2.228 → 1.2.229

package/client/app.bundle.js

@@ -2415,7 +2415,11 @@ async function showMessage(accountId, uid, folderId, specialUse, isRetry = false
     } 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;";
-      pre.innerHTML = linkifyText(msg.bodyText);
+      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`;
@@ -2681,6 +2685,32 @@ function renderHeaderFromEnvelope(headerEl, env) {
 function escapeHtml2(s) {
   return (s || "").replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
 }
+function renderTextProgressively(pre, text, 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);
+      if (nl > at)
+        end = nl + 1;
+    }
+    chunks.push(text.slice(at, end));
+    at = end;
+  }
+  let i = 0;
+  const step = () => {
+    if (gen !== showMessageGeneration)
+      return;
+    if (i >= chunks.length)
+      return;
+    const span = document.createElement("span");
+    span.innerHTML = linkifyText(chunks[i++]);
+    pre.appendChild(span);
+    requestAnimationFrame(step);
+  };
+  step();
+}
 function linkifyText(text) {
   const escaped = text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   return escaped.replace(/(https?:\/\/[^\s<>"')\]]+)/g, (match) => {
@@ -3318,7 +3348,7 @@ function spawnDesktopPopout(msg, accountId) {
 function escapeHtmlLocal(s) {
   return (s || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-var currentMessage, currentAccountId, dragOutUrls, showMessageGeneration, retryCount, lastEnvelope, PARSED_CACHE_LIMIT, parsedCache, sessionAllowedRemote, recentFetchErrors, ZOOM_KEY, ZOOM_MIN, ZOOM_MAX, ZOOM_STEP, previewZoom, RENDER_MARK_KEY, RENDER_MARK_MAX_AGE_MS, poisonedMessages, renderKey;
+var currentMessage, currentAccountId, dragOutUrls, showMessageGeneration, retryCount, lastEnvelope, PARSED_CACHE_LIMIT, parsedCache, sessionAllowedRemote, recentFetchErrors, ZOOM_KEY, ZOOM_MIN, ZOOM_MAX, ZOOM_STEP, previewZoom, RENDER_MARK_KEY, RENDER_MARK_MAX_AGE_MS, poisonedMessages, renderKey, PROGRESSIVE_TEXT_THRESHOLD, TEXT_CHUNK_BYTES;
 var init_message_viewer = __esm({
   "client/components/message-viewer.js"() {
     "use strict";
@@ -3385,6 +3415,8 @@ var init_message_viewer = __esm({
       } catch {
       }
     })();
+    PROGRESSIVE_TEXT_THRESHOLD = 200 * 1024;
+    TEXT_CHUNK_BYTES = 64 * 1024;
     subscribeStore("*", (ev) => {
       if (ev.kind !== "bodyFetchError")
         return;