npm - @bobfrankston/rmfmail - Versions diffs - 1.1.210 → 1.1.212 - Mend

@bobfrankston/rmfmail 1.1.210 → 1.1.212

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/TODO.md +2 -0
package/client/app.bundle.js +40 -2
package/client/app.bundle.js.map +2 -2
package/client/app.js +1 -1
package/client/app.js.map +1 -1
package/client/app.ts +1 -0
package/client/components/message-viewer.js +47 -1
package/client/components/message-viewer.js.map +1 -1
package/client/components/message-viewer.ts +40 -1
package/package.json +3 -3
package/packages/mailx-store/db.d.ts.map +1 -1
package/packages/mailx-store/db.js +18 -4
package/packages/mailx-store/db.js.map +1 -1
package/packages/mailx-store/db.ts +18 -4
/package/packages/mailx-imap/{node_modules.npmglobalize-stash-50892 → node_modules.npmglobalize-stash-58140}/.package-lock.json +0 -0

package/TODO.md CHANGED Viewed

@@ -236,6 +236,8 @@ Previously shown as showstoppers; moved here because they haven't recurred on re
 Small, self-contained items. Pick them up between higher-priority blocks without asking. Bump version per fix.
+- **Q153 — Independent pop-out compose window (loopback-HTTP).** [L — feature, ~day+] Bob wants compose/reply as a real OS window (movable to another monitor, main window unobstructed). Plan settled (see `[[project_independent_compose_window]]` memory): in IPC mode also run the Express+WS app on a loopback `127.0.0.1` port sharing the LIVE store+imapManager (same pattern as `--debug-server` at `bin/mailx.ts:1883`, which mounts `createApiRouter(store, imapManager)`); popout button does `window.open("http://127.0.0.1:PORT/compose/compose.html?init=…")`; gate behind the button so a flaky window can't break normal in-window compose. **BLOCKER discovered 2026-06-01:** `client/lib/api-client.ts` is 100% IPC (`ipc().method(...)` via the injected `mailxapi` bridge) — there is NO REST/fetch fallback despite the "auto-detects HTTP" claim in docs. So pop-out FIRST needs a REST+WebSocket transport built into api-client (every method → `fetch('/api/…')`, events → WS), THEN the always-on loopback server (static + /api + ws), THEN cross-origin init via URL params (the popup is origin `127.0.0.1`, can't read the GUI's `sessionStorage`/parent). Sequence the transport layer first; it's the bulk of the work.
 - ~~**Q152 — "Edit as new message" / resend on a sent (or any) message.**~~ **DONE 2026-05-31.** New `editAsNew` compose mode in `client/app.ts` (`openCompose` branch + `editAsNewBody` helper) clones the selected message into a fresh compose: original To/Cc/Subject verbatim, body via `sanitizeQuotedBody` with no quote/forward wrapper, no In-Reply-To/References (new Message-ID at send). Right-click menu entry "Edit as new message" added after Forward in `message-list.ts`. Replaces the move-to-Drafts kludge. *(Original entry below.)* Bob 2026-05-29: no clean way to take an already-sent message, tweak it, and send it again — today's only path is move-to-Drafts-then-edit (a kludge) or Forward (adds `Fwd:` + quote wrapper, wrong recipients). Add an **"Edit as new message"** affordance — in the viewer toolbar (next to Forward) and/or the message-list right-click menu — that loads the selected message's `.eml` **straight into a fresh compose** as the author: original To/Cc/Subject/body editable, **no `Fwd:`/`Re:` prefix, no quote indent, no In-Reply-To/References threading headers**, a new Message-ID. Effectively "duplicate into compose." Distinct from the existing Drafts `Edit & Send` (that edits the draft in place); this clones any message into a new outgoing draft. Reuse the compose-init plumbing the draft-edit path already uses (`showComposeOverlay` + the init payload built in `app.ts`); the only difference is which headers get stripped vs. carried. Most natural as the message-viewer From/To right-click "duplicate"-style action plus a toolbar button gated on non-draft messages. [S]
 - ~~**Preview CSS leak — `<style>`/`<head>` contents bled into the message-list one-liner.**~~ DONE 2026-05-31. `extractPreview` (`mailx-imap/index.ts`) flattened HTML by stripping tags only, leaving the CSS *between* `<style>…</style>` (and `<head>`/`<script>`) in the preview as `*{box-sizing…}` / `@media…{…}` garbage (Bob's marketing-mail shot). Now strips those block contents + HTML comments before the tag-strip; `[image]` marker preserved. IMAP-path only (Gmail uses Google's clean snippet). Existing rows refresh via `rmfmail -repair`.
 - ~~**Q138 — Quoted-reply image sizes lost.**~~ DONE 2026-05-11 in `client/app.ts:1000` — strip skips `<img>`. Two-pass loop handles multiple stripped attrs per tag.

