Refactor: Replace MarkdownRenderer with MarkdownDisplay component

- This commit refactors the Markdown rendering logic within the CLI UI.
  The existing `MarkdownRenderer.tsx` class-based component has been
  replaced with a new functional component `MarkdownDisplay.tsx`.
- The `MarkdownDisplay` component is a React.memoized component for
  improved performance and maintains the same core Markdown parsing
  and rendering capabilities.
This commit is contained in:
Taylor Mullen 2025-05-15 00:36:08 -07:00 committed by N. Taylor Mullen
parent 59e8fcb409
commit 6cb6f47b56
5 changed files with 307 additions and 377 deletions

View file

@ -6,7 +6,7 @@
import React from 'react';
import { Box } from 'ink';
import { MarkdownRenderer } from '../../utils/MarkdownRenderer.js';
import { MarkdownDisplay } from '../../utils/MarkdownDisplay.js';
interface GeminiMessageContentProps {
text: string;
@ -23,11 +23,10 @@ export const GeminiMessageContent: React.FC<GeminiMessageContentProps> = ({
}) => {
const originalPrefix = '✦ ';
const prefixWidth = originalPrefix.length;
const renderedBlocks = MarkdownRenderer.render(text);
return (
<Box flexDirection="column" paddingLeft={prefixWidth}>
{renderedBlocks}
<MarkdownDisplay text={text} />
</Box>
);
};