lazy load memberships

README.md

@@ -54,6 +54,7 @@ A simple and user-friendly Matrix client made with Flutter and the Matrix Dart S
         -   [x] HTML/Markdown
         -   [x] Replies
             -   [x] Choose ping on/off
+        -   [ ] Per message profiles
         -   [ ] Attachments
         -   [ ] Commands with [MSC4391](https://github.com/matrix-org/matrix-spec-proposals/pull/4391)
         -   [x] Mentions
@@ -64,6 +65,7 @@ A simple and user-friendly Matrix client made with Flutter and the Matrix Dart S
         -   [ ] GIFs using Gomuks' GIF proxies
     -   [x] Recieving
         -   [x] Plain text
+        -   [x] Per message profiles
         -   [x] HTML
         -   [x] Replies
             -   [x] Viewing

lib/controllers/author_controller.dart

@@ -0,0 +1,44 @@
+import "dart:async";
+import "package:collection/collection.dart";
+import "package:fast_immutable_collections/fast_immutable_collections.dart";
+import "package:flutter_riverpod/flutter_riverpod.dart";
+import "package:nexus/controllers/members_controller.dart";
+import "package:nexus/models/configs/author_config.dart";
+import "package:nexus/models/membership.dart";
+
+class AuthorController extends AsyncNotifier<Membership> {
+  final AuthorConfig config;
+  AuthorController(this.config);
+
+  @override
+  Future<Membership> build() async {
+    var member = ref.watch(
+      MembersController.provider(config.room).select(
+        (value) => value.firstWhereOrNull(
+          (membership) => membership.userId == config.message.authorId,
+        ),
+      ),
+    );
+
+    final pmp = config.message.metadata?["pmp"] == null
+        ? null
+        : Membership.fromContent(
+            IMap(config.message.metadata?["pmp"]),
+            config.message.authorId,
+          );
+
+    return Membership(
+      avatarUrl: pmp?.avatarUrl ?? member?.avatarUrl,
+      displayName:
+          pmp?.displayName ??
+          member?.displayName ??
+          config.message.authorId.substring(1).split(":").first,
+      userId: config.message.authorId,
+    );
+  }
+
+  static final provider = AsyncNotifierProvider.family
+      .autoDispose<AuthorController, Membership, AuthorConfig>(
+        AuthorController.new,
+      );
+}

lib/controllers/member_controller.dart

@@ -1,42 +0,0 @@
-import "dart:async";
-import "package:collection/collection.dart";
-import "package:flutter_riverpod/flutter_riverpod.dart";
-import "package:nexus/controllers/members_controller.dart";
-import "package:nexus/models/configs/member_config.dart";
-import "package:nexus/models/membership.dart";
-
-class MemberController extends AsyncNotifier<Membership> {
-  final MemberConfig config;
-  MemberController(this.config);
-
-  @override
-  FutureOr<Membership> build() {
-    final member = ref.watch(
-      MembersController.provider(config.room).select(
-        (value) => value.firstWhereOrNull(
-          (membership) => membership.userId == config.userId,
-        ),
-      ),
-    );
-    if (config.room.hasFetchedMembers || member != null) {
-      return member ??
-          Membership(
-            avatarUrl: null,
-            displayName: config.userId,
-            userId: config.userId,
-          );
-    }
-    return Membership(
-      avatarUrl: null,
-      displayName: config.userId,
-      userId: config.userId,
-    );
-
-    throw UnimplementedError();
-  }
-
-  static final provider = AsyncNotifierProvider.family
-      .autoDispose<MemberController, Membership, MemberConfig>(
-        MemberController.new,
-      );
-}

lib/controllers/members_controller.dart

@@ -1,7 +1,10 @@
 import "package:collection/collection.dart";
 import "package:fast_immutable_collections/fast_immutable_collections.dart";
 import "package:flutter_riverpod/flutter_riverpod.dart";
+import "package:nexus/controllers/client_controller.dart";
+import "package:nexus/models/event.dart";
 import "package:nexus/models/membership.dart";
+import "package:nexus/models/requests/get_room_state_request.dart";
 import "package:nexus/models/room.dart";
 
 class MembersController extends Notifier<IList<Membership>> {
@@ -9,24 +12,42 @@ class MembersController extends Notifier<IList<Membership>> {
   MembersController(this.room);
 
   @override
-  IList<Membership> build() => (room.state["m.room.member"]?.values ?? [])
+  IList<Membership> build() {
-      .map(
+    IList<Membership> membersFromState(IList<Event> members) => members.nonNulls
-        (eventRowId) =>
-            room.events.firstWhereOrNull((event) => event.rowId == eventRowId),
-      )
-      .nonNulls
         .where((member) => member.content["membership"] == "join")
         .map(
-        (membership) => Membership(
+          (membership) =>
-          avatarUrl: Uri.tryParse(membership.content["avatar_url"] ?? ""),
+              Membership.fromContent(membership.content, membership.stateKey!),
-          userId: membership.stateKey!,
-          displayName: membership.content["displayname"] ?? membership.stateKey,
-        ),
         )
         .toIList();
 
-  static final provider = NotifierProvider.family
+    if (room.metadata != null) {
-      .autoDispose<MembersController, IList<Membership>, Room>(
+      ref
+          .watch(ClientController.provider.notifier)
+          .getRoomState(
+            GetRoomStateRequest(
+              roomId: room.metadata!.id,
+              fetchMembers: room.metadata!.hasMemberList == false,
+              includeMembers: true,
+            ),
+          )
+          .then((value) => state = membersFromState(value));
+    }
+
+    return membersFromState(
+      (room.state["m.room.members"]?.values ?? [])
+          .map(
+            (eventRowId) => room.events.firstWhereOrNull(
+              (event) => event.rowId == eventRowId,
+            ),
+          )
+          .nonNulls
+          .toIList(),
+    );
+  }
+
+  static final provider =
+      NotifierProvider.family<MembersController, IList<Membership>, Room>(
         MembersController.new,
       );
 }

lib/controllers/message_controller.dart

@@ -45,6 +45,7 @@ class MessageController extends AsyncNotifier<Message?> {
         "timelineId": event.timelineRowId,
         "big": event.localContent?.bigEmoji == true,
         "eventType": type,
+        "pmp": event.content["com.beeper.per_message_profile"],
         "editSource":
             event.localContent?.editSource ??
             newContent?["body"] ??

lib/controllers/rooms_controller.dart

@@ -36,6 +36,7 @@ class RoomsController extends Notifier<IMap<String, Room>> {
       return acc.add(
         roomId,
         existing?.copyWith(
+              hasMore: incoming.hasMore,
               metadata: incoming.metadata ?? existing.metadata,
               events: events!,
               state: incoming.state.entries.fold(

lib/models/configs/author_config.dart

@@ -0,0 +1,14 @@
+import "package:flutter_chat_core/flutter_chat_core.dart";
+import "package:freezed_annotation/freezed_annotation.dart";
+import "package:nexus/models/room.dart";
+part "author_config.freezed.dart";
+part "author_config.g.dart";
+
+@freezed
+abstract class AuthorConfig with _$AuthorConfig {
+  const factory AuthorConfig({required Message message, required Room room}) =
+      _AuthorConfig;
+
+  factory AuthorConfig.fromJson(Map<String, Object?> json) =>
+      _$AuthorConfigFromJson(json);
+}

lib/models/configs/member_config.dart

@@ -1,13 +0,0 @@
-import "package:freezed_annotation/freezed_annotation.dart";
-import "package:nexus/models/room.dart";
-part "member_config.freezed.dart";
-part "member_config.g.dart";
-
-@freezed
-abstract class MemberConfig with _$MemberConfig {
-  const factory MemberConfig({required Room room, required String userId}) =
-      _MemberConfig;
-
-  factory MemberConfig.fromJson(Map<String, Object?> json) =>
-      _$MemberConfigFromJson(json);
-}

lib/models/membership.dart

@@ -1,15 +1,22 @@
+import "package:fast_immutable_collections/fast_immutable_collections.dart";
 import "package:freezed_annotation/freezed_annotation.dart";
 part "membership.freezed.dart";
-part "membership.g.dart";
 
 @freezed
 abstract class Membership with _$Membership {
+  const Membership._();
   const factory Membership({
     required Uri? avatarUrl,
     required String displayName,
     required String userId,
   }) = _Membership;
 
-  factory Membership.fromJson(Map<String, Object?> json) =>
+  factory Membership.fromContent(
-      _$MembershipFromJson(json);
+    IMap<String, dynamic> content,
+    String userId,
+  ) => Membership(
+    avatarUrl: Uri.tryParse(content["avatar_url"] ?? ""),
+    userId: userId,
+    displayName: content["displayname"] ?? userId.substring(1).split(":").first,
+  );
 }

lib/models/room.dart

@@ -18,7 +18,6 @@ abstract class Room with _$Room {
     @Default(IMap.empty()) IMap<String, IList<ReadReceipt>> receipts,
     @Default(false) bool dismissNotifications,
     @Default(true) bool hasMore,
-    @Default(false) bool hasFetchedMembers,
     // required IList<Notification> notifications,
   }) = _Room;
 

lib/widgets/chat_page/html/html.dart

@@ -22,6 +22,10 @@ class Html extends ConsumerWidget {
     html,
     textStyle: textStyle,
     customWidgetBuilder: (element) {
+      if (element.attributes.keys.contains("data-mx-profile-fallback")) {
+        return SizedBox.shrink();
+      }
+
       if (element.attributes.keys.contains("data-mx-spoiler")) {
         return InlineCustomWidget(child: SpoilerText(text: element.text));
       }

lib/widgets/chat_page/lazy_loading/message_avatar.dart

@@ -1,9 +1,9 @@
 import "package:flutter/widgets.dart";
 import "package:flutter_chat_core/flutter_chat_core.dart";
 import "package:flutter_riverpod/flutter_riverpod.dart";
-import "package:nexus/controllers/member_controller.dart";
+import "package:nexus/controllers/author_controller.dart";
 import "package:nexus/helpers/extensions/better_when.dart";
-import "package:nexus/models/configs/member_config.dart";
+import "package:nexus/models/configs/author_config.dart";
 import "package:nexus/models/room.dart";
 import "package:nexus/widgets/avatar_or_hash.dart";
 
@@ -16,9 +16,7 @@ class MessageAvatar extends ConsumerWidget {
   @override
   Widget build(BuildContext context, WidgetRef ref) => ref
       .watch(
-        MemberController.provider(
+        AuthorController.provider(AuthorConfig(room: room, message: message)),
-          MemberConfig(room: room, userId: message.authorId),
-        ),
       )
       .betterWhen(
         data: (membership) => AvatarOrHash(

lib/widgets/chat_page/lazy_loading/message_displayname.dart

@@ -1,9 +1,9 @@
 import "package:flutter/widgets.dart";
 import "package:flutter_chat_core/flutter_chat_core.dart";
 import "package:flutter_riverpod/flutter_riverpod.dart";
-import "package:nexus/controllers/member_controller.dart";
+import "package:nexus/controllers/author_controller.dart";
 import "package:nexus/helpers/extensions/better_when.dart";
-import "package:nexus/models/configs/member_config.dart";
+import "package:nexus/models/configs/author_config.dart";
 import "package:nexus/models/room.dart";
 
 class MessageDisplayname extends ConsumerWidget {
@@ -15,13 +15,11 @@ class MessageDisplayname extends ConsumerWidget {
   @override
   Widget build(BuildContext context, WidgetRef ref) => ref
       .watch(
-        MemberController.provider(
+        AuthorController.provider(AuthorConfig(room: room, message: message)),
-          MemberConfig(room: room, userId: message.authorId),
-        ),
       )
       .betterWhen(
         data: (membership) => Text(
-          membership.displayName,
+          "${membership.displayName} ${message.metadata?["pmp"] == null ? "" : "(via ${message.authorId})"}",
           style: style,
           overflow: TextOverflow.ellipsis,
         ),

lib/widgets/chat_page/reply_widget.dart

@@ -67,7 +67,7 @@ class ReplyWidget extends ConsumerWidget {
                                     mainAxisSize: MainAxisSize.min,
                                     spacing: 8,
                                     children: [
-                                      MessageAvatar(message, room),
+                                      MessageAvatar(replyMessage, room),
                                       Flexible(
                                         child: MessageDisplayname(
                                           replyMessage,