Added: auth flow & upgraded flutter to v.1.5

Author: TechGeekD

Diff for: lib/actions/auth_actions.dart

@@ -0,0 +1,33 @@
+import 'package:flutter_todo_redux/models/user.dart';
+
+class AuthenticateAction {
+  AuthenticateAction({this.username, this.password});
+
+  final String username, password;
+
+  @override
+  String toString() {
+    return "AuthenticateAction {username: $username, password: $password}";
+  }
+}
+
+class UnAuthenticateAction {}
+
+class HasAuthenticatedAction {}
+
+class AuthenticateSuccessAction {}
+
+class AuthenticateFailedAction {}
+
+class LoadAuthenticationUserListAction {}
+
+class AuthenticationUserListAction {
+  AuthenticationUserListAction({this.userList});
+
+  final List<User> userList;
+
+  @override
+  String toString() {
+    return "AuthenticationUserListAction {userList: $userList}";
+  }
+}

Diff for: lib/actions/index.dart

@@ -1,3 +1,4 @@
 export 'counter_actions.dart';
 export 'todos_actions.dart';
 export 'navigate_actions.dart';
+export 'auth_actions.dart';

Diff for: lib/containers/home/todo_list.dart

@@ -15,9 +15,14 @@ class TodoList extends StatelessWidget {
           children: vm.todos.map(
             (Todo todo) {
               return ListTile(
-                leading: Icon(
-                  Icons.toys,
-                  color: todo.completed ? Colors.lightGreen : null,
+                leading: IconButton(
+                  icon: Icon(
+                    Icons.toys,
+                    color: todo.completed ? Colors.lightGreen : null,
+                  ),
+                  onPressed: () {
+                    vm.onCheckboxChanged(todo, !todo.completed);
+                  },
                 ),
                 title: Text(todo.title),
                 trailing: Switch(

Diff for: lib/containers/login/button_bar.dart

@@ -1,5 +1,9 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_todo_redux/pages/splash_screen_page.dart';
+import 'package:flutter_redux/flutter_redux.dart';
+import 'package:flutter_todo_redux/actions/index.dart';
+import 'package:flutter_todo_redux/models/app_state.dart';
+import 'package:flutter_todo_redux/models/user.dart';
+import 'package:redux/redux.dart';
 
 class ButtonBarWidget extends StatefulWidget {
   ButtonBarWidget(this.userCreds, this.setUserCreds);
@@ -12,83 +16,88 @@ class ButtonBarWidget extends StatefulWidget {
 }
 
 class _ButtonBarWidgetState extends State<ButtonBarWidget> {
-  Future _getUserList;
-
   @override
   void initState() {
     super.initState();
   }
 
   @override
   Widget build(BuildContext context) {
-    return ButtonTheme.bar(
-      child: ButtonBar(
-        alignment: MainAxisAlignment.spaceBetween,
-        children: <Widget>[
-          UserList(context, widget.setUserCreds),
-          FlatButton(
-            child: const Text('Register'),
-            onPressed: () {
-              _navigateToSplashScreen(context);
-            },
-          ),
-          FlatButton(
-            child: const Text('Login'),
-            onPressed: () {
-              _authenticateUser();
-            },
+    return StoreConnector(
+      converter: _ViewModel.fromStore,
+      builder: (BuildContext context, _ViewModel vm) => ButtonTheme.bar(
+            child: ButtonBar(
+              alignment: MainAxisAlignment.spaceBetween,
+              children: <Widget>[
+                UserList(context, widget.setUserCreds),
+                FlatButton(
+                  child: const Text('Register'),
+                  onPressed: () {
+                    print('Register');
+                  },
+                ),
+                FlatButton(
+                  child: const Text('Login'),
+                  onPressed: () {
+                    vm.onLoginPressed(
+                      username: widget.userCreds['username'],
+                      password: widget.userCreds['password'],
+                    );
+                  },
+                ),
+              ],
+            ),
           ),
-        ],
-      ),
     );
   }
 
   // ignore: non_constant_identifier_names
-  Widget UserList(context, setUserCreds) => FutureBuilder(
-        future: _getUserList,
-        builder: (BuildContext context, AsyncSnapshot snapshot) {
-          switch (snapshot.connectionState) {
-            case ConnectionState.none:
-            case ConnectionState.active:
-            case ConnectionState.waiting:
-              return Container(
-                child: Center(
-                  child: CircularProgressIndicator(),
-                ),
+  Widget UserList(context, setUserCreds) {
+    return StoreConnector(
+      converter: _ViewModel.fromStore,
+      builder: (BuildContext context, _ViewModel vm) {
+        return DropdownButton<String>(
+          hint: Text('Choose a user'),
+          items: vm.userList.map(
+            (value) {
+              return DropdownMenuItem<String>(
+                value: value.id.toString(),
+                child: Text(value.username),
               );
-            case ConnectionState.done:
-              final List userList = snapshot.data;
+            },
+          ).toList(),
+          onChanged: (newValue) {
+            final user = vm.userList.firstWhere((item) {
+              return item.id.toString() == newValue;
+            });
+            setUserCreds('username', user.username);
+            setUserCreds('password', user.id);
+          },
+        );
+      },
+    );
+  }
+}
 
-              return DropdownButton<String>(
-                hint: Text('Choose a user'),
-                items: userList.map(
-                  (value) {
-                    return DropdownMenuItem<String>(
-                      value: value.id.toString(),
-                      child: Text(value.username),
-                    );
-                  },
-                ).toList(),
-                onChanged: (newValue) {
-                  final user = userList.firstWhere((item) {
-                    return item.id.toString() == newValue;
-                  });
-                  setUserCreds('username', user.username);
-                  setUserCreds('password', user.id);
-                },
-              );
-          }
-        },
-      );
+class _ViewModel {
+  final List<User> userList;
+  final bool loading;
+  final Function onLoginPressed;
 
-  void _navigateToSplashScreen(BuildContext context) {
-    Navigator.pushNamed(context, SplashScreenPage.routeName);
-  }
+  _ViewModel({this.loading, this.userList, this.onLoginPressed});
 
-  void _authenticateUser() {
-//    _loginScreenBloc.dispatch(AuthenticateUser(
-//      username: widget.userCreds['username'],
-//      password: widget.userCreds['password'],
-//    ));
+  static _ViewModel fromStore(Store<AppState> store) {
+    return _ViewModel(
+      userList: store.state.userList,
+      loading: store.state.isLoading,
+      onLoginPressed: ({username, password}) {
+        store.dispatch(
+          AuthenticateAction(
+            username: username,
+            password: password,
+          ),
+        );
+      },
+    );
   }
 }

Diff for: lib/main.dart

@@ -1,11 +1,12 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_todo_redux/middlewares/index.dart';
+
 import 'package:redux/redux.dart';
 import 'package:flutter_redux/flutter_redux.dart';
 import 'package:redux_logging/redux_logging.dart';
 
 import 'package:flutter_todo_redux/actions/index.dart';
 import 'package:flutter_todo_redux/reducers/app_reducer.dart';
+import 'package:flutter_todo_redux/middlewares/index.dart';
 
 import 'package:flutter_todo_redux/models/app_state.dart';
 
@@ -19,11 +20,12 @@ void main() {
   final store = Store<AppState>(
     appReducer,
     initialState: AppState(),
-    middleware: createStoreTodosMiddleware()
-      ..addAll([
-        createRouteMiddleware(navigatorKey: navigatorKey),
-        LoggingMiddleware.printer()
-      ]),
+    middleware: [
+      ...createStoreTodosMiddleware(),
+      ...createAuthMiddleware(),
+      createRouteMiddleware(navigatorKey: navigatorKey),
+      LoggingMiddleware.printer(),
+    ],
   );
 
   runApp(TodoApp(store: store));
@@ -46,17 +48,27 @@ class TodoApp extends StatelessWidget {
           SplashScreenPage.routeName: (BuildContext context) {
             return SplashScreenPage(
               onInit: () {
-                StoreProvider.of<AppState>(context).dispatch(LoadTodosAction());
+                StoreProvider.of<AppState>(context)
+                    .dispatch(HasAuthenticatedAction());
               },
             );
           },
           HomePage.routeName: (BuildContext context) {
             return HomePage(
-              title: 'home',
+              title: 'Home',
+              onInit: () {
+                StoreProvider.of<AppState>(context).dispatch(LoadTodosAction());
+              },
             );
           },
           LoginPage.routeName: (BuildContext context) {
-            return LoginPage();
+            return LoginPage(
+              title: 'Login',
+              onInit: () {
+                StoreProvider.of<AppState>(context)
+                    .dispatch(LoadAuthenticationUserListAction());
+              },
+            );
           }
         },
       ),

Diff for: lib/middlewares/auth_middleware.dart

@@ -0,0 +1,111 @@
+import 'package:flutter_todo_redux/pages/login_page.dart';
+import 'package:flutter_todo_redux/repository/user_repository.dart';
+import 'package:redux/redux.dart';
+import 'package:flutter/widgets.dart';
+
+import 'package:flutter_todo_redux/actions/index.dart';
+import 'package:flutter_todo_redux/models/app_state.dart';
+import 'package:flutter_todo_redux/repository/auth_repository.dart';
+
+import 'package:flutter_todo_redux/pages/home_page.dart';
+
+List<Middleware<AppState>> createAuthMiddleware() {
+  final AuthRepository repository = AuthRepository();
+
+  final authUser = _createAuthMiddleware(repository: repository);
+  final unAuthUser = _createUnAuthMiddleware(repository: repository);
+  final hasAuthed = _createHasAuthedMiddleware(repository: repository);
+  final authSuccess = _createAuthSuccessMiddleware(repository: repository);
+  final authFailed = _createAuthFailedMiddleware(repository: repository);
+  final loadAuthUserList =
+      _createLoadAuthUserListMiddleware(repository: UsersRepository());
+
+  return [
+    TypedMiddleware<AppState, HasAuthenticatedAction>(hasAuthed),
+    TypedMiddleware<AppState, AuthenticateAction>(authUser),
+    TypedMiddleware<AppState, UnAuthenticateAction>(unAuthUser),
+    TypedMiddleware<AppState, AuthenticateSuccessAction>(authSuccess),
+    TypedMiddleware<AppState, AuthenticateFailedAction>(authFailed),
+    TypedMiddleware<AppState, LoadAuthenticationUserListAction>(
+        loadAuthUserList),
+  ];
+}
+
+Middleware<AppState> _createHasAuthedMiddleware({
+  @required AuthRepository repository,
+}) {
+  return (Store store, action, NextDispatcher next) async {
+    final bool hasAuthed = await repository.hasAuthenticated();
+
+    if (hasAuthed) {
+      return store.dispatch(AuthenticateSuccessAction());
+    }
+
+    store.dispatch(NavigateAction(routeName: LoginPage.routeName));
+
+    next(action);
+  };
+}
+
+Middleware<AppState> _createAuthMiddleware({
+  @required AuthRepository repository,
+}) {
+  return (Store store, action, NextDispatcher next) async {
+    await repository
+        .authenticateUser(
+          username: action.username,
+          password: action.password,
+        )
+        .then((user) => store.dispatch(AuthenticateSuccessAction()))
+        .catchError((error) {
+      print('Error: $error');
+      return store.dispatch(AuthenticateFailedAction());
+    });
+
+    next(action);
+  };
+}
+
+Middleware<AppState> _createUnAuthMiddleware({
+  @required AuthRepository repository,
+}) {
+  return (Store store, action, NextDispatcher next) async {
+    final bool auth = await repository.unAuthenticateUser();
+    if (!auth) {
+      return store.dispatch(NavigateAction(routeName: LoginPage.routeName));
+    }
+    next(action);
+  };
+}
+
+Middleware<AppState> _createAuthSuccessMiddleware({
+  @required AuthRepository repository,
+}) {
+  return (Store store, action, NextDispatcher next) async {
+    store.dispatch(NavigateAction(routeName: HomePage.routeName));
+
+    next(action);
+  };
+}
+
+Middleware<AppState> _createAuthFailedMiddleware({
+  @required AuthRepository repository,
+}) {
+  return (Store store, action, NextDispatcher next) async {
+    next(action);
+  };
+}
+
+Middleware<AppState> _createLoadAuthUserListMiddleware({
+  @required UsersRepository repository,
+}) {
+  return (Store store, action, NextDispatcher next) async {
+    await repository.getUsersList().then((userList) {
+      return store.dispatch(AuthenticationUserListAction(userList: userList));
+    }).catchError((error) {
+      print('Error: $error');
+    });
+
+    next(action);
+  };
+}

Diff for: lib/middlewares/index.dart

@@ -1,2 +1,3 @@
 export 'todos_middleware.dart';
 export 'navigation_middleware.dart';
+export 'auth_middleware.dart';