Add option to show homeserver in the timeline

Author: beef331

commet/lib/config/preferences.dart

@@ -301,6 +301,9 @@ class Preferences {
   BoolPreference showRoomPreviewsInSpaceSidebar =
       BoolPreference("show_room_previews_in_space_sidebar", defaultValue: true);
 
+  BoolPreference showHomeserverInTimeline =
+      BoolPreference("show_homeserver_in_timeline", defaultValue: false);
+
   BoolPreference autoFocusMessageTextBox = BoolPreference(
       "auto_focus_message_textbox",
       defaultGetter: () => Layout.mobile ? false : true,

commet/lib/ui/molecules/timeline_events/events/timeline_event_view_message.dart

@@ -126,6 +126,7 @@ class _TimelineEventViewMessageState extends State<TimelineEventViewMessage>
     return TimelineEventLayoutMessage(
       senderName: senderName,
       senderColor: senderColor,
+      senderId: preferences.showHomeserverInTimeline.value ? senderId : null,
       senderAvatar: senderAvatar,
       showSender: showSender,
       formattedContent: formattedContent,

commet/lib/ui/molecules/timeline_events/layouts/timeline_event_layout_message.dart

@@ -10,6 +10,7 @@ class TimelineEventLayoutMessage extends StatelessWidget {
       {super.key,
       required this.senderName,
       required this.senderColor,
+      this.senderId,
       this.senderAvatar,
       this.formattedContent,
       this.attachments,
@@ -26,6 +27,7 @@ class TimelineEventLayoutMessage extends StatelessWidget {
       this.avatarBuilder,
       this.showSender = true});
   final String senderName;
+  final String? senderId;
   final Color senderColor;
   final ImageProvider? senderAvatar;
   final Widget? formattedContent;
@@ -70,7 +72,15 @@ class TimelineEventLayoutMessage extends StatelessWidget {
                         Row(
                           mainAxisAlignment: MainAxisAlignment.spaceBetween,
                           children: [
-                            name(),
+                            Row(
+                              mainAxisAlignment: MainAxisAlignment.start,
+                              spacing: 3,
+                              children: [
+                                name(),
+                                if(senderId != null)
+                                  tiamat.Text.labelLow(senderId!.split(":")[1], color: Color.from(alpha: 1.0, red: 0.5, green: 0.5, blue: 0.5),)
+                              ]
+                            ),
                             if (timestamp != null)
                               tiamat.Text.labelLow(timestamp!),
                           ],

commet/lib/ui/pages/settings/categories/app/appearance_settings_page.dart

@@ -58,6 +58,16 @@ class _AppearanceSettingsPageState extends State<AppearanceSettingsPage> {
       desc:
           "Description for enabling using the preview list in the space sidebar");
 
+  String get labelShowUserHomeServerInMessage => Intl.message(
+      "Homeserver in timeline",
+      name: "labelShowUserHomeServerInMessage",
+      desc: "Label for showing homeserver in message rendering");
+
+  String get labelShowUserHomeServerInMessageDescription => Intl.message(
+    "Show the homeserver of a user next to their name in the timeline",
+    name: "labelShowUserHomeServerInMessage",
+    desc: "Label for showing homeserver in message rendering");
+
   @override
   void initState() {
     super.initState();
@@ -128,6 +138,12 @@ class _AppearanceSettingsPageState extends State<AppearanceSettingsPage> {
                   preference: preferences.usePlaceholderRoomAvatars,
                   title: labelUseRoomAvatarPlaceholders,
                   description: labelUseRoomAvatarPlaceholdersDescription,
+                ),
+                const Seperator(),
+                BooleanPreferenceToggle(
+                  preference: preferences.showHomeserverInTimeline,
+                  title: labelShowUserHomeServerInMessage,
+                  description: labelShowUserHomeServerInMessageDescription,
                 )
               ],
             ),