refactor sample code to the ui kit

.github/workflows/build.yaml

@@ -68,7 +68,7 @@ jobs:
       - uses: VeryGoodOpenSource/[email protected]
         with:
           path: packages/faye_dart/coverage/lcov.info
-          min_coverage: 49
+          min_coverage: 48
       - uses: VeryGoodOpenSource/[email protected]
         with:
           path: packages/stream_feed_flutter_core/coverage/lcov.info

example/ios/Runner.xcodeproj/project.pbxproj

@@ -3,7 +3,7 @@
 	archiveVersion = 1;
 	classes = {
 	};
-	objectVersion = 46;
+	objectVersion = 50;
 	objects = {
 
 /* Begin PBXBuildFile section */
@@ -127,7 +127,7 @@
 		97C146E61CF9000F007C117D /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 1020;
+				LastUpgradeCheck = 1300;
 				ORGANIZATIONNAME = "";
 				TargetAttributes = {
 					97C146ED1CF9000F007C117D = {

example/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "1020"
+   LastUpgradeVersion = "1300"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "YES"

packages/stream_feed/lib/src/client/stream_feed_client_impl.dart

@@ -318,9 +318,6 @@ class StreamFeedClientImpl implements StreamFeedClient {
   @override
   Future<User> getUser(String id, {bool withFollowCounts = false}) {
     assert(_ensureCredentials(), '');
-    if (runner == Runner.client) {
-      _logger.warning('We advice using `client.getUser` only server-side');
-    }
 
     final token =
         userToken ?? TokenHelper.buildUsersToken(secret!, TokenAction.read);

packages/stream_feed_flutter/example/lib/main.dart

@@ -397,7 +397,7 @@ class _MyHomePageState extends State<MyHomePage> with StreamFeedMixin {
         child: const Icon(Icons.edit_outlined),
         onPressed: () => Navigator.of(context).push(
           MaterialPageRoute(
-            builder: (_) => ComposeView(
+            builder: (_) => ComposeScreen(
               textEditingController: TextEditingController(),
             ),
             fullscreenDialog: true,
@@ -552,67 +552,15 @@ class _ProfileScreenState extends State<ProfileScreen> with StreamFeedMixin {
                     style: Theme.of(context).textTheme.headline6,
                   ),
                   const SizedBox(height: 8),
-                  Row(
-                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-                    children: [
-                      Column(
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
-                          Text(
-                            '${widget.user?.followersCount ?? bloc.currentUser!.followersCount}',
-                            style: Theme.of(context).textTheme.headline6,
-                          ),
-                          Text(
-                            'Followers',
-                            style: Theme.of(context).textTheme.bodyText1,
-                          ),
-                        ],
-                      ),
-                      Column(
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
-                          Text(
-                            '${widget.user?.followingCount ?? bloc.currentUser!.followingCount}',
-                            style: Theme.of(context).textTheme.headline6,
-                          ),
-                          Text(
-                            'Following',
-                            style: Theme.of(context).textTheme.bodyText1,
-                          ),
-                        ],
-                      ),
-                    ],
-                  ),
+                  FollowStatsWidget(user: widget.user),
                   if (widget.user != null &&
                       widget.user!.id != bloc.currentUser!.id) ...[
                     Row(
                       children: [
                         const SizedBox(width: 16),
                         Expanded(
-                          child: FutureBuilder<bool>(
-                            future: bloc.isFollowingFeed(
-                                followerId: widget.user!.id!),
-                            builder: (context, snapshot) {
-                              if (!snapshot.hasData) {
-                                return const SizedBox.shrink();
-                              } else {
-                                return OutlinedButton(
-                                  child: Text(
-                                      snapshot.data! ? 'Unfollow' : 'Follow'),
-                                  onPressed: () async {
-                                    if (snapshot.data!) {
-                                      await bloc.unfollowFeed(
-                                          unfolloweeId: widget.user!.id!);
-                                      setState(() {});
-                                    } else {
-                                      await bloc.followFeed(
-                                          followeeId: widget.user!.id!);
-                                      setState(() {});
-                                    }
-                                  },
-                                );
-                              }
-                            },
+                          child: FollowButton(
+                            user: widget.user,
                           ),
                         ),
                         const SizedBox(width: 8),
@@ -654,80 +602,3 @@ class _ProfileScreenState extends State<ProfileScreen> with StreamFeedMixin {
     );
   }
 }
-
-class FollowingScreen extends StatefulWidget {
-  const FollowingScreen({Key? key}) : super(key: key);
-
-  @override
-  State<FollowingScreen> createState() => _FollowingScreenState();
-}
-
-class _FollowingScreenState extends State<FollowingScreen>
-    with StreamFeedMixin {
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        title: const Text('Following'),
-      ),
-      body: FutureBuilder<List<Follow>>(
-        future: client.flatFeed('timeline', bloc.currentUser!.id).following(),
-        builder: (context, snapshot) {
-          if (!snapshot.hasData) {
-            return const Center(
-              child: CircularProgressIndicator(),
-            );
-          } else {
-            return ListView.builder(
-              itemCount: snapshot.data!.length,
-              itemBuilder: (context, index) {
-                return ListTile(
-                  title: Text(snapshot.data![index].feedId),
-                );
-              },
-            );
-          }
-        },
-      ),
-    );
-  }
-}
-
-class FollowersScreen extends StatefulWidget {
-  const FollowersScreen({Key? key}) : super(key: key);
-
-  @override
-  State<FollowersScreen> createState() => _FollowersScreenState();
-}
-
-class _FollowersScreenState extends State<FollowersScreen>
-    with StreamFeedMixin {
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        title: const Text('Followers'),
-      ),
-      body: FutureBuilder<List<Follow>>(
-        future: client.flatFeed('user', bloc.currentUser!.id).followers(),
-        builder: (context, snapshot) {
-          if (!snapshot.hasData) {
-            return const Center(
-              child: CircularProgressIndicator(),
-            );
-          } else {
-            return ListView.builder(
-              itemCount: snapshot.data!.length,
-              itemBuilder: (context, index) {
-                final feedName = snapshot.data![index].feedId.split(':').last;
-                return ListTile(
-                  title: Text(feedName),
-                );
-              },
-            );
-          }
-        },
-      ),
-    );
-  }
-}

packages/stream_feed_flutter/lib/src/media/media.dart

@@ -0,0 +1,3 @@
+export 'fullscreen_media.dart';
+export 'gallery_header.dart';
+export 'gallery_preview.dart';

packages/stream_feed_flutter/lib/src/widgets/buttons/buttons.dart

@@ -1,3 +1,5 @@
+export 'follow.dart';
 export 'like.dart';
+export 'reaction.dart';
 export 'reply_button.dart';
 export 'repost.dart';

packages/stream_feed_flutter/lib/src/widgets/buttons/follow.dart

@@ -0,0 +1,44 @@
+import 'package:flutter/material.dart';
+import 'package:stream_feed_flutter_core/stream_feed_flutter_core.dart';
+
+/// A button to follow or unfollow a user
+class FollowButton extends StatefulWidget {
+  const FollowButton({Key? key, this.user}) : super(key: key);
+  final User? user;
+
+  @override
+  _FollowButtonState createState() => _FollowButtonState();
+}
+
+class _FollowButtonState extends State<FollowButton> {
+  @override
+  Widget build(BuildContext context) {
+    return FutureBuilder<bool>(
+      future: FeedProvider.of(context)
+          .bloc
+          .isFollowingFeed(followerId: widget.user!.id!),
+      builder: (context, snapshot) {
+        if (!snapshot.hasData) {
+          return const SizedBox.shrink();
+        } else {
+          return OutlinedButton(
+            child: Text(snapshot.data! ? 'Unfollow' : 'Follow'),
+            onPressed: () async {
+              if (snapshot.data!) {
+                await FeedProvider.of(context)
+                    .bloc
+                    .unfollowFeed(unfolloweeId: widget.user!.id!);
+                setState(() {});
+              } else {
+                await FeedProvider.of(context)
+                    .bloc
+                    .followFeed(followeeId: widget.user!.id!);
+                setState(() {});
+              }
+            },
+          );
+        }
+      },
+    );
+  }
+}

packages/stream_feed_flutter/lib/src/widgets/buttons/reply_button.dart

@@ -2,7 +2,7 @@ import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:stream_feed_flutter/src/theme/stream_feed_theme.dart';
 import 'package:stream_feed_flutter/src/widgets/icons.dart';
-import 'package:stream_feed_flutter/src/widgets/pages/compose_view.dart';
+import 'package:stream_feed_flutter/src/widgets/pages/compose_screen.dart';
 import 'package:stream_feed_flutter_core/stream_feed_flutter_core.dart';
 
 // ignore_for_file: cascade_invocations
@@ -58,7 +58,7 @@ class ReplyButton extends StatelessWidget {
           onPressed: () {
             Navigator.of(context).push(
               MaterialPageRoute(
-                builder: (_) => ComposeView(
+                builder: (_) => ComposeScreen(
                   parentActivity: activity,
                   feedGroup: feedGroup,
                   textEditingController: TextEditingController(),

packages/stream_feed_flutter/lib/src/widgets/pages/compose_view.dart → packages/stream_feed_flutter/lib/src/widgets/pages/compose_screen.dart

@@ -5,8 +5,9 @@ import 'package:stream_feed_flutter/src/widgets/activity/activity.dart';
 import 'package:stream_feed_flutter/src/widgets/buttons/reactive_elevated_button.dart';
 import 'package:stream_feed_flutter/stream_feed_flutter.dart';
 
-class ComposeView extends StatefulWidget {
-  const ComposeView(
+/// A widget to react to an activity or compose a new activity.
+class ComposeScreen extends StatefulWidget {
+  const ComposeScreen(
       {Key? key,
       this.parentActivity,
       this.feedGroup = 'user',
@@ -36,10 +37,10 @@ class ComposeView extends StatefulWidget {
   }
 
   @override
-  State<ComposeView> createState() => _ComposeViewState();
+  State<ComposeScreen> createState() => _ComposeScreenState();
 }
 
-class _ComposeViewState extends State<ComposeView> {
+class _ComposeScreenState extends State<ComposeScreen> {
   bool get _isReply => widget.parentActivity != null;
 
   String get _hintText =>