@domternal/extension-mention 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Domternal contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,71 @@
+# @domternal/extension-mention
+
+`@mention` autocomplete extension for Domternal with multi-trigger and async support.
+
+Part of the [Domternal](https://github.com/domternal/domternal) toolkit. Full docs at [domternal.dev](https://domternal.dev).
+
+## Installation
+
+```bash
+npm install @domternal/core @domternal/extension-mention
+```
+
+## Usage
+
+```ts
+import { Editor, StarterKit } from '@domternal/core';
+import { Mention } from '@domternal/extension-mention';
+
+const editor = new Editor({
+  element: document.getElementById('editor')!,
+  extensions: [
+    StarterKit,
+    Mention.configure({
+      suggestion: {
+        char: '@',
+        name: 'user',
+        items: ({ query }) =>
+          users.filter((u) => u.label.toLowerCase().includes(query.toLowerCase())),
+        render: createMentionRenderer,
+      },
+    }),
+  ],
+});
+
+// Insert a mention programmatically
+editor.commands.insertMention({ id: '1', label: 'Alice' });
+```
+
+### Multi-trigger
+
+Use the `triggers` option to support multiple trigger characters (for example, `@` for users and `#` for tags):
+
+```ts
+Mention.configure({
+  triggers: [
+    {
+      char: '@',
+      name: 'user',
+      items: ({ query }) => fetchUsers(query),
+      render: createUserRenderer,
+    },
+    {
+      char: '#',
+      name: 'tag',
+      items: ({ query }) => fetchTags(query),
+      render: createTagRenderer,
+    },
+  ],
+})
+```
+
+### Features
+
+- **Autocomplete dropdown** - type a trigger character followed by a query to see matching items
+- **Async item fetching** - the `items` function can return a `Promise` for server-side lookups
+- **Multi-trigger** - define multiple trigger characters, each with its own item source and renderer
+- **Custom rendering** - provide a `render` function for full control over the suggestion dropdown UI
+
+## License
+
+[MIT](https://github.com/domternal/domternal/blob/main/LICENSE)

package/dist/index.cjs

@@ -0,0 +1,445 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@domternal/core');
+var state = require('@domternal/pm/state');
+var view = require('@domternal/pm/view');
+
+// src/Mention.ts
+var INITIAL_STATE = {
+  active: false,
+  query: "",
+  range: null
+};
+var pluginKeyCache = /* @__PURE__ */ new Map();
+function getPluginKey(triggerName) {
+  let key = pluginKeyCache.get(triggerName);
+  if (!key) {
+    key = new state.PluginKey(`mentionSuggestion_${triggerName}`);
+    pluginKeyCache.set(triggerName, key);
+  }
+  return key;
+}
+function findMentionQuery(state, triggerChar, allowSpaces, invalidNodes) {
+  const { selection } = state;
+  if (!selection.empty) return null;
+  const { $from } = selection;
+  if (invalidNodes.length > 0) {
+    const parentNodeType = $from.parent.type.name;
+    if (invalidNodes.includes(parentNodeType)) return null;
+  }
+  const textBefore = $from.parent.textBetween(
+    0,
+    $from.parentOffset,
+    void 0,
+    "\uFFFC"
+  );
+  const triggerIndex = textBefore.lastIndexOf(triggerChar);
+  if (triggerIndex === -1) return null;
+  if (triggerIndex > 0 && textBefore[triggerIndex - 1] !== " ") return null;
+  const queryText = textBefore.slice(triggerIndex + triggerChar.length);
+  const validPattern = allowSpaces ? /^[a-zA-Z0-9_.\-+ ]*$/ : /^[a-zA-Z0-9_.\-+]*$/;
+  if (!validPattern.test(queryText)) return null;
+  const from = $from.start() + triggerIndex;
+  const to = $from.pos;
+  return { query: queryText, range: { from, to } };
+}
+function createMentionSuggestionPlugin(options) {
+  const { trigger, nodeType } = options;
+  const triggerChar = trigger.char;
+  const minQueryLength = trigger.minQueryLength ?? 0;
+  const allowSpaces = trigger.allowSpaces ?? false;
+  const appendText = trigger.appendText ?? " ";
+  const invalidNodes = trigger.invalidNodes ?? [];
+  const getItems = trigger.items;
+  const getRender = trigger.render;
+  const key = getPluginKey(trigger.name);
+  let renderer = null;
+  let debounceTimer = null;
+  const debounceMs = trigger.debounce ?? 0;
+  const decorationClass = trigger.decorationClass ?? "mention-suggestion";
+  const decorationTag = trigger.decorationTag ?? "span";
+  const shouldShow = trigger.shouldShow;
+  function cleanup() {
+    if (debounceTimer !== null) {
+      clearTimeout(debounceTimer);
+      debounceTimer = null;
+    }
+  }
+  function notifyRenderer(props) {
+    if (!renderer && getRender) {
+      renderer = getRender();
+      renderer.onStart(props);
+    } else if (renderer) {
+      renderer.onUpdate(props);
+    }
+  }
+  return new state.Plugin({
+    key,
+    state: {
+      init() {
+        return { ...INITIAL_STATE };
+      },
+      apply(tr, prev, _oldState, newState) {
+        if (tr.getMeta(key) === "dismiss") {
+          return { ...INITIAL_STATE };
+        }
+        const isUserInput = tr.docChanged || tr.selectionSet;
+        if (!isUserInput) return prev;
+        const result = findMentionQuery(newState, triggerChar, allowSpaces, invalidNodes);
+        if (result && result.query.length >= minQueryLength) {
+          return {
+            active: true,
+            query: result.query,
+            range: result.range
+          };
+        }
+        if (prev.active) {
+          return { ...INITIAL_STATE };
+        }
+        return prev;
+      }
+    },
+    view() {
+      return {
+        update(view) {
+          const pluginState = key.getState(view.state);
+          if (!pluginState) return;
+          if (pluginState.active && pluginState.range) {
+            if (shouldShow && !shouldShow({ state: view.state, view })) {
+              if (renderer) {
+                cleanup();
+                renderer.onExit();
+                renderer = null;
+              }
+              return;
+            }
+            const command = (item) => {
+              const currentState = key.getState(view.state);
+              if (!currentState?.range || !nodeType) return;
+              const { tr } = view.state;
+              const node = nodeType.create({
+                id: item.id,
+                label: item.label,
+                type: trigger.name
+              });
+              tr.replaceWith(currentState.range.from, currentState.range.to, node);
+              if (appendText) {
+                tr.insertText(appendText);
+              }
+              view.dispatch(tr);
+            };
+            const clientRect = () => {
+              const currentState = key.getState(view.state);
+              if (!currentState?.range) return null;
+              try {
+                const coords = view.coordsAtPos(currentState.range.from);
+                return new DOMRect(coords.left, coords.top, 0, coords.bottom - coords.top);
+              } catch {
+                return null;
+              }
+            };
+            const fetchAndRender = () => {
+              const cur = key.getState(view.state);
+              if (!cur?.active || !cur.range) return;
+              const result = getItems({ query: cur.query, trigger });
+              if (result instanceof Promise) {
+                void result.then((items) => {
+                  const latest = key.getState(view.state);
+                  if (!latest?.active || !latest.range) return;
+                  notifyRenderer({ query: latest.query, range: latest.range, items, command, clientRect });
+                }).catch(() => {
+                });
+              } else {
+                notifyRenderer({ query: cur.query, range: cur.range, items: result, command, clientRect });
+              }
+            };
+            cleanup();
+            if (debounceMs > 0) {
+              debounceTimer = setTimeout(fetchAndRender, debounceMs);
+            } else {
+              fetchAndRender();
+            }
+          } else if (renderer) {
+            cleanup();
+            renderer.onExit();
+            renderer = null;
+          }
+        },
+        destroy() {
+          cleanup();
+          if (renderer) {
+            renderer.onExit();
+            renderer = null;
+          }
+        }
+      };
+    },
+    props: {
+      handleKeyDown(view, event) {
+        const state = key.getState(view.state);
+        if (!state?.active) return false;
+        if (event.key === "Escape") {
+          const { tr } = view.state;
+          tr.setMeta(key, "dismiss");
+          view.dispatch(tr);
+          return true;
+        }
+        if (renderer) {
+          return renderer.onKeyDown(event);
+        }
+        return false;
+      },
+      decorations(state) {
+        const pluginState = key.getState(state);
+        if (!pluginState?.active || !pluginState.range) {
+          return view.DecorationSet.empty;
+        }
+        return view.DecorationSet.create(state.doc, [
+          view.Decoration.inline(pluginState.range.from, pluginState.range.to, {
+            class: decorationClass,
+            nodeName: decorationTag
+          })
+        ]);
+      }
+    }
+  });
+}
+function dismissMentionSuggestion(view, triggerName) {
+  const key = getPluginKey(triggerName);
+  const { tr } = view.state;
+  tr.setMeta(key, "dismiss");
+  view.dispatch(tr);
+}
+
+// src/Mention.ts
+function getMentionText(node, charMap) {
+  const label = node.attrs["label"] ?? "";
+  const typeName = node.attrs["type"] ?? "mention";
+  const triggerChar = charMap.get(typeName) ?? "@";
+  return `${triggerChar}${label}`;
+}
+function resolveTriggers(options) {
+  if (options.triggers.length > 0) return options.triggers;
+  if (options.suggestion) return [options.suggestion];
+  return [];
+}
+var Mention = core.Node.create({
+  name: "mention",
+  group: "inline",
+  inline: true,
+  atom: true,
+  selectable: false,
+  draggable: false,
+  addOptions() {
+    return {
+      suggestion: null,
+      triggers: [],
+      deleteTriggerWithBackspace: false,
+      renderHTML: null,
+      renderText: null,
+      HTMLAttributes: {}
+    };
+  },
+  addStorage() {
+    return {
+      findMentions: () => [],
+      _triggerCharMap: /* @__PURE__ */ new Map()
+    };
+  },
+  onCreate() {
+    const triggers = resolveTriggers(this.options);
+    const charMap = /* @__PURE__ */ new Map();
+    for (const t of triggers) {
+      charMap.set(t.name, t.char);
+    }
+    this.storage._triggerCharMap = charMap;
+    this.storage.findMentions = () => {
+      const editor = this.editor;
+      if (!editor) return [];
+      const mentions = [];
+      const { doc } = editor.state;
+      const mentionType = this.nodeType;
+      if (!mentionType) return [];
+      doc.descendants((node, pos) => {
+        if (node.type === mentionType) {
+          mentions.push({
+            id: node.attrs["id"],
+            label: node.attrs["label"],
+            type: node.attrs["type"],
+            pos
+          });
+        }
+      });
+      return mentions;
+    };
+  },
+  addAttributes() {
+    return {
+      id: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-id"),
+        renderHTML: (attributes) => {
+          if (!attributes["id"]) return {};
+          return { "data-id": attributes["id"] };
+        }
+      },
+      label: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-label"),
+        renderHTML: (attributes) => {
+          if (!attributes["label"]) return {};
+          return { "data-label": attributes["label"] };
+        }
+      },
+      type: {
+        default: "mention",
+        parseHTML: (element) => element.getAttribute("data-mention-type") ?? "mention",
+        renderHTML: (attributes) => {
+          return { "data-mention-type": attributes["type"] };
+        }
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      { tag: 'span[data-type="mention"]' },
+      { tag: "span[data-mention]" }
+    ];
+  },
+  renderHTML({ node, HTMLAttributes }) {
+    if (this.options.renderHTML) {
+      return this.options.renderHTML({
+        node,
+        options: this.options,
+        HTMLAttributes
+      });
+    }
+    return [
+      "span",
+      {
+        ...this.options.HTMLAttributes,
+        ...HTMLAttributes,
+        "data-type": "mention",
+        class: [
+          this.options.HTMLAttributes["class"],
+          HTMLAttributes["class"],
+          "mention"
+        ].filter(Boolean).join(" ")
+      },
+      getMentionText(node, this.storage._triggerCharMap)
+    ];
+  },
+  leafText(node) {
+    if (this.options.renderText) {
+      return this.options.renderText({ node, options: this.options });
+    }
+    return getMentionText(node, this.storage._triggerCharMap);
+  },
+  addCommands() {
+    return {
+      insertMention: (attrs) => ({ tr, dispatch }) => {
+        if (!attrs.id || !attrs.label) return false;
+        if (!this.nodeType) return false;
+        if (dispatch) {
+          const mentionNode = this.nodeType.create({
+            id: attrs.id,
+            label: attrs.label,
+            type: attrs.type ?? "mention"
+          });
+          tr.replaceSelectionWith(mentionNode);
+          dispatch(tr);
+        }
+        return true;
+      },
+      deleteMention: (id) => ({ tr, dispatch, state }) => {
+        if (id) {
+          const mentionType = this.nodeType;
+          if (!mentionType) return false;
+          let foundPos = -1;
+          let foundSize = 0;
+          state.doc.descendants((node, pos) => {
+            if (foundPos >= 0) return false;
+            if (node.type === mentionType && node.attrs["id"] === id) {
+              foundPos = pos;
+              foundSize = node.nodeSize;
+              return false;
+            }
+            return void 0;
+          });
+          if (foundPos < 0) return false;
+          if (dispatch) {
+            tr.delete(foundPos, foundPos + foundSize);
+            dispatch(tr);
+          }
+          return true;
+        }
+        const { $from } = state.selection;
+        if (!state.selection.empty) return false;
+        const nodeBefore = $from.nodeBefore;
+        if (nodeBefore?.type.name !== "mention") return false;
+        if (dispatch) {
+          const from = $from.pos - nodeBefore.nodeSize;
+          tr.delete(from, $from.pos);
+          dispatch(tr);
+        }
+        return true;
+      }
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      Backspace: () => {
+        const editor = this.editor;
+        if (!editor) return false;
+        const { state } = editor;
+        const { selection } = state;
+        const { empty, $from } = selection;
+        if (!empty) return false;
+        const nodeBefore = $from.nodeBefore;
+        if (nodeBefore?.type.name !== "mention") return false;
+        const from = $from.pos - nodeBefore.nodeSize;
+        const { tr } = state;
+        if (this.options.deleteTriggerWithBackspace) {
+          const triggerType = nodeBefore.attrs["type"] ?? "mention";
+          const triggerChar = this.storage._triggerCharMap.get(triggerType);
+          if (triggerChar && from > 0) {
+            const $before = state.doc.resolve(from);
+            const charBefore = $before.parent.textBetween(
+              Math.max(0, $before.parentOffset - triggerChar.length),
+              $before.parentOffset,
+              void 0,
+              "\uFFFC"
+            );
+            if (charBefore === triggerChar) {
+              tr.delete(from - triggerChar.length, $from.pos);
+              editor.view.dispatch(tr);
+              return true;
+            }
+          }
+        }
+        tr.delete(from, $from.pos);
+        editor.view.dispatch(tr);
+        return true;
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    const triggers = resolveTriggers(this.options);
+    if (triggers.length === 0) return [];
+    return triggers.map(
+      (trigger) => createMentionSuggestionPlugin({
+        trigger,
+        nodeType: this.nodeType
+      })
+    );
+  }
+});
+
+exports.Mention = Mention;
+exports.createMentionSuggestionPlugin = createMentionSuggestionPlugin;
+exports.default = Mention;
+exports.dismissMentionSuggestion = dismissMentionSuggestion;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/mentionSuggestionPlugin.ts","../src/Mention.ts"],"names":["PluginKey","Plugin","DecorationSet","Decoration","Node"],"mappings":"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","file":"index.cjs","sourcesContent":["/**\n * Mention Suggestion Plugin\n *\n * Headless ProseMirror plugin that watches for trigger characters (e.g. '@', '#'),\n * tracks the query, supports async item fetching with debounce, and calls render\n * callbacks so framework wrappers can display a dropdown picker.\n *\n * Adapted from the emoji suggestion plugin with additions:\n * - Async items support with 150ms debounce\n * - Multiple plugin instances (one per trigger, unique PluginKey)\n * - Inline decoration on active trigger+query range\n * - invalidNodes context check\n * - appendText after insertion\n */\nimport { Plugin, PluginKey } from '@domternal/pm/state';\nimport type { EditorState, Transaction } from '@domternal/pm/state';\nimport type { EditorView } from '@domternal/pm/view';\nimport type { NodeType } from '@domternal/pm/model';\nimport { Decoration, DecorationSet } from '@domternal/pm/view';\n\n// ─── Public Types ────────────────────────────────────────────────────────────\n\n/** A single mention item returned by the items() callback. */\nexport interface MentionItem {\n  /** Unique identifier (e.g., user ID, tag slug). */\n  id: string;\n  /** Display text (e.g., \"John Doe\", \"feature-request\"). */\n  label: string;\n  /** Allow extra data (avatar URL, email, role, etc.). */\n  [key: string]: unknown;\n}\n\n/** Configuration for a single mention trigger. */\nexport interface MentionTrigger {\n  /** Trigger character. Default: '@' */\n  char: string;\n  /** Unique name for this trigger type (e.g., 'user', 'tag'). */\n  name: string;\n  /** Fetch items matching a query. Supports sync and async (Promise). */\n  items: (props: { query: string; trigger: MentionTrigger }) => MentionItem[] | Promise<MentionItem[]>;\n  /** Render callbacks for the suggestion popup. */\n  render?: () => MentionSuggestionRenderer;\n  /** Minimum query length before showing suggestions. Default: 0 */\n  minQueryLength?: number;\n  /** Allow spaces in query. Default: false */\n  allowSpaces?: boolean;\n  /** Text to append after mention insertion. Default: ' ' (space) */\n  appendText?: string;\n  /** Node types where suggestion should NOT activate (e.g. ['codeBlock']). Default: [] */\n  invalidNodes?: string[];\n  /** Debounce delay in ms for items() calls. Use >0 for async/API-backed items. Default: 0 (immediate) */\n  debounce?: number;\n  /** CSS class for the inline decoration on the active trigger+query range. Default: 'mention-suggestion' */\n  decorationClass?: string;\n  /** HTML tag for the inline decoration element. Default: 'span' */\n  decorationTag?: string;\n  /**\n   * Controls whether the suggestion should be shown. Return `false` to suppress.\n   * Useful for collaboration (suppress suggestions triggered by remote cursors)\n   * or any custom logic based on editor state.\n   */\n  shouldShow?: (props: { state: EditorState; view: EditorView }) => boolean;\n}\n\n/** Props passed to suggestion renderer callbacks. */\nexport interface MentionSuggestionProps {\n  /** Current query string (text after trigger char). */\n  query: string;\n  /** Document range of the trigger + query (for replacement). */\n  range: { from: number; to: number };\n  /** Filtered mention items matching the query. */\n  items: MentionItem[];\n  /** Call to insert a mention and close the suggestion. */\n  command: (item: MentionItem) => void;\n  /** Returns the client rect of the cursor for positioning the popup. */\n  clientRect: (() => DOMRect | null) | null;\n}\n\n/** Render callbacks for the suggestion popup. */\nexport interface MentionSuggestionRenderer {\n  /** Called when suggestion is first activated. */\n  onStart: (props: MentionSuggestionProps) => void;\n  /** Called when query or items change. */\n  onUpdate: (props: MentionSuggestionProps) => void;\n  /** Called when suggestion is deactivated. */\n  onExit: () => void;\n  /** Called on keydown — return true to prevent default editor handling. */\n  onKeyDown: (event: KeyboardEvent) => boolean;\n}\n\n// ─── Internal Types ──────────────────────────────────────────────────────────\n\ninterface SuggestionPluginOptions {\n  trigger: MentionTrigger;\n  nodeType: NodeType | null;\n}\n\ninterface SuggestionState {\n  active: boolean;\n  query: string;\n  range: { from: number; to: number } | null;\n}\n\nconst INITIAL_STATE: SuggestionState = {\n  active: false,\n  query: '',\n  range: null,\n};\n\n// ─── Plugin Key Registry ─────────────────────────────────────────────────────\n\nconst pluginKeyCache = new Map<string, PluginKey<SuggestionState>>();\n\n/** Get or create a PluginKey for a given trigger name. */\nfunction getPluginKey(triggerName: string): PluginKey<SuggestionState> {\n  let key = pluginKeyCache.get(triggerName);\n  if (!key) {\n    key = new PluginKey<SuggestionState>(`mentionSuggestion_${triggerName}`);\n    pluginKeyCache.set(triggerName, key);\n  }\n  return key;\n}\n\n// ─── Query Detection ─────────────────────────────────────────────────────────\n\n/**\n * Extracts the suggestion query from the current text before the cursor.\n * Returns null if no active suggestion is found.\n */\nfunction findMentionQuery(\n  state: EditorState,\n  triggerChar: string,\n  allowSpaces: boolean,\n  invalidNodes: string[],\n): { query: string; range: { from: number; to: number } } | null {\n  const { selection } = state;\n\n  // Only work with collapsed cursor selections\n  if (!selection.empty) return null;\n\n  const { $from } = selection;\n\n  // Check if cursor is in an invalid node\n  if (invalidNodes.length > 0) {\n    const parentNodeType = $from.parent.type.name;\n    if (invalidNodes.includes(parentNodeType)) return null;\n  }\n\n  const textBefore = $from.parent.textBetween(\n    0,\n    $from.parentOffset,\n    undefined,\n    '\\ufffc',\n  );\n\n  // Find the last trigger character\n  const triggerIndex = textBefore.lastIndexOf(triggerChar);\n  if (triggerIndex === -1) return null;\n\n  // The trigger must be at the start of the textblock or preceded by a space\n  if (triggerIndex > 0 && textBefore[triggerIndex - 1] !== ' ') return null;\n\n  const queryText = textBefore.slice(triggerIndex + triggerChar.length);\n\n  // Query must contain only valid chars (alphanumeric, underscore, dash, dot, plus; spaces if allowed)\n  const validPattern = allowSpaces\n    ? /^[a-zA-Z0-9_.\\-+ ]*$/\n    : /^[a-zA-Z0-9_.\\-+]*$/;\n  if (!validPattern.test(queryText)) return null;\n\n  const from = $from.start() + triggerIndex;\n  const to = $from.pos;\n\n  return { query: queryText, range: { from, to } };\n}\n\n// ─── Plugin Factory ──────────────────────────────────────────────────────────\n\n/**\n * Creates a ProseMirror plugin for mention suggestion/autocomplete.\n * One plugin instance per trigger.\n */\nexport function createMentionSuggestionPlugin(\n  options: SuggestionPluginOptions,\n): Plugin {\n  const { trigger, nodeType } = options;\n  const triggerChar = trigger.char;\n  const minQueryLength = trigger.minQueryLength ?? 0;\n  const allowSpaces = trigger.allowSpaces ?? false;\n  const appendText = trigger.appendText ?? ' ';\n  const invalidNodes = trigger.invalidNodes ?? [];\n  const getItems = trigger.items;\n  const getRender = trigger.render;\n\n  const key = getPluginKey(trigger.name);\n  let renderer: MentionSuggestionRenderer | null = null;\n  let debounceTimer: ReturnType<typeof setTimeout> | null = null;\n\n  const debounceMs = trigger.debounce ?? 0;\n  const decorationClass = trigger.decorationClass ?? 'mention-suggestion';\n  const decorationTag = trigger.decorationTag ?? 'span';\n  const shouldShow = trigger.shouldShow;\n\n  function cleanup(): void {\n    if (debounceTimer !== null) {\n      clearTimeout(debounceTimer);\n      debounceTimer = null;\n    }\n  }\n\n  function notifyRenderer(props: MentionSuggestionProps): void {\n    if (!renderer && getRender) {\n      renderer = getRender();\n      renderer.onStart(props);\n    } else if (renderer) {\n      renderer.onUpdate(props);\n    }\n  }\n\n  return new Plugin<SuggestionState>({\n    key,\n\n    state: {\n      init(): SuggestionState {\n        return { ...INITIAL_STATE };\n      },\n\n      apply(\n        tr: Transaction,\n        prev: SuggestionState,\n        _oldState: EditorState,\n        newState: EditorState,\n      ): SuggestionState {\n        // Dismiss via Escape key (or programmatic dismiss)\n        if (tr.getMeta(key) === 'dismiss') {\n          return { ...INITIAL_STATE };\n        }\n\n        // Check if this transaction is from user input\n        const isUserInput = tr.docChanged || tr.selectionSet;\n        if (!isUserInput) return prev;\n\n        const result = findMentionQuery(newState, triggerChar, allowSpaces, invalidNodes);\n\n        if (result && result.query.length >= minQueryLength) {\n          return {\n            active: true,\n            query: result.query,\n            range: result.range,\n          };\n        }\n\n        // If was active and now no match, deactivate\n        if (prev.active) {\n          return { ...INITIAL_STATE };\n        }\n\n        return prev;\n      },\n    },\n\n    view() {\n      return {\n        update(view: EditorView) {\n          const pluginState = key.getState(view.state);\n          if (!pluginState) return;\n\n          if (pluginState.active && pluginState.range) {\n            // Check shouldShow — if it returns false, treat as inactive\n            if (shouldShow && !shouldShow({ state: view.state, view })) {\n              if (renderer) {\n                cleanup();\n                renderer.onExit();\n                renderer = null;\n              }\n              return;\n            }\n            // Command reads current plugin state when invoked, not stale closure\n            const command = (item: MentionItem): void => {\n              const currentState = key.getState(view.state);\n              if (!currentState?.range || !nodeType) return;\n\n              const { tr } = view.state;\n              const node = nodeType.create({\n                id: item.id,\n                label: item.label,\n                type: trigger.name,\n              });\n\n              tr.replaceWith(currentState.range.from, currentState.range.to, node);\n\n              if (appendText) {\n                tr.insertText(appendText);\n              }\n\n              view.dispatch(tr);\n            };\n\n            const clientRect = (): DOMRect | null => {\n              const currentState = key.getState(view.state);\n              if (!currentState?.range) return null;\n              try {\n                const coords = view.coordsAtPos(currentState.range.from);\n                return new DOMRect(coords.left, coords.top, 0, coords.bottom - coords.top);\n              } catch {\n                return null;\n              }\n            };\n\n            // Fetch items and notify renderer\n            const fetchAndRender = (): void => {\n              const cur = key.getState(view.state);\n              if (!cur?.active || !cur.range) return;\n\n              const result = getItems({ query: cur.query, trigger });\n\n              if (result instanceof Promise) {\n                void result.then((items) => {\n                  const latest = key.getState(view.state);\n                  if (!latest?.active || !latest.range) return;\n                  notifyRenderer({ query: latest.query, range: latest.range, items, command, clientRect });\n                }).catch(() => {\n                  // Swallow — suggestion stays active with no items\n                });\n              } else {\n                notifyRenderer({ query: cur.query, range: cur.range, items: result, command, clientRect });\n              }\n            };\n\n            cleanup();\n\n            if (debounceMs > 0) {\n              // Debounced: delay the entire items() call to avoid hammering APIs\n              debounceTimer = setTimeout(fetchAndRender, debounceMs);\n            } else {\n              // Immediate: call items() now\n              fetchAndRender();\n            }\n          } else if (renderer) {\n            cleanup();\n            renderer.onExit();\n            renderer = null;\n          }\n        },\n\n        destroy() {\n          cleanup();\n          if (renderer) {\n            renderer.onExit();\n            renderer = null;\n          }\n        },\n      };\n    },\n\n    props: {\n      handleKeyDown(view: EditorView, event: KeyboardEvent): boolean {\n        const state = key.getState(view.state);\n        if (!state?.active) return false;\n\n        // Escape closes suggestion\n        if (event.key === 'Escape') {\n          const { tr } = view.state;\n          tr.setMeta(key, 'dismiss');\n          view.dispatch(tr);\n          return true;\n        }\n\n        // Delegate to renderer for ArrowUp/Down/Enter\n        if (renderer) {\n          return renderer.onKeyDown(event);\n        }\n\n        return false;\n      },\n\n      decorations(state: EditorState): DecorationSet {\n        const pluginState = key.getState(state);\n        if (!pluginState?.active || !pluginState.range) {\n          return DecorationSet.empty;\n        }\n\n        return DecorationSet.create(state.doc, [\n          Decoration.inline(pluginState.range.from, pluginState.range.to, {\n            class: decorationClass,\n            nodeName: decorationTag,\n          }),\n        ]);\n      },\n    },\n  });\n}\n\n// ─── Utilities ───────────────────────────────────────────────────────────────\n\n/**\n * Programmatically dismiss the mention suggestion for a given trigger.\n * Dispatches a meta transaction to reset the plugin state.\n */\nexport function dismissMentionSuggestion(\n  view: EditorView,\n  triggerName: string,\n): void {\n  const key = getPluginKey(triggerName);\n  const { tr } = view.state;\n  tr.setMeta(key, 'dismiss');\n  view.dispatch(tr);\n}\n","/**\n * Mention Node Extension\n *\n * Inline atom node for @mentions with multi-trigger support,\n * headless suggestion plugin, async item fetching, and configurable rendering.\n *\n * @example\n * ```ts\n * import { Mention } from '@domternal/extension-mention';\n *\n * const editor = new Editor({\n *   extensions: [\n *     Mention.configure({\n *       suggestion: {\n *         char: '@',\n *         name: 'user',\n *         items: ({ query }) => users.filter(u => u.label.includes(query)),\n *         render: createMentionRenderer,\n *       },\n *     }),\n *   ],\n * });\n *\n * // Insert mention programmatically\n * editor.commands.insertMention({ id: '1', label: 'Alice' });\n * ```\n */\nimport { Node } from '@domternal/core';\nimport type { CommandSpec } from '@domternal/core';\nimport type { Node as PMNode, DOMOutputSpec } from '@domternal/pm/model';\nimport { createMentionSuggestionPlugin } from './mentionSuggestionPlugin.js';\nimport type { MentionTrigger } from './mentionSuggestionPlugin.js';\n\ndeclare module '@domternal/core' {\n  interface RawCommands {\n    insertMention: CommandSpec<[attrs: { id: string; label: string; type?: string }]>;\n    deleteMention: CommandSpec<[id?: string]>;\n  }\n}\n\nexport interface MentionOptions {\n  /** Single trigger config (shorthand). Ignored if `triggers` is non-empty. */\n  suggestion: MentionTrigger | null;\n  /** Multiple trigger configs. Takes precedence over `suggestion`. */\n  triggers: MentionTrigger[];\n  /** Delete trigger char alongside mention on Backspace. Default: false */\n  deleteTriggerWithBackspace: boolean;\n  /** Custom render for HTML output (e.g. render as <a>). */\n  renderHTML:\n    | ((props: {\n        node: PMNode;\n        options: MentionOptions;\n        HTMLAttributes: Record<string, unknown>;\n      }) => DOMOutputSpec)\n    | null;\n  /** Custom render for plain text output. */\n  renderText:\n    | ((props: { node: PMNode; options: MentionOptions }) => string)\n    | null;\n  /** HTML attributes for the mention element. */\n  HTMLAttributes: Record<string, unknown>;\n}\n\nexport interface MentionStorage {\n  /** Find all mention nodes in the document. */\n  findMentions: () => {\n    id: string;\n    label: string;\n    type: string;\n    pos: number;\n  }[];\n  /** @internal Trigger name → char lookup map. */\n  _triggerCharMap: Map<string, string>;\n}\n\n/** Resolve trigger char + label into display text (e.g. \"@Alice\", \"#feature\"). */\nfunction getMentionText(node: PMNode, charMap: Map<string, string>): string {\n  const label = (node.attrs['label'] ?? '') as string;\n  const typeName = (node.attrs['type'] ?? 'mention') as string;\n  const triggerChar = charMap.get(typeName) ?? '@';\n  return `${triggerChar}${label}`;\n}\n\n/** Resolve the effective triggers array from options. */\nfunction resolveTriggers(options: MentionOptions): MentionTrigger[] {\n  if (options.triggers.length > 0) return options.triggers;\n  if (options.suggestion) return [options.suggestion];\n  return [];\n}\n\nexport const Mention = Node.create<MentionOptions, MentionStorage>({\n  name: 'mention',\n  group: 'inline',\n  inline: true,\n  atom: true,\n  selectable: false,\n  draggable: false,\n\n  addOptions() {\n    return {\n      suggestion: null,\n      triggers: [],\n      deleteTriggerWithBackspace: false,\n      renderHTML: null,\n      renderText: null,\n      HTMLAttributes: {},\n    };\n  },\n\n  addStorage() {\n    return {\n      findMentions: () => [],\n      _triggerCharMap: new Map(),\n    };\n  },\n\n  onCreate() {\n    const triggers = resolveTriggers(this.options);\n    const charMap = new Map<string, string>();\n    for (const t of triggers) {\n      charMap.set(t.name, t.char);\n    }\n    this.storage._triggerCharMap = charMap;\n\n    // Set up findMentions to scan the document\n    this.storage.findMentions = () => {\n      const editor = this.editor;\n      if (!editor) return [];\n\n      const mentions: {\n        id: string;\n        label: string;\n        type: string;\n        pos: number;\n      }[] = [];\n      const { doc } = editor.state;\n      const mentionType = this.nodeType;\n      if (!mentionType) return [];\n\n      doc.descendants((node, pos) => {\n        if (node.type === mentionType) {\n          mentions.push({\n            id: node.attrs['id'] as string,\n            label: node.attrs['label'] as string,\n            type: node.attrs['type'] as string,\n            pos,\n          });\n        }\n      });\n\n      return mentions;\n    };\n  },\n\n  addAttributes() {\n    return {\n      id: {\n        default: null,\n        parseHTML: (element: HTMLElement) =>\n          element.getAttribute('data-id'),\n        renderHTML: (attributes: Record<string, unknown>) => {\n          if (!attributes['id']) return {};\n          return { 'data-id': attributes['id'] as string };\n        },\n      },\n      label: {\n        default: null,\n        parseHTML: (element: HTMLElement) =>\n          element.getAttribute('data-label'),\n        renderHTML: (attributes: Record<string, unknown>) => {\n          if (!attributes['label']) return {};\n          return { 'data-label': attributes['label'] as string };\n        },\n      },\n      type: {\n        default: 'mention',\n        parseHTML: (element: HTMLElement) =>\n          element.getAttribute('data-mention-type') ?? 'mention',\n        renderHTML: (attributes: Record<string, unknown>) => {\n          return { 'data-mention-type': attributes['type'] as string };\n        },\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      { tag: 'span[data-type=\"mention\"]' },\n      { tag: 'span[data-mention]' },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    // Custom renderHTML takes precedence\n    if (this.options.renderHTML) {\n      return this.options.renderHTML({\n        node,\n        options: this.options,\n        HTMLAttributes,\n      });\n    }\n\n    return [\n      'span',\n      {\n        ...this.options.HTMLAttributes,\n        ...HTMLAttributes,\n        'data-type': 'mention',\n        class: [\n          this.options.HTMLAttributes['class'] as string | undefined,\n          HTMLAttributes['class'] as string | undefined,\n          'mention',\n        ]\n          .filter(Boolean)\n          .join(' '),\n      },\n      getMentionText(node, this.storage._triggerCharMap),\n    ];\n  },\n\n  leafText(node) {\n    if (this.options.renderText) {\n      return this.options.renderText({ node, options: this.options });\n    }\n\n    return getMentionText(node, this.storage._triggerCharMap);\n  },\n\n  addCommands() {\n    return {\n      insertMention:\n        (attrs: { id: string; label: string; type?: string }) =>\n        ({ tr, dispatch }) => {\n          if (!attrs.id || !attrs.label) return false;\n          if (!this.nodeType) return false;\n\n          if (dispatch) {\n            const mentionNode = this.nodeType.create({\n              id: attrs.id,\n              label: attrs.label,\n              type: attrs.type ?? 'mention',\n            });\n            tr.replaceSelectionWith(mentionNode);\n            dispatch(tr);\n          }\n\n          return true;\n        },\n\n      deleteMention:\n        (id?: string) =>\n        ({ tr, dispatch, state }) => {\n          // If id is provided, find and delete first mention with that id\n          if (id) {\n            const mentionType = this.nodeType;\n            if (!mentionType) return false;\n\n            let foundPos = -1;\n            let foundSize = 0;\n            state.doc.descendants((node, pos) => {\n              if (foundPos >= 0) return false;\n              if (node.type === mentionType && node.attrs['id'] === id) {\n                foundPos = pos;\n                foundSize = node.nodeSize;\n                return false;\n              }\n              return undefined;\n            });\n\n            if (foundPos < 0) return false;\n\n            if (dispatch) {\n              tr.delete(foundPos, foundPos + foundSize);\n              dispatch(tr);\n            }\n\n            return true;\n          }\n\n          // No id: delete mention at cursor (nodeBefore)\n          const { $from } = state.selection;\n          if (!state.selection.empty) return false;\n\n          const nodeBefore = $from.nodeBefore;\n          if (nodeBefore?.type.name !== 'mention') return false;\n\n          if (dispatch) {\n            const from = $from.pos - nodeBefore.nodeSize;\n            tr.delete(from, $from.pos);\n            dispatch(tr);\n          }\n\n          return true;\n        },\n    };\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: () => {\n        const editor = this.editor;\n        if (!editor) return false;\n\n        const { state } = editor;\n        const { selection } = state;\n        const { empty, $from } = selection;\n\n        if (!empty) return false;\n\n        const nodeBefore = $from.nodeBefore;\n        if (nodeBefore?.type.name !== 'mention') return false;\n\n        // Delete the mention node\n        const from = $from.pos - nodeBefore.nodeSize;\n        const { tr } = state;\n\n        if (this.options.deleteTriggerWithBackspace) {\n          // Also delete the trigger char if it precedes the mention\n          const triggerType = (nodeBefore.attrs['type'] ?? 'mention') as string;\n          const triggerChar = this.storage._triggerCharMap.get(triggerType);\n\n          if (triggerChar && from > 0) {\n            const $before = state.doc.resolve(from);\n            const charBefore = $before.parent.textBetween(\n              Math.max(0, $before.parentOffset - triggerChar.length),\n              $before.parentOffset,\n              undefined,\n              '\\ufffc',\n            );\n\n            if (charBefore === triggerChar) {\n              tr.delete(from - triggerChar.length, $from.pos);\n              editor.view.dispatch(tr);\n              return true;\n            }\n          }\n        }\n\n        tr.delete(from, $from.pos);\n        editor.view.dispatch(tr);\n        return true;\n      },\n    };\n  },\n\n  addProseMirrorPlugins() {\n    const triggers = resolveTriggers(this.options);\n    if (triggers.length === 0) return [];\n\n    return triggers.map((trigger) =>\n      createMentionSuggestionPlugin({\n        trigger,\n        nodeType: this.nodeType,\n      }),\n    );\n  },\n});\n"]}