AutoFormat rules to support inserting links like markdown

[sepsol]

It would be great if I could write something like this as one of my autoFormat rules to allow the user to insert links like how they do in markdown:

// @udecode/plate-autoformat v1
// There can be two data types for a link label and URL
// either imported directly from the library itself 
// or destructured from a hook like `useLink` indirectly. 

import { LINK_LABEL, LINK_URL } from '@udecode/plate`;

...

const optionsAutoFormat = {
    rules: [
        {
            type: ELEMENT_LINK,
            markup: `[${LINK_LABEL}](${LINK_URL})`,
            mode: 'inline',
            insertTrigger: true
        }
    ]
}

[zbeyens]

Updating the snippet for v2:

const optionsAutoFormat = {
    rules: [
        {
            mode: 'text',
            match:  [`[`, `](`, `)`],
            format: (editor, matchPoints) => <custom checks from matchPoints and insert link>
        }
    ]
}

Tiptap and other tools have a regex approach, Plate is just looking back character by character for 1 or 2 markups. We could support a regex option but I'm unsure what's the most performant way to do it. We could get the string from the start of the block to the cursor (tiptap is putting a limit of 500 characters) and properly apply the regex on it.

For this case we have 3 markups to match, so we'll need to extend the plugin to support more than 2 markups.

The plugin also needs to pass the link url as parameter to format so we can do proper checks before inserting the link

[alecswjo]

@zbeyens What's the best way to autoformat links now?
Played around with it and this is what I have now:

{
    mode: 'text',
    match: [`[`, `](`, `)`],
    format: (editor, matchPoints) => {
      console.log('matchPoints:', matchPoints);
      setNodes(editor, { type: 'a', url: 'https://duckduckgo.com', children: [{ text: 'Duck Duck Go' }] });
    },
  },

[alecswjo]

I found a workaround solution by implementing a custom configuration to the remark slate parser, so all links are formatted into a tags when copied in.