forked from Nexus/nexus
reorganize
This commit is contained in:
parent
9054b6b357
commit
95a4e03f00
SSH key fingerprint:
SHA256:VKQUdS31Q90KvX7EkKMHMBpUspcmItAh86a+v7PGiIs
6 changed files with 6 additions and 6 deletions
179
lib/widgets/chat_page/composer/chat_box.dart
Normal file
179
lib/widgets/chat_page/composer/chat_box.dart
Normal file
|
|
@ -0,0 +1,179 @@
|
||||||
|
import "dart:io";
|
||||||
|
import "package:flutter/material.dart";
|
||||||
|
import "package:flutter/services.dart";
|
||||||
|
import "package:flutter_chat_core/flutter_chat_core.dart";
|
||||||
|
import "package:flutter_hooks/flutter_hooks.dart";
|
||||||
|
import "package:fluttertagger/fluttertagger.dart";
|
||||||
|
import "package:hooks_riverpod/hooks_riverpod.dart";
|
||||||
|
import "package:nexus/controllers/room_chat_controller.dart";
|
||||||
|
import "package:nexus/models/relation_type.dart";
|
||||||
|
import "package:nexus/models/room.dart";
|
||||||
|
import "package:nexus/widgets/chat_page/composer/mention_overlay.dart";
|
||||||
|
import "package:nexus/widgets/chat_page/composer/relation_preview.dart";
|
||||||
|
|
||||||
|
class ChatBox extends HookConsumerWidget {
|
||||||
|
final Message? relatedMessage;
|
||||||
|
final RelationType relationType;
|
||||||
|
final VoidCallback onDismiss;
|
||||||
|
final Room room;
|
||||||
|
const ChatBox({
|
||||||
|
required this.relatedMessage,
|
||||||
|
required this.relationType,
|
||||||
|
required this.onDismiss,
|
||||||
|
required this.room,
|
||||||
|
super.key,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context, WidgetRef ref) {
|
||||||
|
final theme = Theme.of(context);
|
||||||
|
final controller = useRef(FlutterTaggerController());
|
||||||
|
final triggerCharacter = useState("");
|
||||||
|
final shouldMention = useState(true);
|
||||||
|
final query = useState("");
|
||||||
|
|
||||||
|
if (relationType == RelationType.edit &&
|
||||||
|
relatedMessage is TextMessage &&
|
||||||
|
controller.value.text.isEmpty) {
|
||||||
|
controller.value.text = relatedMessage?.metadata?["editSource"] ?? "";
|
||||||
|
}
|
||||||
|
|
||||||
|
void send() {
|
||||||
|
if (controller.value.text.trim().isEmpty || room.metadata == null) return;
|
||||||
|
ref
|
||||||
|
.watch(RoomChatController.provider(room.metadata!.id).notifier)
|
||||||
|
.send(
|
||||||
|
controller.value.formattedText,
|
||||||
|
shouldMention: shouldMention.value,
|
||||||
|
relation: relatedMessage,
|
||||||
|
relationType: relationType,
|
||||||
|
tags: controller.value.tags,
|
||||||
|
);
|
||||||
|
onDismiss();
|
||||||
|
controller.value.text = "";
|
||||||
|
}
|
||||||
|
|
||||||
|
final node = useFocusNode(
|
||||||
|
onKeyEvent: (_, event) {
|
||||||
|
if (event is KeyDownEvent && !Platform.isAndroid && !Platform.isIOS) {
|
||||||
|
if (event.logicalKey == LogicalKeyboardKey.enter &&
|
||||||
|
!HardwareKeyboard.instance.isShiftPressed) {
|
||||||
|
send();
|
||||||
|
return KeyEventResult.handled;
|
||||||
|
} else if (event.logicalKey == LogicalKeyboardKey.escape) {
|
||||||
|
onDismiss();
|
||||||
|
return KeyEventResult.handled;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return KeyEventResult.ignored;
|
||||||
|
},
|
||||||
|
)..requestFocus();
|
||||||
|
|
||||||
|
final style = TextStyle(
|
||||||
|
color: theme.colorScheme.primary,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
);
|
||||||
|
|
||||||
|
return Positioned(
|
||||||
|
bottom: 0,
|
||||||
|
left: 0,
|
||||||
|
right: 0,
|
||||||
|
child: Padding(
|
||||||
|
padding: EdgeInsetsGeometry.all(12),
|
||||||
|
child: ClipRRect(
|
||||||
|
borderRadius: BorderRadius.all(Radius.circular(12)),
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
RelationPreview(
|
||||||
|
relatedMessage,
|
||||||
|
room: room,
|
||||||
|
shouldMention: shouldMention.value,
|
||||||
|
toggleShouldMention: () =>
|
||||||
|
shouldMention.value = !shouldMention.value,
|
||||||
|
relationType: relationType,
|
||||||
|
onDismiss: onDismiss,
|
||||||
|
),
|
||||||
|
Container(
|
||||||
|
color: theme.colorScheme.surfaceContainerHighest,
|
||||||
|
padding: EdgeInsets.symmetric(horizontal: 8),
|
||||||
|
child: Row(
|
||||||
|
spacing: 8,
|
||||||
|
children: [
|
||||||
|
PopupMenuButton(
|
||||||
|
tooltip: "Add media",
|
||||||
|
itemBuilder: (context) => [
|
||||||
|
PopupMenuItem(
|
||||||
|
child: ListTile(
|
||||||
|
title: Text("Camera"),
|
||||||
|
leading: Icon(Icons.add_a_photo),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
PopupMenuItem(
|
||||||
|
child: ListTile(
|
||||||
|
title: Text("Gallery"),
|
||||||
|
leading: Icon(Icons.add_photo_alternate),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
PopupMenuItem(
|
||||||
|
child: ListTile(
|
||||||
|
title: Text("Files"),
|
||||||
|
leading: Icon(Icons.attachment),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
icon: Icon(Icons.add),
|
||||||
|
// enabled: room.canSendDefaultMessages, TODO: Permissions check
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
child: FlutterTagger(
|
||||||
|
triggerStrategy: TriggerStrategy.eager,
|
||||||
|
overlay: MentionOverlay(
|
||||||
|
room,
|
||||||
|
query: query.value,
|
||||||
|
triggerCharacter: triggerCharacter.value,
|
||||||
|
addTag: ({required id, required name}) {
|
||||||
|
controller.value.addTag(id: id, name: name);
|
||||||
|
node.requestFocus();
|
||||||
|
},
|
||||||
|
),
|
||||||
|
controller: controller.value,
|
||||||
|
onSearch: (newQuery, newTriggerCharacter) {
|
||||||
|
triggerCharacter.value = newTriggerCharacter;
|
||||||
|
query.value = newQuery;
|
||||||
|
},
|
||||||
|
triggerCharacterAndStyles: {"@": style, "#": style},
|
||||||
|
builder: (context, key) => TextFormField(
|
||||||
|
// enabled: room.canSendDefaultMessages,
|
||||||
|
maxLines: 12,
|
||||||
|
minLines: 1,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
hintText:
|
||||||
|
true // TODO: room.canSendDefaultMessages
|
||||||
|
? "Your message here..."
|
||||||
|
: "You don't have permission to send messages in this room...",
|
||||||
|
border: InputBorder.none,
|
||||||
|
),
|
||||||
|
controller: controller.value,
|
||||||
|
key: key,
|
||||||
|
autofocus: true,
|
||||||
|
focusNode: node,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
|
onPressed: send,
|
||||||
|
// onPressed: room.canSendDefaultMessages ? send : null,
|
||||||
|
icon: Icon(Icons.send),
|
||||||
|
tooltip: "Send message",
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
114
lib/widgets/chat_page/composer/mention_overlay.dart
Normal file
114
lib/widgets/chat_page/composer/mention_overlay.dart
Normal file
|
|
@ -0,0 +1,114 @@
|
||||||
|
import "package:flutter/material.dart";
|
||||||
|
import "package:hooks_riverpod/hooks_riverpod.dart";
|
||||||
|
import "package:nexus/controllers/members_controller.dart";
|
||||||
|
import "package:nexus/controllers/rooms_controller.dart";
|
||||||
|
import "package:nexus/models/room.dart";
|
||||||
|
import "package:nexus/widgets/avatar_or_hash.dart";
|
||||||
|
import "package:nexus/widgets/loading.dart";
|
||||||
|
|
||||||
|
class MentionOverlay extends ConsumerWidget {
|
||||||
|
final String? triggerCharacter;
|
||||||
|
final String query;
|
||||||
|
final Room room;
|
||||||
|
final void Function({required String id, required String name}) addTag;
|
||||||
|
const MentionOverlay(
|
||||||
|
this.room, {
|
||||||
|
required this.query,
|
||||||
|
required this.addTag,
|
||||||
|
required this.triggerCharacter,
|
||||||
|
super.key,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context, WidgetRef ref) {
|
||||||
|
final rooms = ref.watch(RoomsController.provider);
|
||||||
|
|
||||||
|
return Padding(
|
||||||
|
padding: EdgeInsets.all(8),
|
||||||
|
child: ClipRRect(
|
||||||
|
borderRadius: BorderRadius.all(Radius.circular(12)),
|
||||||
|
child: Container(
|
||||||
|
color: Theme.of(context).colorScheme.surfaceContainerHigh,
|
||||||
|
padding: EdgeInsets.all(8),
|
||||||
|
child: switch (triggerCharacter) {
|
||||||
|
"@" => Consumer(
|
||||||
|
builder: (_, ref, _) {
|
||||||
|
final members = ref.watch(MembersController.provider(room));
|
||||||
|
return ListView(
|
||||||
|
children:
|
||||||
|
(query.isEmpty
|
||||||
|
? members
|
||||||
|
: members.where(
|
||||||
|
(member) =>
|
||||||
|
member.userId.toLowerCase().contains(
|
||||||
|
query.toLowerCase(),
|
||||||
|
) ==
|
||||||
|
true ||
|
||||||
|
member.displayName.toLowerCase().contains(
|
||||||
|
query.toLowerCase(),
|
||||||
|
) ==
|
||||||
|
true,
|
||||||
|
))
|
||||||
|
.map(
|
||||||
|
(member) => ListTile(
|
||||||
|
leading: AvatarOrHash(
|
||||||
|
member.avatarUrl,
|
||||||
|
member.displayName,
|
||||||
|
),
|
||||||
|
title: Text(member.displayName),
|
||||||
|
subtitle: Text(member.userId),
|
||||||
|
onTap: () => addTag(
|
||||||
|
id: "[@${member.displayName}](https://matrix.to/#/${member.userId})",
|
||||||
|
name: member.userId
|
||||||
|
.substring(1)
|
||||||
|
.split(":")
|
||||||
|
.first,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
.toList(),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
"#" => ListView(
|
||||||
|
children:
|
||||||
|
(query.isEmpty
|
||||||
|
? rooms.values
|
||||||
|
: rooms.values.where(
|
||||||
|
(room) => (room.metadata?.name ?? "Unnamed Room")
|
||||||
|
.toLowerCase()
|
||||||
|
.contains(query.toLowerCase()),
|
||||||
|
))
|
||||||
|
.map(
|
||||||
|
(room) => ListTile(
|
||||||
|
leading: AvatarOrHash(
|
||||||
|
room.metadata?.avatar,
|
||||||
|
room.metadata?.name ?? "Unnamed Room",
|
||||||
|
fallback: Icon(Icons.numbers),
|
||||||
|
),
|
||||||
|
title: Text(room.metadata?.name ?? "Unnamed Room"),
|
||||||
|
subtitle: room.metadata?.topic == null
|
||||||
|
? null
|
||||||
|
: Text(room.metadata!.topic!, maxLines: 1),
|
||||||
|
onTap: () => addTag(
|
||||||
|
id: "[#${room.metadata?.name ?? "Unnamed Room"}](https://matrix.to/#/${room.metadata?.id})",
|
||||||
|
name:
|
||||||
|
(room.metadata?.canonicalAlias ??
|
||||||
|
room.metadata?.id)
|
||||||
|
?.substring(1)
|
||||||
|
.split(":")
|
||||||
|
.first ??
|
||||||
|
"",
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
.toList(),
|
||||||
|
),
|
||||||
|
|
||||||
|
_ => Loading(),
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
84
lib/widgets/chat_page/composer/relation_preview.dart
Normal file
84
lib/widgets/chat_page/composer/relation_preview.dart
Normal file
|
|
@ -0,0 +1,84 @@
|
||||||
|
import "package:flutter/material.dart";
|
||||||
|
import "package:flutter_chat_core/flutter_chat_core.dart";
|
||||||
|
import "package:hooks_riverpod/hooks_riverpod.dart";
|
||||||
|
import "package:nexus/models/relation_type.dart";
|
||||||
|
import "package:nexus/models/room.dart";
|
||||||
|
import "package:nexus/widgets/chat_page/lazy_loading/message_avatar.dart";
|
||||||
|
import "package:nexus/widgets/chat_page/lazy_loading/message_displayname.dart";
|
||||||
|
|
||||||
|
class RelationPreview extends ConsumerWidget {
|
||||||
|
final Message? relatedMessage;
|
||||||
|
final RelationType relationType;
|
||||||
|
final VoidCallback onDismiss;
|
||||||
|
final bool shouldMention;
|
||||||
|
final VoidCallback toggleShouldMention;
|
||||||
|
final Room room;
|
||||||
|
|
||||||
|
const RelationPreview(
|
||||||
|
this.relatedMessage, {
|
||||||
|
required this.room,
|
||||||
|
required this.relationType,
|
||||||
|
required this.onDismiss,
|
||||||
|
required this.shouldMention,
|
||||||
|
required this.toggleShouldMention,
|
||||||
|
super.key,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context, WidgetRef ref) {
|
||||||
|
if (relatedMessage == null) return SizedBox.shrink();
|
||||||
|
final theme = Theme.of(context);
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
color: theme.colorScheme.surfaceContainerHigh,
|
||||||
|
padding: EdgeInsets.symmetric(horizontal: 8),
|
||||||
|
child: Row(
|
||||||
|
spacing: 8,
|
||||||
|
children: [
|
||||||
|
SizedBox(width: 4),
|
||||||
|
if (relationType == RelationType.edit)
|
||||||
|
Text(
|
||||||
|
"Editing message:",
|
||||||
|
style: TextStyle(fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
MessageAvatar(relatedMessage!, room),
|
||||||
|
MessageDisplayname(
|
||||||
|
relatedMessage!,
|
||||||
|
room,
|
||||||
|
style: theme.textTheme.labelMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
child: Text(
|
||||||
|
relatedMessage?.metadata?["body"] ??
|
||||||
|
relatedMessage?.metadata?["eventType"],
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
style: theme.textTheme.labelMedium,
|
||||||
|
maxLines: 1,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
if (relationType == RelationType.reply)
|
||||||
|
TextButton(
|
||||||
|
onPressed: toggleShouldMention,
|
||||||
|
child: Text(
|
||||||
|
shouldMention ? "@On" : "@Off",
|
||||||
|
style: TextStyle(
|
||||||
|
fontWeight: FontWeight.w900,
|
||||||
|
color: shouldMention ? null : Theme.of(context).disabledColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
|
tooltip:
|
||||||
|
"Cancel ${relationType == RelationType.edit ? "edit" : "reply"}",
|
||||||
|
onPressed: onDismiss,
|
||||||
|
icon: Icon(Icons.close),
|
||||||
|
iconSize: 20,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -13,12 +13,12 @@ import "package:nexus/helpers/extensions/better_when.dart";
|
||||||
import "package:nexus/helpers/extensions/show_context_menu.dart";
|
import "package:nexus/helpers/extensions/show_context_menu.dart";
|
||||||
import "package:nexus/models/relation_type.dart";
|
import "package:nexus/models/relation_type.dart";
|
||||||
import "package:nexus/models/requests/report_request.dart";
|
import "package:nexus/models/requests/report_request.dart";
|
||||||
import "package:nexus/widgets/chat_page/chat_box.dart";
|
import "package:nexus/widgets/chat_page/composer/chat_box.dart";
|
||||||
import "package:nexus/widgets/chat_page/image_message.dart";
|
import "package:nexus/widgets/chat_page/image_message.dart";
|
||||||
import "package:nexus/widgets/chat_page/member_list.dart";
|
import "package:nexus/widgets/chat_page/member_list.dart";
|
||||||
import "package:nexus/widgets/chat_page/message_wrapper.dart";
|
import "package:nexus/widgets/chat_page/wrappers/message_wrapper.dart";
|
||||||
import "package:nexus/widgets/chat_page/room_appbar.dart";
|
import "package:nexus/widgets/chat_page/room_appbar.dart";
|
||||||
import "package:nexus/widgets/chat_page/text_message_wrapper.dart";
|
import "package:nexus/widgets/chat_page/wrappers/text_message_wrapper.dart";
|
||||||
import "package:nexus/widgets/chat_page/reply_widget.dart";
|
import "package:nexus/widgets/chat_page/reply_widget.dart";
|
||||||
import "package:nexus/widgets/form_text_input.dart";
|
import "package:nexus/widgets/form_text_input.dart";
|
||||||
import "package:nexus/widgets/loading.dart";
|
import "package:nexus/widgets/loading.dart";
|
||||||
|
|
|
||||||
59
lib/widgets/chat_page/wrappers/message_wrapper.dart
Normal file
59
lib/widgets/chat_page/wrappers/message_wrapper.dart
Normal file
|
|
@ -0,0 +1,59 @@
|
||||||
|
import "package:flutter/material.dart";
|
||||||
|
import "package:flutter_chat_core/flutter_chat_core.dart";
|
||||||
|
import "package:nexus/models/room.dart";
|
||||||
|
import "package:nexus/widgets/chat_page/lazy_loading/message_avatar.dart";
|
||||||
|
import "package:nexus/widgets/chat_page/lazy_loading/message_displayname.dart";
|
||||||
|
|
||||||
|
class MessageWrapper extends StatelessWidget {
|
||||||
|
final Message message;
|
||||||
|
final Widget child;
|
||||||
|
final Room room;
|
||||||
|
final MessageGroupStatus? groupStatus;
|
||||||
|
const MessageWrapper(
|
||||||
|
this.message,
|
||||||
|
this.child,
|
||||||
|
this.groupStatus,
|
||||||
|
this.room, {
|
||||||
|
super.key,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) => ClipRRect(
|
||||||
|
borderRadius: BorderRadius.all(Radius.circular(12)),
|
||||||
|
child: AnimatedContainer(
|
||||||
|
padding: message.metadata?["flashing"] == true
|
||||||
|
? EdgeInsets.all(8)
|
||||||
|
: EdgeInsets.all(0),
|
||||||
|
color: message.metadata?["flashing"] == true
|
||||||
|
? Theme.of(context).colorScheme.onSurface.withAlpha(50)
|
||||||
|
: Colors.transparent,
|
||||||
|
duration: Duration(milliseconds: 250),
|
||||||
|
child: Row(
|
||||||
|
spacing: 8,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
groupStatus?.isFirst != false
|
||||||
|
? MessageAvatar(message, room, height: 40)
|
||||||
|
: SizedBox(width: 40),
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
spacing: 4,
|
||||||
|
children: [
|
||||||
|
if (groupStatus?.isFirst != false)
|
||||||
|
MessageDisplayname(
|
||||||
|
message,
|
||||||
|
room,
|
||||||
|
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child,
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
115
lib/widgets/chat_page/wrappers/text_message_wrapper.dart
Normal file
115
lib/widgets/chat_page/wrappers/text_message_wrapper.dart
Normal file
|
|
@ -0,0 +1,115 @@
|
||||||
|
import "package:flutter/material.dart";
|
||||||
|
import "package:flutter_chat_core/flutter_chat_core.dart";
|
||||||
|
import "package:flutter_link_previewer/flutter_link_previewer.dart";
|
||||||
|
import "package:nexus/models/room.dart";
|
||||||
|
import "package:nexus/widgets/chat_page/html/html.dart";
|
||||||
|
import "package:nexus/widgets/chat_page/wrappers/message_wrapper.dart";
|
||||||
|
import "package:nexus/widgets/chat_page/reply_widget.dart";
|
||||||
|
|
||||||
|
class TextMessageWrapper extends StatelessWidget {
|
||||||
|
final Message message;
|
||||||
|
final String? content;
|
||||||
|
final Room room;
|
||||||
|
final MessageGroupStatus? groupStatus;
|
||||||
|
final Future<void> Function(Message oldMessage, Message newMessage)
|
||||||
|
updateMessage;
|
||||||
|
final bool isSentByMe;
|
||||||
|
final Widget? extra;
|
||||||
|
final OnTapReply onTapReply;
|
||||||
|
|
||||||
|
const TextMessageWrapper(
|
||||||
|
this.message, {
|
||||||
|
this.content,
|
||||||
|
this.onTapReply,
|
||||||
|
required this.room,
|
||||||
|
required this.updateMessage,
|
||||||
|
required this.groupStatus,
|
||||||
|
required this.isSentByMe,
|
||||||
|
this.extra,
|
||||||
|
super.key,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final theme = Theme.of(context);
|
||||||
|
final colorScheme = theme.colorScheme;
|
||||||
|
final textMessage = message is TextMessage ? message as TextMessage : null;
|
||||||
|
|
||||||
|
return MessageWrapper(
|
||||||
|
message,
|
||||||
|
ClipRRect(
|
||||||
|
borderRadius: BorderRadius.all(Radius.circular(8)),
|
||||||
|
child: Container(
|
||||||
|
padding: EdgeInsets.symmetric(vertical: 8, horizontal: 12),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: isSentByMe
|
||||||
|
? colorScheme.primaryContainer
|
||||||
|
: colorScheme.surfaceContainer,
|
||||||
|
),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
ReplyWidget(
|
||||||
|
message,
|
||||||
|
room: room,
|
||||||
|
groupStatus: groupStatus,
|
||||||
|
onTapReply: onTapReply,
|
||||||
|
),
|
||||||
|
if (content != null)
|
||||||
|
Html(
|
||||||
|
textStyle: message.metadata?["big"] == true
|
||||||
|
? TextStyle(fontSize: 32)
|
||||||
|
: null,
|
||||||
|
content!
|
||||||
|
.replaceAllMapped(
|
||||||
|
RegExp(
|
||||||
|
"(<a\\b[^>]*>.*?<\\/a>)|(\\bhttps?:\\/\\/[^\\s<]+)",
|
||||||
|
caseSensitive: false,
|
||||||
|
),
|
||||||
|
(m) {
|
||||||
|
// If it's already an <a> tag, leave it unchanged
|
||||||
|
if (m.group(1) != null) {
|
||||||
|
return m.group(1)!;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Otherwise, wrap the bare URL
|
||||||
|
final url = m.group(2)!;
|
||||||
|
return "<a href=\"$url\">$url</a>";
|
||||||
|
},
|
||||||
|
)
|
||||||
|
.replaceAll("\n", "<br class=\"fake-break\"/>"),
|
||||||
|
),
|
||||||
|
if (textMessage?.editedAt != null)
|
||||||
|
Text("(edited)", style: theme.textTheme.labelSmall),
|
||||||
|
if (textMessage != null)
|
||||||
|
LinkPreview(
|
||||||
|
text: textMessage.text,
|
||||||
|
backgroundColor: isSentByMe
|
||||||
|
? colorScheme.inversePrimary
|
||||||
|
: colorScheme.surfaceContainerLow,
|
||||||
|
outsidePadding: EdgeInsets.only(top: 4),
|
||||||
|
insidePadding: EdgeInsets.symmetric(
|
||||||
|
vertical: 8,
|
||||||
|
horizontal: 16,
|
||||||
|
),
|
||||||
|
linkPreviewData: message.metadata?["linkPreviewData"],
|
||||||
|
onLinkPreviewDataFetched: (linkPreviewData) => updateMessage(
|
||||||
|
message,
|
||||||
|
message.copyWith(
|
||||||
|
metadata: {
|
||||||
|
...(message.metadata ?? {}),
|
||||||
|
"linkPreviewData": linkPreviewData,
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (extra != null) extra!,
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
groupStatus,
|
||||||
|
room,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue