Fix Code Block syntax highlighting for imported text

[Hansenq]

Code blocks work great when the user is typing or pasting text into the code block. When this happens, a newline \n character is inserted into the prosemirror node's text content.

When code is imported, there's an off-by-one syntax highlighting error for every newline in the code block. Note that this bug only occurs when code is imported (not typed or pasted).

Incorrect result:

When importing a code block from HTML/Markdown/initial placeholder content, the imported code block is converted to an array of Blocks in markdownToBlocks, then inserted into the document with insertBlocks. insertBlocks converts these blocks to Prosemirror Nodes using the blocksToNode function. This function calls styledTextToNodes, which converts \n characters into a HardBreak node. This HardBreak node breaks Shiki's syntax highlighting because it inserts <br> tags inside the CodeBlock's <pre><code> tag. Shiki expects everything inside <pre><code> tags to be a string and results in an off-by-one syntax highlighting error if there's a <br> tag.

Expected result:

Fixes #1231. Involves some prop drilling but I couldn't figure out a better way to solve this.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
blocknote	✅ Ready (Inspect)	Visit Preview	Jan 23, 2025 0:42am

[vercel]

@Hansenq is attempting to deploy a commit to the TypeCell Team on Vercel.

A member of the Team first needs to authorize it.