Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-18 01:10:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

🎨 style: Improve KaTeX Rendering for LaTeX Equations (#7223)

Browse source
This commit is contained in:
andresgit 2025-05-06 17:50:09 +03:00 • committed by GitHub
parent 8e1012c5aa
commit 20c9f1a783
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
client/src/components/Artifacts/Code.tsx
View file

@ -35,7 +35,7 @@ export const CodeMarkdown = memo(
const [userScrolled, setUserScrolled] = useState(false); const [userScrolled, setUserScrolled] = useState(false);
const currentContent = content; const currentContent = content;
const rehypePlugins = [ const rehypePlugins = [
[rehypeKatex, { output: 'mathml' }], [rehypeKatex],
[ [
rehypeHighlight, rehypeHighlight,
{ {

2
client/src/components/Chat/Messages/Content/Markdown.tsx
View file

@ -184,7 +184,7 @@ const Markdown = memo(({ content = '', isLatestMessage }: TContentProps) => {
const rehypePlugins = useMemo( const rehypePlugins = useMemo(
() => [ () => [
[rehypeKatex, { output: 'mathml' }], [rehypeKatex],
[ [
rehypeHighlight, rehypeHighlight,
{ {

2
client/src/components/Chat/Messages/Content/MarkdownLite.tsx
View file

@ -13,7 +13,7 @@ import { langSubset } from '~/utils';
const MarkdownLite = memo( const MarkdownLite = memo(
({ content = '', codeExecution = true }: { content?: string; codeExecution?: boolean }) => { ({ content = '', codeExecution = true }: { content?: string; codeExecution?: boolean }) => {
const rehypePlugins: PluggableList = [ const rehypePlugins: PluggableList = [
[rehypeKatex, { output: 'mathml' }], [rehypeKatex],
[ [
rehypeHighlight, rehypeHighlight,
{ {

2
client/src/components/Prompts/Groups/VariableForm.tsx
View file

@ -146,7 +146,7 @@ export default function VariableForm({
remarkPlugins={[supersub, remarkGfm, [remarkMath, { singleDollarTextMath: true }]]} remarkPlugins={[supersub, remarkGfm, [remarkMath, { singleDollarTextMath: true }]]}
rehypePlugins={[ rehypePlugins={[
/** @ts-ignore */ /** @ts-ignore */
[rehypeKatex, { output: 'mathml' }], [rehypeKatex],
/** @ts-ignore */ /** @ts-ignore */
[rehypeHighlight, { ignoreMissing: true }], [rehypeHighlight, { ignoreMissing: true }],
]} ]}

2
client/src/components/Prompts/PromptDetails.tsx
View file

@ -59,7 +59,7 @@ const PromptDetails = ({ group }: { group?: TPromptGroup }) => {
]} ]}
rehypePlugins={[ rehypePlugins={[
/** @ts-ignore */ /** @ts-ignore */
[rehypeKatex, { output: 'mathml' }], [rehypeKatex],
/** @ts-ignore */ /** @ts-ignore */
[rehypeHighlight, { ignoreMissing: true }], [rehypeHighlight, { ignoreMissing: true }],
]} ]}

2
client/src/components/Prompts/PromptEditor.tsx
View file

@ -43,7 +43,7 @@ const PromptEditor: React.FC<Props> = ({ name, isEditing, setIsEditing }) => {
}, [isEditing, prompt]); }, [isEditing, prompt]);
const rehypePlugins: PluggableList = [ const rehypePlugins: PluggableList = [
[rehypeKatex, { output: 'mathml' }], [rehypeKatex],
[ [
rehypeHighlight, rehypeHighlight,
{ {

1
client/src/main.jsx
View file

@ -5,6 +5,7 @@ import App from './App';
import './style.css'; import './style.css';
import './mobile.css'; import './mobile.css';
import { ApiErrorBoundaryProvider } from './hooks/ApiErrorBoundaryContext'; import { ApiErrorBoundaryProvider } from './hooks/ApiErrorBoundaryContext';
import 'katex/dist/katex.min.css';
const container = document.getElementById('root'); const container = document.getElementById('root');
const root = createRoot(container); const root = createRoot(container);