@haklex/rich-plugin-mention 0.0.39

package/LICENSE

@@ -0,0 +1,28 @@
+MIT License
+
+Copyright (c) 2024 Innei
+
+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.
+
+
+Additional Terms and Conditions
+
+----------------
+
+Use of this software is governed by the terms of MIT and, in addition, by the terms and conditions described in the additional file (ADDITIONAL_TERMS.md). By using this software, you agree to abide by these additional terms and conditions.

package/dist/MentionMenuItem.d.ts

@@ -0,0 +1,20 @@
+import { MenuOption } from '@lexical/react/LexicalTypeaheadMenuPlugin';
+import { ReactNode } from 'react';
+export type MentionMenuItemType = 'platform' | 'confirm';
+export declare class MentionMenuItem extends MenuOption {
+    type: MentionMenuItemType;
+    platformKey: string;
+    icon: ReactNode;
+    label: string;
+    description: string;
+    handleText: string;
+    constructor(options: {
+        type: MentionMenuItemType;
+        platformKey: string;
+        icon?: ReactNode;
+        label: string;
+        description?: string;
+        handleText?: string;
+    });
+}
+//# sourceMappingURL=MentionMenuItem.d.ts.map

package/dist/MentionMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionMenuItem.d.ts","sourceRoot":"","sources":["../src/MentionMenuItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAA;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,SAAS,CAAA;AAExD,qBAAa,eAAgB,SAAQ,UAAU;IAC7C,IAAI,EAAE,mBAAmB,CAAA;IACzB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;gBAEN,OAAO,EAAE;QACnB,IAAI,EAAE,mBAAmB,CAAA;QACzB,WAAW,EAAE,MAAM,CAAA;QACnB,IAAI,CAAC,EAAE,SAAS,CAAA;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB;CASF"}

package/dist/MentionMenuList.d.ts

