Merge branch 'feature/new-ui' into hotfix/commands

.github/workflows/flutter-analyze.yml

@@ -0,0 +1,24 @@
+name: Flutter Analyze
+on:
+  push:
+    branches:
+      - master
+  
+  pull_request:
+    branches: 
+       - '*'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v2
+    - uses: subosito/flutter-action@v1
+      with:
+        channel: 'beta'
+    - run: flutter pub get
+
+    - name: 'Flutter Format Check'
+      run: flutter format --set-exit-if-changed --dry-run .
+
+    - run: flutter analyze

CHANGELOG.md

@@ -1,3 +1,54 @@
+## 0.2.20+2
+
+- Added `shouldAddChannel` to ChannelsBloc in order to check if a channel has to be added to the list when a new message arrives
+
+## 0.2.20+1
+
+- Fixed bug that caused video attachment to show the same preview
+
+## 0.2.20
+
+- Implement shadowban
+
+## 0.2.19
+
+- Updated llc dependency
+- Added loading builder in channellistview
+- Added sendButtonLocation and animationduration to messageinput
+
+## 0.2.18
+
+- Updated llc dependency
+
+## 0.2.17+2
+
+- Expose ChannelsBloc.channelsComparator to sort channels on message.new event
+
+## 0.2.17+1
+
+- Fix mention tap bug
+
+## 0.2.17
+
+- Expose messageInputDecoration as part of the theme
+
+## 0.2.16
+
+- Do not wrap channel preview builder. Users will have to implement they're custom onTap/onLongPress implementation
+- Make public autofocus field of the TextField of message_input
+
+## 0.2.15
+
+- Add onLongPress on channel when using custom channel builder
+
+## 0.2.14
+
+- Add onMessageTap callbacks
+
+## 0.2.13+2
+
+- Add debounce to on change messageinput listener
+
 ## 0.2.13+1
 
 - Use TextEditingController.addListener instead of TextField.onChanged

README.md

