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

refactor(Markdown.tsx): add isEdited as a condition whether or not to render html as well as perform expensive validation

Browse source
This commit is contained in:
Daniel Avila 2023-09-07 07:00:53 -04:00 • committed by Danny Avila
parent 327a69dba3
commit 7fa01da30e
1 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
client/src/components/Messages/Content/Markdown.tsx
View file

@ -45,9 +45,10 @@ const Markdown = React.memo(({ content, message, showCursor }: TContentProps) =>
const isSubmitting = useRecoilValue(store.isSubmitting); const isSubmitting = useRecoilValue(store.isSubmitting);
const latestMessage = useRecoilValue(store.latestMessage); const latestMessage = useRecoilValue(store.latestMessage);
const isInitializing = content === '<span className="result-streaming">█</span>'; const isInitializing = content === '<span className="result-streaming">█</span>';
const isLatestMessage = message?.messageId === latestMessage?.messageId;
const { isEdited, messageId } = message ?? {};
const isLatestMessage = messageId === latestMessage?.messageId;
const currentContent = content?.replace('z-index: 1;', '') ?? ''; const currentContent = content?.replace('z-index: 1;', '') ?? '';
const isValidIFrame = validateIframe(currentContent);
useEffect(() => { useEffect(() => {
let timer1: NodeJS.Timeout, timer2: NodeJS.Timeout; let timer1: NodeJS.Timeout, timer2: NodeJS.Timeout;
@ -88,7 +89,12 @@ const Markdown = React.memo(({ content, message, showCursor }: TContentProps) =>
[rehypeRaw], [rehypeRaw],
]; ];
if ((!isInitializing || !isLatestMessage) && !isValidIFrame) { let isValidIframe: string | boolean | null = false;
if (!isEdited) {
isValidIframe = validateIframe(currentContent);
}
if (isEdited || ((!isInitializing || !isLatestMessage) && !isValidIframe)) {
rehypePlugins.pop(); rehypePlugins.pop();
} }