@@ -0,0 +1,11 @@
+import { MentionMenuItem } from './MentionMenuItem';
+interface MentionMenuListProps {
+    options: MentionMenuItem[];
+    selectedIndex: number | null;
+    selectOptionAndCleanUp: (option: MentionMenuItem) => void;
+    setHighlightedIndex: (index: number) => void;
+    phase: 1 | 2;
+}
+export declare function MentionMenuList({ options, selectedIndex, selectOptionAndCleanUp, setHighlightedIndex, phase, }: MentionMenuListProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=MentionMenuList.d.ts.map

package/dist/MentionMenuList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionMenuList.d.ts","sourceRoot":"","sources":["../src/MentionMenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAGxD,UAAU,oBAAoB;IAC5B,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,sBAAsB,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAA;IACzD,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,KAAK,EAAE,CAAC,GAAG,CAAC,CAAA;CACb;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,aAAa,EACb,sBAAsB,EACtB,mBAAmB,EACnB,KAAK,GACN,EAAE,oBAAoB,kDA+EtB"}

package/dist/MentionMenuPlugin.d.ts

@@ -0,0 +1,6 @@
+import { MentionPlatformDef } from './MentionPlatformRegistry';
+export interface MentionMenuPluginProps {
+    extraPlatforms?: MentionPlatformDef[];
+}
+export declare function MentionMenuPlugin({ extraPlatforms, }?: MentionMenuPluginProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MentionMenuPlugin.d.ts.map

package/dist/MentionMenuPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionMenuPlugin.d.ts","sourceRoot":"","sources":["../src/MentionMenuPlugin.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAGnE,MAAM,WAAW,sBAAsB;IACrC,cAAc,CAAC,EAAE,kBAAkB,EAAE,CAAA;CACtC;AAqDD,wBAAgB,iBAAiB,CAAC,EAChC,cAAc,GACf,GAAE,sBAA2B,2CAgF7B"}

package/dist/MentionPlatformRegistry.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface MentionPlatformDef {
+    key: string;
+    label: string;
+    icon: ReactNode;
+    getUrl: (handle: string) => string;
+}
+export declare const builtinPlatforms: MentionPlatformDef[];
+export declare function getAllPlatforms(extra?: MentionPlatformDef[]): MentionPlatformDef[];
+//# sourceMappingURL=MentionPlatformRegistry.d.ts.map

package/dist/MentionPlatformRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionPlatformRegistry.d.ts","sourceRoot":"","sources":["../src/MentionPlatformRegistry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;IACf,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;CACnC;AAED,eAAO,MAAM,gBAAgB,EAAE,kBAAkB,EAO9C,CAAA;AAEH,wBAAgB,eAAe,CAC7B,KAAK,CAAC,EAAE,kBAAkB,EAAE,GAC3B,kBAAkB,EAAE,CAOtB"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { MentionMenuItem } from './MentionMenuItem';
+export type { MentionMenuPluginProps } from './MentionMenuPlugin';
+export { MentionMenuPlugin } from './MentionMenuPlugin';
+export type { MentionPlatformDef } from './MentionPlatformRegistry';
+export { builtinPlatforms, getAllPlatforms } from './MentionPlatformRegistry';
+//# 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,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/index.mjs

@@ -0,0 +1,231 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { MenuOption, useBasicTypeaheadTriggerMatch, LexicalTypeaheadMenuPlugin } from "@lexical/react/LexicalTypeaheadMenuPlugin";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { $createMentionNode } from "@haklex/rich-editor";
+import { PortalThemeWrapper } from "@haklex/rich-style-token";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { $createTextNode } from "lexical";
+import { useState, useMemo, useCallback } from "react";
+import { createPortal } from "react-dom";
+import { platformMetaMap } from "@haklex/rich-renderer-mention";
+class MentionMenuItem extends MenuOption {
+  constructor(options) {
+    super(options.platformKey + (options.handleText ?? ""));
+    __publicField(this, "type");
+    __publicField(this, "platformKey");
+    __publicField(this, "icon");
+    __publicField(this, "label");
+    __publicField(this, "description");
+    __publicField(this, "handleText");
+    this.type = options.type;
+    this.platformKey = options.platformKey;
+    this.icon = options.icon ?? "";
+    this.label = options.label;
+    this.description = options.description ?? "";
+    this.handleText = options.handleText ?? "";
+  }
+}
+var mentionMenu = "_1t6e5is0";
+var mentionMenuItem = "_1t6e5is1";
+var mentionMenuItemIcon = "_1t6e5is2";
+var mentionMenuItemText = "_1t6e5is3";
+var mentionMenuItemTitle = "_1t6e5is4";
+var mentionMenuItemDescription = "_1t6e5is5";
+var mentionMenuHint = "_1t6e5is6";
+var phase2Container = "_1t6e5is7";
+var platformTag = "_1t6e5is8";
+var platformTagIcon = "_1t6e5is9";
+var phase2Hint = "_1t6e5isa";
+function MentionMenuList({
+  options,
+  selectedIndex,
+  selectOptionAndCleanUp,
+  setHighlightedIndex,
+  phase
+}) {
+  if (phase === 2) {
+    const item = options[0];
+    if (!item) return null;
+    return /* @__PURE__ */ jsx("div", { className: mentionMenu, children: /* @__PURE__ */ jsxs("div", { className: phase2Container, children: [
+      /* @__PURE__ */ jsxs("div", { className: platformTag, children: [
+        /* @__PURE__ */ jsx("span", { className: platformTagIcon, children: item.icon }),
+        item.description.split(" — ")[0]
+      ] }),
+      item.handleText ? /* @__PURE__ */ jsx(
+        "ul",
+        {
+          style: { listStyle: "none", margin: 0, padding: 0 },
+          role: "listbox",
+          children: /* @__PURE__ */ jsx(
+            "li",
+            {
+              className: mentionMenuItem,
+              role: "option",
+              "aria-selected": selectedIndex === 0,
+              onClick: () => selectOptionAndCleanUp(item),
+              onMouseEnter: () => setHighlightedIndex(0),
+              ref: item.setRefElement,
+              tabIndex: -1,
+              style: { margin: 0 },
+              children: /* @__PURE__ */ jsxs("span", { className: mentionMenuItemText, children: [
+                /* @__PURE__ */ jsxs("span", { className: mentionMenuItemTitle, children: [
+                  "@",
+                  item.handleText
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: mentionMenuItemDescription, children: "Enter to confirm" })
+              ] })
+            }
+          )
+        }
+      ) : /* @__PURE__ */ jsx("div", { className: phase2Hint, children: "Type username, Enter to confirm" })
+    ] }) });
+  }
+  if (options.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: mentionMenu, children: /* @__PURE__ */ jsx("div", { className: mentionMenuHint, children: "No matching platforms" }) });
+  }
+  return /* @__PURE__ */ jsx("ul", { className: mentionMenu, role: "listbox", children: options.map((item, index) => /* @__PURE__ */ jsxs(
+    "li",
+    {
+      className: mentionMenuItem,
+      role: "option",
+      "aria-selected": index === selectedIndex,
+      onClick: () => selectOptionAndCleanUp(item),
+      onMouseEnter: () => setHighlightedIndex(index),
+      ref: item.setRefElement,
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: mentionMenuItemIcon, children: item.icon }),
+        /* @__PURE__ */ jsxs("span", { className: mentionMenuItemText, children: [
+          /* @__PURE__ */ jsx("span", { className: mentionMenuItemTitle, children: item.label }),
+          /* @__PURE__ */ jsx("span", { className: mentionMenuItemDescription, children: item.description })
+        ] })
+      ]
+    },
+    item.key
+  )) });
+}
+const builtinPlatforms = Object.entries(
+  platformMetaMap
+).map(([key, meta]) => ({
+  key,
+  label: meta.label,
+  icon: meta.icon,
+  getUrl: meta.getUrl
+}));
+function getAllPlatforms(extra) {
+  if (!extra) return builtinPlatforms;
+  const map = /* @__PURE__ */ new Map();
+  for (const p of builtinPlatforms) map.set(p.key.toUpperCase(), p);
+  for (const p of extra)
+    map.set(p.key.toUpperCase(), { ...p, key: p.key.toUpperCase() });
+  return [...map.values()];
+}
+const MENTION_PUNCTUATION = `\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'"~=<>_;`;
+function parseQueryPhase(query, platforms) {
+  const colonIdx = query.indexOf(":");
+  if (colonIdx !== -1) {
+    const platformKey = query.slice(0, colonIdx).toUpperCase();
+    const handle = query.slice(colonIdx + 1);
+    const platform = platforms.find((p) => p.key === platformKey);
+    if (platform) {
+      const confirmItem = new MentionMenuItem({
+        type: "confirm",
+        platformKey,
+        icon: platform.icon,
+        label: handle ? `@${handle}` : "Type username...",
+        description: `${platform.label} — Enter to confirm`,
+        handleText: handle
+      });
+      return { phase: 2, options: [confirmItem] };
+    }
+  }
+  const lower = query.toLowerCase();
+  const filtered = platforms.filter(
+    (p) => !query || p.key.toLowerCase().includes(lower) || p.label.toLowerCase().includes(lower)
+  ).map(
+    (p) => new MentionMenuItem({
+      type: "platform",
+      platformKey: p.key,
+      icon: p.icon,
+      label: p.label,
+      description: `@${p.key}:username`
+    })
+  );
+  return { phase: 1, options: filtered };
+}
+function MentionMenuPlugin({
+  extraPlatforms
+} = {}) {
+  const [editor] = useLexicalComposerContext();
+  const [queryString, setQueryString] = useState(null);
+  const platforms = useMemo(
+    () => getAllPlatforms(extraPlatforms),
+    [extraPlatforms]
+  );
+  const { phase, options } = useMemo(
+    () => parseQueryPhase(queryString ?? "", platforms),
+    [queryString, platforms]
+  );
+  const checkForTriggerMatch = useBasicTypeaheadTriggerMatch("@", {
+    minLength: 0,
+    punctuation: MENTION_PUNCTUATION
+  });
+  const onSelectOption = useCallback(
+    (option, textNodeContainingQuery, closeMenu) => {
+      if (option.type === "platform") {
+        if (textNodeContainingQuery) {
+          const text = `@${option.platformKey}:`;
+          const newTextNode = $createTextNode(text);
+          textNodeContainingQuery.replace(newTextNode);
+          newTextNode.select(text.length, text.length);
+        }
+      } else {
+        const handle = option.handleText.trim();
+        if (!handle) return;
+        const mentionNode = $createMentionNode(option.platformKey, handle);
+        if (textNodeContainingQuery) {
+          textNodeContainingQuery.replace(mentionNode);
+        }
+        const spaceNode = $createTextNode(" ");
+        mentionNode.insertAfter(spaceNode);
+        spaceNode.select(0, 0);
+        closeMenu();
+      }
+    },
+    [editor]
+  );
+  return /* @__PURE__ */ jsx(
+    LexicalTypeaheadMenuPlugin,
+    {
+      onQueryChange: setQueryString,
+      onSelectOption,
+      triggerFn: checkForTriggerMatch,
+      options,
+      menuRenderFn: (anchorElementRef, { selectedIndex, selectOptionAndCleanUp, setHighlightedIndex }) => {
+        if (!anchorElementRef.current) return null;
+        if (phase === 1 && options.length === 0) return null;
+        return createPortal(
+          /* @__PURE__ */ jsx(PortalThemeWrapper, { children: /* @__PURE__ */ jsx(
+            MentionMenuList,
+            {
+              options,
+              selectedIndex,
+              selectOptionAndCleanUp,
+              setHighlightedIndex,
+              phase
+            }
+          ) }),
+          anchorElementRef.current
+        );
+      }
+    }
+  );
+}
+export {
+  MentionMenuItem,
+  MentionMenuPlugin,
+  builtinPlatforms,
+  getAllPlatforms
+};

