ui backbone

lib/features/home/views/image_carousel/image_carousel_view.dart

@@ -0,0 +1,43 @@
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:flutter/material.dart';
+
+import '/features/core/widgets/mcg_scaffold.dart';
+import '/features/core/widgets/view_model_builder.dart';
+import '/features/home/views/image_carousel/image_carousel_view_model.dart';
+
+class ImageCarouselViewArguments {
+  const ImageCarouselViewArguments({required this.imageIndexKey});
+  final int imageIndexKey;
+}
+
+class ImageCarouselView extends StatelessWidget {
+  const ImageCarouselView({
+    required this.imageCarouselViewArguments,
+    super.key,
+  });
+
+  final ImageCarouselViewArguments imageCarouselViewArguments;
+
+  @override
+  Widget build(BuildContext context) {
+    return ViewModelBuilder<ImageCarouselViewModel>(
+      viewModelBuilder: () => ImageCarouselViewModel.locate,
+      argumentBuilder: () => imageCarouselViewArguments,
+      builder: (context, final model) => McgScaffold(
+        appBar: AppBar(
+          title: Text(model.strings.imageCarousel),
+        ),
+        body: Hero(
+          tag: model.currentImageKey,
+          child: CachedNetworkImage(
+            imageUrl: model.currentImageUrl,
+            cacheKey: model.currentImageKey,
+            progressIndicatorBuilder: (_, __, final progress) => CircularProgressIndicator(
+              value: model.downloadProgressValue(progress: progress),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/features/home/views/image_carousel/image_carousel_view_model.dart

@@ -0,0 +1,68 @@
+import 'dart:ui';
+
+import 'package:flutter/foundation.dart';
+import 'package:flutter_cache_manager/flutter_cache_manager.dart';
+import 'package:mc_gallery/features/core/services/app_lifecycle_service.dart';
+
+import '/features/core/abstracts/base_view_model.dart';
+import '/features/core/services/logging_service.dart';
+import '/features/core/services/navigation_service.dart';
+import '/features/home/data/models/image_model.dart';
+import '/features/home/services/images_service.dart';
+import '/features/home/views/image_carousel/image_carousel_view.dart';
+import '/locator.dart';
+
+class ImageCarouselViewModel extends BaseViewModel {
+  ImageCarouselViewModel({
+    required ImagesService imagesService,
+    required NavigationService navigationService,
+    required AppLifecycleService appLifecycleService,
+    required LoggingService loggingService,
+  })  : _imagesService = imagesService,
+        _navigationService = navigationService,
+        _appLifecycleService = appLifecycleService,
+        _loggingService = loggingService;
+
+  final ImagesService _imagesService;
+  final NavigationService _navigationService;
+  final AppLifecycleService _appLifecycleService;
+  final LoggingService _loggingService;
+
+  late final ValueNotifier<ImageModel> _currentImageModel;
+  ValueListenable<ImageModel> get currentImageModel => _currentImageModel;
+
+  @override
+  Future<void> initialise(bool Function() mounted, [arguments]) async {
+    _appLifecycleService.addListener(
+        tag: runtimeType.toString(),
+        listener: (final appLifecycleState) async {
+          switch (appLifecycleState) {
+            case AppLifecycleState.resumed:
+              break;
+            case AppLifecycleState.inactive:
+            case AppLifecycleState.paused:
+            case AppLifecycleState.detached:
+              await DefaultCacheManager().emptyCache();
+          }
+        });
+
+    _currentImageModel = ValueNotifier(_imagesService.imageModels
+        .elementAt((arguments! as ImageCarouselViewArguments).imageIndexKey));
+
+    super.initialise(mounted, arguments);
+  }
+
+  @override
+  Future<void> dispose() async {
+    await _appLifecycleService.removeListener(tag: runtimeType.toString());
+
+    super.dispose();
+  }
+
+  String get currentImageUrl => currentImageModel.value.uri.toString();
+  String get currentImageKey => currentImageModel.value.imageIndex.toString();
+  double? downloadProgressValue({required DownloadProgress progress}) =>
+      progress.totalSize != null ? progress.downloaded / progress.totalSize! : null;
+
+  static ImageCarouselViewModel get locate => Locator.locate();
+}