Adding pages screens repository with state managment

lib/data/counter/counter.repository.dart

@@ -1,6 +1,46 @@
+import 'package:bloc/bloc.dart';
 import 'package:counter/data/counter/data_source/api/counter.api.dart';
 import 'package:counter/data/counter/data_source/db/counter.db.dart';
 import 'package:counter/domain/counter/model/counter.entity.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+
+part 'counter.repository.g.dart';
+
+@riverpod
+class CounterRiverpodController extends _$CounterRiverpodController {
+  @override
+  Future<CounterEntity> build() {
+    return Future.value(CounterEntity(value: 0));
+  }
+
+  Future<void> increment() async {
+    CounterEntity currentValue = state.value!;
+    state = const AsyncLoading();
+    await Future.delayed(const Duration(seconds: 2));
+    currentValue = currentValue.copyWith(value: currentValue.value + 1);
+    if (currentValue.value > 5) {
+      state = AsyncError('Level top high', StackTrace.fromString(''));
+    } else {
+      state = AsyncData(currentValue);
+    }
+  }
+
+  Future<void> reset() async {
+    ref.invalidate(counterRiverpodControllerProvider);
+  }
+}
+
+class CounterRepositoryCubit extends Cubit<CounterEntity> {
+  CounterRepositoryCubit(super.initialState);
+
+  Future<void> increment() async {
+    await Future.delayed(const Duration(seconds: 3), () {
+      CounterEntity currentCounter = state;
+      currentCounter = currentCounter.copyWith(value: currentCounter.value + 1);
+      emit(currentCounter);
+    });
+  }
+}
 
 class CounterRepository {
   final CounterApi counterApi;

lib/main.dart

@@ -3,10 +3,11 @@ import 'package:counter/data/counter/data_source/api/counter.api.dart';
 import 'package:counter/data/counter/data_source/db/counter.db.dart';
 import 'package:counter/presentation/app.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
 
 void main() {
   final counterRepository =
       CounterRepository(counterApi: CounterApi(), counterDB: CounterDb());
 
-  runApp(MyApp(counterRepository: counterRepository));
+  runApp(ProviderScope(child: MyApp(counterRepository: counterRepository)));
 }

lib/presentation/app.dart

@@ -1,4 +1,6 @@
 import 'package:counter/data/counter/counter.repository.dart';
+import 'package:counter/presentation/counter/counter.bloc.screen.dart';
+import 'package:counter/presentation/counter/counter.riverpod.screen.dart';
 import 'package:counter/presentation/counter/counter.screen.dart';
 import 'package:flutter/material.dart';
 
@@ -16,10 +18,7 @@ class MyApp extends StatelessWidget {
         appBarTheme: AppBarTheme(color: Theme.of(context).primaryColor),
         useMaterial3: true,
       ),
-      home: CounterPage(
-        title: 'Flutter Demo Home Page',
-        counterRepository: counterRepository,
-      ),
+      home: CounterRiverpodScreen(),
     );
   }
 }

lib/presentation/counter/counter.bloc.screen.dart

@@ -0,0 +1,63 @@
+import 'package:counter/data/counter/counter.repository.dart';
+import 'package:counter/domain/counter/model/counter.entity.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+
+class CounterBLocPageScreen extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return BlocProvider(
+      create: (_) => CounterRepositoryCubit(CounterEntity(value: 0)),
+      child: CounterBlocView(),
+    );
+  }
+}
+
+class CounterBlocView extends StatefulWidget {
+  @override
+  State<CounterBlocView> createState() => _CounterBlocViewState();
+}
+
+class _CounterBlocViewState extends State<CounterBlocView> {
+  bool isLoading = false;
+
+  @override
+  Widget build(BuildContext context) {
+    final counterRepository = context.watch<CounterRepositoryCubit>();
+    return Scaffold(
+      appBar: AppBar(
+        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
+        title: Text('Counter Bloc'),
+      ),
+      body: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: <Widget>[
+            const Text(
+              'You have pushed the button this many times:',
+            ),
+            isLoading
+                ? CircularProgressIndicator()
+                : Text(
+                    '${counterRepository.state.value}',
+                    style: Theme.of(context).textTheme.headlineMedium,
+                  ),
+          ],
+        ),
+      ),
+      floatingActionButton: FloatingActionButton(
+        onPressed: () async {
+          isLoading = true;
+          setState(() {});
+          await counterRepository.increment();
+          isLoading = false;
+          setState(() {});
+
+          ///close overlay
+        },
+        tooltip: 'Increment',
+        child: const Icon(Icons.add),
+      ),
+    );
+  }
+}

lib/presentation/counter/counter.riverpod.screen.dart

@@ -0,0 +1,48 @@
+import 'package:counter/data/counter/counter.repository.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/src/widgets/framework.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+class CounterRiverpodScreen extends ConsumerWidget {
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final counterController = ref.watch(counterRiverpodControllerProvider);
+    return Scaffold(
+      appBar: AppBar(
+        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
+        title: const Text('Riverpod Screen'),
+      ),
+      body: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: <Widget>[
+            const Text(
+              'You have pushed the button this many times:',
+            ),
+            counterController.when(
+              data: (data) {
+                return Text(
+                  '${data.value}',
+                  style: Theme.of(context).textTheme.headlineMedium,
+                );
+              },
+              loading: () => const Center(
+                child: CircularProgressIndicator(),
+              ),
+              error: (error, __) {
+                return Text(error.toString());
+              },
+            )
+          ],
+        ),
+      ),
+      floatingActionButton: FloatingActionButton(
+        onPressed: () {
+          ref.read(counterRiverpodControllerProvider.notifier).increment();
+        },
+        tooltip: 'Increment',
+        child: const Icon(Icons.add),
+      ),
+    );
+  }
+}