How do you serialize mentions and escape non-mentions?

[yamcodes]

We'd like to achieve a functionality where mentions triggered with a decided-upon prefix (let's say @) through a MentionNode are seriealized to a @{$user-id} format, and other non-mentions (say, someone writing their email) would be backslash escaped to my\@email.com format.

We'd like to send the content of the editor it as a serialized text to our server formatted as:

Hey @{1234567890}! Welcome to the team. Feel free to contact me via my\@email.com if you have any questions.

We're sending the contents of the box to our API by a getTextContent() via a function like:

  const handleEnter = useCallback(() => {
    const editorState = editor.getEditorState();
    const text = editorState.read(() => $getRoot().getTextContent());
    onEnter?.(text);
    editor.dispatchCommand(CLEAR_EDITOR_COMMAND, undefined);
  }, [editor, onEnter]);

We were able to get half-way there by using the Node Overriding API with the following MentionNode.tsx:

import { BeautifulMentionNode } from "lexical-beautiful-mentions";

export class MentionNode extends BeautifulMentionNode {
  static getType = () => "mentions";
  getTextContent(): string {
    const data = super.getData();
    if (!data) return super.getTextContent();
    const { id } = data;
    if (!id) return super.getTextContent();
    return `@{${id}}`;
  }

  static clone = (node: MentionNode): MentionNode => {
    return new MentionNode(node.getTrigger(), node.getValue(), node.getData());
  };
}

This would leave us with:

Hey @{1234567890}! Welcome to the team. Feel free to contact me via [email protected] if you have any questions.

How would you achieve the other half of the functionality (escaping non-mentions)? I've tried overriding the TextNode but that causes problems with triggering the mentions UI and escapes the string during typing.

Are we on the right track?