refactor(links): add insertOrSetLink command

Signed-off-by: Max <[email protected]>

src/components/Menu/ActionInsertLink.vue

@@ -189,27 +189,7 @@ export default {
 			// Avoid issues when parsing urls later on in markdown that might be entered in an invalid format (e.g. "mailto: [email protected]")
 			const href = url.replaceAll(' ', '%20')
 			const chain = this.$editor.chain()
-			// Check if any text is selected, if not insert the link using the given text property
-			if (this.$editor.view.state?.selection.empty) {
-				if (this.state.active) {
-					chain.deleteNode('paragraph')
-				}
-				chain.insertContent({
-					type: 'paragraph',
-					content: [{
-						type: 'text',
-						marks: [{
-							type: 'link',
-							attrs: {
-								href,
-							},
-						}],
-						text,
-					}],
-				})
-			} else {
-				chain.setLink({ href })
-			}
+			chain.insertOrSetLink(this.state.active, text, { href })
 			chain.focus().run()
 		},
 		/**

src/marks/Link.js

@@ -87,6 +87,37 @@ const Link = TipTapLink.extend({
 			}),
 		]
 	},
+	addCommands() {
+		return {
+			/**
+			 * Update the target of existing links.
+			 * Insert a link if there currently is none.
+			 *
+			 */
+			insertOrSetLink: (active, text, attrs) => ({ state, chain, commands }) => {
+				// Check if any text is selected,
+				// if not insert the link using the given text property
+				if (state.selection.empty) {
+					if (active) {
+						commands.deleteNode('paragraph')
+					}
+					return chain().insertContent({
+						type: 'paragraph',
+						content: [{
+							type: 'text',
+							marks: [{
+								type: 'link',
+								attrs,
+							}],
+							text,
+						}],
+					})
+				} else {
+					return commands.setLink(attrs)
+				}
+			},
+		}
+	},
 
 	addProseMirrorPlugins() {
 		const plugins = this.parent()