import 'package:dismissible_page/dismissible_page.dart'; import 'package:flutter/material.dart'; import 'package:flutter_markdown/flutter_markdown.dart'; import 'package:go_router/go_router.dart'; import 'package:google_fonts/google_fonts.dart'; import 'package:markdown/markdown.dart' as markdown; import 'package:provider/provider.dart'; import 'package:surface/providers/sn_network.dart'; import 'package:surface/providers/sn_sticker.dart'; import 'package:surface/types/attachment.dart'; import 'package:surface/widgets/attachment/attachment_item.dart'; import 'package:surface/widgets/universal_image.dart'; import 'package:url_launcher/url_launcher_string.dart'; import 'package:uuid/uuid.dart'; import 'attachment/attachment_zoom.dart'; class MarkdownTextContent extends StatelessWidget { final String content; final bool isSelectable; final bool isAutoWarp; final bool isEnlargeSticker; final TextScaler? textScaler; final List? attachments; const MarkdownTextContent({ super.key, required this.content, this.isSelectable = false, this.isAutoWarp = false, this.isEnlargeSticker = false, this.textScaler, this.attachments, }); Widget _buildContent(BuildContext context) { return Markdown( shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), data: content, padding: EdgeInsets.zero, styleSheet: MarkdownStyleSheet.fromTheme( Theme.of(context), ).copyWith( textScaler: textScaler, blockquote: TextStyle( color: Theme.of(context).colorScheme.onSurfaceVariant, ), blockquoteDecoration: BoxDecoration( color: Theme.of(context).colorScheme.surfaceContainerHigh, borderRadius: const BorderRadius.all(Radius.circular(4)), ), horizontalRuleDecoration: BoxDecoration( border: Border( top: BorderSide( width: 1.0, color: Theme.of(context).dividerColor, ), ), ), codeblockDecoration: BoxDecoration( border: Border.all( color: Theme.of(context).dividerColor, width: 0.3, ), borderRadius: const BorderRadius.all(Radius.circular(4)), color: Theme.of(context).colorScheme.surface.withOpacity(0.5), ), code: GoogleFonts.robotoMono(height: 1), ), builders: { }, softLineBreak: true, extensionSet: markdown.ExtensionSet( [ markdown.CodeBlockSyntax(), ...markdown.ExtensionSet.gitHubFlavored.blockSyntaxes, ], [ if (isAutoWarp) markdown.LineBreakSyntax(), _UserNameCardInlineSyntax(), _CustomEmoteInlineSyntax(context), markdown.AutolinkSyntax(), markdown.AutolinkExtensionSyntax(), markdown.CodeSyntax(), ...markdown.ExtensionSet.gitHubFlavored.inlineSyntaxes ], ), onTapLink: (text, href, title) async { if (href == null) return; if (href.startsWith('solink://')) { final uri = href.replaceFirst('solink://', ''); final segments = uri.split('/'); switch (segments[0]) { default: GoRouter.of(context).push('/$uri'); } return; } await launchUrlString( href, mode: LaunchMode.externalApplication, ); }, imageBuilder: (uri, title, alt) { var url = uri.toString(); double? width, height; BoxFit? fit; if (url.startsWith('solink://')) { final segments = url.replaceFirst('solink://', '').split('/'); switch (segments[0]) { case 'stickers': final alias = segments[1]; final st = context.read(); final sn = context.read(); final double size = isEnlargeSticker ? 128 : 32; return Container( width: size, height: size, decoration: BoxDecoration( borderRadius: const BorderRadius.all(Radius.circular(8)), color: Theme.of(context).colorScheme.surfaceContainerHigh, ), child: ClipRRect( borderRadius: const BorderRadius.all(Radius.circular(8)), child: FutureBuilder( future: st.lookupSticker(alias), builder: (context, snapshot) { if (snapshot.hasData) { return UniversalImage( sn.getAttachmentUrl(snapshot.data!.attachment.rid), fit: BoxFit.cover, width: size, height: size, cacheHeight: size, cacheWidth: size, ); } return const SizedBox.shrink(); }, ), ), ); case 'attachments': final attachment = attachments?.firstWhere( (ele) => ele?.rid == segments[1], orElse: () => null, ); if (attachment != null) { const uuid = Uuid(); final heroTag = uuid.v4(); return GestureDetector( child: Container( decoration: BoxDecoration( borderRadius: const BorderRadius.all(Radius.circular(8)), border: Border.all( color: Theme.of(context).dividerColor, width: 1, ), ), child: ClipRRect( borderRadius: const BorderRadius.all(Radius.circular(8)), child: AspectRatio( aspectRatio: attachment.metadata['ratio'] ?? switch (attachment.mimetype.split('/').firstOrNull) { 'audio' => 16 / 9, 'video' => 16 / 9, _ => 1, } .toDouble(), child: AttachmentItem( data: attachment, heroTag: heroTag, ), ), ), ), onTap: () { context.pushTransparentRoute( AttachmentZoomView( data: [attachment], initialIndex: 0, heroTags: [heroTag], ), backgroundColor: Colors.black.withOpacity(0.7), rootNavigator: true, ); }, ); } break; } return const SizedBox.shrink(); } return UniversalImage( url, width: width, height: height, fit: fit, ); }, ); } @override Widget build(BuildContext context) { if (isSelectable) { return SelectionArea(child: _buildContent(context)); } return _buildContent(context); } } class _UserNameCardInlineSyntax extends markdown.InlineSyntax { _UserNameCardInlineSyntax() : super(r'@[a-zA-Z0-9_]+'); @override bool onMatch(markdown.InlineParser parser, Match match) { final alias = match[0]!; final anchor = markdown.Element.text('a', alias) ..attributes['href'] = Uri.encodeFull( 'solink://account/${alias.substring(1)}', ); parser.addNode(anchor); return true; } } class _CustomEmoteInlineSyntax extends markdown.InlineSyntax { final BuildContext context; _CustomEmoteInlineSyntax(this.context) : super(r':([-\w]+):'); @override bool onMatch(markdown.InlineParser parser, Match match) { final SnStickerProvider st = context.read(); final alias = match[1]!.toUpperCase(); if (st.hasNotSticker(alias)) { parser.advanceBy(1); return false; } final element = markdown.Element.empty('img'); element.attributes['src'] = 'solink://stickers/$alias'; parser.addNode(element); return true; } }