@bobfrankston/rmfmail 1.2.231 → 1.2.232

package/client/compose/compose.bundle.js

@@ -2363,6 +2363,182 @@ var init_edit_commands = __esm({
   }
 });
 
+// client/components/context-menu.js
+var context_menu_exports = {};
+__export(context_menu_exports, {
+  closeContextMenu: () => closeContextMenu,
+  showContextMenu: () => showContextMenu
+});
+function closeSubmenu() {
+  if (activeSubmenu) {
+    activeSubmenu.remove();
+    activeSubmenu = null;
+  }
+}
+function closeContextMenu() {
+  closeSubmenu();
+  if (activeMenu) {
+    activeMenu.remove();
+    activeMenu = null;
+  }
+  if (dismissListener) {
+    document.removeEventListener("pointerdown", dismissListener, true);
+    dismissListener = null;
+  }
+  if (escapeListener) {
+    document.removeEventListener("keydown", escapeListener, true);
+    escapeListener = null;
+  }
+}
+function openSubmenu(parentRow, items) {
+  closeSubmenu();
+  const sub = document.createElement("div");
+  sub.className = "ctx-menu";
+  for (const item of items) {
+    if (item.separator) {
+      const sep = document.createElement("div");
+      sep.className = "ctx-sep";
+      sub.appendChild(sep);
+      continue;
+    }
+    const el = document.createElement("div");
+    el.className = "ctx-item" + (item.disabled ? " ctx-disabled" : "");
+    el.textContent = item.label;
+    if (item.tooltip)
+      el.title = item.tooltip;
+    if (!item.disabled) {
+      el.addEventListener("click", () => {
+        closeContextMenu();
+        item.action();
+      });
+    }
+    sub.appendChild(el);
+  }
+  document.body.appendChild(sub);
+  const anchor = parentRow.getBoundingClientRect();
+  const vw = window.visualViewport?.width ?? window.innerWidth;
+  const vh = window.visualViewport?.height ?? window.innerHeight;
+  const rect = sub.getBoundingClientRect();
+  let left = anchor.right - 2;
+  if (left + rect.width > vw)
+    left = anchor.left - rect.width + 2;
+  let top = anchor.top;
+  if (top + rect.height > vh)
+    top = vh - rect.height - 4;
+  sub.style.left = `${Math.max(4, left)}px`;
+  sub.style.top = `${Math.max(4, top)}px`;
+  activeSubmenu = sub;
+}
+function showContextMenu(x, y, items, opts = {}) {
+  closeContextMenu();
+  if (opts.editTarget !== void 0 || opts.editEngine) {
+    const edit = editMenuItems({ target: opts.editTarget, engine: opts.editEngine }, { onError: opts.onEditError });
+    if (edit.length > 0) {
+      items = items.length > 0 ? [...edit, { label: "", action: () => {
+      }, separator: true }, ...items] : edit;
+    }
+  }
+  const menu = document.createElement("div");
+  menu.className = "ctx-menu";
+  for (const item of items) {
+    if (item.separator) {
+      const sep = document.createElement("div");
+      sep.className = "ctx-sep";
+      menu.appendChild(sep);
+      continue;
+    }
+    const el = document.createElement("div");
+    el.className = "ctx-item" + (item.disabled ? " ctx-disabled" : "") + (item.emphasized ? " ctx-emphasized" : "");
+    if (item.emphasized)
+      el.style.fontWeight = "600";
+    el.textContent = item.label;
+    if (item.tooltip)
+      el.title = item.tooltip;
+    if (item.submenu && item.submenu.length > 0 && !item.disabled) {
+      el.style.display = "flex";
+      el.style.justifyContent = "space-between";
+      el.style.gap = "12px";
+      const caret = document.createElement("span");
+      caret.textContent = "\u25B8";
+      caret.style.opacity = "0.6";
+      el.appendChild(caret);
+      const open = () => openSubmenu(el, item.submenu);
+      el.addEventListener("mouseenter", open);
+      el.addEventListener("click", (e) => {
+        e.stopPropagation();
+        open();
+      });
+      menu.appendChild(el);
+      continue;
+    }
+    el.addEventListener("mouseenter", closeSubmenu);
+    if (!item.disabled) {
+      el.addEventListener("click", () => {
+        closeContextMenu();
+        item.action();
+      });
+    }
+    menu.appendChild(el);
+  }
+  menu.style.left = `${x}px`;
+  menu.style.top = `${y}px`;
+  document.body.appendChild(menu);
+  const vw = window.visualViewport?.width ?? window.innerWidth;
+  const vh = window.visualViewport?.height ?? window.innerHeight;
+  let rect = menu.getBoundingClientRect();
+  if (rect.height > vh - 8) {
+    menu.style.maxHeight = `${vh - 8}px`;
+    menu.style.overflowY = "auto";
+    rect = menu.getBoundingClientRect();
+  }
+  let left = x, top = y;
+  if (left + rect.width > vw)
+    left = x - rect.width;
+  if (top + rect.height > vh)
+    top = y - rect.height;
+  left = Math.max(4, Math.min(left, vw - rect.width - 4));
+  top = Math.max(4, Math.min(top, vh - rect.height - 4));
+  menu.style.left = `${left}px`;
+  menu.style.top = `${top}px`;
+  activeMenu = menu;
+  requestAnimationFrame(() => {
+    dismissListener = (e) => {
+      if (activeSubmenu?.contains(e.target))
+        return;
+      if (activeMenu && !activeMenu.contains(e.target)) {
+        closeContextMenu();
+      }
+    };
+    document.addEventListener("pointerdown", dismissListener, true);
+    escapeListener = (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        e.stopPropagation();
+        closeContextMenu();
+      }
+    };
+    document.addEventListener("keydown", escapeListener, true);
+  });
+}
+var activeMenu, dismissListener, escapeListener, activeSubmenu;
+var init_context_menu = __esm({
+  "client/components/context-menu.js"() {
+    "use strict";
+    init_edit_menu();
+    activeMenu = null;
+    dismissListener = null;
+    escapeListener = null;
+    activeSubmenu = null;
+    document.addEventListener("scroll", closeContextMenu, true);
+    document.addEventListener("contextmenu", () => {
+    });
+    window.addEventListener("message", (e) => {
+      if (e.data && e.data.type === "iframePointerDown")
+        closeContextMenu();
+    });
+  }
+});
+
 // client/lib/rmf-tiny.js
 var rmf_tiny_exports = {};
 __export(rmf_tiny_exports, {
@@ -4356,38 +4532,26 @@ function createQuillEditor(container2) {
       if (!text.trim())
         return;
       e.preventDefault();
-      const menu = document.createElement("div");
-      menu.style.cssText = `position:fixed;z-index:2500;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,0.2);padding:4px 0;font-size:13px;min-width:160px;`;
-      menu.style.left = `${e.clientX}px`;
-      menu.style.top = `${e.clientY}px`;
-      const item = document.createElement("div");
-      item.textContent = "Proofread selection";
-      item.style.cssText = `padding:6px 12px;cursor:pointer;`;
-      item.addEventListener("mouseenter", () => item.style.background = "var(--color-bg-hover)");
-      item.addEventListener("mouseleave", () => item.style.background = "");
-      item.addEventListener("click", async () => {
-        menu.remove();
-        try {
-          const { aiTransform: aiTransform2 } = await Promise.resolve().then(() => (init_api_client(), api_client_exports));
-          const r = await aiTransform2({ action: "proofread", text });
-          if (r?.text && r.text !== text) {
-            q.deleteText(sel.index, sel.length);
-            q.insertText(sel.index, r.text);
-            q.setSelection(sel.index, r.text.length);
-          } else if (r?.reason) {
-            alert(`Proofread: ${r.reason}`);
+      const { showContextMenu: showContextMenu2 } = await Promise.resolve().then(() => (init_context_menu(), context_menu_exports));
+      const { standardEditItems: standardEditItems2 } = await Promise.resolve().then(() => (init_edit_commands(), edit_commands_exports));
+      showContextMenu2(e.clientX, e.clientY, [
+        { label: "Proofread selection", action: async () => {
+          try {
+            const { aiTransform: aiTransform2 } = await Promise.resolve().then(() => (init_api_client(), api_client_exports));
+            const r = await aiTransform2({ action: "proofread", text });
+            if (r?.text && r.text !== text) {
+              q.deleteText(sel.index, sel.length);
+              q.insertText(sel.index, r.text);
+              q.setSelection(sel.index, r.text.length);
+            } else if (r?.reason) {
+              alert(`Proofread: ${r.reason}`);
+            }
+          } catch (err) {
+            alert(`Proofread failed: ${err?.message || err}`);
           }
-        } catch (err) {
-          alert(`Proofread failed: ${err?.message || err}`);
-        }
-      });
-      menu.appendChild(item);
-      document.body.appendChild(menu);
-      const dismiss2 = () => {
-        menu.remove();
-        document.removeEventListener("mousedown", dismiss2);
-      };
-      setTimeout(() => document.addEventListener("mousedown", dismiss2), 0);
+        } },
+        ...standardEditItems2(() => q)
+      ]);
     } catch {
     }
   });
@@ -4816,173 +4980,7 @@ async function createTinyMceEditor2(container2, opts = {}) {
 // client/compose/compose.ts
 init_api_client();
 init_edit_commands();
-
-// client/components/context-menu.js
-init_edit_menu();
-var activeMenu = null;
-var dismissListener = null;
-var escapeListener = null;
-var activeSubmenu = null;
-function closeSubmenu() {
-  if (activeSubmenu) {
-    activeSubmenu.remove();
-    activeSubmenu = null;
-  }
-}
-function closeContextMenu() {
-  closeSubmenu();
-  if (activeMenu) {
-    activeMenu.remove();
-    activeMenu = null;
-  }
-  if (dismissListener) {
-    document.removeEventListener("pointerdown", dismissListener, true);
-    dismissListener = null;
-  }
-  if (escapeListener) {
-    document.removeEventListener("keydown", escapeListener, true);
-    escapeListener = null;
-  }
-}
-function openSubmenu(parentRow, items) {
-  closeSubmenu();
-  const sub = document.createElement("div");
-  sub.className = "ctx-menu";
-  for (const item of items) {
-    if (item.separator) {
-      const sep = document.createElement("div");
-      sep.className = "ctx-sep";
-      sub.appendChild(sep);
-      continue;
-    }
-    const el = document.createElement("div");
-    el.className = "ctx-item" + (item.disabled ? " ctx-disabled" : "");
-    el.textContent = item.label;
-    if (item.tooltip)
-      el.title = item.tooltip;
-    if (!item.disabled) {
-      el.addEventListener("click", () => {
-        closeContextMenu();
-        item.action();
-      });
-    }
-    sub.appendChild(el);
-  }
-  document.body.appendChild(sub);
-  const anchor = parentRow.getBoundingClientRect();
-  const vw = window.visualViewport?.width ?? window.innerWidth;
-  const vh = window.visualViewport?.height ?? window.innerHeight;
-  const rect = sub.getBoundingClientRect();
-  let left = anchor.right - 2;
-  if (left + rect.width > vw)
-    left = anchor.left - rect.width + 2;
-  let top = anchor.top;
-  if (top + rect.height > vh)
-    top = vh - rect.height - 4;
-  sub.style.left = `${Math.max(4, left)}px`;
-  sub.style.top = `${Math.max(4, top)}px`;
-  activeSubmenu = sub;
-}
-function showContextMenu(x, y, items, opts = {}) {
-  closeContextMenu();
-  if (opts.editTarget !== void 0 || opts.editEngine) {
-    const edit = editMenuItems({ target: opts.editTarget, engine: opts.editEngine }, { onError: opts.onEditError });
-    if (edit.length > 0) {
-      items = items.length > 0 ? [...edit, { label: "", action: () => {
-      }, separator: true }, ...items] : edit;
-    }
-  }
-  const menu = document.createElement("div");
-  menu.className = "ctx-menu";
-  for (const item of items) {
-    if (item.separator) {
-      const sep = document.createElement("div");
-      sep.className = "ctx-sep";
-      menu.appendChild(sep);
-      continue;
-    }
-    const el = document.createElement("div");
-    el.className = "ctx-item" + (item.disabled ? " ctx-disabled" : "") + (item.emphasized ? " ctx-emphasized" : "");
-    if (item.emphasized)
-      el.style.fontWeight = "600";
-    el.textContent = item.label;
-    if (item.tooltip)
-      el.title = item.tooltip;
-    if (item.submenu && item.submenu.length > 0 && !item.disabled) {
-      el.style.display = "flex";
-      el.style.justifyContent = "space-between";
-      el.style.gap = "12px";
-      const caret = document.createElement("span");
-      caret.textContent = "\u25B8";
-      caret.style.opacity = "0.6";
-      el.appendChild(caret);
-      const open = () => openSubmenu(el, item.submenu);
-      el.addEventListener("mouseenter", open);
-      el.addEventListener("click", (e) => {
-        e.stopPropagation();
-        open();
-      });
-      menu.appendChild(el);
-      continue;
-    }
-    el.addEventListener("mouseenter", closeSubmenu);
-    if (!item.disabled) {
-      el.addEventListener("click", () => {
-        closeContextMenu();
-        item.action();
-      });
-    }
-    menu.appendChild(el);
-  }
-  menu.style.left = `${x}px`;
-  menu.style.top = `${y}px`;
-  document.body.appendChild(menu);
-  const vw = window.visualViewport?.width ?? window.innerWidth;
-  const vh = window.visualViewport?.height ?? window.innerHeight;
-  let rect = menu.getBoundingClientRect();
-  if (rect.height > vh - 8) {
-    menu.style.maxHeight = `${vh - 8}px`;
-    menu.style.overflowY = "auto";
-    rect = menu.getBoundingClientRect();
-  }
-  let left = x, top = y;
-  if (left + rect.width > vw)
-    left = x - rect.width;
-  if (top + rect.height > vh)
-    top = y - rect.height;
-  left = Math.max(4, Math.min(left, vw - rect.width - 4));
-  top = Math.max(4, Math.min(top, vh - rect.height - 4));
-  menu.style.left = `${left}px`;
-  menu.style.top = `${top}px`;
-  activeMenu = menu;
-  requestAnimationFrame(() => {
-    dismissListener = (e) => {
-      if (activeSubmenu?.contains(e.target))
-        return;
-      if (activeMenu && !activeMenu.contains(e.target)) {
-        closeContextMenu();
-      }
-    };
-    document.addEventListener("pointerdown", dismissListener, true);
-    escapeListener = (e) => {
-      if (e.key === "Escape") {
-        e.preventDefault();
-        e.stopPropagation();
-        closeContextMenu();
-      }
-    };
-    document.addEventListener("keydown", escapeListener, true);
-  });
-}
-document.addEventListener("scroll", closeContextMenu, true);
-document.addEventListener("contextmenu", () => {
-});
-window.addEventListener("message", (e) => {
-  if (e.data && e.data.type === "iframePointerDown")
-    closeContextMenu();
-});
-
-// client/compose/compose.ts
+init_context_menu();
 installConsoleCapture();
 logClientEvent("compose-module-loaded", { href: location.href, version: window.mailxVersion || "?" });
 var _composeT0 = performance.now();
@@ -5454,7 +5452,7 @@ function showAutocompleteContextMenu(e, row) {
         window.open(`https://contacts.google.com/search/${encodeURIComponent(row.name || row.email)}`, "_blank");
       }
     }
-  ]);
+  ], { editTarget: e.target });
 }
 function openAddToPreferredModal(prefill) {
   const overlay = document.createElement("div");