State management experiements

Add stateful value notifiwe Add wolt state management
woltapp · Nov 20, 2024 · 26fff29 · 26fff29
1 parent e5e79c8
commit 26fff29
Show file tree

Hide file tree

Showing 18 changed files with 1,912 additions and 16 deletions.
diff --git a/coffee_maker_navigator_2/lib/features/orders/di/orders_dependency_container.dart b/coffee_maker_navigator_2/lib/features/orders/di/orders_dependency_container.dart
@@ -33,6 +33,7 @@ class OrdersDependencyContainer extends FeatureLevelDependencyContainer {
 
   @override
   void dispose() {
+    unbindFrom<CoffeeMakerAppLevelDependencyContainer>();
     _ordersService.dispose();
     _ordersRemoteDataSource.dispose();
   }

diff --git a/coffee_maker_navigator_2/lib/features/orders/ui/view/widgets/order_screen_content.dart b/coffee_maker_navigator_2/lib/features/orders/ui/view/widgets/order_screen_content.dart
@@ -7,6 +7,7 @@ import 'package:coffee_maker_navigator_2/features/orders/ui/widgets/top_bar.dart
 import 'package:demo_ui_components/demo_ui_components.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:wolt_state_management/wolt_state_management.dart';
 
 typedef OnCoffeeOrderUpdate = void Function(String coffeeOrderId);
 
@@ -28,7 +29,7 @@ class OrderScreenContent extends StatelessWidget {
   });
 
   final ValueListenable<CoffeeMakerStep> selectedNavBarTabListenable;
-  final ValueListenable<GroupedCoffeeOrders> groupedCoffeeOrders;
+  final StatefulValueListenable<GroupedCoffeeOrders> groupedCoffeeOrders;
   final OnOrderScreenBottomNavBarItemSelected onNavBarItemSelected;
   final OnCoffeeOrderUpdate onGrindCoffeeStepSelected;
   final OnCoffeeOrderUpdate onAddWaterCoffeeStepSelected;
