mirror of
https://github.com/danny-avila/LibreChat.git
synced 2026-01-22 02:06:12 +01:00
7aa8d49f3a
* fix: add basePath pattern to support login/register and image paths * Fix linter errors * refactor: Update import statements for getBasePath and isEnabled, and add path utility functions with tests - Refactored imports in addImages.js and StableDiffusion.js to use getBasePath from '@librechat/api'. - Consolidated isEnabled and getBasePath imports in validateImageRequest.js. - Introduced new path utility functions in path.ts and corresponding unit tests in path.spec.ts to validate base path extraction logic. * fix: Update domain server base URL in MarkdownComponents and refactor authentication redirection logic - Changed the domain server base URL in MarkdownComponents.tsx to use the API base URL. - Refactored the useAuthRedirect hook to utilize React Router's navigate for redirection instead of window.location, ensuring a smoother SPA experience. - Added unit tests for the useAuthRedirect hook to verify authentication redirection behavior. * test: Mock isEnabled in validateImages.spec.js for improved test isolation - Updated validateImages.spec.js to mock the isEnabled function from @librechat/api, ensuring that tests can run independently of the actual implementation. - Cleared the DOMAIN_CLIENT environment variable before tests to avoid interference with basePath resolution. --------- Co-authored-by: Danny Avila <danny@librechat.ai>
62 lines
1.8 KiB
TypeScript
62 lines
1.8 KiB
TypeScript
import { memo } from 'react';
|
|
import remarkGfm from 'remark-gfm';
|
|
import remarkMath from 'remark-math';
|
|
import rehypeKatex from 'rehype-katex';
|
|
import supersub from 'remark-supersub';
|
|
import ReactMarkdown from 'react-markdown';
|
|
import rehypeHighlight from 'rehype-highlight';
|
|
import type { PluggableList } from 'unified';
|
|
import { code, codeNoExecution, a, p, img } from './MarkdownComponents';
|
|
import { CodeBlockProvider, ArtifactProvider } from '~/Providers';
|
|
import MarkdownErrorBoundary from './MarkdownErrorBoundary';
|
|
import { langSubset } from '~/utils';
|
|
|
|
const MarkdownLite = memo(
|
|
({ content = '', codeExecution = true }: { content?: string; codeExecution?: boolean }) => {
|
|
const rehypePlugins: PluggableList = [
|
|
[rehypeKatex],
|
|
[
|
|
rehypeHighlight,
|
|
{
|
|
detect: true,
|
|
ignoreMissing: true,
|
|
subset: langSubset,
|
|
},
|
|
],
|
|
];
|
|
|
|
return (
|
|
<MarkdownErrorBoundary content={content} codeExecution={codeExecution}>
|
|
<ArtifactProvider>
|
|
<CodeBlockProvider>
|
|
<ReactMarkdown
|
|
remarkPlugins={[
|
|
/** @ts-ignore */
|
|
supersub,
|
|
remarkGfm,
|
|
[remarkMath, { singleDollarTextMath: false }],
|
|
]}
|
|
/** @ts-ignore */
|
|
rehypePlugins={rehypePlugins}
|
|
// linkTarget="_new"
|
|
components={
|
|
{
|
|
code: codeExecution ? code : codeNoExecution,
|
|
a,
|
|
p,
|
|
img,
|
|
} as {
|
|
[nodeType: string]: React.ElementType;
|
|
}
|
|
}
|
|
>
|
|
{content}
|
|
</ReactMarkdown>
|
|
</CodeBlockProvider>
|
|
</ArtifactProvider>
|
|
</MarkdownErrorBoundary>
|
|
);
|
|
},
|
|
);
|
|
|
|
export default MarkdownLite;
|