package/client/app.bundle.js CHANGED Viewed

@@ -907,7 +907,7 @@ function getCurrentMessage() {
     return null;
   return { accountId: currentAccountId, message: currentMessage };
 }
-function showPreviewBodyMenu(absX, absY, selectedText, sourceWindow, linkUrl, linkText) {
+function showPreviewBodyMenu(absX, absY, selectedText, sourceWindow, linkUrl, linkText, imgSrc) {
   const pct = Math.round(previewZoom * 100);
   const runSearch = (query) => {
     const input = document.getElementById("search-input");
@@ -969,6 +969,41 @@ function showPreviewBodyMenu(absX, absY, selectedText, sourceWindow, linkUrl, li
     } }, { label: "", action: () => {
     }, separator: true });
   }
+  if (imgSrc) {
+    const guessImgName = (() => {
+      try {
+        const u = new URL(imgSrc);
+        const last = u.pathname.split("/").pop() || "";
+        return last && last.includes(".") ? last : "image.png";
+      } catch {
+        return "image.png";
+      }
+    })();
+    items.push({ label: "Copy image", action: async () => {
+      try {
+        const resp = await fetch(imgSrc);
+        const blob = await resp.blob();
+        const bmp = await createImageBitmap(blob);
+        const canvas = document.createElement("canvas");
+        canvas.width = bmp.width;
+        canvas.height = bmp.height;
+        canvas.getContext("2d").drawImage(bmp, 0, 0);
+        const png = await new Promise((res, rej) => canvas.toBlob((b) => b ? res(b) : rej(new Error("toBlob failed")), "image/png"));
+        await navigator.clipboard.write([new ClipboardItem({ "image/png": png })]);
+      } catch (e) {
+        alert(`Couldn't copy image: ${e?.message || e}${imgSrc.startsWith("cid:") ? " (inline cid: image \u2014 try Save instead, or right-click \u2192 save in the message)" : ""}`);
+      }
+    } }, { label: `Save image as "${guessImgName}"\u2026`, action: () => {
+      const a = document.createElement("a");
+      a.href = imgSrc;
+      a.download = guessImgName;
+      a.style.display = "none";
+      document.body.appendChild(a);
+      a.click();
+      setTimeout(() => a.remove(), 1e3);
+    } }, { label: "", action: () => {
+    }, separator: true });
+  }
   items.push({ label: "Copy", action: () => tellIframe("copy") }, { label: "Select all", action: () => tellIframe("selectAll") });
   if (selectedText) {
     items.push({ label: "", action: () => {
@@ -2170,12 +2205,14 @@ ${csp}
         var rect = { left: 0, top: 0 };
         try { rect = e.target.getBoundingClientRect ? e.target.getBoundingClientRect() : rect; } catch (_) {}
         var a = e.target && e.target.closest ? e.target.closest("a[href]") : null;
+        var img = e.target && e.target.closest ? e.target.closest("img") : null;
         var sel = (window.getSelection && window.getSelection()) ? window.getSelection().toString() : "";
         window.parent.postMessage({
             type: "previewContextMenu",
             selectedText: sel,
             linkUrl: a ? a.href : "",
             linkText: a ? (a.textContent || "").slice(0, 100) : "",
+            imgSrc: img ? (img.currentSrc || img.src || "") : "",
             x: e.clientX, y: e.clientY,
             iframeLeft: rect.left, iframeTop: rect.top
         }, "*");
@@ -8616,7 +8653,8 @@ window.addEventListener("message", (e) => {
       String(e.data.selectedText || ""),
       e.source,
       String(e.data.linkUrl || "") || void 0,
-      String(e.data.linkText || "") || void 0
+      String(e.data.linkText || "") || void 0,
+      String(e.data.imgSrc || "") || void 0
     );
     return;
   }