@@ -47,9 +48,15 @@ class OrderScreenContent extends StatelessWidget {
                 children: [
                   TopBar(selectedTab: selectedTab),
                   Expanded(
-                    child: ValueListenableBuilder(
+                    child: StatefulValueListenableBuilder(
                       valueListenable: groupedCoffeeOrders,
-                      builder: (context, orders, _) {
+                      idleBuilder:
+                          (BuildContext context, GroupedCoffeeOrders? orders) {
+                        if (orders == null) {
+                          return const Center(
+                              child: Text('No orders available'));
+                        }
+
                         return CoffeeOrderListViewForStep(
                           groupedCoffeeOrders: orders,
                           selectedBottomNavBarItem: selectedTab,
@@ -59,6 +66,31 @@ class OrderScreenContent extends StatelessWidget {
                           onReadyCoffeeStepSelected: onReadyCoffeeStepSelected,
                         );
                       },
+                      loadingBuilder:
+                          (BuildContext context, GroupedCoffeeOrders? value) {
+                        return const Center(child: CircularProgressIndicator());
+                      },
+                      errorBuilder: (
+                        BuildContext context,
+                        Object? error,
+                        GroupedCoffeeOrders? lastKnownValue,
+                      ) {
+                        return Center(
+                          child: Column(
+                            mainAxisAlignment: MainAxisAlignment.center,
+                            children: [
+                              Text('Error: $error'),
+                              ElevatedButton(
+                                onPressed: () {
+                                  /// TODO: call view model for retry.
+                                  // Retry by setting the last known value, call view model
+                                },
+                                child: const Text('Retry'),
+                              ),
+                            ],
+                          ),
+                        );
+                      },
                     ),
                   ),
                 ],

diff --git a/..._navigator_2/lib/features/orders/ui/view/widgets/orders_screen_bottom_navigation_bar.dart b/..._navigator_2/lib/features/orders/ui/view/widgets/orders_screen_bottom_navigation_bar.dart
@@ -5,6 +5,7 @@ import 'package:coffee_maker_navigator_2/features/orders/ui/widgets/coffee_maker
 import 'package:demo_ui_components/demo_ui_components.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:wolt_state_management/wolt_state_management.dart';
 
 /// A custom bottom navigation bar for the home screen.
 ///
@@ -19,7 +20,7 @@ class OrdersScreenBottomNavigationBar extends StatelessWidget {
     super.key,
   });
 
-  final ValueListenable<GroupedCoffeeOrders> groupedCoffeeOrders;
+  final StatefulValueListenable<GroupedCoffeeOrders> groupedCoffeeOrders;
   final ValueListenable<CoffeeMakerStep> selectedBottomNavBarItem;
   final OnOrderScreenBottomNavBarItemSelected onBottomNavBarItemSelected;
 
@@ -28,9 +29,13 @@ class OrdersScreenBottomNavigationBar extends StatelessWidget {
     return ValueListenableBuilder(
       valueListenable: selectedBottomNavBarItem,
       builder: (context, selectedTab, _) {
-        return ValueListenableBuilder(
+        return StatefulValueListenableBuilder(
           valueListenable: groupedCoffeeOrders,
-          builder: (context, orders, _) {
+          idleBuilder: (BuildContext context, GroupedCoffeeOrders? orders) {
+            if (orders == null) {
+              return const SizedBox.shrink();
+            }
+
             return Column(
               mainAxisSize: MainAxisSize.min,
               children: <Widget>[
@@ -52,6 +57,13 @@ class OrdersScreenBottomNavigationBar extends StatelessWidget {
               ],
             );
           },
+          loadingBuilder: (BuildContext context, GroupedCoffeeOrders? value) {
+            return const SizedBox.shrink();
+          },
+          errorBuilder: (BuildContext context, Object? error,
+              GroupedCoffeeOrders? lastKnownValue) {
+            return const SizedBox.shrink();
+          },
         );
       },
     );

diff --git a/coffee_maker_navigator_2/lib/features/orders/ui/view_model/orders_screen_view_model.dart b/coffee_maker_navigator_2/lib/features/orders/ui/view_model/orders_screen_view_model.dart
@@ -1,22 +1,21 @@
 import 'package:coffee_maker_navigator_2/features/orders/domain/entities/coffee_maker_step.dart';
 import 'package:coffee_maker_navigator_2/features/orders/domain/entities/grouped_coffee_orders.dart';
 import 'package:coffee_maker_navigator_2/features/orders/domain/orders_service.dart';
-import 'package:flutter/foundation.dart';
+import 'package:wolt_state_management/wolt_state_management.dart';
 
 class OrdersScreenViewModel {
   OrdersScreenViewModel({required OrdersService ordersService})
       : _ordersService = ordersService {
-    final currentOrders = _ordersService.orders.value;
-    _groupedCoffeeOrders.value =
-        GroupedCoffeeOrders.fromCoffeeOrders(currentOrders);
+    _groupedCoffeeOrders.setLoading();
     _ordersService.orders.addListener(_onOrdersReceived);
   }
 
   final OrdersService _ordersService;
 
-  final _groupedCoffeeOrders = ValueNotifier(GroupedCoffeeOrders.empty());
+  final _groupedCoffeeOrders =
+      StatefulValueNotifier.idle(GroupedCoffeeOrders.empty());
 
-  ValueListenable<GroupedCoffeeOrders> get groupedCoffeeOrders =>
+  StatefulValueListenable<GroupedCoffeeOrders> get groupedCoffeeOrders =>
       _groupedCoffeeOrders;
 
   void dispose() {
@@ -29,7 +28,8 @@ class OrdersScreenViewModel {
 
   void _onOrdersReceived() {
     final orders = _ordersService.orders.value;
-    _groupedCoffeeOrders.value = GroupedCoffeeOrders.fromCoffeeOrders(orders);
+    _groupedCoffeeOrders.setIdle(
+        value: GroupedCoffeeOrders.fromCoffeeOrders(orders));
   }
 
   bool orderExists(String orderId, CoffeeMakerStep step) {

diff --git a/coffee_maker_navigator_2/pubspec.yaml b/coffee_maker_navigator_2/pubspec.yaml
@@ -20,6 +20,8 @@ dependencies:
     path: ../demo_ui_components
   assets:
     path: assets
+  wolt_state_management:
+    path: ../wolt_state_management
 
 dev_dependencies:
   flutter_lints: ^2.0.1

diff --git a/.../widgetbook/lib/src/features/orders/view/widgets/orders_screen_bottom_navigation_bar.dart b/.../widgetbook/lib/src/features/orders/view/widgets/orders_screen_bottom_navigation_bar.dart
@@ -5,6 +5,7 @@ import 'package:coffee_maker_navigator_2/features/orders/ui/view/widgets/orders_
 import 'package:flutter/material.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart';
+import 'package:wolt_state_management/wolt_state_management.dart';
 
 @UseCase(
   name: 'Filled',
@@ -14,7 +15,7 @@ import 'package:widgetbook_annotation/widgetbook_annotation.dart';
 Widget ordersScreenBottomNavigationBarFilled(BuildContext context) {
   return Scaffold(
     bottomNavigationBar: OrdersScreenBottomNavigationBar(
-      ValueNotifier(
+      StatefulValueNotifier.idle(
         const GroupedCoffeeOrders(
           grindStateOrders: [
             CoffeeOrder(
@@ -61,7 +62,7 @@ Widget ordersScreenBottomNavigationBarFilled(BuildContext context) {
 Widget ordersScreenBottomNavigationBarEmpty(BuildContext context) {
   return Scaffold(
     bottomNavigationBar: OrdersScreenBottomNavigationBar(
-      ValueNotifier(GroupedCoffeeOrders.empty()),
+      StatefulValueNotifier.idle(GroupedCoffeeOrders.empty()),
       (_) {},
       ValueNotifier(
         context.knobs.list(

diff --git a/...er_navigator_2/widgetbook/lib/src/features/orders/view/widgets/orders_screen_content.dart b/...er_navigator_2/widgetbook/lib/src/features/orders/view/widgets/orders_screen_content.dart
@@ -5,6 +5,7 @@ import 'package:coffee_maker_navigator_2/features/orders/ui/view/widgets/order_s
 import 'package:flutter/widgets.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart';
+import 'package:wolt_state_management/wolt_state_management.dart';
 
 @UseCase(
   name: 'OrderScreenContent',
@@ -19,7 +20,7 @@ Widget orderScreenContent(BuildContext context) {
         options: CoffeeMakerStep.values,
       ),
     ),
-    groupedCoffeeOrders: ValueNotifier(
+    groupedCoffeeOrders: StatefulValueNotifier.idle(
       GroupedCoffeeOrders.fromCoffeeOrders(
         const [
           CoffeeOrder(

diff --git a/coffee_maker_navigator_2/widgetbook/pubspec.yaml b/coffee_maker_navigator_2/widgetbook/pubspec.yaml
@@ -12,6 +12,8 @@ dependencies:
     sdk: flutter
   widgetbook: ^3.10.0
   widgetbook_annotation: ^3.2.0
+  wolt_state_management:
+    path: ../../wolt_state_management
   wolt_modal_sheet:
     path: ../..
   coffee_maker_navigator_2:

diff --git a/melos.yaml b/melos.yaml
@@ -10,6 +10,7 @@ packages:
   - playground
   - playground_navigator2
   - wolt_di
+  - wolt_state_management
 
 command:
   bootstrap: