|
|
import 'dart:math';
|
|
|
|
|
|
import 'package:fluffychat/pages/chat/events/video_player.dart';
|
|
|
import 'package:fluffychat/pangea/models/pangea_message_event.dart';
|
|
|
import 'package:fluffychat/pangea/widgets/chat/message_context_menu.dart';
|
|
|
import 'package:fluffychat/pangea/widgets/chat/message_toolbar.dart';
|
|
|
import 'package:fluffychat/pangea/widgets/igc/pangea_rich_text.dart';
|
|
|
import 'package:fluffychat/utils/adaptive_bottom_sheet.dart';
|
|
|
import 'package:fluffychat/utils/date_time_extension.dart';
|
|
|
import 'package:fluffychat/utils/matrix_sdk_extensions/matrix_locals.dart';
|
|
|
import 'package:fluffychat/widgets/avatar.dart';
|
|
|
import 'package:flutter/material.dart';
|
|
|
import 'package:flutter_gen/gen_l10n/l10n.dart';
|
|
|
import 'package:flutter_linkify/flutter_linkify.dart';
|
|
|
import 'package:matrix/matrix.dart';
|
|
|
|
|
|
import '../../../config/app_config.dart';
|
|
|
import '../../../utils/platform_infos.dart';
|
|
|
import '../../../utils/url_launcher.dart';
|
|
|
import 'audio_player.dart';
|
|
|
import 'cute_events.dart';
|
|
|
import 'html_message.dart';
|
|
|
import 'image_bubble.dart';
|
|
|
import 'map_bubble.dart';
|
|
|
import 'message_download_content.dart';
|
|
|
|
|
|
class MessageContent extends StatelessWidget {
|
|
|
final Event event;
|
|
|
final Color textColor;
|
|
|
final void Function(Event)? onInfoTab;
|
|
|
final BorderRadius borderRadius;
|
|
|
// #Pangea
|
|
|
final bool selected;
|
|
|
final PangeaMessageEvent? pangeaMessageEvent;
|
|
|
//question: are there any performance benefits to using booleans
|
|
|
//here rather than passing the choreographer? pangea rich text, a widget
|
|
|
//further down in the chain is also using pangeaController so its not constant
|
|
|
final bool immersionMode;
|
|
|
final ToolbarDisplayController? toolbarController;
|
|
|
// Pangea#
|
|
|
|
|
|
const MessageContent(
|
|
|
this.event, {
|
|
|
this.onInfoTab,
|
|
|
super.key,
|
|
|
required this.textColor,
|
|
|
// #Pangea
|
|
|
required this.selected,
|
|
|
this.pangeaMessageEvent,
|
|
|
required this.immersionMode,
|
|
|
required this.toolbarController,
|
|
|
// Pangea#
|
|
|
required this.borderRadius,
|
|
|
});
|
|
|
|
|
|
void _verifyOrRequestKey(BuildContext context) async {
|
|
|
final l10n = L10n.of(context)!;
|
|
|
if (event.content['can_request_session'] != true) {
|
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
|
SnackBar(
|
|
|
content: Text(
|
|
|
event.calcLocalizedBodyFallback(MatrixLocals(l10n)),
|
|
|
),
|
|
|
),
|
|
|
);
|
|
|
return;
|
|
|
}
|
|
|
// #Pangea
|
|
|
// final client = Matrix.of(context).client;
|
|
|
// if (client.isUnknownSession && client.encryption!.crossSigning.enabled) {
|
|
|
// final success = await BootstrapDialog(
|
|
|
// client: Matrix.of(context).client,
|
|
|
// ).show(context);
|
|
|
// if (success != true) return;
|
|
|
// }
|
|
|
// Pangea#
|
|
|
event.requestKey();
|
|
|
final sender = event.senderFromMemoryOrFallback;
|
|
|
await showAdaptiveBottomSheet(
|
|
|
context: context,
|
|
|
builder: (context) => Scaffold(
|
|
|
appBar: AppBar(
|
|
|
leading: CloseButton(onPressed: Navigator.of(context).pop),
|
|
|
title: Text(
|
|
|
l10n.whyIsThisMessageEncrypted,
|
|
|
style: const TextStyle(fontSize: 16),
|
|
|
),
|
|
|
),
|
|
|
body: SafeArea(
|
|
|
child: ListView(
|
|
|
padding: const EdgeInsets.all(16),
|
|
|
children: [
|
|
|
ListTile(
|
|
|
contentPadding: EdgeInsets.zero,
|
|
|
leading: Avatar(
|
|
|
mxContent: sender.avatarUrl,
|
|
|
name: sender.calcDisplayname(),
|
|
|
presenceUserId: sender.stateKey,
|
|
|
client: event.room.client,
|
|
|
),
|
|
|
title: Text(sender.calcDisplayname()),
|
|
|
subtitle: Text(event.originServerTs.localizedTime(context)),
|
|
|
trailing: const Icon(Icons.lock_outlined),
|
|
|
),
|
|
|
const Divider(),
|
|
|
Text(
|
|
|
event.calcLocalizedBodyFallback(
|
|
|
MatrixLocals(l10n),
|
|
|
),
|
|
|
),
|
|
|
],
|
|
|
),
|
|
|
),
|
|
|
),
|
|
|
);
|
|
|
}
|
|
|
|
|
|
@override
|
|
|
Widget build(BuildContext context) {
|
|
|
final fontSize = AppConfig.messageFontSize * AppConfig.fontSizeFactor;
|
|
|
final buttonTextColor = textColor;
|
|
|
switch (event.type) {
|
|
|
// #Pangea
|
|
|
// case EventTypes.Message:
|
|
|
// Pangea#
|
|
|
case EventTypes.Encrypted:
|
|
|
// #Pangea
|
|
|
return _ButtonContent(
|
|
|
textColor: buttonTextColor,
|
|
|
onPressed: () {},
|
|
|
icon: '🔒',
|
|
|
label: L10n.of(context)!.encrypted,
|
|
|
fontSize: fontSize,
|
|
|
);
|
|
|
case EventTypes.Message:
|
|
|
// Pangea#
|
|
|
case EventTypes.Sticker:
|
|
|
switch (event.messageType) {
|
|
|
case MessageTypes.Image:
|
|
|
case MessageTypes.Sticker:
|
|
|
if (event.redacted) continue textmessage;
|
|
|
const maxSize = 256.0;
|
|
|
final w = event.content
|
|
|
.tryGetMap<String, Object?>('info')
|
|
|
?.tryGet<int>('w');
|
|
|
final h = event.content
|
|
|
.tryGetMap<String, Object?>('info')
|
|
|
?.tryGet<int>('h');
|
|
|
var width = maxSize;
|
|
|
var height = maxSize;
|
|
|
var fit = event.messageType == MessageTypes.Sticker
|
|
|
? BoxFit.contain
|
|
|
: BoxFit.cover;
|
|
|
if (w != null && h != null) {
|
|
|
fit = BoxFit.contain;
|
|
|
if (w > h) {
|
|
|
width = maxSize;
|
|
|
height = max(32, maxSize * (h / w));
|
|
|
} else {
|
|
|
height = maxSize;
|
|
|
width = max(32, maxSize * (w / h));
|
|
|
}
|
|
|
}
|
|
|
return ImageBubble(
|
|
|
event,
|
|
|
width: width,
|
|
|
height: height,
|
|
|
fit: fit,
|
|
|
borderRadius: borderRadius,
|
|
|
);
|
|
|
case CuteEventContent.eventType:
|
|
|
return CuteContent(event);
|
|
|
case MessageTypes.Audio:
|
|
|
if (PlatformInfos.isMobile ||
|
|
|
PlatformInfos.isMacOS ||
|
|
|
PlatformInfos.isWeb
|
|
|
// Disabled until https://github.com/bleonard252/just_audio_mpv/issues/3
|
|
|
// is fixed
|
|
|
// || PlatformInfos.isLinux
|
|
|
) {
|
|
|
return AudioPlayerWidget(
|
|
|
event,
|
|
|
color: textColor,
|
|
|
);
|
|
|
}
|
|
|
return MessageDownloadContent(event, textColor);
|
|
|
case MessageTypes.Video:
|
|
|
if (PlatformInfos.isMobile || PlatformInfos.isWeb) {
|
|
|
return EventVideoPlayer(event);
|
|
|
}
|
|
|
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
|
|
|
// #Pangea
|
|
|
&&
|
|
|
!(pangeaMessageEvent?.showRichText(
|
|
|
selected,
|
|
|
toolbarController?.highlighted ?? false,
|
|
|
) ??
|
|
|
false)
|
|
|
// Pangea#
|
|
|
) {
|
|
|
var html = event.formattedText;
|
|
|
if (event.messageType == MessageTypes.Emote) {
|
|
|
html = '* $html';
|
|
|
}
|
|
|
return HtmlMessage(
|
|
|
html: html,
|
|
|
textColor: textColor,
|
|
|
room: event.room,
|
|
|
);
|
|
|
}
|
|
|
// else we fall through to the normal message rendering
|
|
|
continue textmessage;
|
|
|
case MessageTypes.BadEncrypted:
|
|
|
// #Pangea
|
|
|
// case EventTypes.Encrypted:
|
|
|
// return _ButtonContent(
|
|
|
// textColor: buttonTextColor,
|
|
|
// onPressed: () => _verifyOrRequestKey(context),
|
|
|
// icon: '🔒',
|
|
|
// label: L10n.of(context)!.encrypted,
|
|
|
// fontSize: fontSize,
|
|
|
// );
|
|
|
// Pangea#
|
|
|
case MessageTypes.Location:
|
|
|
final geoUri =
|
|
|
Uri.tryParse(event.content.tryGet<String>('geo_uri')!);
|
|
|
if (geoUri != null && geoUri.scheme == 'geo') {
|
|
|
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.redacted) {
|
|
|
return FutureBuilder<User?>(
|
|
|
future: event.redactedBecause?.fetchSenderUser(),
|
|
|
builder: (context, snapshot) {
|
|
|
final reason =
|
|
|
event.redactedBecause?.content.tryGet<String>('reason');
|
|
|
final redactedBy = snapshot.data?.calcDisplayname() ??
|
|
|
event.redactedBecause?.senderId.localpart ??
|
|
|
L10n.of(context)!.user;
|
|
|
return _ButtonContent(
|
|
|
label: reason == null
|
|
|
? L10n.of(context)!.redactedBy(redactedBy)
|
|
|
: L10n.of(context)!.redactedByBecause(
|
|
|
redactedBy,
|
|
|
reason,
|
|
|
),
|
|
|
icon: '🗑️',
|
|
|
textColor: buttonTextColor,
|
|
|
onPressed: () => onInfoTab!(event),
|
|
|
fontSize: fontSize,
|
|
|
);
|
|
|
},
|
|
|
);
|
|
|
}
|
|
|
final bigEmotes = event.onlyEmotes &&
|
|
|
event.numberEmotes > 0 &&
|
|
|
event.numberEmotes <= 10;
|
|
|
// #Pangea
|
|
|
final messageTextStyle = TextStyle(
|
|
|
color: textColor,
|
|
|
fontSize: bigEmotes ? fontSize * 3 : fontSize,
|
|
|
decoration: event.redacted ? TextDecoration.lineThrough : null,
|
|
|
height: 1.3,
|
|
|
);
|
|
|
if (pangeaMessageEvent?.showRichText(
|
|
|
selected,
|
|
|
toolbarController?.highlighted ?? false,
|
|
|
) ??
|
|
|
false) {
|
|
|
return PangeaRichText(
|
|
|
style: messageTextStyle,
|
|
|
pangeaMessageEvent: pangeaMessageEvent!,
|
|
|
immersionMode: immersionMode,
|
|
|
toolbarController: toolbarController,
|
|
|
);
|
|
|
}
|
|
|
// Pangea#
|
|
|
return FutureBuilder<String>(
|
|
|
future: event.calcLocalizedBody(
|
|
|
MatrixLocals(L10n.of(context)!),
|
|
|
hideReply: true,
|
|
|
),
|
|
|
builder: (context, snapshot) {
|
|
|
// #Pangea
|
|
|
if (!snapshot.hasData) {
|
|
|
return Text(
|
|
|
// Pangea#
|
|
|
event.calcLocalizedBodyFallback(
|
|
|
MatrixLocals(L10n.of(context)!),
|
|
|
hideReply: true,
|
|
|
),
|
|
|
// #Pangea
|
|
|
style: messageTextStyle,
|
|
|
);
|
|
|
}
|
|
|
// return Linkify(
|
|
|
final String messageText = snapshot.data ??
|
|
|
event.calcLocalizedBodyFallback(
|
|
|
MatrixLocals(L10n.of(context)!),
|
|
|
hideReply: true,
|
|
|
);
|
|
|
toolbarController?.toolbar?.textSelection.setMessageText(
|
|
|
messageText,
|
|
|
);
|
|
|
return SelectableLinkify(
|
|
|
onSelectionChanged: (selection, cause) {
|
|
|
if (cause == SelectionChangedCause.longPress &&
|
|
|
toolbarController != null &&
|
|
|
pangeaMessageEvent != null &&
|
|
|
!(toolbarController!.highlighted) &&
|
|
|
!selected) {
|
|
|
toolbarController!.controller.onSelectMessage(
|
|
|
pangeaMessageEvent!.event,
|
|
|
);
|
|
|
return;
|
|
|
}
|
|
|
toolbarController?.toolbar?.textSelection
|
|
|
.onTextSelection(selection);
|
|
|
},
|
|
|
onTap: () => toolbarController?.showToolbar(context),
|
|
|
text: toolbarController?.toolbar?.textSelection.messageText ??
|
|
|
messageText,
|
|
|
contextMenuBuilder: (context, state) =>
|
|
|
(toolbarController?.highlighted ?? false)
|
|
|
? const SizedBox.shrink()
|
|
|
: MessageContextMenu.contextMenuOverride(
|
|
|
context: context,
|
|
|
textSelection: state,
|
|
|
onDefine: () => toolbarController?.showToolbar(
|
|
|
context,
|
|
|
mode: MessageMode.definition,
|
|
|
),
|
|
|
onListen: () => toolbarController?.showToolbar(
|
|
|
context,
|
|
|
mode: MessageMode.play,
|
|
|
),
|
|
|
),
|
|
|
enableInteractiveSelection:
|
|
|
toolbarController?.highlighted ?? false,
|
|
|
// text: snapshot.data ??
|
|
|
// event.calcLocalizedBodyFallback(
|
|
|
// MatrixLocals(L10n.of(context)!),
|
|
|
// hideReply: true,
|
|
|
// ),
|
|
|
// Pangea#
|
|
|
style: TextStyle(
|
|
|
color: textColor,
|
|
|
fontSize: bigEmotes ? fontSize * 3 : fontSize,
|
|
|
decoration:
|
|
|
event.redacted ? TextDecoration.lineThrough : null,
|
|
|
),
|
|
|
options: const LinkifyOptions(humanize: false),
|
|
|
linkStyle: TextStyle(
|
|
|
color: textColor.withAlpha(150),
|
|
|
fontSize: bigEmotes ? fontSize * 3 : fontSize,
|
|
|
decoration: TextDecoration.underline,
|
|
|
decorationColor: textColor.withAlpha(150),
|
|
|
),
|
|
|
onOpen: (url) => UrlLauncher(context, url.url).launchUrl(),
|
|
|
);
|
|
|
},
|
|
|
);
|
|
|
}
|
|
|
case EventTypes.CallInvite:
|
|
|
return FutureBuilder<User?>(
|
|
|
future: event.fetchSenderUser(),
|
|
|
builder: (context, snapshot) {
|
|
|
return _ButtonContent(
|
|
|
label: L10n.of(context)!.startedACall(
|
|
|
snapshot.data?.calcDisplayname() ??
|
|
|
event.senderFromMemoryOrFallback.calcDisplayname(),
|
|
|
),
|
|
|
icon: '📞',
|
|
|
textColor: buttonTextColor,
|
|
|
onPressed: () => onInfoTab!(event),
|
|
|
fontSize: fontSize,
|
|
|
);
|
|
|
},
|
|
|
);
|
|
|
default:
|
|
|
return FutureBuilder<User?>(
|
|
|
future: event.fetchSenderUser(),
|
|
|
builder: (context, snapshot) {
|
|
|
return _ButtonContent(
|
|
|
label: L10n.of(context)!.userSentUnknownEvent(
|
|
|
snapshot.data?.calcDisplayname() ??
|
|
|
event.senderFromMemoryOrFallback.calcDisplayname(),
|
|
|
event.type,
|
|
|
),
|
|
|
icon: 'ℹ️',
|
|
|
textColor: buttonTextColor,
|
|
|
onPressed: () => onInfoTab!(event),
|
|
|
fontSize: fontSize,
|
|
|
);
|
|
|
},
|
|
|
);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
class _ButtonContent extends StatelessWidget {
|
|
|
final void Function() onPressed;
|
|
|
final String label;
|
|
|
final String icon;
|
|
|
final Color? textColor;
|
|
|
final double fontSize;
|
|
|
|
|
|
const _ButtonContent({
|
|
|
required this.label,
|
|
|
required this.icon,
|
|
|
required this.textColor,
|
|
|
required this.onPressed,
|
|
|
required this.fontSize,
|
|
|
});
|
|
|
|
|
|
@override
|
|
|
Widget build(BuildContext context) {
|
|
|
return InkWell(
|
|
|
onTap: onPressed,
|
|
|
child: Text(
|
|
|
'$icon $label',
|
|
|
style: TextStyle(
|
|
|
color: textColor,
|
|
|
fontSize: fontSize,
|
|
|
),
|
|
|
),
|
|
|
);
|
|
|
}
|
|
|
}
|