import 'package:flutter/material.dart'; import 'package:flutter_gen/gen_l10n/l10n.dart'; import 'package:future_loading_dialog/future_loading_dialog.dart'; import 'package:matrix/encryption/utils/key_verification.dart'; import 'package:matrix/matrix.dart'; import 'package:matrix_link_text/link_text.dart'; import 'package:url_launcher/url_launcher.dart'; import 'package:fluffychat/pages/key_verification/key_verification_dialog.dart'; import 'package:fluffychat/utils/matrix_sdk_extensions.dart/event_extension.dart'; import 'package:fluffychat/utils/matrix_sdk_extensions.dart/matrix_locals.dart'; import 'package:fluffychat/widgets/matrix.dart'; import '../../../config/app_config.dart'; import '../../../pages/video_viewer/video_viewer.dart'; import '../../../utils/platform_infos.dart'; import '../../../utils/url_launcher.dart'; import 'audio_player.dart'; import 'html_message.dart'; import 'image_bubble.dart'; import 'map_bubble.dart'; import 'message_download_content.dart'; import 'sticker.dart'; class MessageContent extends StatelessWidget { final Event event; final Color textColor; final void Function(Event) onInfoTab; const MessageContent(this.event, {this.onInfoTab, Key key, this.textColor}) : super(key: key); void _verifyOrRequestKey(BuildContext context) async { if (event.content['can_request_session'] != true) { ScaffoldMessenger.of(context).showSnackBar(SnackBar( content: Text( event.type == EventTypes.Encrypted ? L10n.of(context).needPantalaimonWarning : event.getLocalizedBody( MatrixLocals(L10n.of(context)), ), ))); return; } final client = Matrix.of(context).client; if (client.isUnknownSession && client.encryption.crossSigning.enabled) { final req = await client.userDeviceKeys[client.userID].startVerification(); req.onUpdate = () async { if (req.state == KeyVerificationState.done) { for (var i = 0; i < 12; i++) { if (await client.encryption.keyManager.isCached()) { break; } await Future.delayed(const Duration(seconds: 1)); } final timeline = await event.room.getTimeline(); timeline.requestKeys(); timeline.cancelSubscriptions(); } }; await KeyVerificationDialog(request: req).show(context); } else { final success = await showFutureLoadingDialog( context: context, future: () => event.requestKey(), ); if (success.error == null) { ScaffoldMessenger.of(context).showSnackBar(SnackBar( content: Text(L10n.of(context).requestToReadOlderMessages))); } } } @override Widget build(BuildContext context) { final fontSize = AppConfig.messageFontSize * AppConfig.fontSizeFactor; switch (event.type) { case EventTypes.Message: case EventTypes.Encrypted: case EventTypes.Sticker: switch (event.messageType) { case MessageTypes.Image: if (event.showThumbnail) { return ImageBubble( event, width: 400, height: 300, fit: BoxFit.cover, ); } return MessageDownloadContent(event, textColor); case MessageTypes.Sticker: if (event.showThumbnail) { return Sticker(event); } return MessageDownloadContent(event, textColor); case MessageTypes.Audio: if (PlatformInfos.isMobile) { return AudioPlayerWidget( event, color: textColor, ); } return MessageDownloadContent(event, textColor); case MessageTypes.Video: if (event.showThumbnail && (PlatformInfos.isMobile || PlatformInfos.isWeb)) { return Stack( alignment: Alignment.center, children: [ ImageBubble( event, width: 400, height: 300, fit: BoxFit.cover, tapToView: false, ), FloatingActionButton.extended( onPressed: () => showDialog( context: Matrix.of(context).navigatorContext, useRootNavigator: false, builder: (_) => VideoViewer(event), ), label: Text(L10n.of(context).play('Video')), icon: const Icon(Icons.video_camera_front_outlined), ), ], ); } return MessageDownloadContent(event, textColor); case MessageTypes.File: return MessageDownloadContent(event, textColor); case MessageTypes.Text: case MessageTypes.Notice: case MessageTypes.Emote: if (AppConfig.renderHtml && !event.redacted && event.isRichMessage) { var html = event.formattedText; if (event.messageType == MessageTypes.Emote) { html = '* $html'; } final bigEmotes = event.onlyEmotes && event.numberEmotes > 0 && event.numberEmotes <= 10; return HtmlMessage( html: html, defaultTextStyle: TextStyle( color: textColor, fontSize: bigEmotes ? fontSize * 3 : fontSize, ), linkStyle: TextStyle( color: textColor.withAlpha(150), fontSize: bigEmotes ? fontSize * 3 : fontSize, decoration: TextDecoration.underline, ), room: event.room, emoteSize: bigEmotes ? fontSize * 3 : fontSize * 1.5, ); } // else we fall through to the normal message rendering continue textmessage; case MessageTypes.BadEncrypted: case EventTypes.Encrypted: return _ButtonContent( textColor: textColor, onPressed: () => _verifyOrRequestKey(context), icon: const Icon(Icons.lock_outline), label: L10n.of(context).encrypted, ); case MessageTypes.Location: final geoUri = Uri.tryParse(event.content.tryGet('geo_uri')); if (geoUri != null && geoUri.scheme == 'geo' && geoUri.path != null) { final latlong = geoUri.path .split(';') .first .split(',') .map((s) => double.tryParse(s)) .toList(); if (latlong.length == 2 && latlong.first != null && latlong.last != null) { return Column( mainAxisSize: MainAxisSize.min, children: [ MapBubble( latitude: latlong.first, longitude: latlong.last, ), const SizedBox(height: 6), OutlinedButton.icon( icon: Icon(Icons.location_on_outlined, color: textColor), onPressed: UrlLauncher(context, geoUri.toString()).launchUrl, label: Text( L10n.of(context).openInMaps, style: TextStyle(color: textColor), ), ), ], ); } } continue textmessage; case MessageTypes.None: textmessage: default: if (event.content['msgtype'] == Matrix.callNamespace) { return _ButtonContent( onPressed: () => launch(event.body), icon: const Icon(Icons.phone_outlined, color: Colors.green), label: L10n.of(context).videoCall, textColor: textColor, ); } if (event.redacted) { return _ButtonContent( label: L10n.of(context) .redactedAnEvent(event.sender.calcDisplayname()), icon: const Icon(Icons.delete_outlined), textColor: textColor, onPressed: () => onInfoTab(event), ); } final bigEmotes = event.onlyEmotes && event.numberEmotes > 0 && event.numberEmotes <= 10; return LinkText( text: event.getLocalizedBody(MatrixLocals(L10n.of(context)), hideReply: true), textStyle: TextStyle( color: textColor, fontSize: bigEmotes ? fontSize * 3 : fontSize, decoration: event.redacted ? TextDecoration.lineThrough : null, ), linkStyle: TextStyle( color: textColor.withAlpha(150), fontSize: bigEmotes ? fontSize * 3 : fontSize, decoration: TextDecoration.underline, ), onLinkTap: (url) => UrlLauncher(context, url).launchUrl(), ); } break; default: return _ButtonContent( label: L10n.of(context) .userSentUnknownEvent(event.sender.calcDisplayname(), event.type), icon: const Icon(Icons.info_outlined), textColor: textColor, onPressed: () => onInfoTab(event), ); } return Container(); // else flutter analyze complains } } class _ButtonContent extends StatelessWidget { final void Function() onPressed; final String label; final Icon icon; final Color textColor; const _ButtonContent({ @required this.label, @required this.icon, @required this.textColor, @required this.onPressed, Key key, }) : super(key: key); @override Widget build(BuildContext context) { return TextButton.icon( onPressed: onPressed, icon: icon, label: Text(label, overflow: TextOverflow.ellipsis), ); } }