Clickable roomId on message

.changes/1268-clickable-room-id.md

@@ -0,0 +1,2 @@
+- [enhance] Copy room link instead of roomId
+- [fix] Click on room link will perform appropriate action

app/lib/common/utils/rooms.dart

@@ -42,6 +42,7 @@ Future<void> joinRoom(
     if (!context.mounted) {
       return;
     }
+    Navigator.of(context, rootNavigator: true).pop();
     showAdaptiveDialog(
       barrierDismissible: false,
       context: context,

app/lib/features/chat/chat_utils/chat_utils.dart

@@ -1,4 +1,10 @@
-import 'package:html/dom.dart';
+import 'package:acter/common/providers/room_providers.dart';
+import 'package:acter/common/utils/rooms.dart';
+import 'package:acter/common/utils/routes.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:go_router/go_router.dart';
+import 'package:html/dom.dart' as html;
 
 class UserMentionMessageData {
   String parsedMessage;
@@ -14,7 +20,7 @@ class UserMentionMessageData {
 
 UserMentionMessageData parseUserMentionMessage(
   String message,
-  Element aTagElement,
+  html.Element aTagElement,
 ) {
   String msg = message;
   String userName = '';
@@ -51,3 +57,112 @@ UserMentionMessageData parseUserMentionMessage(
     displayName: displayName,
   );
 }
+
+String? getRoomIdFromLink(Uri uri) {
+  final link = Uri.decodeFull(uri.toString());
+
+  // Match regex for matrix room link
+  final urlRegexp = RegExp(
+    r'https://matrix\.to/#/(?<roomId>.+):(?<server>.+)+',
+    caseSensitive: false,
+  );
+  final matches = urlRegexp.firstMatch(link);
+
+  //Link is type of matrix room link
+  if (matches != null) {
+    final roomId = matches.namedGroup('roomId');
+    var server = matches.namedGroup('server');
+
+    //Check & remove if string contains "?via=<server> pattern"
+    server = server!.split('?via=').first;
+
+    //Create complete roomId with home server information
+    var roomIdWithServer = '$roomId:$server';
+
+    //Return roomId
+    return roomIdWithServer;
+  }
+
+  //Link is other than matrix room link
+  return null;
+}
+
+Future<void> navigateToRoomOrAskToJoin(
+  BuildContext context,
+  WidgetRef ref,
+  String roomId,
+) async {
+  ///Get room from roomId
+  final room = await ref.watch(maybeRoomProvider(roomId).future);
+  if (!context.mounted) return;
+
+  /// Navigate to Room is already joined
+  if (room != null && room.isJoined()) {
+    //Navigate to Space
+    if (room.isSpace()) {
+      context.pushNamed(
+        Routes.space.name,
+        pathParameters: {'spaceId': room.roomIdStr()},
+      );
+    }
+    //Navigate to Chat
+    else {
+      context.goNamed(
+        Routes.chatroom.name,
+        pathParameters: {'roomId': room.roomIdStr()},
+      );
+    }
+  }
+
+  /// Ask to join room if not yet joined
+  else {
+    askToJoinRoom(context, ref, roomId);
+  }
+}
+
+void askToJoinRoom(
+  BuildContext context,
+  WidgetRef ref,
+  String roomId,
+) async {
+  showModalBottomSheet(
+    context: context,
+    isDismissible: true,
+    shape: const RoundedRectangleBorder(
+      borderRadius: BorderRadius.only(
+        topRight: Radius.circular(20),
+        topLeft: Radius.circular(20),
+      ),
+    ),
+    builder: (ctx) => Container(
+      width: double.infinity,
+      padding: const EdgeInsets.all(20),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.center,
+        mainAxisAlignment: MainAxisAlignment.center,
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          const Text(
+            'You are not part of this group. Would you like to join?',
+          ),
+          const SizedBox(height: 20),
+          ElevatedButton(
+            onPressed: () async {
+              Navigator.of(context).pop();
+              final server = roomId.split(':').last;
+              await joinRoom(
+                context,
+                ref,
+                'Trying to join $roomId',
+                roomId,
+                server,
+                (roomId) => navigateToRoomOrAskToJoin(context, ref, roomId),
+              );
+            },
+            child: const Text('Join Room'),
+          ),
+        ],
+      ),
+    ),
+  );
+}

app/lib/features/chat/pages/room_profile_page.dart

@@ -139,9 +139,11 @@ class RoomProfilePage extends ConsumerWidget {
                   tiles: [
                     SettingsTile(
                       onPressed: (ctx) {
+                        //FIXME : ?via=$serverName data should be handle from rust helper function
+                        final serverName = roomId.split(':').last;
                         Clipboard.setData(
                           ClipboardData(
-                            text: roomId,
+                            text: 'https://matrix.to/#/$roomId?via=$serverName',
                           ),
                         );
                         customMsgSnackbar(
@@ -150,7 +152,7 @@ class RoomProfilePage extends ConsumerWidget {
                         );
                       },
                       title: Text(
-                        'Copy Room ID',
+                        'Copy room link',
                         style: tileTextTheme,
                       ),
                       leading: const Icon(Atlas.chain_link_thin, size: 18),

app/lib/features/chat/widgets/text_message_builder.dart

@@ -1,6 +1,7 @@
 import 'package:acter/common/themes/app_theme.dart';
 import 'package:acter/common/themes/chat_theme.dart';
 import 'package:acter/common/utils/utils.dart';
+import 'package:acter/features/chat/chat_utils/chat_utils.dart';
 import 'package:acter/features/chat/providers/chat_providers.dart';
 import 'package:acter/features/home/providers/client_providers.dart';
 import 'package:acter_flutter_sdk/acter_flutter_sdk_ffi.dart';
@@ -56,7 +57,7 @@ class _TextMessageBuilderConsumerState
     //remove mx-reply tags.
     String parsedString = simplifyBody(widget.message.text);
     final urlRegexp = RegExp(
-      r'https://matrix\.to/#/@[A-Za-z0-9\-]+:[A-Za-z0-9\-]+\.[A-Za-z0-9\-]+',
+      r'https://matrix\.to/#/[@!#][A-Za-z0-9\-]+:[A-Za-z0-9\-]+\.[A-Za-z0-9\-]+',
       caseSensitive: false,
     );
     final matches = urlRegexp.allMatches(parsedString);
@@ -153,9 +154,7 @@ class _TextWidget extends ConsumerWidget {
                   maxLines: isReply ? 3 : null,
                 )
               : Html(
-                  onLinkTap: (url) async {
-                    await openLink(url.toString(), context);
-                  },
+                  onLinkTap: (url) => onLinkTap(url, context, ref),
                   backgroundColor: Colors.transparent,
                   data: message.text,
                   shrinkToFit: true,
@@ -184,4 +183,19 @@ class _TextWidget extends ConsumerWidget {
       ],
     );
   }
+
+  Future<void> onLinkTap(Uri uri, BuildContext context, WidgetRef ref) async {
+    final roomId = getRoomIdFromLink(uri);
+
+    ///If link is type of matrix room link
+    if (roomId != null) {
+      await navigateToRoomOrAskToJoin(context, ref, roomId);
+    }
+
+    ///If link is other than matrix room link
+    ///Then open it on browser
+    else {
+      await openLink(uri.toString(), context);
+    }
+  }
 }