@bobfrankston/rmfmail 1.2.153 → 1.2.154

package/client/compose/compose.bundle.js

@@ -2052,7 +2052,7 @@ async function createTinyMceEditor(container2, 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.
@@ -2397,6 +2397,11 @@ async function createTinyMceEditor(container2, opts = {}) {
           text: "Code block\u2026",
           onAction: openCodeDialog
         });
+        ed.ui.registry.addMenuItem("rmfsource", {
+          icon: "sourcecode",
+          text: "HTML source\u2026",
+          onAction: () => openSourceDialog(ed)
+        });
         ed.ui.registry.addMenuItem("zoomIn", {
           text: "Zoom in",
           shortcut: "Ctrl+=",
@@ -2624,9 +2629,77 @@ async function createTinyMceEditor(container2, opts = {}) {
     off(event, handler) {
       editor2.off(event, handler);
     },
+    showSource() {
+      openSourceDialog(editor2);
+    },
     nativeEditor: editor2
   };
 }
+function openSourceDialog(editor2) {
+  const SENTINEL = "\uE000";
+  let offset = -1;
+  try {
+    const insert = () => editor2.selection.setContent(SENTINEL);
+    if (typeof editor2.undoManager?.ignore === "function")
+      editor2.undoManager.ignore(insert);
+    else
+      insert();
+    const marked = editor2.getContent();
+    offset = marked.indexOf(SENTINEL);
+    try {
+      const body = editor2.getBody();
+      const doc = editor2.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 {
+    }
+  } catch {
+  }
+  const source = editor2.getContent();
+  const caretAt = offset >= 0 ? Math.min(offset, source.length) : source.length;
+  editor2.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();
+      editor2.undoManager.transact(() => editor2.setContent(data.src || ""));
+      editor2.nodeChanged();
+      api.close();
+    }
+  });
+  const win = editor2.getWin && editor2.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];
+    if (!ta)
+      return;
+    try {
+      ta.focus();
+      ta.setSelectionRange(caretAt, caretAt);
+      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 {
+    }
+  }));
+}
 var init_rmf_tiny = __esm({
   "client/lib/rmf-tiny.js"() {
     "use strict";
@@ -5370,6 +5443,13 @@ window.addEventListener("compose-popout", () => {
   void popoutHandoff();
 });
 window.__msgerContextCommand = (id) => {
+  if (id === "source") {
+    try {
+      editor?.showSource?.();
+    } catch {
+    }
+    return;
+  }
   const ne = editor?.nativeEditor;
   if (!ne) return;
   const isTiny = typeof ne.execCommand === "function" && ne.selection;