Unable to support advanced features with code highlighting

[zce]

Unable to support advanced features with code highlighting

[zce]

import { unified } from 'unified'
import rehypeRaw from 'rehype-raw'
import remarkParse from 'remark-parse'
import remarkRehype from 'remark-rehype'
import rehypeStringify from 'rehype-stringify'
import rehypePrettyCode from 'rehype-pretty-code'
import { inspect } from 'unist-util-inspect'

const text = `
<img src="https://example.com/image.png" alt="Example image" />

\`\`\`js {1}
import React from 'react'
\`\`\`
`

const file = await unified()
  .use(remarkParse)
  .use(remarkRehype, { allowDangerousHtml: true })
  .use(() => tree => console.log('before rehypeRaw', inspect(tree), '\n'))
  .use(rehypeRaw)
  .use(() => tree => console.log('after rehypeRaw', inspect(tree), '\n'))
  .use(rehypePrettyCode)
  .use(rehypeStringify)
  .process(text)

console.log(file.toString())