Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: render new line for user message

Browse Source
This commit is contained in:
Faisal Amir 2025-09-11 10:29:34 +07:00
parent 3158722a63
commit 9e592b2aca
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web-app/package.json
View File

@ -74,6 +74,7 @@
"react-textarea-autosize": "^8.5.9", "react-textarea-autosize": "^8.5.9",
"rehype-katex": "^7.0.1", "rehype-katex": "^7.0.1",
"rehype-raw": "^7.0.0", "rehype-raw": "^7.0.0",
"remark-breaks": "^4.0.0",
"remark-emoji": "^5.0.1", "remark-emoji": "^5.0.1",
"remark-gfm": "^4.0.1", "remark-gfm": "^4.0.1",
"remark-math": "^6.0.0", "remark-math": "^6.0.0",

10
web-app/src/containers/RenderMarkdown.tsx
View File

@ -3,6 +3,7 @@ import ReactMarkdown, { Components } from 'react-markdown'
import remarkGfm from 'remark-gfm' import remarkGfm from 'remark-gfm'
import remarkEmoji from 'remark-emoji' import remarkEmoji from 'remark-emoji'
import remarkMath from 'remark-math' import remarkMath from 'remark-math'
import remarkBreaks from 'remark-breaks'
import rehypeKatex from 'rehype-katex' import rehypeKatex from 'rehype-katex'
import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter' import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'
import * as prismStyles from 'react-syntax-highlighter/dist/cjs/styles/prism' import * as prismStyles from 'react-syntax-highlighter/dist/cjs/styles/prism'
@ -162,8 +163,13 @@ function RenderMarkdownComponent({
// Memoize the remarkPlugins to prevent unnecessary re-renders // Memoize the remarkPlugins to prevent unnecessary re-renders
const remarkPlugins = useMemo(() => { const remarkPlugins = useMemo(() => {
// Using a simpler configuration to avoid TypeScript errors // Using a simpler configuration to avoid TypeScript errors
return [remarkGfm, remarkMath, remarkEmoji] const basePlugins = [remarkGfm, remarkMath, remarkEmoji]
}, []) // Add remark-breaks for user messages to handle single newlines as line breaks
if (isUser) {
basePlugins.push(remarkBreaks)
}
return basePlugins
}, [isUser])
// Memoize the rehypePlugins to prevent unnecessary re-renders // Memoize the rehypePlugins to prevent unnecessary re-renders
const rehypePlugins = useMemo(() => { const rehypePlugins = useMemo(() => {