@richhtmleditor/mentions 1.1.0

package/dist/index.d.ts

@@ -0,0 +1,42 @@
+import type { EditorPlugin } from "@richhtmleditor/core";
+export type MentionUser = {
+    id: string;
+    name: string;
+    avatar?: string;
+    role?: string;
+};
+export type MentionsPluginOptions = {
+    /**
+     * Fetch users matching the typed query after `@`.
+     * May return a plain array or a Promise.
+     */
+    fetchUsers: (query: string) => MentionUser[] | Promise<MentionUser[]>;
+    /** Called after a user is inserted into the document. */
+    onMention?: (user: MentionUser) => void;
+    /** Maximum number of dropdown results. Default: 8 */
+    maxResults?: number;
+    /** CSS class for mention spans in the output HTML. Default: 'de-mention' */
+    mentionClass?: string;
+};
+/**
+ * @mention autocomplete plugin.
+ *
+ * Watches for `@` in the editor, shows a dropdown of users from `fetchUsers`,
+ * and inserts `<span class="de-mention" data-user-id="..." data-user-name="...">@name</span>`.
+ *
+ * ```ts
+ * import { createMentionsPlugin } from "@richhtmleditor/mentions";
+ * createEditor({
+ *   plugins: [createMentionsPlugin({
+ *     fetchUsers: async (q) => myApi.searchUsers(q)
+ *   })]
+ * });
+ * ```
+ */
+export declare function createMentionsPlugin(options: MentionsPluginOptions): EditorPlugin;
+/** Parse all mention spans from an HTML string and return the mentioned users. */
+export declare function extractMentions(html: string): Array<{
+    id: string;
+    name: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzE,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,EAAE,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IACtE,yDAAyD;IACzD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAgBF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,qBAAqB,GAAG,YAAY,CA4NjF;AAED,kFAAkF;AAClF,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAOjF"}

package/dist/index.js

@@ -0,0 +1,257 @@
+function escapeHtml(s) {
+    return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function getCaretCoords(container) {
+    const sel = window.getSelection();
+    if (!sel || sel.rangeCount === 0)
+        return { x: 0, y: 0 };
+    const range = sel.getRangeAt(0).cloneRange();
+    range.collapse(true);
+    const rect = range.getBoundingClientRect();
+    const hostRect = container.getBoundingClientRect();
+    return { x: rect.left - hostRect.left, y: rect.bottom - hostRect.top + 4 };
+}
+/**
+ * @mention autocomplete plugin.
+ *
+ * Watches for `@` in the editor, shows a dropdown of users from `fetchUsers`,
+ * and inserts `<span class="de-mention" data-user-id="..." data-user-name="...">@name</span>`.
+ *
+ * ```ts
+ * import { createMentionsPlugin } from "@richhtmleditor/mentions";
+ * createEditor({
+ *   plugins: [createMentionsPlugin({
+ *     fetchUsers: async (q) => myApi.searchUsers(q)
+ *   })]
+ * });
+ * ```
+ */
+export function createMentionsPlugin(options) {
+    const maxResults = options.maxResults ?? 8;
+    const mentionClass = options.mentionClass ?? "de-mention";
+    return {
+        id: "richhtmleditor-mentions",
+        attach: (editor) => {
+            const host = editor.element;
+            const contentEl = host.querySelector(".de-content");
+            if (!contentEl)
+                return () => { };
+            let dropdown = null;
+            let currentQuery = null;
+            let activeIndex = 0;
+            let currentUsers = [];
+            const closeDropdown = () => {
+                dropdown?.remove();
+                dropdown = null;
+                currentQuery = null;
+                currentUsers = [];
+                activeIndex = 0;
+            };
+            const getAtRange = () => {
+                const sel = window.getSelection();
+                if (!sel || sel.rangeCount === 0)
+                    return null;
+                const range = sel.getRangeAt(0);
+                if (!range.collapsed)
+                    return null;
+                const node = range.startContainer;
+                if (node.nodeType !== Node.TEXT_NODE)
+                    return null;
+                const text = node.textContent ?? "";
+                const caretOffset = range.startOffset;
+                const before = text.slice(0, caretOffset);
+                const match = before.match(/@([\w.-]*)$/);
+                if (!match)
+                    return null;
+                const atOffset = caretOffset - match[0].length;
+                return { node: node, atOffset };
+            };
+            const insertMention = (user) => {
+                const atRange = getAtRange();
+                if (!atRange) {
+                    closeDropdown();
+                    return;
+                }
+                const sel = window.getSelection();
+                if (!sel) {
+                    closeDropdown();
+                    return;
+                }
+                // Build the replacement range: from '@' to current caret
+                const range = document.createRange();
+                range.setStart(atRange.node, atRange.atOffset);
+                range.setEnd(atRange.node, sel.getRangeAt(0).startOffset);
+                range.deleteContents();
+                const span = document.createElement("span");
+                span.className = mentionClass;
+                span.dataset.userId = user.id;
+                span.dataset.userName = user.name;
+                span.contentEditable = "false";
+                span.textContent = `@${user.name}`;
+                range.insertNode(span);
+                // Place caret after the span
+                const after = document.createTextNode("\u00A0");
+                span.after(after);
+                const newRange = document.createRange();
+                newRange.setStart(after, 1);
+                newRange.collapse(true);
+                sel.removeAllRanges();
+                sel.addRange(newRange);
+                options.onMention?.(user);
+                closeDropdown();
+            };
+            const renderDropdown = (users, coords) => {
+                closeDropdown();
+                if (!users.length)
+                    return;
+                currentUsers = users;
+                activeIndex = 0;
+                dropdown = document.createElement("div");
+                dropdown.className = "de-mentions-dropdown";
+                dropdown.setAttribute("role", "listbox");
+                dropdown.setAttribute("aria-label", "Mention user");
+                dropdown.style.cssText = `position:absolute;z-index:600;top:${coords.y}px;left:${coords.x}px;`;
+                users.forEach((user, i) => {
+                    const item = document.createElement("div");
+                    item.className = "de-mentions-dropdown__item";
+                    item.setAttribute("role", "option");
+                    item.setAttribute("aria-selected", i === 0 ? "true" : "false");
+                    item.dataset.index = String(i);
+                    if (user.avatar) {
+                        const img = document.createElement("img");
+                        img.src = user.avatar;
+                        img.className = "de-mentions-dropdown__avatar";
+                        img.alt = "";
+                        item.appendChild(img);
+                    }
+                    else {
+                        const initials = document.createElement("span");
+                        initials.className = "de-mentions-dropdown__initials";
+                        initials.textContent = user.name.slice(0, 2).toUpperCase();
+                        item.appendChild(initials);
+                    }
+                    const info = document.createElement("div");
+                    info.className = "de-mentions-dropdown__info";
+                    const nameEl = document.createElement("span");
+                    nameEl.className = "de-mentions-dropdown__name";
+                    nameEl.textContent = user.name;
+                    info.appendChild(nameEl);
+                    if (user.role) {
+                        const roleEl = document.createElement("span");
+                        roleEl.className = "de-mentions-dropdown__role";
+                        roleEl.textContent = user.role;
+                        info.appendChild(roleEl);
+                    }
+                    item.appendChild(info);
+                    item.addEventListener("mousedown", (e) => {
+                        e.preventDefault();
+                        insertMention(user);
+                    });
+                    dropdown.appendChild(item);
+                });
+                host.appendChild(dropdown);
+                highlightItem(0);
+            };
+            const highlightItem = (index) => {
+                if (!dropdown)
+                    return;
+                const items = dropdown.querySelectorAll(".de-mentions-dropdown__item");
+                items.forEach((item, i) => {
+                    item.classList.toggle("de-mentions-dropdown__item--active", i === index);
+                    item.setAttribute("aria-selected", i === index ? "true" : "false");
+                });
+            };
+            const onKeydown = (e) => {
+                if (!dropdown)
+                    return;
+                if (e.key === "ArrowDown") {
+                    e.preventDefault();
+                    activeIndex = Math.min(activeIndex + 1, currentUsers.length - 1);
+                    highlightItem(activeIndex);
+                }
+                else if (e.key === "ArrowUp") {
+                    e.preventDefault();
+                    activeIndex = Math.max(activeIndex - 1, 0);
+                    highlightItem(activeIndex);
+                }
+                else if (e.key === "Enter" || e.key === "Tab") {
+                    if (currentUsers[activeIndex]) {
+                        e.preventDefault();
+                        insertMention(currentUsers[activeIndex]);
+                    }
+                }
+                else if (e.key === "Escape") {
+                    closeDropdown();
+                }
+            };
+            let fetchTimer = null;
+            const onInput = () => {
+                const atRange = getAtRange();
+                if (!atRange) {
+                    closeDropdown();
+                    return;
+                }
+                const sel = window.getSelection();
+                if (!sel || sel.rangeCount === 0)
+                    return;
+                const text = atRange.node.textContent ?? "";
+                const query = text.slice(atRange.atOffset + 1, sel.getRangeAt(0).startOffset);
+                if (currentQuery === query)
+                    return;
+                currentQuery = query;
+                if (fetchTimer)
+                    clearTimeout(fetchTimer);
+                fetchTimer = setTimeout(async () => {
+                    const coords = getCaretCoords(host);
+                    const users = (await Promise.resolve(options.fetchUsers(query))).slice(0, maxResults);
+                    if (currentQuery === query)
+                        renderDropdown(users, coords);
+                }, 120);
+            };
+            const onDocClick = (e) => {
+                if (dropdown && !dropdown.contains(e.target))
+                    closeDropdown();
+            };
+            // Inject CSS
+            const styleId = "de-mentions-styles";
+            if (!document.getElementById(styleId)) {
+                const style = document.createElement("style");
+                style.id = styleId;
+                style.textContent = `
+.${mentionClass}{display:inline;background:color-mix(in srgb,var(--de-primary,#2563eb) 12%,transparent);color:var(--de-primary,#2563eb);border-radius:4px;padding:0 2px;font-weight:500;cursor:default;}
+.de-mentions-dropdown{background:var(--de-toolbar-bg,#fff);border:1px solid var(--de-border,#e2e8f0);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:200px;max-width:280px;overflow:hidden;}
+.de-mentions-dropdown__item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;}
+.de-mentions-dropdown__item--active,.de-mentions-dropdown__item:hover{background:var(--de-primary-hover,#eff6ff);}
+.de-mentions-dropdown__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;}
+.de-mentions-dropdown__initials{width:28px;height:28px;border-radius:50%;background:var(--de-primary,#2563eb);color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
+.de-mentions-dropdown__info{display:flex;flex-direction:column;min-width:0;}
+.de-mentions-dropdown__name{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+.de-mentions-dropdown__role{font-size:.75rem;color:var(--de-text-muted,#64748b);}
+        `.trim();
+                document.head.appendChild(style);
+            }
+            contentEl.addEventListener("input", onInput);
+            contentEl.addEventListener("keydown", onKeydown, true);
+            document.addEventListener("click", onDocClick);
+            void escapeHtml; // suppress unused
+            return () => {
+                contentEl.removeEventListener("input", onInput);
+                contentEl.removeEventListener("keydown", onKeydown, true);
+                document.removeEventListener("click", onDocClick);
+                if (fetchTimer)
+                    clearTimeout(fetchTimer);
+                closeDropdown();
+            };
+        }
+    };
+}
+/** Parse all mention spans from an HTML string and return the mentioned users. */
+export function extractMentions(html) {
+    const template = document.createElement("template");
+    template.innerHTML = html;
+    return Array.from(template.content.querySelectorAll(".de-mention")).map((span) => ({
+        id: span.dataset.userId ?? "",
+        name: span.dataset.userName ?? span.textContent?.slice(1) ?? ""
+    }));
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@richhtmleditor/mentions",
+  "version": "1.1.0",
+  "description": "@mention users with autocomplete dropdown plugin for Rich HTML Editor.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": ["dist", "README.md"],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "prepack": "node ../../scripts/assert-pack-ready.mjs"
+  },
+  "dependencies": {
+    "@richhtmleditor/core": "^1.1.0"
+  },
+  "keywords": ["richhtmleditor", "mentions", "autocomplete", "collaboration"],
+  "license": "MIT",
+  "publishConfig": { "access": "public" },
+  "engines": { "node": ">=18" }
+}