Not possible to have AutoformatRule match string auto exit AutoformatRule if used again? IE Slack code block

[andrewgura]

For quick reference, essentially I am trying to recreate the code block section such as that Slack uses:

Screen.Recording.2021-12-02.at.9.53.38.PM.mov

I have a code block being triggered:

    mode: 'block',
    type: ELEMENT_CODE_BLOCK,
    match: '```',

But there does not seem to be an option to have it self close by repeating the match prop. Looking at the prop types here:

plate/packages/editor/autoformat/src/types.ts

Line 72 in 09f0cb2

allowSameTypeAbove?: boolean;

The closest to it I see is that you can add in allowSameTypeAbove but while that exits you out of the initial code block, it will just create a new one.

[zbeyens]

Can you try using format option?

[andrewgura]

Can you try using format option?

The format options seems to only trigger on the initial match of whats defined so adding logic there didn't seem to do the trick for me

The only solution I can find so far is adding some logic to onChange logic to the Plate component itself

[edify-jashmore]

This seems to be working for me so far, doing the allowSameTypeAbove and using format

  {
    mode: 'block',
    allowSameTypeAbove: true,
    type: ELEMENT_CODE_BLOCK,
    match: '```',
    triggerAtBlockStart: false,
    preFormat: clearBlockFormat,
    format: (editor) => {
      const found = findNode(editor, {
        match: { type: getPluginType(editor, ELEMENT_CODE_BLOCK) },
      });

      if (found) {
        exitBreak(editor, { before: false });
      } else {
        insertEmptyCodeBlock(editor, {
          defaultType: getPluginType(editor, ELEMENT_DEFAULT),
          insertNodesOptions: { select: true },
        });
      }
    },
  },