@mdxeditor/editor 3.50.0 → 3.51.0

package/dist/index.d.ts

@@ -1122,9 +1122,10 @@ export declare interface EditingImageDialogState {
 export declare interface EditLinkDialog {
     type: 'edit';
     initialUrl: string;
-    hasInitialText: boolean;
     url: string;
     title: string;
+    text: string;
+    withAnchorText: boolean;
     linkNodeKey: string;
     rectangle: RectData;
 }
@@ -2866,7 +2867,7 @@ export declare type SerializedTableNode = Spread<{
  */
 export declare const setMarkdown$: NodeRef<string>;
 
-/* Excluded from this release type: showLinkTitleField$ */
+export declare const showLinkTitleField$: NodeRef<boolean>;
 
 /**
  * A component that displays the focused live code block's name.

package/dist/plugins/link-dialog/LinkDialog.js

@@ -13,6 +13,7 @@ createCommand();
 function LinkEditForm({
   url,
   title,
+  text,
   onSubmit,
   onCancel,
   linkAutocompleteSuggestions,
@@ -29,8 +30,7 @@ function LinkEditForm({
     values: {
       url,
       title,
-      text: ""
-      // text is only for freshly created links with no content, it always starts empty
+      text
     }
   });
   const t = useTranslation();
@@ -46,6 +46,12 @@ function LinkEditForm({
         e.stopPropagation();
         onCancel();
       },
+      onKeyDown: (e) => {
+        if (e.key === "Escape") {
+          e.stopPropagation();
+          onCancel();
+        }
+      },
       className: classNames(styles.multiFieldForm, styles.linkDialogEditForm)
     },
     /* @__PURE__ */ React__default.createElement("div", { className: styles.formField }, /* @__PURE__ */ React__default.createElement("label", { htmlFor: "link-url" }, t("createLink.url", "URL")), /* @__PURE__ */ React__default.createElement(
@@ -153,11 +159,12 @@ const LinkDialog = () => {
       {
         url: linkDialogState.url,
         title: linkDialogState.title,
+        text: linkDialogState.text,
         onSubmit: updateLink,
         onCancel: cancelLinkEdit.bind(null),
         linkAutocompleteSuggestions,
         showLinkTitleField,
-        showAnchorTextField: !linkDialogState.hasInitialText
+        showAnchorTextField: linkDialogState.withAnchorText
       }
     ),
     linkDialogState.type === "preview" && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(

package/dist/plugins/link-dialog/index.js

@@ -1,6 +1,6 @@
-import { $createLinkNode, TOGGLE_LINK_COMMAND, $isLinkNode, LinkNode } from "@lexical/link";
+import { $isLinkNode, $createLinkNode, TOGGLE_LINK_COMMAND, LinkNode } from "@lexical/link";
 import { Signal, Cell, Action, withLatestFrom, map, filter } from "@mdxeditor/gurx";
-import { KEY_ESCAPE_COMMAND, COMMAND_PRIORITY_LOW, KEY_MODIFIER_COMMAND, $getSelection, $isRangeSelection, COMMAND_PRIORITY_HIGH, $createTextNode, $insertNodes, $getNearestNodeFromDOMNode } from "lexical";
+import { KEY_ESCAPE_COMMAND, COMMAND_PRIORITY_LOW, KEY_MODIFIER_COMMAND, $getSelection, $isRangeSelection, COMMAND_PRIORITY_HIGH, $getNodeByKey, $createTextNode, $insertNodes, $isTextNode, $getNearestNodeFromDOMNode } from "lexical";
 import { realmPlugin } from "../../RealmWithPlugins.js";
 import { IS_APPLE } from "../../utils/detectMac.js";
 import { getSelectionRectangle, getSelectedNode } from "../../utils/lexicalHelpers.js";
@@ -64,28 +64,29 @@ const linkDialogState$ = Cell({ type: "inactive" }, (r) => {
       COMMAND_PRIORITY_HIGH
     );
   });
-  r.link(
-    r.pipe(
-      switchFromPreviewToLinkEdit$,
-      withLatestFrom(linkDialogState$),
-      map(([, state]) => {
-        if (state.type === "preview") {
-          return {
+  r.sub(r.pipe(switchFromPreviewToLinkEdit$, withLatestFrom(linkDialogState$, activeEditor$)), ([, state, editor]) => {
+    if (state.type === "preview") {
+      setTimeout(() => {
+        editor == null ? void 0 : editor.getEditorState().read(() => {
+          const node = $getNodeByKey(state.linkNodeKey);
+          const withAnchorText = $isLinkNode(node) ? node.getTextContent().length > 0 && node.getChildrenSize() <= 1 : false;
+          const text = withAnchorText && node ? node.getTextContent() : "";
+          r.pub(linkDialogState$, {
             type: "edit",
             initialUrl: state.url,
-            hasInitialText: true,
             url: state.url,
             title: state.title,
+            text,
+            withAnchorText,
             linkNodeKey: state.linkNodeKey,
             rectangle: state.rectangle
-          };
-        } else {
-          throw new Error("Cannot switch to edit mode when not in preview mode");
-        }
-      })
-    ),
-    linkDialogState$
-  );
+          });
+        });
+      });
+    } else {
+      throw new Error("Cannot switch to edit mode when not in preview mode");
+    }
+  });
   r.sub(r.pipe(updateLink$, withLatestFrom(activeEditor$, linkDialogState$, currentSelection$)), ([payload, editor, state, selection]) => {
     var _a, _b, _c;
     const text = ((_a = payload.text) == null ? void 0 : _a.trim()) ?? "";
@@ -105,11 +106,15 @@ const linkDialogState$ = Cell({ type: "inactive" }, (r) => {
             } else {
               linkNode.setURL(url);
               linkNode.setTitle(title);
+              updateLinkText(linkNode.getFirstChild(), text);
             }
           },
           { discrete: true }
         );
       } else {
+        editor == null ? void 0 : editor.update(() => {
+          updateLinkText(selection == null ? void 0 : selection.anchor.getNode(), text);
+        });
         editor == null ? void 0 : editor.dispatchCommand(TOGGLE_LINK_COMMAND, { url, title });
       }
       r.pub(linkDialogState$, {
@@ -204,29 +209,24 @@ const openLinkEditDialog$ = Action((r) => {
       editor == null ? void 0 : editor.focus(() => {
         setTimeout(() => {
           editor.getEditorState().read(() => {
-            const node = getLinkNodeInSelection(selection);
+            const linkNode = getLinkNodeInSelection(selection);
             const rectangle = getSelectionRectangle(editor);
-            if (node) {
-              r.pub(linkDialogState$, {
-                type: "edit",
-                initialUrl: node.getURL(),
-                hasInitialText: true,
-                url: node.getURL(),
-                title: node.getTitle() ?? "",
-                linkNodeKey: node.getKey(),
-                rectangle
-              });
-            } else {
-              r.pub(linkDialogState$, {
-                type: "edit",
-                initialUrl: "",
-                hasInitialText: !(selection == null ? void 0 : selection.isCollapsed()),
-                title: "",
-                url: "",
-                linkNodeKey: "",
-                rectangle
-              });
-            }
+            const initialUrl = (linkNode == null ? void 0 : linkNode.getURL()) ?? "";
+            const url = (linkNode == null ? void 0 : linkNode.getURL()) ?? "";
+            const title = (linkNode == null ? void 0 : linkNode.getTitle()) ?? "";
+            const linkNodeKey = (linkNode == null ? void 0 : linkNode.getKey()) ?? "";
+            const withAnchorText = linkNode ? linkNode.getTextContent().length > 0 && linkNode.getChildrenSize() <= 1 : Boolean(selection == null ? void 0 : selection.isCollapsed());
+            const text = withAnchorText && linkNode ? linkNode.getTextContent() : "";
+            r.pub(linkDialogState$, {
+              type: "edit",
+              initialUrl,
+              url,
+              title,
+              text,
+              withAnchorText,
+              linkNodeKey,
+              rectangle
+            });
           });
         });
       });
@@ -262,6 +262,12 @@ const onReadOnlyClickLinkCallback$ = Cell(null, (r) => {
     });
   });
 });
+function updateLinkText(node, text) {
+  if ($isTextNode(node) && text) {
+    node.setTextContent(text);
+    node.selectStart();
+  }
+}
 const showLinkTitleField$ = Cell(true);
 const linkDialogPlugin = realmPlugin({
   init(r, params) {

package/package.json

@@ -11,7 +11,7 @@
     "*.css"
   ],
   "type": "module",
-  "version": "3.50.0",
+  "version": "3.51.0",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",
@@ -146,7 +146,7 @@
     "prettier": "^3.1.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "semantic-release": "^21.0.5",
+    "semantic-release": "^25.0.2",
     "svgo": "^3.3.2",
     "terser": "^5.26.0",
     "typedoc": "^0.25.13",
@@ -162,7 +162,8 @@
     "vitest": "^1.1.1"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
   "engines": {
     "node": ">=16"