⚙️ feature(media_content): Added media content search

brocodev · brocodev · commit 091c46688459 · 2024-03-08T20:06:37.000-06:00
diff --git a/lib/core/routes/app_routes.dart b/lib/core/routes/app_routes.dart
@@ -4,6 +4,9 @@ sealed class AppRoutes {
   static const home = AppRoute._('home', '/home');
   static const apod = AppRoute._('apod', 'apod');
   static const viewApod = AppRoute._('viewApod', 'viewApod');
+
+  static const search = AppRoute._('search', '/search');
+  static const mediaContent = AppRoute._('content', 'mediaContent');
 }
 
 class AppRoute {
diff --git a/lib/core/routes/go_router.dart b/lib/core/routes/go_router.dart
@@ -8,6 +8,8 @@ import 'package:nasa_app_challenge/features/apod/presentation/blocs/apods_bloc/a
 import 'package:nasa_app_challenge/features/apod/presentation/pages/apods_page.dart';
 import 'package:nasa_app_challenge/features/apod/presentation/pages/viewer_apod_page.dart';
 import 'package:nasa_app_challenge/features/home/presentation/pages/home_page.dart';
+import 'package:nasa_app_challenge/features/searches/presentation/pages/media_content_detail.dart';
+import 'package:nasa_app_challenge/features/searches/presentation/pages/search_contents_page.dart';
 import 'package:nasa_app_challenge/features/welcome/presentation/pages/onboarding_page.dart';
 import 'package:nasa_app_challenge/features/welcome/presentation/pages/splash_page.dart';
 
@@ -59,5 +61,18 @@ final goRouterConfig = GoRouter(
         ),
       ],
     ),
+    GoRoute(
+        name: AppRoutes.search.name,
+        path: AppRoutes.search.path,
+        builder: (__, _) => const SearchContentsPage(),
+        routes: [
+          GoRoute(
+            name: AppRoutes.mediaContent.name,
+            path: AppRoutes.mediaContent.path,
+            builder: (__, state) => MediaContentPage(
+              content: state.extra! as MediaContent,
+            ),
+          ),
+        ]),
   ],
 );
diff --git a/lib/core/shared/data/repositories/media_content_repository_imp.dart b/lib/core/shared/data/repositories/media_content_repository_imp.dart
@@ -1,10 +1,12 @@
+import 'package:injectable/injectable.dart';
 import 'package:nasa_api/nasa_api.dart';
 import 'package:nasa_app_challenge/core/core.dart';
 import 'package:nasa_app_challenge/core/shared/domain/entities/search_media_response.dart';
 import 'package:nasa_app_challenge/core/shared/domain/repositories/media_content_repository.dart';
 import 'package:nasa_app_challenge/core/shared/domain/requests/media_content_request.dart';
 import 'package:nasa_core/nasa_core.dart';
 
