import 'package:flutter/material.dart'; import 'package:markdown_widget/markdown_widget.dart'; import '../../theme/theme_extensions.dart'; import 'markdown_config.dart'; import 'markdown_preprocessor.dart'; class StreamingMarkdownWidget extends StatelessWidget { const StreamingMarkdownWidget({ super.key, required this.content, required this.isStreaming, this.onTapLink, }); final String content; final bool isStreaming; final MarkdownLinkTapCallback? onTapLink; @override Widget build(BuildContext context) { if (content.trim().isEmpty) { return const SizedBox.shrink(); } final normalized = ConduitMarkdownPreprocessor.normalize(content); final mermaidRegex = RegExp(r'```mermaid\s*([\s\S]*?)```', multiLine: true); final matches = mermaidRegex.allMatches(normalized).toList(); final renderComponents = ConduitMarkdown.prepare( context, onTapLink: onTapLink, ); Widget buildMarkdown(String data) { return MarkdownBlock( data: data, selectable: false, config: renderComponents.config, generator: renderComponents.generator, ); } if (matches.isEmpty) { return SelectionArea( child: Theme( data: Theme.of(context).copyWith( textSelectionTheme: TextSelectionThemeData( cursorColor: context.conduitTheme.buttonPrimary, ), ), child: buildMarkdown(normalized), ), ); } final children = []; var currentIndex = 0; for (final match in matches) { final before = normalized.substring(currentIndex, match.start); if (before.trim().isNotEmpty) { children.add(buildMarkdown(before)); } final code = match.group(1)?.trim() ?? ''; if (code.isNotEmpty) { children.add(ConduitMarkdown.buildMermaidBlock(context, code)); } currentIndex = match.end; } final tail = normalized.substring(currentIndex); if (tail.trim().isNotEmpty) { children.add(buildMarkdown(tail)); } return SelectionArea( child: Theme( data: Theme.of(context).copyWith( textSelectionTheme: TextSelectionThemeData( cursorColor: context.conduitTheme.buttonPrimary, ), ), child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: children, ), ), ); } } extension StreamingMarkdownExtension on String { Widget toMarkdown({ required BuildContext context, bool isStreaming = false, MarkdownLinkTapCallback? onTapLink, }) { return StreamingMarkdownWidget( content: this, isStreaming: isStreaming, onTapLink: onTapLink, ); } } class MarkdownWithLoading extends StatelessWidget { const MarkdownWithLoading({super.key, this.content, required this.isLoading}); final String? content; final bool isLoading; @override Widget build(BuildContext context) { final value = content ?? ''; if (isLoading && value.trim().isEmpty) { return const Center(child: CircularProgressIndicator()); } return StreamingMarkdownWidget(content: value, isStreaming: isLoading); } }