Change the text of the Link

[zgrybus]

Hello,
I'm wondering how may I change the text of the Link? Currently, the only options that are customizable are href and title - https://milkdown.dev/preset-commonmark#togglelinkcommand--command.
Is it even possible? 🤔
Perhaps, I have to call action similar to turnIntoTextCommand? Any ideas?

[zgrybus]

If someone is curious how do I manage to do that, here is my code:

useLinkActions hook

export const useLinkActions = () => {
  const { getSelectedMarkPosition } = useSelectedMarkPosition();

  const getLinkUpdateTransaction = useCallback(
    (view: EditorView, text: string, href: string) => {
      const { state } = view;

      const linkPosition = getSelectedMarkPosition(view, linkSchema.type());

      if (linkPosition) {
        const link = linkSchema.type().create({ href: href });
        const node = state.schema.text(text).mark([link]);

        return state.tr.replaceRangeWith(
          linkPosition.start,
          linkPosition.end,
          node
        );
      }
    },
    [getSelectedMarkPosition]
  );

  return { getLinkCreationTransaction, getLinkUpdateTransaction };
};

useSelectedMarkPosition hook

export const useSelectedMarkPosition = () => {
  const getSelectedMarkPosition = useCallback(
    (view: EditorView, markType: MarkType) => {
      const { state } = view;
      const { selection } = state;

      return findChildrenByMark(state.doc, markType)
        .map(link => ({
          end: link.pos + link.node.nodeSize,
          start: link.pos,
        }))
        .find(({ start, end }) => selection.from > start && selection.to < end);
    },
    []
  );

  return { getSelectedMarkPosition };
};

onTextLinkChange function inside my component

const MyComp = () => {
 const { getLinkUpdateTransaction } = useLinkActions()
 const [getEditor] = useInstance();

 const onTextLinkChange = (text) => {
    const editor = getEditor();
    if (editor) {
      editor.action(ctx => {
        const view = ctx.get(editorViewCtx);
        const updateTransaction = getLinkUpdateTransaction(view, text, href);
        if (updateTransaction) {
          view.dispatch(updateTransaction);
        }
      });
    }
  };

 return (..)
}

Does it make sense @Saul-Mirone ? 🤔 Is it ok from your perspective?

[Saul-Mirone]

Look good to me.