Use command on node in order to set href attribute

[MichalKrakow]

Hi, thanks for the questions section on GH.

I need to create button-like link for email template. I'm stuck with the functionality to expose 'buttons' href param value to the editor menu. I'm trying to use command in order to alter the href param but simply i cannot find how to do it.

Node is simple as that:

import { Mark, Plugin, Node } from 'tiptap'
import { updateMark, removeMark, pasteRule } from 'tiptap-commands'
import toggleWrap from './ToggleWrap'
import { getMarkAttrs } from 'tiptap-utils'

export default class Button extends Node {

	get name() {
		return 'button'
	}

	get defaultOptions() {
		return {
			openOnClick: true,
		}
	}

	get schema() {
		return {
			content: 'block*',
			group: 'block',
			defining: true,
			inclusive: false,
			attrs: {
				href: {
					default: '',
				},
			},
			parseDOM: [
			{
				tag: 'a[class="email-button"]',
				priority: 100,
				getAttrs: dom => ({
					href: dom.getAttribute('href'),
				}),
			},
			],
			toDOM: node => ['a', {
				href: node.attrs.href,
	      		class: "email-button",
	      		rel: 'noopener noreferrer nofollow',
	      		target: '_blank'
	      }, 0],
		}
	}

	commands({ type, schema }) {
		return attrs => {
			if (attrs.href) {
				// how to alter only the hrev prop ...
			}

			return toggleWrap(type)
		}
	}

	get plugins() {
		return [
			new Plugin({
				props: {
					handleClick: (view, pos, event) => {
						const { schema } = view.state
							event.stopPropagation()
					},
				},
			}),
		]
	}

}

and id editor itself its just:
@submit.prevent="commands.button({href: linkUrl})"

so this is the relevant part:

commands({ type, schema }) {
		return attrs => {
			if (attrs.href) {
				// how to alter only the hrev prop ...
			}

			return toggleWrap(type)
		}
	}

My goal is to expose this in global menu so i dont want to use node's get view()
Any help greatly appreciated.