compose_box: Add video chat service button

MritunjayTiwari14 · MritunjayTiwari14 · commit b2bb501c5afe · 2025-10-14T16:52:19.000+05:30
diff --git a/lib/api/model/initial_snapshot.dart b/lib/api/model/initial_snapshot.dart
@@ -88,8 +88,6 @@ class InitialSnapshot {
   /// Search for "realm_wildcard_mention_policy" in https://zulip.com/api/register-queue.
   final RealmWildcardMentionPolicy realmWildcardMentionPolicy;
 
-  final String? realmJitsiServerUrl;
-
   final int realmVideoChatProvider;
 
   final bool realmMandatoryTopics;
@@ -117,6 +115,8 @@ class InitialSnapshot {
 
   final Map<String, RealmDefaultExternalAccount> realmDefaultExternalAccounts;
 
+  final String? jitsiServerUrl;
+
   final int maxFileUploadSizeMib;
 
   final Uri serverEmojiDataUrl;
@@ -185,7 +185,6 @@ class InitialSnapshot {
     required this.realmDeleteOwnMessagePolicy,
     required this.realmWildcardMentionPolicy,
     required this.realmMandatoryTopics,
-    required this.realmJitsiServerUrl,
     required this.realmVideoChatProvider,
     required this.realmName,
     required this.realmWaitingPeriodThreshold,
@@ -196,6 +195,7 @@ class InitialSnapshot {
     required this.realmIconUrl,
     required this.realmPresenceDisabled,
     required this.realmDefaultExternalAccounts,
+    required this.jitsiServerUrl,
     required this.maxFileUploadSizeMib,
     required this.serverEmojiDataUrl,
     required this.realmEmptyTopicDisplayName,
diff --git a/lib/api/model/initial_snapshot.g.dart b/lib/api/model/initial_snapshot.g.dart
diff --git a/lib/model/realm.dart b/lib/model/realm.dart
@@ -32,7 +32,7 @@ mixin RealmStore on PerAccountStoreBase, UserGroupStore {
   Duration get serverTypingStartedWaitPeriod => Duration(milliseconds: serverTypingStartedWaitPeriodMilliseconds);
   int get serverTypingStartedWaitPeriodMilliseconds;
 
-  String? get realmJitsiServerUrl;
+  String? get jitsiServerUrl;
   int get realmVideoChatProvider;
   //|//////////////////////////////////////////////////////////////
   // Realm settings.
@@ -166,10 +166,6 @@ mixin ProxyRealmStore on RealmStore {
   @override
   int get serverTypingStartedWaitPeriodMilliseconds => realmStore.serverTypingStartedWaitPeriodMilliseconds;
   @override
-  String? get realmJitsiServerUrl => realmStore.realmJitsiServerUrl;
-  @override
-  int get realmVideoChatProvider => realmStore.realmVideoChatProvider;
-  @override
   bool get realmAllowMessageEditing => realmStore.realmAllowMessageEditing;
   @override
   GroupSettingValue? get realmCanDeleteAnyMessageGroup => realmStore.realmCanDeleteAnyMessageGroup;
@@ -180,6 +176,10 @@ mixin ProxyRealmStore on RealmStore {
   @override
   bool get realmMandatoryTopics => realmStore.realmMandatoryTopics;
   @override
+  int get realmVideoChatProvider => realmStore.realmVideoChatProvider;
+  @override
+  String? get jitsiServerUrl => realmStore.jitsiServerUrl;
+  @override
   int get maxFileUploadSizeMib => realmStore.maxFileUploadSizeMib;
   @override
   int? get realmMessageContentDeleteLimitSeconds => realmStore.realmMessageContentDeleteLimitSeconds;
@@ -232,12 +232,12 @@ class RealmStoreImpl extends HasUserGroupStore with RealmStore {
     serverTypingStartedExpiryPeriodMilliseconds = initialSnapshot.serverTypingStartedExpiryPeriodMilliseconds,
     serverTypingStoppedWaitPeriodMilliseconds = initialSnapshot.serverTypingStoppedWaitPeriodMilliseconds,
     serverTypingStartedWaitPeriodMilliseconds = initialSnapshot.serverTypingStartedWaitPeriodMilliseconds,
-    realmJitsiServerUrl = initialSnapshot.realmJitsiServerUrl,
-    realmVideoChatProvider = initialSnapshot.realmVideoChatProvider,
     realmAllowMessageEditing = initialSnapshot.realmAllowMessageEditing,
     realmCanDeleteAnyMessageGroup = initialSnapshot.realmCanDeleteAnyMessageGroup,
     realmCanDeleteOwnMessageGroup = initialSnapshot.realmCanDeleteOwnMessageGroup,
     realmMandatoryTopics = initialSnapshot.realmMandatoryTopics,
+    realmVideoChatProvider = initialSnapshot.realmVideoChatProvider,
+    jitsiServerUrl = initialSnapshot.jitsiServerUrl,
     maxFileUploadSizeMib = initialSnapshot.maxFileUploadSizeMib,
     realmMessageContentDeleteLimitSeconds = initialSnapshot.realmMessageContentDeleteLimitSeconds,
     realmMessageContentEditLimitSeconds = initialSnapshot.realmMessageContentEditLimitSeconds,
@@ -377,10 +377,6 @@ class RealmStoreImpl extends HasUserGroupStore with RealmStore {
   @override
   final int serverTypingStartedWaitPeriodMilliseconds;
 
-  @override
-  final String? realmJitsiServerUrl;
-  @override
-  final int realmVideoChatProvider;
   @override
   final bool realmAllowMessageEditing;
   @override
@@ -392,6 +388,10 @@ class RealmStoreImpl extends HasUserGroupStore with RealmStore {
   @override
   final bool realmMandatoryTopics;
   @override
+  final int realmVideoChatProvider;
+  @override
+  final String? jitsiServerUrl;
+  @override
   final int maxFileUploadSizeMib;
   @override
   final int? realmMessageContentDeleteLimitSeconds;
diff --git a/lib/widgets/compose_box.dart b/lib/widgets/compose_box.dart
@@ -1031,6 +1031,61 @@ Future<void> _uploadFiles({
   }
 }
 
+class _AttachVideoChatUrlButton extends StatelessWidget {
+  const _AttachVideoChatUrlButton({
+    required this.controller,
+    required this.enabled,
+  });
+
+  final ComposeBoxController controller;
+  final bool enabled;
+
+  static const int jitsi = 1;
+  static const int zoom = 2; //TODO: Add other supported video chat providers
+
+  String _generateJitsiUrl(String serverUrl, String linkText) {
+    final id = List.generate(15, (_) => Random.secure().nextInt(10)).join();
+    return '[$linkText]($serverUrl/$id#config.startWithVideoMuted=false)\n';
+  }
+
+  String? _getMeetingUrl(BuildContext context, int? provider, String? jitsiServerUrl) {
+    final linkText = ZulipLocalizations.of(context).composeBoxAttachFromVideoCallTooltip;
+
+    switch (provider) {
+      case jitsi: return jitsiServerUrl == null ? null :_generateJitsiUrl(jitsiServerUrl, linkText);
+      case zoom: return '[$linkText](https://zoom.us/start/meeting)';
+      default: return null;
+    }
+  }
+
+  void _handlePress(BuildContext context) {
+    final store = PerAccountStoreWidget.of(context);
+    final url = _getMeetingUrl(context, store.realmVideoChatProvider, store.jitsiServerUrl);
+    if (url == null) return;
+
+    final contentController = controller.content;
+    final insertionRange = contentController.insertionIndex();
+
+    contentController.value = contentController.value.replaced(insertionRange, url);
+    contentController.selection = TextSelection.collapsed(
+        offset: insertionRange.start + url.length);
+    controller.contentFocusNode.requestFocus();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final designVariables = DesignVariables.of(context);
+    final zulipLocalizations = ZulipLocalizations.of(context);
+
+    return SizedBox(
+      width: _composeButtonSize,
+      child: IconButton(
+        icon: Icon(ZulipIcons.video, color: designVariables.foreground.withFadedAlpha(0.5)),
+        tooltip: zulipLocalizations.composeBoxAttachFromVideoCallTooltip,
+        onPressed: enabled ? () => _handlePress(context) : null));
+  }
+}
+
 abstract class _AttachUploadsButton extends StatelessWidget {
   const _AttachUploadsButton({required this.controller, required this.enabled});
 
@@ -1469,6 +1524,7 @@ abstract class _ComposeBoxBody extends StatelessWidget {
       _AttachFileButton(controller: controller, enabled: composeButtonsEnabled),
       _AttachMediaButton(controller: controller, enabled: composeButtonsEnabled),
       _AttachFromCameraButton(controller: controller, enabled: composeButtonsEnabled),
+      _AttachVideoChatUrlButton(controller: controller, enabled: composeButtonsEnabled),
     ];
 
     final topicInput = buildTopicInput();
diff --git a/test/example_data.dart b/test/example_data.dart
@@ -1335,9 +1335,8 @@ InitialSnapshot initialSnapshot({
   RealmDeleteOwnMessagePolicy? realmDeleteOwnMessagePolicy,
   RealmWildcardMentionPolicy? realmWildcardMentionPolicy,
   bool? realmMandatoryTopics,
-  String? realmName,
-  String? realmJitsiServerUrl,
   int? realmVideoChatProvider,
+  String? realmName,
   int? realmWaitingPeriodThreshold,
   int? realmMessageContentDeleteLimitSeconds,
   bool? realmAllowMessageEditing,
@@ -1346,6 +1345,7 @@ InitialSnapshot initialSnapshot({
   Uri? realmIconUrl,
   bool? realmPresenceDisabled,
   Map<String, RealmDefaultExternalAccount>? realmDefaultExternalAccounts,
+  String? jitsiServerUrl,
   int? maxFileUploadSizeMib,
   Uri? serverEmojiDataUrl,
   String? realmEmptyTopicDisplayName,
@@ -1400,6 +1400,7 @@ InitialSnapshot initialSnapshot({
     realmDeleteOwnMessagePolicy: realmDeleteOwnMessagePolicy,
     realmWildcardMentionPolicy: realmWildcardMentionPolicy ?? RealmWildcardMentionPolicy.everyone,
     realmMandatoryTopics: realmMandatoryTopics ?? true,
+    realmVideoChatProvider: realmVideoChatProvider ?? 1,
     realmName: realmName ?? 'Example Zulip organization',
     realmWaitingPeriodThreshold: realmWaitingPeriodThreshold ?? 0,
     realmMessageContentDeleteLimitSeconds: realmMessageContentDeleteLimitSeconds,
@@ -1409,15 +1410,14 @@ InitialSnapshot initialSnapshot({
     realmIconUrl: realmIconUrl ?? _realmIcon,
     realmPresenceDisabled: realmPresenceDisabled ?? false,
     realmDefaultExternalAccounts: realmDefaultExternalAccounts ?? {},
+    jitsiServerUrl: jitsiServerUrl ?? 'https://meet.jit.si',
     maxFileUploadSizeMib: maxFileUploadSizeMib ?? 25,
     serverEmojiDataUrl: serverEmojiDataUrl
       ?? realmUrl.replace(path: '/static/emoji.json'),
     realmEmptyTopicDisplayName: realmEmptyTopicDisplayName ?? defaultRealmEmptyTopicDisplayName,
     realmUsers: realmUsers ?? [selfUser],
     realmNonActiveUsers: realmNonActiveUsers ?? [],
     crossRealmBots: crossRealmBots ?? [],
-    realmJitsiServerUrl: realmJitsiServerUrl ?? 'https://meet.jit.si',
-    realmVideoChatProvider: realmVideoChatProvider ?? 0,
   );
 }
 const _initialSnapshot = initialSnapshot;
diff --git a/test/widgets/compose_box_test.dart b/test/widgets/compose_box_test.dart
@@ -63,6 +63,8 @@ void main() {
     List<Subscription> subscriptions = const [],
     List<Message>? messages,
     bool? mandatoryTopics,
+    int? realmVideoChatProvider,
+    String? jitsiServerUrl,
     int? zulipFeatureLevel,
   }) async {
     streams ??= subscriptions;
@@ -89,6 +91,8 @@ void main() {
       subscriptions: subscriptions,
       zulipFeatureLevel: zulipFeatureLevel,
       realmMandatoryTopics: mandatoryTopics,
+      realmVideoChatProvider: realmVideoChatProvider,
+      jitsiServerUrl: jitsiServerUrl,
       realmAllowMessageEditing: true,
       realmMessageContentEditLimitSeconds: null,
     ));
@@ -1037,6 +1041,56 @@ void main() {
     });
   });
 
+  group('video call button', () {
+    Future<void> prepare(WidgetTester tester, {
+      String? jitsiServerUrl,
+      int? realmVideoChatProvider,
+    }) async {
+      TypingNotifier.debugEnable = false;
+      addTearDown(TypingNotifier.debugReset);
+
+      final channel = eg.stream();
+      final narrow = ChannelNarrow(channel.streamId);
+      await prepareComposeBox(tester,
+        narrow: narrow,
+        streams: [channel],
+        jitsiServerUrl : jitsiServerUrl,
+        realmVideoChatProvider : realmVideoChatProvider,
+      );
+
+      await enterTopic(tester, narrow: narrow, topic: 'some topic');
+      await tester.pump();
+    }
+
+    group('attach video call link', () {
+      testWidgets('jitsi success', (tester) async {
+        await prepare(tester);
+
+        connection.prepare();
+
+        await tester.tap(find.byIcon(ZulipIcons.video));
+        await tester.pump();
+
+        check(controller!.content.text)
+          ..startsWith('[Join video call.](https://meet.jit.si')
+          ..endsWith('#config.startWithVideoMuted=false)\n');
+      });
+
+      testWidgets('zoom success', (tester) async {
+        await prepare(tester, jitsiServerUrl: '',
+          realmVideoChatProvider: 2);
+
+        connection.prepare();
+
+        await tester.tap(find.byIcon(ZulipIcons.video));
+        await tester.pump();
+
+        check(controller!.content.text)
+          .equals('[Join video call.](https://zoom.us/start/meeting)');
+      });
+    });
+  });
+
   group('uploads', () {
     void checkAppearsLoading(WidgetTester tester, bool expected) {
       final sendButtonElement = tester.element(find.ancestor(
@@ -1314,6 +1368,7 @@ void main() {
       check(attachButtonFinder(ZulipIcons.attach_file).evaluate().length).equals(areShown ? 1 : 0);
       check(attachButtonFinder(ZulipIcons.image).evaluate().length).equals(areShown ? 1 : 0);
       check(attachButtonFinder(ZulipIcons.camera).evaluate().length).equals(areShown ? 1 : 0);
+      check(attachButtonFinder(ZulipIcons.video).evaluate().length).equals(areShown ? 1 : 0);
     }
 
     void checkBannerWithLabel(String label, {required bool isShown}) {
