yovinchen/claudia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(stream): add link detection to message output

Browse Source 
- Add onLinkDetected callback prop
- Integrate with URL detection system
- Support enhanced message types from upstream

Enables automatic detection of URLs in Claude's responses
and terminal command outputs.
This commit is contained in:
Mufeed VH
2025-06-23 00:30:45 +05:30
parent 1bb265beef
commit 80d8faccbd
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/StreamMessage.tsx
View File

@@ -42,12 +42,13 @@ interface StreamMessageProps {
message: ClaudeStreamMessage | EnhancedMessage; message: ClaudeStreamMessage | EnhancedMessage;
className?: string; className?: string;
streamMessages: (ClaudeStreamMessage | EnhancedMessage)[]; streamMessages: (ClaudeStreamMessage | EnhancedMessage)[];
onLinkDetected?: (url: string) => void;
} }
/** /**
* Component to render a single Claude Code stream message * Component to render a single Claude Code stream message
*/ */
export const StreamMessage: React.FC<StreamMessageProps> = ({ message, className, streamMessages }) => { const StreamMessageComponent: React.FC<StreamMessageProps> = ({ message, className, streamMessages, onLinkDetected }) => {
try { try {
// Skip rendering for meta messages that don't have meaningful content // Skip rendering for meta messages that don't have meaningful content
if (message.isMeta && !message.leafUuid && !message.summary) { if (message.isMeta && !message.leafUuid && !message.summary) {
@@ -284,7 +285,7 @@ export const StreamMessage: React.FC<StreamMessageProps> = ({ message, className
const stdoutMatch = contentStr.match(/<local-command-stdout>([\s\S]*?)<\/local-command-stdout>/); const stdoutMatch = contentStr.match(/<local-command-stdout>([\s\S]*?)<\/local-command-stdout>/);
if (stdoutMatch) { if (stdoutMatch) {
const [, output] = stdoutMatch; const [, output] = stdoutMatch;
return <CommandOutputWidget output={output} />; return <CommandOutputWidget output={output} onLinkDetected={onLinkDetected} />;
} }
// Otherwise render as plain text // Otherwise render as plain text
@@ -632,3 +633,5 @@ export const StreamMessage: React.FC<StreamMessageProps> = ({ message, className
); );
} }
}; };
export const StreamMessage = React.memo(StreamMessageComponent);