package/dist/rich-plugin-mention.css

@@ -0,0 +1 @@
+:root{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}:root.dark{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._16vg1w00{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._16vg1w01{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.8;--rc-line-height-tight: 1.4;--rc-font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._16vg1w02{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #a1a1aa;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 2px;--rc-space-sm: 4px;--rc-space-md: 10px;--rc-space-lg: 16px;--rc-space-xl: 20px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 14px;--rc-font-size-small: 12px;--rc-line-height: 1.5;--rc-line-height-tight: 1.3;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 3px;--rc-radius-md: 6px;--rc-radius-lg: 8px}.dark ._16vg1w00,[data-theme=dark] ._16vg1w00,.dark._16vg1w00,[data-theme=dark]._16vg1w00,.dark ._16vg1w01,[data-theme=dark] ._16vg1w01,.dark._16vg1w01,[data-theme=dark]._16vg1w01,.dark ._16vg1w02,[data-theme=dark] ._16vg1w02,.dark._16vg1w02,[data-theme=dark]._16vg1w02{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4)}._1t6e5is0{position:absolute;top:0;left:0;width:280px;max-height:300px;overflow-y:auto;overflow-x:hidden;font-family:var(--rc-font-family);background:var(--rc-bg);border:1px solid var(--rc-border);border-radius:10px;box-shadow:var(--rc-shadow-menu);padding:6px 0;list-style:none;margin:0}._1t6e5is0::-webkit-scrollbar{width:6px}._1t6e5is0::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}._1t6e5is1{display:flex;align-items:center;gap:10px;padding:6px 10px;margin:0 6px;border-radius:8px;cursor:pointer;transition:background .1s ease}._1t6e5is1:hover,._1t6e5is1[aria-selected=true]{background:var(--rc-bg-secondary)}._1t6e5is2{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;border-radius:6px;background:var(--rc-bg-secondary);border:1px solid var(--rc-border);color:var(--rc-text-secondary);line-height:1}._1t6e5is3{display:flex;flex-direction:column;min-width:0;gap:1px}._1t6e5is4{font-size:14px;font-weight:500;line-height:1.3;color:var(--rc-text)}._1t6e5is5{font-size:12px;line-height:1.3;color:var(--rc-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._1t6e5is6{padding:8px 14px;font-size:12px;color:var(--rc-text-secondary);user-select:none}._1t6e5is7{padding:8px 10px;margin:0 6px}._1t6e5is8{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:500;line-height:1.3;background:var(--rc-bg-secondary);border:1px solid var(--rc-border);color:var(--rc-text);margin-bottom:6px}._1t6e5is9{display:flex;align-items:center;font-size:14px}._1t6e5isa{font-size:12px;color:var(--rc-text-secondary);margin-top:2px}._1t6e5isb{font-size:14px;font-weight:500;color:var(--rc-text);margin-top:4px}

package/dist/styles.css.d.ts

@@ -0,0 +1,13 @@
+export declare const mentionMenu: string;
+export declare const mentionMenuItem: string;
+export declare const mentionMenuItemIcon: string;
+export declare const mentionMenuItemText: string;
+export declare const mentionMenuItemTitle: string;
+export declare const mentionMenuItemDescription: string;
+export declare const mentionMenuHint: string;
+export declare const phase2Container: string;
+export declare const platformTag: string;
+export declare const platformTagIcon: string;
+export declare const phase2Hint: string;
+export declare const phase2Handle: string;
+//# sourceMappingURL=styles.css.d.ts.map

package/dist/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,QAgBtB,CAAA;AAWF,eAAO,MAAM,eAAe,QAS1B,CAAA;AASF,eAAO,MAAM,mBAAmB,QAa9B,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAK9B,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAK/B,CAAA;AAEF,eAAO,MAAM,0BAA0B,QAOrC,CAAA;AAEF,eAAO,MAAM,eAAe,QAK1B,CAAA;AAGF,eAAO,MAAM,eAAe,QAG1B,CAAA;AAEF,eAAO,MAAM,WAAW,QAatB,CAAA;AAEF,eAAO,MAAM,eAAe,QAI1B,CAAA;AAEF,eAAO,MAAM,UAAU,QAIrB,CAAA;AAEF,eAAO,MAAM,YAAY,QAKvB,CAAA"}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@haklex/rich-plugin-mention",
+  "version": "0.0.39",
+  "description": "Mention typeahead plugin with platform selection",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": "./dist/rich-plugin-mention.css"
+  },
+  "main": "./dist/index.mjs",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@haklex/rich-renderer-mention": "0.0.39",
+    "@haklex/rich-editor": "0.0.39",
+    "@haklex/rich-style-token": "0.0.39"
+  },
+  "devDependencies": {
+    "@lexical/react": "^0.41.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vanilla-extract/css": "^1.18.0",
+    "@vanilla-extract/vite-plugin": "^4.0.20",
+    "lexical": "^0.41.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "peerDependencies": {
+    "@lexical/react": "^0.41.0",
+    "lexical": "^0.41.0",
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev:build": "vite build --watch"
+  },
+  "types": "./dist/index.d.ts"
+}