@@ -11,8 +11,6 @@
 ![](https://img.shields.io/badge/platform-flutter%20%7C%20flutter%20web-ff69b4.svg?style=flat-square)
 [![Gitter](https://badges.gitter.im/GetStream/stream-chat-flutter.svg)](https://gitter.im/GetStream/stream-chat-flutter?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
 ![CI](https://github.com/GetStream/stream-chat-flutter/workflows/CI/badge.svg?branch=master)
-[![codecov](https://codecov.io/gh/GetStream/stream-chat-flutter/branch/master/graph/badge.svg)](https://codecov.io/gh/GetStream/stream-chat-flutter)
-
 <img align="right" src="https://getstream.imgix.net/images/ios-chat-tutorial/iphone_chat_art@1x.png?auto=format,enhance" width="50%" />
 
 **Quick Links**
@@ -32,10 +30,10 @@ This repo includes a fully functional example app with setup instructions.
 The example is available under the [example](https://github.com/GetStream/stream-chat-flutter/tree/master/example) folder.
 
 ## Add dependency
-
+Add this to your package's pubspec.yaml file, use the latest version [![Pub](https://img.shields.io/pub/v/stream_chat_flutter.svg)](https://pub.dartlang.org/packages/stream_chat_flutter)
 ```yaml
 dependencies:
- stream_chat_flutter: ^0.2.1
+ stream_chat_flutter: ^latest_version
 ```
 
 You should then run `flutter packages get`

example/lib/main.dart

@@ -7,6 +7,7 @@ import 'package:example/group_info_screen.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_secure_storage/flutter_secure_storage.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 
@@ -55,13 +56,25 @@ class MyApp extends StatelessWidget {
       builder: (context, child) {
         return StreamChat(
           client: client,
-          child: child,
+          child: Builder(
+            builder: (context) => AnnotatedRegion<SystemUiOverlayStyle>(
+              child: child,
+              value: SystemUiOverlayStyle(
+                systemNavigationBarColor:
+                    StreamChatTheme.of(context).colorTheme.white,
+                systemNavigationBarIconBrightness:
+                    Theme.of(context).brightness == Brightness.dark
+                        ? Brightness.light
+                        : Brightness.dark,
+              ),
+            ),
+          ),
         );
       },
       debugShowCheckedModeBanner: false,
       theme: ThemeData.light(),
       darkTheme: ThemeData.dark(),
-      themeMode: ThemeMode.system,
+      themeMode: ThemeMode.dark,
       onGenerateRoute: AppRoutes.generateRoute,
       initialRoute:
           client.state.user == null ? Routes.CHOOSE_USER : Routes.HOME,

lib/src/channel_list_view.dart

@@ -1,5 +1,6 @@
 import 'dart:async';
 import 'dart:convert';
+import 'dart:ui' as ui;
 
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
@@ -9,7 +10,6 @@ import 'package:stream_chat/stream_chat.dart';
 import 'package:stream_chat_flutter/src/channels_bloc.dart';
 import 'package:stream_chat_flutter/src/stream_svg_icon.dart';
 import 'package:stream_chat_flutter/src/utils.dart';
-import 'dart:ui' as ui;
 
 import '../stream_chat_flutter.dart';
 import 'channel_bottom_sheet.dart';

lib/src/channel_preview.dart

@@ -201,7 +201,8 @@ class ChannelPreview extends StatelessWidget {
       stream: channel.state.messagesStream,
       initialData: channel.state.messages,
       builder: (context, snapshot) {
-        final lastMessage = channel.state.lastMessage;
+        final lastMessage = snapshot.data
+            ?.lastWhere((m) => m.shadowed != true, orElse: () => null);
         if (lastMessage == null) {
           return SizedBox();
         }

lib/src/channels_bloc.dart

@@ -14,11 +14,19 @@ class ChannelsBloc extends StatefulWidget {
   /// Set this to true to prevent channels to be brought to the top of the list when a new message arrives
   final bool lockChannelsOrder;
 
+  /// Comparator used to sort the channels when a message.new event is received
+  final Comparator<Channel> channelsComparator;
+
+  /// Function used to evaluate if a channel should be added to the list when a message.new event is received
+  final bool Function(Event) shouldAddChannel;
+
   /// Instantiate a new ChannelsBloc
   const ChannelsBloc({
     Key key,
     this.child,
     this.lockChannelsOrder = false,
+    this.channelsComparator,
+    this.shouldAddChannel,
   }) : super(key: key);
 
   @override
@@ -85,23 +93,21 @@ class ChannelsBlocState extends State<ChannelsBloc>
           paginationParams.offset == null ||
           paginationParams.offset == 0;
       final oldChannels = List<Channel>.from(channels ?? []);
-      await client
+      final _channels = await client.queryChannels(
-          .queryChannels(
         filter: filter,
         sort: sortOptions,
         options: options,
         paginationParams: paginationParams,
         onlyOffline: onlyOffline,
-      )
+      );
-          .then((channels) {
+
-        if (clear) {
+      if (clear) {
-          _channelsController.add(channels);
+        _channelsController.add(_channels);
-        } else {
+      } else {
-          final l = oldChannels + channels;
+        final l = oldChannels + _channels;
-          _channelsController.add(l);
+        _channelsController.add(l);
-        }
+      }
-        _queryChannelsLoadingController.sink.add(false);
+      _queryChannelsLoadingController.sink.add(false);
-      });
     } catch (err, stackTrace) {
       print(err);
       print(stackTrace);
@@ -126,7 +132,8 @@ class ChannelsBlocState extends State<ChannelsBloc>
             final channel = newChannels.removeAt(index);
             newChannels.insert(0, channel);
           }
-        } else {
+        } else if (widget.shouldAddChannel != null &&
+            widget.shouldAddChannel(e)) {
           final hiddenIndex = _hiddenChannels.indexWhere((c) => c.cid == e.cid);
           if (hiddenIndex > -1) {
             newChannels.insert(0, _hiddenChannels[hiddenIndex]);
@@ -138,6 +145,10 @@ class ChannelsBlocState extends State<ChannelsBloc>
             }
           }
         }
+
+        if (widget.channelsComparator != null) {
+          newChannels.sort(widget.channelsComparator);
+        }
         _channelsController.add(newChannels);
       }));
     }

lib/src/message_input.dart

@@ -1208,12 +1208,13 @@ class MessageInputState extends State<MessageInput> {
     RenderBox renderBox = context.findRenderObject();
     final size = renderBox.size;
 
-    return OverlayEntry(builder: (context) {
+    return OverlayEntry(
-      return Positioned(
+      builder: (context) {
-        bottom: size.height + MediaQuery.of(context).viewInsets.bottom,
+        return Positioned(
-        left: 0,
+          bottom: size.height + MediaQuery.of(context).viewInsets.bottom,
-        right: 0,
+          left: 0,
-        child: TweenAnimationBuilder<double>(
+          right: 0,
+          child: TweenAnimationBuilder<double>(
             tween: Tween(begin: 0.0, end: 1.0),
             duration: Duration(milliseconds: 300),
             curve: Curves.easeInOutExpo,
@@ -1229,70 +1230,141 @@ class MessageInputState extends State<MessageInput> {
                   ),
                   clipBehavior: Clip.antiAlias,
                   child: Container(
-                    constraints: BoxConstraints.loose(Size.fromHeight(400)),
+                    constraints: BoxConstraints.loose(Size.fromHeight(240)),
                     decoration: BoxDecoration(
                       color: StreamChatTheme.of(context).colorTheme.white,
                     ),
                     child: FutureBuilder<List<Member>>(
-                        future: queryMembers ?? Future.value(members),
+                      future: queryMembers ?? Future.value(members),
-                        initialData: members,
+                      initialData: members,
-                        builder: (context, snapshot) {
+                      builder: (context, snapshot) {
-                          return ListView(
+                        return ListView(
-                            padding: const EdgeInsets.all(0),
+                          padding: const EdgeInsets.all(0),
-                            shrinkWrap: true,
+                          shrinkWrap: true,
-                            children: snapshot.data
+                          children: [
-                                .map((m) => ListTile(
+                            SizedBox(
-                                      leading: UserAvatar(
+                              height: 8.0,
-                                        constraints: BoxConstraints.tight(
+                            ),
-                                          Size(
+                            ...snapshot.data.map(
-                                            40,
+                              (m) {
-                                            40,
+                                return Material(
-                                          ),
+                                  color: StreamChatTheme.of(context)
+                                      .colorTheme
+                                      .white,
+                                  child: InkWell(
+                                    onTap: () {
+                                      _mentionedUsers.add(m.user);
+
+                                      splits[splits.length - 1] = m.user.name;
+                                      final rejoin = splits.join('@');
+
+                                      textEditingController.value =
+                                          TextEditingValue(
+                                        text: rejoin +
+                                            textEditingController.text
+                                                .substring(textEditingController
+                                                    .selection.start),
+                                        selection: TextSelection.collapsed(
+                                          offset: rejoin.length,
                                         ),
-                                        user: m.user,
+                                      );
-                                      ),
+                                      _debounce.cancel();
-                                      title: Text(
+                                      _mentionsOverlay?.remove();
-                                        '${m.user.name}',
+                                      _mentionsOverlay = null;
-                                        style: TextStyle(
+                                    },
-                                            fontWeight: FontWeight.bold),
+                                    child: Container(
-                                      ),
+                                      height: 56.0,
-                                      subtitle: Text('@${m.userId}'),
+                                      child: Row(
-                                      trailing: StreamSvgIcon.mentions(
+                                        crossAxisAlignment:
-                                        color: StreamChatTheme.of(context)
+                                            CrossAxisAlignment.center,
-                                            .colorTheme
+                                        children: [
-                                            .accentBlue,
+                                          SizedBox(
-                                      ),
+                                            width: 16.0,
-                                      onTap: () {
-                                        _mentionedUsers.add(m.user);
-
-                                        splits[splits.length - 1] = m.user.name;
-                                        final rejoin = splits.join('@');
-
-                                        textEditingController.value =
-                                            TextEditingValue(
-                                          text: rejoin +
-                                              textEditingController.text
-                                                  .substring(
-                                                      textEditingController
-                                                          .selection.start),
-                                          selection: TextSelection.collapsed(
-                                            offset: rejoin.length,
                                           ),
-                                        );
+                                          UserAvatar(
-                                        _debounce.cancel();
+                                            constraints: BoxConstraints.tight(
-                                        _mentionsOverlay?.remove();
+                                              Size(
-                                        _mentionsOverlay = null;
+                                                40,
-                                      },
+                                                40,
-                                    ))
+                                              ),
-                                .toList(),
+                                            ),
-                          );
+                                            user: m.user,
-                        }),
+                                          ),
+                                          SizedBox(
+                                            width: 8.0,
+                                          ),
+                                          Expanded(
+                                            child: Align(
+                                              alignment: Alignment.centerLeft,
+                                              child: Column(
+                                                mainAxisAlignment:
+                                                    MainAxisAlignment.center,
+                                                crossAxisAlignment:
+                                                    CrossAxisAlignment.start,
+                                                children: [
+                                                  Text(
+                                                    '${m.user.name}',
+                                                    maxLines: 1,
+                                                    overflow:
+                                                        TextOverflow.ellipsis,
+                                                    style: StreamChatTheme.of(
+                                                            context)
+                                                        .textTheme
+                                                        .bodyBold,
+                                                  ),
+                                                  SizedBox(
+                                                    height: 2.0,
+                                                  ),
+                                                  Text(
+                                                    '@${m.userId}',
+                                                    maxLines: 1,
+                                                    overflow:
+                                                        TextOverflow.ellipsis,
+                                                    style: StreamChatTheme.of(
+                                                            context)
+                                                        .textTheme
+                                                        .footnoteBold
+                                                        .copyWith(
+                                                            color: StreamChatTheme
+                                                                    .of(context)
+                                                                .colorTheme
+                                                                .grey),
+                                                  ),
+                                                ],
+                                              ),
+                                            ),
+                                          ),
+                                          Padding(
+                                            padding: const EdgeInsets.only(
+                                                right: 18.0, left: 8.0),
+                                            child: StreamSvgIcon.mentions(
+                                              color: StreamChatTheme.of(context)
+                                                  .colorTheme
+                                                  .accentBlue,
+                                            ),
+                                          ),
+                                        ],
+                                      ),
+                                    ),
+                                  ),
+                                );
+                              },
+                            ).toList(),
+                            SizedBox(
+                              height: 8.0,
+                            ),
+                          ],
+                        );
+                      },
+                    ),
                   ),
                 ),
               );
-            }),
+            },
-      );
+          ),
-    });
+        );
+      },
+    );
   }
 
   OverlayEntry _buildEmojiOverlay() {

lib/src/message_list_view.dart

@@ -243,7 +243,7 @@ class _MessageListViewState extends State<MessageListView> {
     return StreamBuilder<List<Message>>(
         stream: messagesStream?.map((messages) => messages
             ?.where((e) =>
-                !e.isDeleted ||
+                (!e.isDeleted && e.shadowed != true) ||
                 (e.isDeleted &&
                     e.user.id == streamChannel.channel.client.state.user.id))
             ?.toList()),

lib/src/message_widget.dart

@@ -572,13 +572,16 @@ class _MessageWidgetState extends State<MessageWidget> {
 
     return Padding(
       padding: EdgeInsets.only(left: leftPadding),
-      child: Row(
+      child: Flex(
+        direction: Axis.horizontal,
+        clipBehavior: Clip.none,
         crossAxisAlignment: CrossAxisAlignment.end,
         children: [
           if (!deleted && (showThreadReplyIndicator || showInChannel))
             Container(
               margin: EdgeInsets.only(
-                  bottom: widget.messageTheme.replies.fontSize / 2),
+                bottom: widget.messageTheme.replies.fontSize / 2,
+              ),
               child: CustomPaint(
                 size: const Size(16, 32),
                 painter: _ThreadReplyPainter(
@@ -591,7 +594,12 @@ class _MessageWidgetState extends State<MessageWidget> {
             (child) => Transform(
               transform: Matrix4.rotationY(widget.reverse ? pi : 0),
               alignment: Alignment.center,
-              child: Container(height: 16, child: Center(child: child)),
+              child: Container(
+                height: 16,
+                child: Center(
+                  child: child,
+                ),
+              ),
             ),
           ),
         ].insertBetween(const SizedBox(width: 8.0)),

lib/src/stream_chat.dart

@@ -125,6 +125,7 @@ class StreamChatState extends State<StreamChat> with WidgetsBindingObserver {
               .on(EventType.messageNew)
               .where((e) => e.user?.id != user.id)
               .where((e) => e.message.silent != true)
+              .where((e) => e.message.shadowed != true)
               .listen((event) async {
             final channel = client.channel(
               event.channelType,

lib/src/system_message.dart

@@ -4,11 +4,16 @@ import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 
 /// It shows a date divider depending on the date difference
 class SystemMessage extends StatelessWidget {
+  /// This message
   final Message message;
 
+  /// The function called when tapping on the message when the message is not failed
+  final void Function(Message) onMessageTap;
+
   const SystemMessage({
     Key key,
     @required this.message,
+    this.onMessageTap,
   }) : super(key: key);
 
   @override
@@ -44,57 +49,68 @@ class SystemMessage extends StatelessWidget {
       dayInfo = createdAt.format('dd/MM/yyyy').toUpperCase();
     }
 
-    return Row(
+    return GestureDetector(
-      crossAxisAlignment: CrossAxisAlignment.start,
+      behavior: HitTestBehavior.opaque,
-      children: <Widget>[
+      onTap: () {
-        divider,
+        if (onMessageTap != null) {
-        Padding(
+          onMessageTap(message);
-          padding: const EdgeInsets.symmetric(horizontal: 32.0),
+        }
-          child: Column(
+      },
-            crossAxisAlignment: CrossAxisAlignment.center,
+      child: Container(
-            children: <Widget>[
+        width: double.infinity,
-              Text(
+        child: Row(
-                message.text,
+          crossAxisAlignment: CrossAxisAlignment.start,
-                style: TextStyle(
+          children: <Widget>[
-                  fontSize: 10,
+            divider,
-                  color: Theme.of(context)
+            Padding(
-                      .textTheme
+              padding: const EdgeInsets.symmetric(horizontal: 32.0),
-                      .headline6
+              child: Column(
-                      .color
+                crossAxisAlignment: CrossAxisAlignment.center,
-                      .withOpacity(.5),
+                children: <Widget>[
-                  fontWeight: FontWeight.bold,
+                  Text(
-                ),
+                    message.text,
-              ),
+                    style: TextStyle(
-              Text.rich(
+                      fontSize: 10,
-                TextSpan(
+                      color: Theme.of(context)
-                  children: [
+                          .textTheme
+                          .headline6
+                          .color
+                          .withOpacity(.5),
+                      fontWeight: FontWeight.bold,
+                    ),
+                  ),
+                  Text.rich(
                     TextSpan(
-                      text: dayInfo,
+                      children: [
+                        TextSpan(
+                          text: dayInfo,
+                          style: TextStyle(
+                            fontWeight: FontWeight.bold,
+                          ),
+                        ),
+                        TextSpan(text: ' AT'),
+                        TextSpan(text: ' $hourInfo'),
+                      ],
                       style: TextStyle(
-                        fontWeight: FontWeight.bold,
+                        fontWeight: FontWeight.normal,
                       ),
                     ),
-                    TextSpan(text: ' AT'),
+                    style: TextStyle(
-                    TextSpan(text: ' $hourInfo'),
+                      fontSize: 10,
-                  ],
+                      color: Theme.of(context)
-                  style: TextStyle(
+                          .textTheme
-                    fontWeight: FontWeight.normal,
+                          .headline6
+                          .color
+                          .withOpacity(.5),
+                    ),
                   ),
-                ),
+                ],
-                style: TextStyle(
-                  fontSize: 10,
-                  color: Theme.of(context)
-                      .textTheme
-                      .headline6
-                      .color
-                      .withOpacity(.5),
-                ),
               ),
-            ],
+            ),
-          ),
+            divider,
+          ],
         ),
-        divider,
+      ),
-      ],
     );
   }
 }

pubspec.yaml

@@ -1,7 +1,7 @@
 name: stream_chat_flutter
 homepage: https://github.com/GetStream/stream-chat-flutter
 description: Stream Chat official Flutter SDK. Build your own chat experience using Dart and Flutter.
-version: 0.2.13+1
+version: 0.2.20+2
 repository: https://github.com/GetStream/stream-chat-flutter
 issue_tracker: https://github.com/GetStream/stream-chat-flutter/issues