@bobfrankston/rmfmail 1.2.152 → 1.2.154

package/client/lib/rmf-tiny.js

@@ -134,7 +134,7 @@ export async function createTinyMceEditor(container, opts = {}) {
             // window; TinyMCE's fullscreen plugin re-positions the container in
             // ways that produce a blank body, so it's not in the plugin list.
             menu: {
-                view: { title: "View", items: "code | visualaid visualchars visualblocks | preview | zoomIn zoomOut zoomReset" },
+                view: { title: "View", items: "rmfsource | visualaid visualchars visualblocks | preview | zoomIn zoomOut zoomReset" },
             },
             // Disable the "Get all features" upsell badge that TinyMCE 6+
             // injects automatically when no premium plugins are listed.
@@ -557,6 +557,17 @@ export async function createTinyMceEditor(container, opts = {}) {
                     text: "Code block…",
                     onAction: openCodeDialog,
                 });
+                // View HTML source, caret-positioned (Bob 2026-07-18).
+                // Registered as a menu item (View menu) AND reachable from the
+                // compose NATIVE right-click menu via editor.showSource() —
+                // TinyMCE's own contextmenu is off (native menu carries
+                // spellcheck suggestions), so the right-click path is wired in
+                // mailx compose.ts, not here. openSourceDialog is module-scope.
+                ed.ui.registry.addMenuItem("rmfsource", {
+                    icon: "sourcecode",
+                    text: "HTML source…",
+                    onAction: () => openSourceDialog(ed),
+                });
                 ed.ui.registry.addMenuItem("zoomIn", {
                     text: "Zoom in", shortcut: "Ctrl+=",
                     onAction: () => bumpZoom(ZOOM_STEP),
@@ -873,7 +884,90 @@ export async function createTinyMceEditor(container, opts = {}) {
         get root() { return editor.getContainer(); },
         on(event, handler) { editor.on(event, handler); },
         off(event, handler) { editor.off(event, handler); },
+        showSource() { openSourceDialog(editor); },
         nativeEditor: editor,
     };
 }
+/** View/edit the full HTML source with the textarea caret placed at the
+ *  same spot as the current DOM caret (Bob 2026-07-18: "show source that
+ *  positions me at the current position in the source"). Drops a private-use
+ *  sentinel char at the caret, serializes, finds the sentinel's byte offset,
+ *  strips it from both the DOM (pristine again) and the displayed source,
+ *  then opens a textarea dialog scrolled + selected to that offset. Save
+ *  round-trips the edited source back through setContent. */
+function openSourceDialog(editor) {
+    const SENTINEL = ""; // private-use area — never in real mail text
+    let offset = -1;
+    try {
+        // Insert the sentinel at the caret without polluting undo history.
+        const insert = () => editor.selection.setContent(SENTINEL);
+        if (typeof editor.undoManager?.ignore === "function")
+            editor.undoManager.ignore(insert);
+        else
+            insert();
+        const marked = editor.getContent();
+        offset = marked.indexOf(SENTINEL);
+        // Remove the sentinel char from the DOM directly — a targeted
+        // nodeValue edit keeps the rest of the document (and the user's real
+        // caret context) untouched, unlike a full setContent.
+        try {
+            const body = editor.getBody();
+            const doc = editor.getDoc();
+            const walk = doc.createTreeWalker(body, NodeFilter.SHOW_TEXT, null);
+            let n;
+            while ((n = walk.nextNode())) {
+                if (n.nodeValue && n.nodeValue.indexOf(SENTINEL) >= 0) {
+                    n.nodeValue = n.nodeValue.replace(SENTINEL, "");
+                    break;
+                }
+            }
+        }
+        catch { /* sentinel cleanup is best-effort */ }
+    }
+    catch { /* fall through to a plain source view at offset 0 */ }
+    // Display the pristine source (sentinel already stripped from the DOM);
+    // `offset` is where the sentinel sat, i.e. the caret position.
+    const source = editor.getContent();
+    const caretAt = offset >= 0 ? Math.min(offset, source.length) : source.length;
+    editor.windowManager.open({
+        title: "HTML source",
+        size: "large",
+        body: {
+            type: "panel",
+            items: [{ type: "textarea", name: "src", label: "", maximized: true }],
+        },
+        initialData: { src: source },
+        buttons: [
+            { type: "cancel", text: "Cancel" },
+            { type: "submit", text: "Save", primary: true },
+        ],
+        onSubmit: (api) => {
+            const data = api.getData();
+            editor.undoManager.transact(() => editor.setContent(data.src || ""));
+            editor.nodeChanged();
+            api.close();
+        },
+    });
+    // Place the textarea caret at the DOM-caret offset. The dialog's textarea
+    // isn't exposed through the dialog API, so reach it via the DOM once the
+    // dialog has painted (rAF ×2 — TinyMCE focuses it after OpenWindow).
+    const win = (editor.getWin && editor.getWin()) || window;
+    const raf = win.requestAnimationFrame || ((f) => setTimeout(f, 16));
+    raf(() => raf(() => {
+        const tas = Array.from(document.querySelectorAll(".tox-dialog textarea"));
+        const ta = tas[tas.length - 1]; // the dialog just opened is the last
+        if (!ta)
+            return;
+        try {
+            ta.focus();
+            ta.setSelectionRange(caretAt, caretAt);
+            // Scroll the caret line into view: approximate by line count.
+            const before = ta.value.slice(0, caretAt);
+            const line = before.split("\n").length - 1;
+            const lineH = parseFloat(getComputedStyle(ta).lineHeight) || 18;
+            ta.scrollTop = Math.max(0, (line * lineH) - ta.clientHeight / 2);
+        }
+        catch { /* not the source textarea */ }
+    }));
+}
 //# sourceMappingURL=adapter.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobfrankston/rmfmail",
-  "version": "1.2.152",
+  "version": "1.2.154",
   "description": "Local-first email client with IMAP sync and standalone native app",
   "type": "module",
   "main": "bin/mailx.js",
@@ -43,7 +43,7 @@
     "@bobfrankston/msger": "^0.1.400",
     "@bobfrankston/node-tcp-transport": "^0.1.10",
     "@bobfrankston/oauthsupport": "^1.0.34",
-    "@bobfrankston/rmf-tiny": "^0.1.40",
+    "@bobfrankston/rmf-tiny": "^0.1.41",
     "@bobfrankston/smtp-direct": "^0.1.9",
     "@bobfrankston/tcp-transport": "^0.1.8",
     "@capacitor/android": "^8.3.0",
@@ -121,7 +121,7 @@
       "@bobfrankston/msger": "^0.1.400",
       "@bobfrankston/node-tcp-transport": "^0.1.10",
       "@bobfrankston/oauthsupport": "^1.0.34",
-      "@bobfrankston/rmf-tiny": "^0.1.40",
+      "@bobfrankston/rmf-tiny": "^0.1.41",
       "@bobfrankston/smtp-direct": "^0.1.9",
       "@bobfrankston/tcp-transport": "^0.1.8",
       "@capacitor/android": "^8.3.0",