@haklex/rich-renderer-linkcard 0.0.60 → 0.0.61

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;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,2CAwJ5B"}
+{"version":3,"file":"LinkCardEditDecorator.d.ts","sourceRoot":"","sources":["../src/LinkCardEditDecorator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAO9D,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,2CA4J5B"}

package/dist/LinkCardEditNode.d.ts

@@ -1,8 +1,8 @@
-import { LinkCardNode, LinkCardNodePayload, SerializedLinkCardNode, SlashMenuItemConfig } from '@haklex/rich-editor';
+import { LinkCardNode, LinkCardNodePayload, SerializedLinkCardNode, CommandItemConfig } 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 commandItems: CommandItemConfig[];
     static clone(node: LinkCardEditNode): LinkCardEditNode;
     static importJSON(serializedNode: SerializedLinkCardNode): LinkCardEditNode;
     decorate(_editor: LexicalEditor, _config: EditorConfig): ReactElement;

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,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"}
+{"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,iBAAiB,EACvB,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,YAAY,EAAE,iBAAiB,EAAE,CAavC;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/{LinkCardRenderer-DMH3krCw.js → LinkCardRenderer-Dap643Is.js}

@@ -1207,7 +1207,8 @@ const LinkCardRenderer = (props) => {
   const typeClass = selectedPlugin?.typeClass;
   const typeStyleClass = typeClass ? typeCardModifier[typeClass] : "";
   const typeSemanticClass = typeClass ? semanticTypeClassNames[typeClass] : "";
-  const finalTitle = cardInfo?.title || title$1 || url;
+  const isErrorState = useDynamicFetch && isError;
+  const finalTitle = cardInfo?.title || title$1 || (isErrorState ? "" : url);
   const finalDesc = cardInfo?.desc || description;
   const finalImage = cardInfo?.image || image$1;
   const finalColor = cardInfo?.color;
@@ -1244,7 +1245,8 @@ const LinkCardRenderer = (props) => {
     );
   }
   const hasImage = !!finalImage;
-  const showImagePlaceholder = useDynamicFetch && isError && !hasImage;
+  const showImagePlaceholder = isErrorState && !hasImage;
+  const shouldCenterContent = !finalDesc || shortDesc;
   return /* @__PURE__ */ jsxs(
     "a",
     {
@@ -1255,8 +1257,8 @@ const LinkCardRenderer = (props) => {
         semanticClassNames.card,
         typeStyleClass,
         typeSemanticClass,
-        shortDesc && cardShortDesc,
-        shortDesc && semanticClassNames.cardShortDesc,
+        shouldCenterContent && cardShortDesc,
+        shouldCenterContent && semanticClassNames.cardShortDesc,
         useDynamicFetch && (loading || isError) && cardSkeleton,
         useDynamicFetch && (loading || isError) && semanticClassNames.cardSkeleton,
         useDynamicFetch && isError && cardError,

package/dist/LinkCardRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkCardRenderer.d.ts","sourceRoot":"","sources":["../src/LinkCardRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAEhE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAS1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAEnE,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB;IAClE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,YAAY,CAAC,EAAE,oBAAoB,CAAA;CACpC;AA6BD,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,qBAAqB,CAsLjE,CAAA"}
+{"version":3,"file":"LinkCardRenderer.d.ts","sourceRoot":"","sources":["../src/LinkCardRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAEhE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAS1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAEnE,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB;IAClE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,YAAY,CAAC,EAAE,oBAAoB,CAAA;CACpC;AA6BD,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,qBAAqB,CAwLjE,CAAA"}

package/dist/index.mjs

@@ -7,8 +7,8 @@ import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext
 import { $getNodeByKey, $createTextNode, $createParagraphNode, $insertNodes, $createNodeSelection, $setSelection, PASTE_COMMAND, $getSelection, $isRangeSelection, $isParagraphNode, COMMAND_PRIORITY_LOW } from "lexical";
 import { Link, ExternalLink, RemoveFormatting, Unlink, CreditCard } from "lucide-react";
 import { useState, useRef, useEffect, useCallback, createElement, useMemo } from "react";
-import { z as editWrapper, A as semanticClassNames, B as editPanel, C as editUrlRow, D as editLinkIcon, E as editInput, F as editActions, G as editActionButton, H as editActionButtonEnd, r as matchUrl } from "./LinkCardRenderer-DMH3krCw.js";
-import { L, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, s, t, u, v, w, x, y } from "./LinkCardRenderer-DMH3krCw.js";
+import { z as editWrapper, A as semanticClassNames, B as editPanel, C as editUrlRow, D as editLinkIcon, E as editInput, F as editActions, G as editActionButton, H as editActionButtonEnd, r as matchUrl } from "./LinkCardRenderer-Dap643Is.js";
+import { L, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, s, t, u, v, w, x, y } from "./LinkCardRenderer-Dap643Is.js";
 import { $isLinkCardNode, LinkCardNode, createRendererDecoration, LinkCardRenderer } from "@haklex/rich-editor";
 import { Popover, PopoverTrigger, PopoverPanel } from "@haklex/rich-editor-ui";
 function LinkCardEditDecorator({
@@ -18,16 +18,20 @@ function LinkCardEditDecorator({
 }) {
   const [editor] = useLexicalComposerContext();
   const editable = editor.isEditable();
-  const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState(() => !payload.url);
   const [url, setUrl] = useState(payload.url);
   const inputRef = useRef(null);
   useEffect(() => {
     setUrl(payload.url);
   }, [payload.url]);
   useEffect(() => {
-    inputRef.current?.focus();
-    inputRef.current?.select();
-  }, []);
+    if (open) {
+      requestAnimationFrame(() => {
+        inputRef.current?.focus();
+        inputRef.current?.select();
+      });
+    }
+  }, [open]);
   const commitUrl = useCallback(() => {
     const trimmed = url.trim();
     if (!trimmed) return;
@@ -233,7 +237,7 @@ const _LinkCardEditNode = class _LinkCardEditNode extends LinkCardNode {
     });
   }
 };
-__publicField(_LinkCardEditNode, "slashMenuItems", [
+__publicField(_LinkCardEditNode, "commandItems", [
   {
     title: "Link Card",
     icon: createElement(Link, { size: 20 }),

package/dist/static.mjs

@@ -1,4 +1,4 @@
-import { L, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y } from "./LinkCardRenderer-DMH3krCw.js";
+import { L, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y } from "./LinkCardRenderer-Dap643Is.js";
 export {
   L as LanguageToColorMap,
   a as LinkCardFetchProvider,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@haklex/rich-renderer-linkcard",
   "type": "module",
-  "version": "0.0.60",
+  "version": "0.0.61",
   "license": "MIT",
   "exports": {
     ".": {
@@ -28,9 +28,9 @@
   "dependencies": {
     "lucide-react": "^0.577.0",
     "react-intersection-observer": "^10.0.3",
-    "@haklex/rich-editor-ui": "0.0.60",
-    "@haklex/rich-editor": "0.0.60",
-    "@haklex/rich-style-token": "0.0.60"
+    "@haklex/rich-editor": "0.0.61",
+    "@haklex/rich-editor-ui": "0.0.61",
+    "@haklex/rich-style-token": "0.0.61"
   },
   "devDependencies": {
     "@lexical/link": "^0.41.0",