2ndbeam/fluffychat-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: Make ChatListItem cache lasteventbody for better performance

Browse source
This commit is contained in:
Christian Kußowski 2025-09-30 10:18:40 +02:00
commit 42438052b1
No known key found for this signature in database
GPG key ID: E067ECD60F1A0652
1 changed files with 324 additions and 300 deletions
Download patch file Download diff file Expand all files Collapse all files

202
lib/pages/chat_list/chat_list_item.dart
View file

@ -15,7 +15,7 @@ import '../../widgets/avatar.dart';
enum ArchivedRoomAction { delete, rejoin } enum ArchivedRoomAction { delete, rejoin }
class ChatListItem extends StatelessWidget { class ChatListItem extends StatefulWidget {
final Room room; final Room room;
final Room? space; final Room? space;
final bool activeChat; final bool activeChat;
@ -35,37 +35,87 @@ class ChatListItem extends StatelessWidget {
super.key, super.key,
}); });
@override
State<ChatListItem> createState() => _ChatListItemState();
}
class _ChatListItemState extends State<ChatListItem> {
String? lastEventKey;
String? lastEventBody;
late final bool isDirectChat;
late final String? directChatMatrixId;
String _calcLastEventKey() =>
'${widget.room.lastEvent?.eventId}_${widget.room.lastEvent?.type}_${widget.room.lastEvent?.redacted}';
@override
void initState() {
isDirectChat = widget.room.isDirectChat;
directChatMatrixId = widget.room.directChatMatrixID;
super.initState();
lastEventKey = _calcLastEventKey();
lastEventBody = widget.room.lastEvent?.calcLocalizedBodyFallback(
MatrixLocals(L10n.of(context)),
hideReply: true,
hideEdit: true,
plaintextBody: true,
removeMarkdown: true,
withSenderNamePrefix: (!isDirectChat ||
directChatMatrixId != widget.room.lastEvent?.senderId),
);
if (!widget.room.participantListComplete) {
widget.room.loadHeroUsers().then((_) {
setState(() {});
});
}
}
void _maybeUpdateLastEventBody() async {
final newLastEventKey = _calcLastEventKey();
if (newLastEventKey == lastEventKey) return;
final newLastEventBody = await widget.room.lastEvent?.calcLocalizedBody(
MatrixLocals(L10n.of(context)),
hideReply: true,
hideEdit: true,
plaintextBody: true,
removeMarkdown: true,
withSenderNamePrefix: (!isDirectChat ||
directChatMatrixId != widget.room.lastEvent?.senderId),
);
if (lastEventBody != newLastEventBody) {
setState(() {
lastEventBody = newLastEventBody;
});
}
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
_maybeUpdateLastEventBody();
final theme = Theme.of(context); final theme = Theme.of(context);
final isMuted = room.pushRuleState != PushRuleState.notify; final isMuted = widget.room.pushRuleState != PushRuleState.notify;
final typingText = room.getLocalizedTypingText(context); final typingText = widget.room.getLocalizedTypingText(context);
final lastEvent = room.lastEvent; final lastEvent = widget.room.lastEvent;
final ownMessage = lastEvent?.senderId == room.client.userID; final ownMessage = lastEvent?.senderId == widget.room.client.userID;
final unread = room.isUnread; final unread = widget.room.isUnread;
final directChatMatrixId = room.directChatMatrixID; final unreadBubbleSize = unread || widget.room.hasNewMessages
final isDirectChat = directChatMatrixId != null; ? widget.room.notificationCount > 0
final unreadBubbleSize = unread || room.hasNewMessages
? room.notificationCount > 0
? 20.0 ? 20.0
: 14.0 : 14.0
: 0.0; : 0.0;
final hasNotifications = room.notificationCount > 0; final hasNotifications = widget.room.notificationCount > 0;
final backgroundColor = final backgroundColor =
activeChat ? theme.colorScheme.secondaryContainer : null; widget.activeChat ? theme.colorScheme.secondaryContainer : null;
final displayname = room.getLocalizedDisplayname( final displayname = widget.room.getLocalizedDisplayname(
MatrixLocals(L10n.of(context)), MatrixLocals(L10n.of(context)),
); );
final filter = this.filter; final filter = widget.filter;
if (filter != null && !displayname.toLowerCase().contains(filter)) { if (filter != null && !displayname.toLowerCase().contains(filter)) {
return const SizedBox.shrink(); return const SizedBox.shrink();
} }
final space = widget.space;
final needLastEventSender = lastEvent == null
? false
: room.getState(EventTypes.RoomMember, lastEvent.senderId) == null;
final space = this.space;
return Padding( return Padding(
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(
@ -76,13 +126,11 @@ class ChatListItem extends StatelessWidget {
borderRadius: BorderRadius.circular(AppConfig.borderRadius), borderRadius: BorderRadius.circular(AppConfig.borderRadius),
clipBehavior: Clip.hardEdge, clipBehavior: Clip.hardEdge,
color: backgroundColor, color: backgroundColor,
child: FutureBuilder( child: HoverBuilder(
future: room.loadHeroUsers(),
builder: (context, snapshot) => HoverBuilder(
builder: (context, listTileHovered) => ListTile( builder: (context, listTileHovered) => ListTile(
visualDensity: const VisualDensity(vertical: -0.5), visualDensity: const VisualDensity(vertical: -0.5),
contentPadding: const EdgeInsets.symmetric(horizontal: 8), contentPadding: const EdgeInsets.symmetric(horizontal: 8),
onLongPress: () => onLongPress?.call(context), onLongPress: () => widget.onLongPress?.call(context),
leading: HoverBuilder( leading: HoverBuilder(
builder: (context, hovered) => AnimatedScale( builder: (context, hovered) => AnimatedScale(
duration: FluffyThemes.animationDuration, duration: FluffyThemes.animationDuration,
@ -100,8 +148,8 @@ class ChatListItem extends StatelessWidget {
child: Avatar( child: Avatar(
border: BorderSide( border: BorderSide(
width: 2, width: 2,
color: backgroundColor ?? color:
theme.colorScheme.surface, backgroundColor ?? theme.colorScheme.surface,
), ),
borderRadius: BorderRadius.circular( borderRadius: BorderRadius.circular(
AppConfig.borderRadius / 4, AppConfig.borderRadius / 4,
@ -109,7 +157,7 @@ class ChatListItem extends StatelessWidget {
mxContent: space.avatar, mxContent: space.avatar,
size: Avatar.defaultSize * 0.75, size: Avatar.defaultSize * 0.75,
name: space.getLocalizedDisplayname(), name: space.getLocalizedDisplayname(),
onTap: () => onLongPress?.call(context), onTap: () => widget.onLongPress?.call(context),
), ),
), ),
Positioned( Positioned(
@ -117,7 +165,7 @@ class ChatListItem extends StatelessWidget {
right: 0, right: 0,
child: Avatar( child: Avatar(
border: space == null border: space == null
? room.isSpace ? widget.room.isSpace
? BorderSide( ? BorderSide(
width: 1, width: 1,
color: theme.dividerColor, color: theme.dividerColor,
@ -128,26 +176,26 @@ class ChatListItem extends StatelessWidget {
color: backgroundColor ?? color: backgroundColor ??
theme.colorScheme.surface, theme.colorScheme.surface,
), ),
borderRadius: room.isSpace borderRadius: widget.room.isSpace
? BorderRadius.circular( ? BorderRadius.circular(
AppConfig.borderRadius / 4, AppConfig.borderRadius / 4,
) )
: null, : null,
mxContent: room.avatar, mxContent: widget.room.avatar,
size: space != null size: space != null
? Avatar.defaultSize * 0.75 ? Avatar.defaultSize * 0.75
: Avatar.defaultSize, : Avatar.defaultSize,
name: displayname, name: displayname,
presenceUserId: directChatMatrixId, presenceUserId: directChatMatrixId,
presenceBackgroundColor: backgroundColor, presenceBackgroundColor: backgroundColor,
onTap: () => onLongPress?.call(context), onTap: () => widget.onLongPress?.call(context),
), ),
), ),
Positioned( Positioned(
top: 0, top: 0,
right: 0, right: 0,
child: GestureDetector( child: GestureDetector(
onTap: () => onLongPress?.call(context), onTap: () => widget.onLongPress?.call(context),
child: AnimatedScale( child: AnimatedScale(
duration: FluffyThemes.animationDuration, duration: FluffyThemes.animationDuration,
curve: FluffyThemes.animationCurve, curve: FluffyThemes.animationCurve,
@ -177,7 +225,7 @@ class ChatListItem extends StatelessWidget {
overflow: TextOverflow.ellipsis, overflow: TextOverflow.ellipsis,
softWrap: false, softWrap: false,
style: TextStyle( style: TextStyle(
fontWeight: unread || room.hasNewMessages fontWeight: unread || widget.room.hasNewMessages
? FontWeight.w500 ? FontWeight.w500
: null, : null,
), ),
@ -191,7 +239,7 @@ class ChatListItem extends StatelessWidget {
size: 16, size: 16,
), ),
), ),
if (room.isFavourite) if (widget.room.isFavourite)
Padding( Padding(
padding: EdgeInsets.only( padding: EdgeInsets.only(
right: hasNotifications ? 4.0 : 0.0, right: hasNotifications ? 4.0 : 0.0,
@ -202,11 +250,12 @@ class ChatListItem extends StatelessWidget {
color: theme.colorScheme.primary, color: theme.colorScheme.primary,
), ),
), ),
if (!room.isSpace && room.membership != Membership.invite) if (!widget.room.isSpace &&
widget.room.membership != Membership.invite)
Padding( Padding(
padding: const EdgeInsets.only(left: 4.0), padding: const EdgeInsets.only(left: 4.0),
child: Text( child: Text(
room.latestEventReceivedTime widget.room.latestEventReceivedTime
.localizedTimeShort(context), .localizedTimeShort(context),
style: TextStyle( style: TextStyle(
fontSize: 12, fontSize: 12,
@ -222,7 +271,7 @@ class ChatListItem extends StatelessWidget {
children: <Widget>[ children: <Widget>[
if (typingText.isEmpty && if (typingText.isEmpty &&
ownMessage && ownMessage &&
room.lastEvent!.status.isSending) ...[ widget.room.lastEvent!.status.isSending) ...[
const SizedBox( const SizedBox(
width: 16, width: 16,
height: 16, height: 16,
@ -244,11 +293,12 @@ class ChatListItem extends StatelessWidget {
), ),
), ),
Expanded( Expanded(
child: room.isSpace && room.membership == Membership.join child: widget.room.isSpace &&
widget.room.membership == Membership.join
? Text( ? Text(
L10n.of(context).countChatsAndCountParticipants( L10n.of(context).countChatsAndCountParticipants(
room.spaceChildren.length, widget.room.spaceChildren.length,
(room.summary.mJoinedMemberCount ?? 1), (widget.room.summary.mJoinedMemberCount ?? 1),
), ),
style: TextStyle(color: theme.colorScheme.outline), style: TextStyle(color: theme.colorScheme.outline),
) )
@ -261,62 +311,35 @@ class ChatListItem extends StatelessWidget {
maxLines: 1, maxLines: 1,
softWrap: false, softWrap: false,
) )
: FutureBuilder( : Text(
key: ValueKey( widget.room.membership == Membership.invite
'${lastEvent?.eventId}_${lastEvent?.type}_${lastEvent?.redacted}', ? widget.room
),
future: needLastEventSender
? lastEvent.calcLocalizedBody(
MatrixLocals(L10n.of(context)),
hideReply: true,
hideEdit: true,
plaintextBody: true,
removeMarkdown: true,
withSenderNamePrefix: (!isDirectChat ||
directChatMatrixId !=
room.lastEvent?.senderId),
)
: null,
initialData:
lastEvent?.calcLocalizedBodyFallback(
MatrixLocals(L10n.of(context)),
hideReply: true,
hideEdit: true,
plaintextBody: true,
removeMarkdown: true,
withSenderNamePrefix: (!isDirectChat ||
directChatMatrixId !=
room.lastEvent?.senderId),
),
builder: (context, snapshot) => Text(
room.membership == Membership.invite
? room
.getState( .getState(
EventTypes.RoomMember, EventTypes.RoomMember,
room.client.userID!, widget.room.client.userID!,
) )
?.content ?.content
.tryGet<String>('reason') ?? .tryGet<String>('reason') ??
(isDirectChat (isDirectChat
? L10n.of(context).newChatRequest ? L10n.of(context).newChatRequest
: L10n.of(context) : L10n.of(context).inviteGroupChat)
.inviteGroupChat) : lastEventBody ??
: snapshot.data ??
L10n.of(context).noMessagesYet, L10n.of(context).noMessagesYet,
softWrap: false, softWrap: false,
maxLines: room.notificationCount >= 1 ? 2 : 1, maxLines:
widget.room.notificationCount >= 1 ? 2 : 1,
overflow: TextOverflow.ellipsis, overflow: TextOverflow.ellipsis,
style: TextStyle( style: TextStyle(
color: unread || room.hasNewMessages color: unread || widget.room.hasNewMessages
? theme.colorScheme.onSurface ? theme.colorScheme.onSurface
: theme.colorScheme.outline, : theme.colorScheme.outline,
decoration: room.lastEvent?.redacted == true decoration:
widget.room.lastEvent?.redacted == true
? TextDecoration.lineThrough ? TextDecoration.lineThrough
: null, : null,
), ),
), ),
), ),
),
const SizedBox(width: 8), const SizedBox(width: 8),
AnimatedContainer( AnimatedContainer(
duration: FluffyThemes.animationDuration, duration: FluffyThemes.animationDuration,
@ -324,24 +347,26 @@ class ChatListItem extends StatelessWidget {
alignment: Alignment.center, alignment: Alignment.center,
padding: const EdgeInsets.symmetric(horizontal: 7), padding: const EdgeInsets.symmetric(horizontal: 7),
height: unreadBubbleSize, height: unreadBubbleSize,
width: !hasNotifications && !unread && !room.hasNewMessages width: !hasNotifications &&
!unread &&
!widget.room.hasNewMessages
? 0 ? 0
: (unreadBubbleSize - 9) * : (unreadBubbleSize - 9) *
room.notificationCount.toString().length + widget.room.notificationCount.toString().length +
9, 9,
decoration: BoxDecoration( decoration: BoxDecoration(
color: room.highlightCount > 0 color: widget.room.highlightCount > 0
? theme.colorScheme.error ? theme.colorScheme.error
: hasNotifications || room.markedUnread : hasNotifications || widget.room.markedUnread
? theme.colorScheme.primary ? theme.colorScheme.primary
: theme.colorScheme.primaryContainer, : theme.colorScheme.primaryContainer,
borderRadius: BorderRadius.circular(7), borderRadius: BorderRadius.circular(7),
), ),
child: hasNotifications child: hasNotifications
? Text( ? Text(
room.notificationCount.toString(), widget.room.notificationCount.toString(),
style: TextStyle( style: TextStyle(
color: room.highlightCount > 0 color: widget.room.highlightCount > 0
? theme.colorScheme.onError ? theme.colorScheme.onError
: hasNotifications : hasNotifications
? theme.colorScheme.onPrimary ? theme.colorScheme.onPrimary
@ -355,9 +380,9 @@ class ChatListItem extends StatelessWidget {
), ),
], ],
), ),
onTap: onTap, onTap: widget.onTap,
trailing: onForget == null trailing: widget.onForget == null
? room.membership == Membership.invite ? widget.room.membership == Membership.invite
? IconButton( ? IconButton(
tooltip: L10n.of(context).declineInvitation, tooltip: L10n.of(context).declineInvitation,
icon: const Icon(Icons.delete_forever_outlined), icon: const Icon(Icons.delete_forever_outlined),
@ -374,15 +399,14 @@ class ChatListItem extends StatelessWidget {
if (!context.mounted) return; if (!context.mounted) return;
await showFutureLoadingDialog( await showFutureLoadingDialog(
context: context, context: context,
future: room.leave, future: widget.room.leave,
); );
}, },
) )
: null : null
: IconButton( : IconButton(
icon: const Icon(Icons.delete_outlined), icon: const Icon(Icons.delete_outlined),
onPressed: onForget, onPressed: widget.onForget,
),
), ),
), ),
), ),