add mention support

This commit is contained in:
Henry Hiles 2025-12-26 17:00:59 -05:00
commit bbe36ff86f
No known key found for this signature in database
8 changed files with 198 additions and 107 deletions

View file

@ -0,0 +1,130 @@
import "package:flutter/material.dart";
import "package:hooks_riverpod/hooks_riverpod.dart";
import "package:matrix/matrix.dart";
import "package:nexus/controllers/avatar_controller.dart";
import "package:nexus/controllers/members_controller.dart";
import "package:nexus/controllers/rooms_controller.dart";
import "package:nexus/helpers/extensions/better_when.dart";
import "package:nexus/helpers/extensions/get_headers.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) => 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) {
"@" =>
ref
.watch(MembersController.provider(room))
.betterWhen(
data: (members) => ListView(
children:
(query.isEmpty
? members
: members.where(
(member) =>
member.senderId.toLowerCase().contains(
query.toLowerCase(),
) ||
(member.content["displayname"]
as String?)
?.toLowerCase()
.contains(
query.toLowerCase(),
) ==
true,
))
.map(
(member) => ListTile(
leading: AvatarOrHash(
ref
.watch(
AvatarController.provider(
member.content["avatar_url"]
.toString(),
),
)
.whenOrNull(data: (data) => data),
member.content["displayname"].toString(),
headers: room.client.headers,
),
title: Text(
member.content["displayname"] as String? ??
member.senderId,
),
onTap: () => addTag(
id: member.senderId,
name: member.senderId
.substring(1)
.split(":")
.first,
),
),
)
.toList(),
),
),
"#" =>
ref
.watch(RoomsController.provider)
.betterWhen(
data: (rooms) => ListView(
children:
(query.isEmpty
? rooms
: rooms.where(
(room) => room.title.toLowerCase().contains(
query.toLowerCase(),
),
))
.map(
(room) => ListTile(
leading: AvatarOrHash(
room.avatar,
room.title,
fallback: Icon(Icons.numbers),
headers: room.roomData.client.headers,
),
title: Text(room.title),
subtitle: room.roomData.topic.isEmpty
? null
: Text(room.roomData.topic),
onTap: () => addTag(
id: "[#${room.roomData.getLocalizedDisplayname()}](https://matrix.to/#/${room.roomData.id})",
name:
(room.roomData.canonicalAlias.isEmpty
? room.roomData.id
: room.roomData.canonicalAlias)
.substring(1)
.split(":")
.first,
),
),
)
.toList(),
),
),
_ => Loading(),
},
),
),
);
}