fix: crash markdown render code block without triple backtick

web/package.json

@@ -41,7 +41,6 @@
     "rehype-highlight": "^7.0.1",
     "rehype-highlight-code-lines": "^1.0.4",
     "rehype-katex": "^7.0.1",
-    "rehype-raw": "^7.0.0",
     "remark-math": "^6.0.0",
     "sass": "^1.69.4",
     "slate": "latest",

web/screens/Thread/ThreadCenterPanel/TextMessage/MarkdownTextMessage.tsx

@@ -7,8 +7,9 @@
 
 import rehypeHighlight from 'rehype-highlight'
 import rehypeHighlightCodeLines from 'rehype-highlight-code-lines'
+
 import rehypeKatex from 'rehype-katex'
-import rehypeRaw from 'rehype-raw'
+
 import remarkMath from 'remark-math'
 
 import 'katex/dist/katex.min.css'
@@ -19,10 +20,10 @@
 
 export const MarkdownTextMessage = memo(
   ({ text }: { id: string; text: string }) => {
     const clipboard = useClipboard({ timeout: 1000 })
 
     function extractCodeLines(node: { children: { children: any[] }[] }) {
       const codeLines: any[] = []
 
       // Helper function to extract text recursively from children
       function getTextFromNode(node: {
@@ -30,44 +31,44 @@
         value: any
         children: any[]
       }): string {
         if (node.type === 'text') {
           return node.value
         } else if (node.children) {
           return node.children.map(getTextFromNode).join('')
         }
         return ''
       }
 
       // Traverse each line in the <code> block
       node.children[0].children.forEach(
         (lineNode: {
           type: string
           tagName: string
           value: any
           children: any[]
         }) => {
           if (lineNode.type === 'element' && lineNode.tagName === 'span') {
             const lineContent = getTextFromNode(lineNode)
             codeLines.push(lineContent)
           }
         }
       )
 
       // Join the lines with newline characters for proper formatting
       return codeLines.join('\n')
     }
     function wrapCodeBlocksWithoutVisit() {
       return (tree: { children: any[] }) => {
         tree.children = tree.children.map((node) => {
           if (node.tagName === 'pre' && node.children[0]?.tagName === 'code') {
             const language =
               node.children[0].properties.className?.[1]?.replace(
                 'language-',
                 ''
               )
 
             if (extractCodeLines(node) === '') {
               return node
             }
 
             return {
@@ -198,12 +199,10 @@
           remarkPlugins={[remarkMath]}
           rehypePlugins={[
             [rehypeKatex, { throwOnError: false }],
-            rehypeRaw,
             rehypeHighlight,
             [rehypeHighlightCodeLines, { showLineNumbers: true }],
             wrapCodeBlocksWithoutVisit,
           ]}
-          skipHtml={true}
         >
           {text}
         </Markdown>