+@Injectable(as: MediaContentRepository)
 class MediaContentRepositoryImp implements MediaContentRepository {
   MediaContentRepositoryImp(this._api);
 
diff --git a/lib/core/shared/domain/entities/link.dart b/lib/core/shared/domain/entities/link.dart
@@ -8,7 +8,7 @@ class Link with _$Link {
   const factory Link({
     required String href,
     required String rel,
-    required String render,
+    String? render,
   }) = _Link;
 
   factory Link.fromJson(Map<String, dynamic> json) => _$LinkFromJson(json);
diff --git a/lib/core/shared/domain/entities/media_content.dart b/lib/core/shared/domain/entities/media_content.dart
@@ -11,7 +11,7 @@ class MediaContent with _$MediaContent {
   const factory MediaContent({
     @JsonKey(name: 'href') required String collection,
     required List<MediaData> data,
-    required List<Link> links,
+    List<Link>? links,
   }) = _MediaContent;
 
   factory MediaContent.fromJson(Map<String, dynamic> json) =>
diff --git a/lib/core/shared/domain/entities/media_data.dart b/lib/core/shared/domain/entities/media_data.dart
@@ -9,11 +9,11 @@ class MediaData with _$MediaData {
   const factory MediaData.image({
     required String title,
     required String description,
-    required String photographer,
-    required String location,
     required DateTime dateCreated,
     required String center,
     required String nasaId,
+    String? location,
+    String? photographer,
     String? description508,
     @Default([]) List<String> keywords,
   }) = _Image;
@@ -33,8 +33,6 @@ class MediaData with _$MediaData {
   const factory MediaData.audio({
     required String title,
     required String description,
-    required String photographer,
-    required String location,
     required DateTime dateCreated,
     required String center,
     required String nasaId,
@@ -47,23 +45,3 @@ class MediaData with _$MediaData {
 }
 
 // "data": [
-// {
-// "description": "Chemist Trey Barnes prepares a gas sample for injection into a gas chromatography-mass spectrometry system preconcentrator for analyzing trace level gas contaminants inside NASA Engineering’s Analytical Laboratories at Kennedy Space Center in Florida on July 7, 2021. One of seven branches in the NASA Laboratories, Development, and Testing Division, the Analytical Laboratories branch provides microscopic imagery and analysis through the use of a wide variety of microscopic techniques to identify contaminants and other urgent problems associated with aerospace flight hardware, ground support equipment, and related facilities. ",
-// "title": "CSI: Chemistry Space Investigation",
-// "photographer": "NASA/Frank Michaux",
-// "location": "Analytical Chemistry Lab",
-// "nasa_id": "KSC-20210707-PH-FMX01_0262",
-// "date_created": "2021-07-07T00:00:00Z",
-// "keywords": [
-// "Analytical Chemistry Lab",
-// "CSI",
-// "Chemistry Space Investigation",
-// "KSC",
-// "Kennedy Space Center",
-// "NASA",
-// "NASA Engineers"
-// ],
-// "media_type": "image",
-// "center": "KSC"
-// }
-// ],
diff --git a/lib/features/home/presentation/pages/home_page.dart b/lib/features/home/presentation/pages/home_page.dart
@@ -51,10 +51,10 @@ class _HomeViewState extends State<_HomeView>
             ApodsHomeView(),
             PlanetsView(),
             Center(
-              child: Text('View 3'),
+              child: Text('Video library'),
             ),
             Center(
-              child: Text('View 4'),
+              child: Text('Podcasts & Audio files'),
             ),
           ],
         ),
diff --git a/lib/features/home/presentation/widgets/home_search_text_field.dart b/lib/features/home/presentation/widgets/home_search_text_field.dart
@@ -1,6 +1,8 @@
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:go_router/go_router.dart';
+import 'package:nasa_app_challenge/core/core.dart';
 
 class HomeSearchTextField extends StatelessWidget {
   const HomeSearchTextField({
@@ -15,14 +17,20 @@ class HomeSearchTextField extends StatelessWidget {
       toolbarHeight: (kToolbarHeight + 12).sp,
       actions: [
         Expanded(
-          child: TextField(
-            readOnly: true,
-            onTap: () {},
-            decoration: const InputDecoration(
-              hintText: 'Explore the space',
-              prefixIcon: Icon(
-                CupertinoIcons.search,
-                color: Colors.white54,
+          child: Hero(
+            tag: 'search-text-field',
+            child: Material(
+              type: MaterialType.transparency,
+              child: TextField(
+                readOnly: true,
+                onTap: () => context.pushNamed(AppRoutes.search.name),
+                decoration: const InputDecoration(
+                  hintText: 'Explore the space',
+                  prefixIcon: Icon(
+                    CupertinoIcons.search,
+                    color: Colors.white54,
+                  ),
+                ),
               ),
             ),
           ),
diff --git a/lib/features/searches/presentation/blocs/search/search_bloc.dart b/lib/features/searches/presentation/blocs/search/search_bloc.dart
@@ -0,0 +1,35 @@
+import 'dart:async';
+
+import 'package:bloc/bloc.dart';
+import 'package:freezed_annotation/freezed_annotation.dart';
+import 'package:injectable/injectable.dart';
+import 'package:nasa_app_challenge/core/core.dart';
+import 'package:nasa_app_challenge/core/shared/domain/repositories/media_content_repository.dart';
+import 'package:nasa_app_challenge/core/shared/domain/requests/media_content_request.dart';
+
+part 'search_bloc.freezed.dart';
+part 'search_event.dart';
+part 'search_state.dart';
+
+@injectable
+class SearchBloc extends Bloc<SearchEvent, SearchState> {
+  SearchBloc(this._repository) : super(const SearchState.initial()) {
+    on<_PerformSearch>(_onPerformSearch);
+  }
+
+  final MediaContentRepository _repository;
+
+  Future<void> _onPerformSearch(
+    _PerformSearch event,
+    Emitter<SearchState> emit,
+  ) async {
+    emit(const _Loading());
+    final res = await _repository.searchMediaContent(
+      MediaContentRequest(page: 1, query: event.text, pageSize: 80),
+    );
+    res.when(
+      success: (data) => emit(_Success(results: data)),
+      error: (exception) => emit(_Error(exception: exception)),
+    );
+  }
+}
diff --git a/lib/features/searches/presentation/blocs/search/search_event.dart b/lib/features/searches/presentation/blocs/search/search_event.dart
@@ -0,0 +1,6 @@
+part of 'search_bloc.dart';
+
+@freezed
+class SearchEvent with _$SearchEvent {
+  const factory SearchEvent.performSearch(String text) = _PerformSearch;
+}
diff --git a/lib/features/searches/presentation/blocs/search/search_state.dart b/lib/features/searches/presentation/blocs/search/search_state.dart
@@ -0,0 +1,13 @@
+part of 'search_bloc.dart';
+
+@freezed
+class SearchState with _$SearchState {
+  const factory SearchState.initial() = _Initial;
+
+  const factory SearchState.loading() = _Loading;
+
+  const factory SearchState.success({required List<MediaContent> results}) =
+      _Success;
+
+  const factory SearchState.error({required AppException exception}) = _Error;
+}
diff --git a/lib/features/searches/presentation/pages/media_content_detail.dart b/lib/features/searches/presentation/pages/media_content_detail.dart
@@ -0,0 +1,148 @@
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:nasa_app_challenge/core/core.dart';
+import 'package:nasa_app_challenge/l10n/l10n.dart';
+import 'package:ui_common/ui_common.dart';
+
+class MediaContentPage extends StatelessWidget {
+  const MediaContentPage({
+    required this.content,
+    super.key,
+  });
+
+  final MediaContent content;
+
+  @override
+  Widget build(BuildContext context) {
+    final data = content.data.first;
+    final link = content.links?.firstWhere((e) => e.rel == 'preview');
+    final url = link?.href;
+    return Scaffold(
+      appBar: AppBar(
+        backgroundColor: Colors.transparent,
+        titleTextStyle: context.titleMedium,
+        title: Text(
+          data.title,
+          maxLines: 2,
+        ),
+        toolbarHeight: 70.h,
+      ),
+      extendBodyBehindAppBar: true,
+      body: Stack(
+        fit: StackFit.expand,
+        children: [
+          Positioned.fill(
+            bottom: .4.sh,
+            child: Stack(
+              fit: StackFit.expand,
+              children: [
+                if (url != null)
+                  CachedNetworkImage(
+                    imageUrl: url,
+                    fit: BoxFit.cover,
+                  )
+                else
+                  Icon(
+                    content.data.first.map(
+                      image: (value) => Icons.image,
+                      video: (value) => Icons.ondemand_video_rounded,
+                      audio: (value) => Icons.audio_file,
+                    ),
+                    size: .1.sh,
+                    color: Colors.white24,
+                  ),
+                DecoratedBox(
+                  decoration: BoxDecoration(
+                    gradient: LinearGradient(
+                      begin: Alignment.topCenter,
+                      end: Alignment.bottomCenter,
+                      colors: [
+                        Colors.black,
+                        Colors.black87,
+                        Colors.black54,
+                        Colors.black38,
+                        Colors.black54,
+                        context.scaffoldBackgroundColor,
+                        context.scaffoldBackgroundColor,
+                      ],
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ),
+          SingleChildScrollView(
+            padding: 20.edgeInsetsH.copyWith(bottom: 20.h),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.stretch,
+              children: [
+                SizedBox(height: .53.sh),
+                Row(
+                  crossAxisAlignment: CrossAxisAlignment.end,
+                  children: [
+                    Expanded(
+                      child: Column(
+                        mainAxisSize: MainAxisSize.min,
+                        crossAxisAlignment: CrossAxisAlignment.stretch,
+                        children: [
+                          Text(
+                            data.title,
+                            style: context.titleMedium.copyWith(
+                              color: Colors.white70,
+                            ),
+                          ),
+                          Text(
+                            data.dateCreated.dayMonthYear(context.l10n),
+                            overflow: TextOverflow.ellipsis,
+                            style: context.labelMedium.copyWith(
+                              color: AppColors.primaryColor.withOpacity(.8),
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                    FloatingActionButton(
+                      onPressed: () {},
+                      mini: true,
+                      child: data.map(
+                        video: (_) => const Icon(Icons.play_arrow_rounded),
+                        audio: (value) => const Icon(Icons.play_arrow_rounded),
+                        image: (_) => const Icon(Icons.zoom_out_map_rounded),
+                      ),
+                    ),
+                  ],
+                ),
+                12.verticalSpace,
+                Text(
+                  data.description,
+                  style: context.bodySmall.copyWith(
+                    color: Colors.white54,
+                  ),
+                ),
+                if (data.description508 != null) ...[
+                  12.verticalSpace,
+                  Text(
+                    data.description508!,
+                    style: context.bodySmall.copyWith(
+                      color: Colors.white54,
+                    ),
+                  ),
+                ],
+              ],
+            ),
+          )
+        ],
+      ),
+    );
+  }
+}
+
+class _MediaContentView extends StatelessWidget {
+  const _MediaContentView();
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold();
+  }
+}
diff --git a/lib/features/searches/presentation/pages/search_contents_page.dart b/lib/features/searches/presentation/pages/search_contents_page.dart
diff --git a/lib/features/searches/presentation/widgets/media_content_card.dart b/lib/features/searches/presentation/widgets/media_content_card.dart
diff --git a/packages/ui_common/assets/images/earth.png b/packages/ui_common/assets/images/earth.png
diff --git a/packages/ui_common/lib/src/theme/app_theme.dart b/packages/ui_common/lib/src/theme/app_theme.dart

Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,9 @@ sealed class AppRoutes {`
`4`	`4`	`static const home = AppRoute._('home', '/home');`
`5`	`5`	`static const apod = AppRoute._('apod', 'apod');`
`6`	`6`	`static const viewApod = AppRoute._('viewApod', 'viewApod');`
	`7`	`+`
	`8`	`+ static const search = AppRoute._('search', '/search');`
	`9`	`+ static const mediaContent = AppRoute._('content', 'mediaContent');`
`7`	`10`	`}`
`8`	`11`
`9`	`12`	`class AppRoute {`