feat(react): add support for rendering code blocks

[jpedroschmitz]

This PR adds support for rendering code blocks.

Closes MAR-2137

[linear]

MAR-2137 Add support for code-blocks on the React RTR

Code blocks are a new option that was introduced recently on the RT field.

AST example:

[
  {
    "type": "code-block",
    "children": [
      {
        "text": "const teste = 'teste'"
      }
    ]
  },
  {
    "type": "code-block",
    "children": [
      {
        "text": "const graph = 'cms'\n\n<?php $echo \"Hello\" ?>"
      }
    ]
  },
]

Props:

• children

[changeset-bot]

🦋 Changeset detected

Latest commit: 97c24c6

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@graphcms/rich-text-types	Patch
@graphcms/rich-text-react-renderer	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

size-limit report 📦

Path	Size
packages/react-renderer/dist/rich-text-react-renderer.cjs.production.min.js	4.91 KB (+1.75% 🔺)
packages/react-renderer/dist/rich-text-react-renderer.esm.js	4.87 KB (+1.87% 🔺)
packages/types/dist/rich-text-types.cjs.production.min.js	51 B (0%)
packages/types/dist/rich-text-types.esm.js	64 B (0%)

[notrab]

Looks good!

What's the difference between code-block and code_block. Which is the one I should be using, and which falls back to the correct one?

[jpedroschmitz]

code-block is the type returned from the content AST.

code_block is the alias to create a custom renderer for it.

[notrab]

@jpedroschmitz are we able to support both code_block and code-block for passing a custom renderer. That way it's a 1:1 mapping?