@haklex/rich-renderer-linkcard 0.0.8 → 0.0.10

package/dist/ConvertToLinkCardAction.d.ts

@@ -0,0 +1,9 @@
+import { PluginRegistry } from './types';
+export interface ConvertToLinkCardActionProps {
+    url: string;
+    linkKey: string;
+    pluginRegistry?: PluginRegistry;
+    className?: string;
+}
+export declare function ConvertToLinkCardAction({ url, linkKey, pluginRegistry, className, }: ConvertToLinkCardActionProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ConvertToLinkCardAction.d.ts.map

package/dist/ConvertToLinkCardAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConvertToLinkCardAction.d.ts","sourceRoot":"","sources":["../src/ConvertToLinkCardAction.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,MAAM,WAAW,4BAA4B;IAC3C,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,MAAM,CAAA;IACf,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,GAAG,EACH,OAAO,EACP,cAAc,EACd,SAAS,GACV,EAAE,4BAA4B,kDA+B9B"}

package/dist/LinkCardEditDecorator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkCardEditDecorator.d.ts","sourceRoot":"","sources":["../src/LinkCardEditDecorator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAK/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKzC,UAAU,0BAA0B;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,mBAAmB,CAAA;IAC5B,QAAQ,EAAE,YAAY,CAAA;CACvB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,OAAO,EACP,QAAQ,GACT,EAAE,0BAA0B,2CA+H5B"}
+{"version":3,"file":"LinkCardEditDecorator.d.ts","sourceRoot":"","sources":["../src/LinkCardEditDecorator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAM/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKzC,UAAU,0BAA0B;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,mBAAmB,CAAA;IAC5B,QAAQ,EAAE,YAAY,CAAA;CACvB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,OAAO,EACP,QAAQ,GACT,EAAE,0BAA0B,2CAuJ5B"}

package/dist/LinkCardEditNode.d.ts

@@ -1,10 +1,12 @@
-import { LinkCardNode, SerializedLinkCardNode } from '@haklex/rich-editor';
+import { LinkCardNode, LinkCardNodePayload, SerializedLinkCardNode, SlashMenuItemConfig } from '@haklex/rich-editor';
 import { EditorConfig, Klass, LexicalEditor, LexicalNode } from 'lexical';
 import { ReactElement } from 'react';
 export declare class LinkCardEditNode extends LinkCardNode {
+    static slashMenuItems: SlashMenuItemConfig[];
     static clone(node: LinkCardEditNode): LinkCardEditNode;
     static importJSON(serializedNode: SerializedLinkCardNode): LinkCardEditNode;
     decorate(_editor: LexicalEditor, _config: EditorConfig): ReactElement;
 }
+export declare function $createLinkCardEditNode(payload: LinkCardNodePayload): LinkCardEditNode;
 export declare const linkCardEditNodes: Array<Klass<LexicalNode>>;
 //# sourceMappingURL=LinkCardEditNode.d.ts.map

package/dist/LinkCardEditNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkCardEditNode.d.ts","sourceRoot":"","sources":["../src/LinkCardEditNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,EAEZ,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKzC,qBAAa,gBAAiB,SAAQ,YAAY;IAChD,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,gBAAgB,GAAG,gBAAgB;IAatD,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,sBAAsB,GAAG,gBAAgB;IAU3E,QAAQ,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY;CAmBtE;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAsB,CAAA"}
+{"version":3,"file":"LinkCardEditNode.d.ts","sourceRoot":"","sources":["../src/LinkCardEditNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,EACZ,KAAK,mBAAmB,EAExB,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKzC,qBAAa,gBAAiB,SAAQ,YAAY;IAChD,MAAM,CAAC,cAAc,EAAE,mBAAmB,EAAE,CAa3C;IAED,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,gBAAgB,GAAG,gBAAgB;IAatD,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,sBAAsB,GAAG,gBAAgB;IAU3E,QAAQ,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY;CAmBtE;AAED,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,mBAAmB,GAC3B,gBAAgB,CAElB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAsB,CAAA"}

package/dist/PasteLinkCardPlugin.d.ts

@@ -0,0 +1,6 @@
+import { PluginRegistry } from './types';
+export interface PasteLinkCardPluginProps {
+    pluginRegistry?: PluginRegistry;
+}
+export declare function PasteLinkCardPlugin({ pluginRegistry, }: PasteLinkCardPluginProps): null;
+//# sourceMappingURL=PasteLinkCardPlugin.d.ts.map

package/dist/PasteLinkCardPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasteLinkCardPlugin.d.ts","sourceRoot":"","sources":["../src/PasteLinkCardPlugin.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,MAAM,WAAW,wBAAwB;IACvC,cAAc,CAAC,EAAE,cAAc,CAAA;CAChC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,cAAc,GACf,EAAE,wBAAwB,QAmC1B"}

package/dist/hooks/useUrlMatcher.d.ts

@@ -3,5 +3,6 @@ export interface UrlMatchInfo {
     plugin: LinkCardPlugin;
     match: UrlMatchResult;
 }
+export declare function matchUrl(url: string, pluginRegistry?: PluginRegistry): UrlMatchInfo | null;
 export declare function useUrlMatcher(url: string | undefined, pluginRegistry?: PluginRegistry): UrlMatchInfo | null;
 //# sourceMappingURL=useUrlMatcher.d.ts.map

package/dist/hooks/useUrlMatcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUrlMatcher.d.ts","sourceRoot":"","sources":["../../src/hooks/useUrlMatcher.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9E,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,cAAc,CAAA;IACtB,KAAK,EAAE,cAAc,CAAA;CACtB;AAED,wBAAgB,aAAa,CAC3B,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,cAAc,GAAE,cAA+B,GAC9C,YAAY,GAAG,IAAI,CAcrB"}
+{"version":3,"file":"useUrlMatcher.d.ts","sourceRoot":"","sources":["../../src/hooks/useUrlMatcher.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9E,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,cAAc,CAAA;IACtB,KAAK,EAAE,cAAc,CAAA;CACtB;AAED,wBAAgB,QAAQ,CACtB,GAAG,EAAE,MAAM,EACX,cAAc,GAAE,cAA+B,GAC9C,YAAY,GAAG,IAAI,CAWrB;AAED,wBAAgB,aAAa,CAC3B,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,cAAc,GAAE,cAA+B,GAC9C,YAAY,GAAG,IAAI,CAKrB"}

package/dist/index.d.ts

@@ -1,10 +1,14 @@
+export type { ConvertToLinkCardActionProps } from './ConvertToLinkCardAction';
+export { ConvertToLinkCardAction } from './ConvertToLinkCardAction';
 export type { UrlMatchInfo } from './hooks/useUrlMatcher';
-export { useUrlMatcher } from './hooks/useUrlMatcher';
+export { matchUrl, useUrlMatcher } from './hooks/useUrlMatcher';
 export { LinkCardEditDecorator } from './LinkCardEditDecorator';
-export { LinkCardEditNode, linkCardEditNodes } from './LinkCardEditNode';
+export { $createLinkCardEditNode, LinkCardEditNode, linkCardEditNodes, } from './LinkCardEditNode';
 export type { EnhancedLinkCardProps } from './LinkCardRenderer';
 export { LinkCardRenderer } from './LinkCardRenderer';
 export { LinkCardSkeleton } from './LinkCardSkeleton';
+export type { PasteLinkCardPluginProps } from './PasteLinkCardPlugin';
+export { PasteLinkCardPlugin } from './PasteLinkCardPlugin';
 export { getPluginByName, pluginMap, plugins } from './plugins';
 export { arxivPlugin, bangumiPlugin, githubCommitPlugin, githubDiscussionPlugin, githubIssuePlugin, githubPrPlugin, githubRepoPlugin, leetcodePlugin, mxSpacePlugin, neteaseMusicPlugin, qqMusicPlugin, tmdbPlugin, } from './plugins';
 export { createMxSpacePlugin } from './plugins';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACxE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAC/D,OAAO,EACL,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,UAAU,GACX,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAC/C,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACzD,YAAY,EACV,kBAAkB,EAClB,YAAY,EACZ,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,cAAc,GACf,MAAM,SAAS,CAAA;AAChB,OAAO,EACL,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,aAAa,EACb,kBAAkB,GACnB,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAA;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EACL,uBAAuB,EACvB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,oBAAoB,CAAA;AAC3B,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAC/D,OAAO,EACL,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,UAAU,GACX,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAC/C,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACzD,YAAY,EACV,kBAAkB,EAClB,YAAY,EACZ,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,cAAc,GACf,MAAM,SAAS,CAAA;AAChB,OAAO,EACL,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,aAAa,EACb,kBAAkB,GACnB,MAAM,SAAS,CAAA"}

package/dist/index.mjs

@@ -1,10 +1,14 @@
-import { useMemo, useState, useRef, useEffect, useCallback, createElement, useLayoutEffect } from "react";
+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 { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Star, Link, ExternalLink, Unlink, Globe } from "lucide-react";
+import { $createLinkNode, $isLinkNode } from "@lexical/link";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { $getNodeByKey, $createTextNode, $createParagraphNode, $insertNodes, $createNodeSelection, $setSelection, PASTE_COMMAND, $getSelection, $isRangeSelection, $isParagraphNode, COMMAND_PRIORITY_LOW } from "lexical";
+import { Star, Link, ExternalLink, RemoveFormatting, Unlink, CreditCard, Globe } from "lucide-react";
+import { useMemo, useState, useRef, useEffect, useCallback, createElement, useLayoutEffect } from "react";
 import { $isLinkCardNode, LinkCardNode, createRendererDecoration, LinkCardRenderer as LinkCardRenderer$1 } from "@haklex/rich-editor";
 import { Popover, PopoverTrigger, PopoverPanel } from "@haklex/rich-editor-ui";
-import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import { $getNodeByKey } from "lexical";
 import { useInView } from "react-intersection-observer";
 const arxivPlugin = {
   name: "arxiv",
@@ -1013,18 +1017,21 @@ function getPluginByName(name) {
 const pluginMap = new Map(
   plugins.map((p) => [p.name, p])
 );
+function matchUrl(url, pluginRegistry = plugins) {
+  try {
+    const parsed = new URL(url);
+    for (const plugin of pluginRegistry) {
+      const match = plugin.matchUrl(parsed);
+      if (match) return { plugin, match };
+    }
+  } catch {
+  }
+  return null;
+}
 function useUrlMatcher(url, pluginRegistry = plugins) {
   return useMemo(() => {
     if (!url) return null;
-    try {
-      const parsed = new URL(url);
-      for (const plugin of pluginRegistry) {
-        const match = plugin.matchUrl(parsed);
-        if (match) return { plugin, match };
-      }
-    } catch {
-    }
-    return null;
+    return matchUrl(url, pluginRegistry);
   }, [url, pluginRegistry]);
 }
 var semanticClassNames = { card: "link-card", cardShortDesc: "link-card--short-desc", cardSkeleton: "link-card--skeleton", cardError: "link-card--error", bg: "link-card__bg", image: "link-card__image", icon: "link-card__icon", content: "link-card__content", title: "link-card__title", titleText: "link-card__title-text", external: "link-card__external", desc: "link-card__desc", desc2: "link-card__desc-2", editWrapper: "rich-link-card-edit-wrapper", editPanel: "rich-link-card-edit-panel", editUrlRow: "rich-link-card-edit-url-row", editLinkIcon: "rich-link-card-edit-link-icon", editInput: "rich-link-card-edit-input", editActions: "rich-link-card-edit-actions", editActionButton: "rich-link-card-edit-action-btn", editActionButtonEnd: "rich-link-card-edit-action-btn--end" };
@@ -1086,6 +1093,21 @@ function LinkCardEditDecorator({
     });
     setOpen(false);
   }, [editor, nodeKey]);
+  const handleConvertToLink = useCallback(() => {
+    editor.update(() => {
+      const node = $getNodeByKey(nodeKey);
+      if (!$isLinkCardNode(node)) return;
+      const nodeUrl = node.getUrl();
+      const { title: title2 } = payload;
+      const linkNode = $createLinkNode(nodeUrl);
+      linkNode.append($createTextNode(title2 || nodeUrl));
+      const paragraph = $createParagraphNode();
+      paragraph.append(linkNode);
+      node.replace(paragraph);
+      paragraph.selectEnd();
+    });
+    setOpen(false);
+  }, [editor, nodeKey, payload]);
   const handleKeyDown = useCallback(
     (e) => {
       if (e.key === "Enter") {
@@ -1182,6 +1204,18 @@ function LinkCardEditDecorator({
                         ]
                       }
                     ),
+                    /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        className: `${editActionButton} ${semanticClassNames.editActionButton}`,
+                        type: "button",
+                        onClick: handleConvertToLink,
+                        children: [
+                          /* @__PURE__ */ jsx(RemoveFormatting, { size: 14 }),
+                          "To Link"
+                        ]
+                      }
+                    ),
                     /* @__PURE__ */ jsxs(
                       "button",
                       {
@@ -1204,9 +1238,9 @@ function LinkCardEditDecorator({
     }
   );
 }
-class LinkCardEditNode extends LinkCardNode {
+const _LinkCardEditNode = class _LinkCardEditNode extends LinkCardNode {
   static clone(node) {
-    return new LinkCardEditNode(
+    return new _LinkCardEditNode(
       {
         url: node.__url,
         title: node.__title,
@@ -1218,7 +1252,7 @@ class LinkCardEditNode extends LinkCardNode {
     );
   }
   static importJSON(serializedNode) {
-    return new LinkCardEditNode({
+    return new _LinkCardEditNode({
       url: serializedNode.url,
       title: serializedNode.title,
       description: serializedNode.description,
@@ -1245,8 +1279,56 @@ class LinkCardEditNode extends LinkCardNode {
       children: rendererEl
     });
   }
+};
+__publicField(_LinkCardEditNode, "slashMenuItems", [
+  {
+    title: "Link Card",
+    icon: createElement(Link, { size: 20 }),
+    description: "Link preview card",
+    keywords: ["link", "card", "bookmark", "embed"],
+    section: "MEDIA",
+    onSelect: (editor) => {
+      editor.update(() => {
+        $insertNodes([$createLinkCardEditNode({ url: "" })]);
+      });
+    }
+  }
+]);
+let LinkCardEditNode = _LinkCardEditNode;
+function $createLinkCardEditNode(payload) {
+  return new LinkCardEditNode(payload);
 }
 const linkCardEditNodes = [LinkCardEditNode];
+function ConvertToLinkCardAction({
+  url,
+  linkKey,
+  pluginRegistry,
+  className
+}) {
+  const [editor] = useLexicalComposerContext();
+  const info = useMemo(
+    () => matchUrl(url, pluginRegistry),
+    [url, pluginRegistry]
+  );
+  if (!info) return null;
+  const handleConvert = () => {
+    editor.update(() => {
+      const linkNode = $getNodeByKey(linkKey);
+      if (!linkNode || !$isLinkNode(linkNode)) return;
+      const topElement = linkNode.getTopLevelElement();
+      if (!topElement) return;
+      const linkCardNode = $createLinkCardEditNode({ url });
+      topElement.replace(linkCardNode);
+      const nodeSelection = $createNodeSelection();
+      nodeSelection.add(linkCardNode.getKey());
+      $setSelection(nodeSelection);
+    });
+  };
+  return /* @__PURE__ */ jsxs("button", { className, type: "button", onClick: handleConvert, children: [
+    /* @__PURE__ */ jsx(CreditCard, { size: 14 }),
+    "To Card"
+  ] });
+}
 function useCardFetcher(options) {
   const { source, plugin, id, fallbackUrl, enabled = true, context } = options;
   const [loading, setLoading] = useState(true);
@@ -1513,12 +1595,46 @@ const LinkCardRenderer = (props) => {
     }
   );
 };
+function PasteLinkCardPlugin({
+  pluginRegistry
+}) {
+  const [editor] = useLexicalComposerContext();
+  useEffect(() => {
+    return editor.registerCommand(
+      PASTE_COMMAND,
+      (event) => {
+        const text = event.clipboardData?.getData("text/plain")?.trim();
+        if (!text) return false;
+        const info = matchUrl(text, pluginRegistry);
+        if (!info) return false;
+        const selection = $getSelection();
+        if (!$isRangeSelection(selection)) return false;
+        const anchorNode = selection.anchor.getNode();
+        const topElement = anchorNode.getTopLevelElement();
+        if (!topElement || !$isParagraphNode(topElement)) return false;
+        const textContent = topElement.getTextContent();
+        if (textContent.trim().length > 0) return false;
+        event.preventDefault();
+        const linkCardNode = $createLinkCardEditNode({
+          url: text
+        });
+        topElement.replace(linkCardNode);
+        return true;
+      },
+      COMMAND_PRIORITY_LOW
+    );
+  }, [editor, pluginRegistry]);
+  return null;
+}
 export {
+  $createLinkCardEditNode,
+  ConvertToLinkCardAction,
   LanguageToColorMap,
   LinkCardEditDecorator,
   LinkCardEditNode,
   LinkCardRenderer,
   LinkCardSkeleton,
+  PasteLinkCardPlugin,
   arxivPlugin,
   bangumiPlugin,
   camelcaseKeys,
@@ -1534,6 +1650,7 @@ export {
   githubRepoPlugin,
   leetcodePlugin,
   linkCardEditNodes,
+  matchUrl,
   mxSpacePlugin,
   neteaseMusicPlugin,
   pluginMap,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-renderer-linkcard",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -17,11 +17,12 @@
   "dependencies": {
     "lucide-react": "^0.574.0",
     "react-intersection-observer": "^9.15.1",
-    "@haklex/rich-editor": "0.0.8",
-    "@haklex/rich-style-token": "0.0.8",
-    "@haklex/rich-editor-ui": "0.0.8"
+    "@haklex/rich-editor": "0.0.10",
+    "@haklex/rich-editor-ui": "0.0.10",
+    "@haklex/rich-style-token": "0.0.10"
   },
   "devDependencies": {
+    "@lexical/link": "^0.40.0",
     "@lexical/react": "^0.40.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
@@ -35,6 +36,7 @@
     "vite-plugin-dts": "^4.5.0"
   },
   "peerDependencies": {
+    "@lexical/link": "^0.40.0",
     "@lexical/react": "^0.40.0",
     "lexical": "^0.40.0",
     "react": ">=19",