fix: replace link correctly

Signed-off-by: grnd-alt <[email protected]>

cypress/e2e/marks/Link.spec.js

@@ -53,7 +53,6 @@ describe('Link marks', { retries: 0 }, () => {
 			editor.commands.insertOrSetLink('https://nextcloud.com', { href: 'https://nextcloud.com' })
 			expectMarkdown(editor, 'he\n\n<https://nextcloud.com>\n\nllo')
 		})
-
 	})
 
 	/**

src/marks/Link.js

@@ -23,7 +23,7 @@
 import TipTapLink from '@tiptap/extension-link'
 import { domHref, parseHref } from './../helpers/links.js'
 import { linkClicking } from '../plugins/links.js'
-import { isMarkActive } from '@tiptap/core'
+import { getMarkRange, isMarkActive } from '@tiptap/core'
 
 const Link = TipTapLink.extend({
 
@@ -79,18 +79,15 @@ const Link = TipTapLink.extend({
 				// if not insert the link using the given text property
 				if (state.selection.empty) {
 					if (isMarkActive(state, this.name)) {
-						commands.deleteNode('paragraph')
+						commands.deleteRange(getMarkRange(state.selection.$anchor, state.schema.marks.link))
 					}
 					return chain().insertContent({
-						type: 'paragraph',
-						content: [{
-							type: 'text',
-							marks: [{
-								type: 'link',
-								attrs,
-							}],
-							text,
+						type: 'text',
+						marks: [{
+							type: 'link',
+							attrs,
 						}],
+						text,
 					})
 				} else {
 					return commands.setLink(attrs)

src/tests/marks/Link.spec.js

@@ -0,0 +1,47 @@
+import Link from './../../marks/Link';
+import { Underline } from '../../marks';
+import { getExtensionField, getMarkRange } from '@tiptap/core'
+import { createCustomEditor } from '../helpers'
+import { Editor } from '@tiptap/vue-2';
+
+describe('Link extension integrated in the editor', () => {
+
+  it('should have link available in commands', () => {
+    const editor = createCustomEditor({
+			content: '<p><a href="nextcloud.com">Te<u>s</u>t</a> HELLO WORLD</p>',
+			extensions: [Link,Underline],
+		})
+    expect(editor.commands).toHaveProperty('insertOrSetLink')
+  })
+
+	it('should update link if anchor has mark', () => {
+		const editor = createCustomEditor({
+			content: '<p><a href="nextcloud.com">Te<u>s</u>t</a> HELLO WORLD</p>',
+			extensions: [Link,Underline],
+		})
+		editor.commands.setTextSelection(3)
+		editor.commands.insertOrSetLink('updated.de', {href: 'updated.de'})
+    expect(editor.getJSON()).toEqual({"content": [{"content": [{"marks": [{"attrs": {"href": "updated.de", "title": null}, "type": "link"}], "text": "updated.de", "type": "text"}, {"text": " HELLO WORLD", "type": "text"}], "type": "paragraph"}], "type": "doc"})
+	})
+
+  it('Should only update the anchor is on', () => {
+    const editor = createCustomEditor({
+			content: '<p><a href="nextcloud.com">Test</a><a href="nextcloud.com">Test</a></p>',
+			extensions: [Link],
+		})
+		editor.commands.setTextSelection(3)
+		editor.commands.insertOrSetLink('updated.de', {href: 'updated.de'})
+      expect(editor.getJSON()).toEqual({"content": [{"content": [{"marks": [{"attrs": {"href": "updated.de", "title": null}, "type": "link"}], "text": "updated.de", "type": "text"}, ], "type": "paragraph"}], "type": "doc"})
+  })
+
+  it('should insert new link if none at anchor', () => {
+    const editor = createCustomEditor({
+			content: '<p><a href="nextcloud.com">Test</a> HELLO WORLD</p>',
+			extensions: [Link],
+		})
+		editor.commands.setTextSelection(10)
+		expect(editor.getJSON()).toEqual({"content": [{"content": [{"marks": [{"attrs": {"href": "nextcloud.com", "title": null}, "type": "link"}], "text": "Test", "type": "text"}, {"text": " HELLO WORLD", "type": "text"}], "type": "paragraph"}], "type": "doc"})
+  })
+
+
+})