From 425375a3dcf4c6fc7a559d62f181e95640d88921 Mon Sep 17 00:00:00 2001
From: umaranis <mail@umaranis.com>
Date: Tue, 26 Mar 2024 21:22:43 +1100
Subject: [PATCH] feat: Floating link editor for AutoLinkNode and conversion to
 LinkNode once modified

---
 .../plugins/link/FloatingLinkEditor.svelte    | 21 ++++++++++++++++++-
 .../link/FloatingLinkEditorPlugin.svelte      |  4 +---
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/packages/svelte-lexical/src/core/plugins/link/FloatingLinkEditor.svelte b/packages/svelte-lexical/src/core/plugins/link/FloatingLinkEditor.svelte
index b8e2e1ea..4cbdc6e6 100644
--- a/packages/svelte-lexical/src/core/plugins/link/FloatingLinkEditor.svelte
+++ b/packages/svelte-lexical/src/core/plugins/link/FloatingLinkEditor.svelte
@@ -1,6 +1,11 @@
 <script lang="ts">
   import './FloatingLinkEditor.css';
-  import {$isLinkNode as isLinkNode, TOGGLE_LINK_COMMAND} from '@lexical/link';
+  import {
+    $isLinkNode as isLinkNode,
+    $isAutoLinkNode as isAutoLinkNode,
+    TOGGLE_LINK_COMMAND,
+    $createLinkNode as createLinkNode,
+  } from '@lexical/link';
   import {
     mergeRegister,
     $findMatchingParent as findMatchingParent,
@@ -161,6 +166,20 @@
     if (lastSelection !== null) {
       if (linkUrl !== '') {
         editor.dispatchCommand(TOGGLE_LINK_COMMAND, sanitizeUrl(editedLinkUrl));
+        editor.update(() => {
+          const selection = getSelection();
+          if (isRangeSelection(selection)) {
+            const parent = getSelectedNode(selection).getParent();
+            if (isAutoLinkNode(parent)) {
+              const linkNode = createLinkNode(parent.getURL(), {
+                rel: parent.__rel,
+                target: parent.__target,
+                title: parent.__title,
+              });
+              parent.replace(linkNode, true);
+            }
+          }
+        });
       }
       $isEditMode = false;
     }
diff --git a/packages/svelte-lexical/src/core/plugins/link/FloatingLinkEditorPlugin.svelte b/packages/svelte-lexical/src/core/plugins/link/FloatingLinkEditorPlugin.svelte
index ff6a5210..fc4dfba0 100644
--- a/packages/svelte-lexical/src/core/plugins/link/FloatingLinkEditorPlugin.svelte
+++ b/packages/svelte-lexical/src/core/plugins/link/FloatingLinkEditorPlugin.svelte
@@ -35,9 +35,7 @@
       const node = getSelectedNode(selection);
       const linkParent = findMatchingParent(node, isLinkNode);
       const autoLinkParent = findMatchingParent(node, isAutoLinkNode);
-
-      // We don't want this menu to open for auto links.
-      if (linkParent !== null && autoLinkParent === null) {
+      if (linkParent !== null || autoLinkParent !== null) {
         $isLink = true;
       } else {
         $isLink = false;