7 лаба готова, держимся

lib/I10n.yaml

@@ -1,6 +1,6 @@
 arb-dir: l10n
 template-arb-file: app_ru.arb
 output-localization-file: app_locale.dart
-output-dir: lib/components/locale/l10n
+output-dir: lib/components/l10n
 output-class: AppLocale
 synthetic-package: false

lib/components/extensions/context_x.dart

@@ -0,0 +1,6 @@
+import 'package:flutter/widgets.dart';
+import '../locale/l10n/app_locale.dart';
+
+extension LocalContextX on BuildContext {
+  AppLocale get locale => AppLocale.of(this)!;
+}

lib/data/mappers/characters_mapper.dart

@@ -17,6 +17,7 @@ extension CharacterDataDtoToModel on CharacterDataDto {
         attributes?.name ?? 'UNKNOWN',
         imageUrl: attributes?.image ?? _imagePlaceholder,
         descriptionText: _makeDescriptionText(attributes?.born, attributes?.died),
+        id: id,
       );
 
   String _makeDescriptionText(String? born, String? died) {

lib/domain/models/card.dart

@@ -5,11 +5,13 @@ class CardData {
   final String descriptionText;
   final IconData icon;
   final String? imageUrl;
+  final String? id;
 
   CardData(
     this.text, {
     required this.descriptionText,
     this.icon = Icons.catching_pokemon,
     this.imageUrl,
+    this.id,
   });
 }

lib/main.dart

@@ -1,7 +1,13 @@
+import 'dart:io';
+
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:pmu/presentation/home_page/bloc/bloc.dart';
 import 'package:pmu/presentation/home_page/home_page.dart';
+import 'package:pmu/presentation/like_bloc/like_bloc.dart';
+import 'package:pmu/presentation/locale_bloc/locale_bloc.dart';
+import 'package:pmu/presentation/locale_bloc/locale_state.dart';
+import 'components/locale/l10n/app_locale.dart';
 import 'data/repositories/potter_repository.dart';
 
 void main() {
@@ -13,21 +19,36 @@ class MyApp extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return MaterialApp(
+    return BlocProvider<LocaleBloc>(
-      title: 'Flutter Demo',
+      lazy: false,
-      debugShowCheckedModeBanner: false,
+      create: (context) => LocaleBloc(Locale(Platform.localeName)),
-      theme: ThemeData(
+      child: BlocBuilder<LocaleBloc, LocaleState>(
-        colorScheme: ColorScheme.fromSeed(seedColor: Colors.orange),
+        builder: (context, state) {
-        useMaterial3: true,
+          return MaterialApp(
-      ),
+            title: 'Flutter Demo',
-      home: RepositoryProvider<PotterRepository>(
+            locale: state.currentLocale,
-        lazy: true,
+            localizationsDelegates: AppLocale.localizationsDelegates,
-        create: (_) => PotterRepository(),
+            supportedLocales: AppLocale.supportedLocales,
-        child: BlocProvider<HomeBloc>(
+            debugShowCheckedModeBanner: false,
-          lazy: false,
+            theme: ThemeData(
-          create: (context) => HomeBloc(context.read<PotterRepository>()),
+              colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
-          child: const MyHomePage(title: 'Сафиулова Камилия Наилевна'),
+              useMaterial3: true,
-        ),
+            ),
+            home: RepositoryProvider<PotterRepository>(
+              lazy: true,
+              create: (_) => PotterRepository(),
+              child: BlocProvider<LikeBloc>(
+                lazy: false,
+                create: (context) => LikeBloc(),
+                child: BlocProvider<HomeBloc>(
+                  lazy: false,
+                  create: (context) => HomeBloc(context.read<PotterRepository>()),
+                  child: const MyHomePage(title: 'Сафиулова Камилия Наилевна'),
+                ),
+              ),
+            ),
+          );
+        },
       ),
     );
   }

lib/presentation/common/svg_objects.dart

@@ -31,4 +31,4 @@ class SvgUk extends StatelessWidget {
   Widget build(BuildContext context) {
     return SvgPicture.asset(R.ASSETS_SVG_UK_SVG);
   }
-}
+}

lib/presentation/home_page/card.dart

@@ -1,29 +1,34 @@
 part of 'home_page.dart';
 
-typedef OnLikeCallback = void Function(String title, bool isLiked)?;
+typedef OnLikeCallback = void Function(String? id, String title, bool isLiked)?;
 
-class _Card extends StatefulWidget {
+class _Card extends StatelessWidget {
   final String text;
   final String descriptionText;
   final IconData icon;
   final String? imageUrl;
   final OnLikeCallback onLike;
   final VoidCallback? onTap;
+  final String? id;
+  final bool isLiked;
 
   const _Card(
-    this.text, {
+      this.text, {
-    this.icon = Icons.catching_pokemon,
+        this.icon = Icons.ac_unit_outlined,
-    required this.descriptionText,
+        required this.descriptionText,
-    this.imageUrl,
+        this.imageUrl,
-    this.onLike,
+        this.onLike,
-    this.onTap,
+        this.onTap,
-  });
+        this.id,
+        this.isLiked = false,
+      });
 
   factory _Card.fromData(
-    CardData data, {
+      CardData data, {
-    OnLikeCallback onLike,
+        OnLikeCallback onLike,
-    VoidCallback? onTap,
+        VoidCallback? onTap,
-  }) =>
+        bool isLiked = false,
+      }) =>
       _Card(
         data.text,
         descriptionText: data.descriptionText,
@@ -31,26 +36,28 @@ class _Card extends StatefulWidget {
         imageUrl: data.imageUrl,
         onLike: onLike,
         onTap: onTap,
+        isLiked: isLiked,
+        id: data.id,
       );
 
-  @override
-  State<_Card> createState() => _CardState();
-}
-
-class _CardState extends State<_Card> {
-  bool isLiked = false;
-
   @override
   Widget build(BuildContext context) {
     return GestureDetector(
-      onTap: widget.onTap,
+      onTap: onTap,
       child: Container(
         margin: const EdgeInsets.all(16),
-        constraints: const BoxConstraints(minHeight: 140),
+        constraints: const BoxConstraints(minHeight: 160),
         decoration: BoxDecoration(
           color: Colors.white70,
           borderRadius: BorderRadius.circular(20),
-          border: Border.all(color: Colors.grey.shade200),
+          boxShadow: [
+            BoxShadow(
+              color: Colors.grey.withOpacity(.5),
+              spreadRadius: 4,
+              offset: const Offset(0, 5),
+              blurRadius: 8,
+            ),
+          ],
         ),
         child: IntrinsicHeight(
           child: Row(
@@ -63,11 +70,17 @@ class _CardState extends State<_Card> {
                 ),
                 child: SizedBox(
                   height: double.infinity,
-                  width: 160,
+                  width: 120,
-                  child: Image.network(
+                  child: Stack(
-                    widget.imageUrl ?? '',
+                    children: [
-                    fit: BoxFit.cover,
+                      Positioned.fill(
-                    errorBuilder: (_, __, ___) => const Placeholder(),
+                        child: Image.network(
+                          imageUrl ?? '',
+                          fit: BoxFit.cover,
+                          errorBuilder: (_, __, ___) => const Placeholder(),
+                        ),
+                      ),
+                    ],
                   ),
                 ),
               ),
@@ -78,13 +91,13 @@ class _CardState extends State<_Card> {
                     crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
                       Text(
-                        widget.text,
+                        text,
-                        style: Theme.of(context).textTheme.headlineLarge,
+                        style: Theme.of(context).textTheme.headlineSmall,
                       ),
                       Text(
-                        widget.descriptionText,
+                        descriptionText,
                         style: Theme.of(context).textTheme.bodyLarge,
-                      ),
+                      )
                     ],
                   ),
                 ),
@@ -92,30 +105,22 @@ class _CardState extends State<_Card> {
               Align(
                 alignment: Alignment.bottomRight,
                 child: Padding(
-                  padding: const EdgeInsets.only(
+                  padding:
-                    left: 8.0,
+                  const EdgeInsets.only(left: 8, right: 16, bottom: 16),
-                    right: 16.0,
-                    bottom: 16.0,
-                  ),
                   child: GestureDetector(
-                    onTap: () {
+                    onTap: () => onLike?.call(id, text, isLiked),
-                      setState(() {
-                        isLiked = !isLiked;
-                      });
-                      widget.onLike?.call(widget.text, isLiked);
-                    },
                     child: AnimatedSwitcher(
-                      duration: const Duration(milliseconds: 300),
+                      duration: const Duration(milliseconds: 200),
                       child: isLiked
                           ? const Icon(
-                              Icons.favorite,
+                        Icons.favorite,
-                              color: Colors.redAccent,
+                        color: Colors.redAccent,
-                              key: ValueKey<int>(0),
+                        key: ValueKey<int>(0),
-                            )
+                      )
                           : const Icon(
-                              Icons.favorite_border,
+                        Icons.favorite_border,
-                              key: ValueKey<int>(1),
+                        key: ValueKey<int>(1),
-                            ),
+                      ),
                     ),
                   ),
                 ),

lib/presentation/home_page/home_page.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:pmu/components/extensions/context_x.dart';
 import 'package:pmu/components/utils/debounce.dart';
 import 'package:pmu/data/repositories/potter_repository.dart';
 import 'package:pmu/domain/models/card.dart';
@@ -9,8 +10,13 @@ import 'package:pmu/presentation/details_page/details_page.dart';
 import 'package:pmu/presentation/home_page/bloc/bloc.dart';
 import 'package:pmu/presentation/home_page/bloc/events.dart';
 import 'package:pmu/presentation/home_page/bloc/state.dart';
-
 import '../common/svg_objects.dart';
+import '../like_bloc/like_bloc.dart';
+import '../like_bloc/like_event.dart';
+import '../like_bloc/like_state.dart';
+import '../locale_bloc/locale_bloc.dart';
+import '../locale_bloc/locale_events.dart';
+import '../locale_bloc/locale_state.dart';
 
 part 'card.dart';
 
@@ -43,10 +49,13 @@ class BodyState extends State<Body> {
 
   @override
   void initState() {
-        WidgetsBinding.instance.addPostFrameCallback((_) {
-      context.read<HomeBloc>().add(const HomeLoadDataEvent());
-    });
     SvgObjects.init();
+
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      context.read<HomeBloc>().add(const HomeLoadDataEvent());
+      context.read<LikeBloc>().add(const LoadLikesEvent());
+    });
+
     scrollController.addListener(_onNextPageListener);
 
     super.initState();
@@ -77,44 +86,73 @@ class BodyState extends State<Body> {
       padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top),
       child: Column(
         children: [
-          Padding(
+          Row(
-            padding: const EdgeInsets.all(12),
+            children: [
-            child: CupertinoSearchTextField(
+              Expanded(
-              controller: searchController,
+                flex: 4,
-              onChanged: (search) {
+                child: Padding(
-                Debounce.run(() => context.read<HomeBloc>().add(HomeLoadDataEvent(search: search)));
+                  padding: const EdgeInsets.all(12),
-              },
+                  child: CupertinoSearchTextField(
-            ),
+                    controller: searchController,
+                    placeholder: context.locale.search,
+                    onChanged: (search) {
+                      Debounce.run(
+                              () => context.read<HomeBloc>().add(HomeLoadDataEvent(search: search)));
+                    },
+                  ),
+                ),
+              ),
+              GestureDetector(
+                onTap: () => context.read<LocaleBloc>().add(const ChangeLocaleEvent()),
+                child: SizedBox.square(
+                  dimension: 50,
+                  child: Padding(
+                    padding: const EdgeInsets.only(right: 12),
+                    child: BlocBuilder<LocaleBloc, LocaleState>(
+                      builder: (context, state) {
+                        return state.currentLocale.languageCode == 'ru'
+                            ? const SvgRu()
+                            : const SvgUk();
+                      },
+                    ),
+                  ),
+                ),
+              ),
+            ],
           ),
           BlocBuilder<HomeBloc, HomeState>(
             builder: (context, state) => state.error != null
                 ? Text(
-                    state.error ?? '',
+              state.error ?? '',
-                    style: Theme.of(context).textTheme.headlineSmall?.copyWith(color: Colors.red),
+              style: Theme.of(context).textTheme.headlineSmall?.copyWith(color: Colors.red),
-                  )
+            )
                 : state.isLoading
-                    ? const CircularProgressIndicator()
+                ? const CircularProgressIndicator()
-                    : Expanded(
+                : BlocBuilder<LikeBloc, LikeState>(
-                        child: RefreshIndicator(
+              builder: (context, likeState) {
-                          onRefresh: _onRefresh,
+                return Expanded(
-                          child: ListView.builder(
+                  child: RefreshIndicator(
-                            controller: scrollController,
+                    onRefresh: _onRefresh,
-                            padding: EdgeInsets.zero,
+                    child: ListView.builder(
-                            itemCount: state.data?.data?.length ?? 0,
+                      controller: scrollController,
-                            itemBuilder: (context, index) {
+                      padding: EdgeInsets.zero,
-                              final data = state.data?.data?[index];
+                      itemCount: state.data?.data?.length ?? 0,
-                              return data != null
+                      itemBuilder: (context, index) {
-                                  ? _Card.fromData(
+                        final data = state.data?.data?[index];
-                                      data,
+                        return data != null
-                                      onLike: (title, isLiked) =>
+                            ? _Card.fromData(
-                                          _showSnackBar(context, title, isLiked),
+                          data,
-                                      onTap: () => _navToDetails(context, data),
+                          onLike: _onLike,
-                                    )
+                          isLiked: likeState.likedIds?.contains(data.id) == true,
-                                  : const SizedBox.shrink();
+                          onTap: () => _navToDetails(context, data),
-                            },
+                        )
-                          ),
+                            : const SizedBox.shrink();
-                        ),
+                      },
-                      ),
+                    ),
+                  ),
+                );
+              },
+            ),
           ),
           BlocBuilder<HomeBloc, HomeState>(
             builder: (context, state) => state.isPaginationLoading
@@ -142,7 +180,7 @@ class BodyState extends State<Body> {
     WidgetsBinding.instance.addPostFrameCallback((_) {
       ScaffoldMessenger.of(context).showSnackBar(SnackBar(
         content: Text(
-          '$title ${isLiked ? 'liked!' : 'disliked :('}',
+          '$title ${isLiked ? context.locale.liked : context.locale.disliked}',
           style: Theme.of(context).textTheme.bodyLarge,
         ),
         backgroundColor: Colors.orangeAccent,
@@ -150,4 +188,11 @@ class BodyState extends State<Body> {
       ));
     });
   }
+
+  void _onLike(String? id, String title, bool isLiked) {
+    if (id != null) {
+      context.read<LikeBloc>().add(ChangeLikeEvent(id));
+      _showSnackBar(context, title, !isLiked);
+    }
+  }
 }

makefile

@@ -20,5 +20,4 @@ res:
 	make format
 
 loc:
-	flutter gen-l10n; \
+	flutter gen-l10n
-	make format

pubspec.lock

@@ -254,6 +254,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.1"
+  ffi:
+    dependency: transitive
+    description:
+      name: ffi
+      sha256: "16ed7b077ef01ad6170a3d0c57caa4a112a38d7a2ed5602e0aca9ca6f3d98da6"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.3"
   file:
     dependency: transitive
     description:
@@ -317,6 +325,11 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_web_plugins:
+    dependency: transitive
+    description: flutter
+    source: sdk
+    version: "0.0.0"
   frontend_server_client:
     dependency: transitive
     description:
@@ -525,6 +538,30 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.0.1"
+  path_provider_linux:
+    dependency: transitive
+    description:
+      name: path_provider_linux
+      sha256: f7a1fe3a634fe7734c8d3f2766ad746ae2a2884abe22e241a8b301bf5cac3279
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.1"
+  path_provider_platform_interface:
+    dependency: transitive
+    description:
+      name: path_provider_platform_interface
+      sha256: "88f5779f72ba699763fa3a3b06aa4bf6de76c8e5de842cf6f29e2e06476c2334"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.2"
+  path_provider_windows:
+    dependency: transitive
+    description:
+      name: path_provider_windows
+      sha256: bd6f00dbd873bfb70d0761682da2b3a2c2fccc2b9e84c495821639601d81afe7
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.0"
   petitparser:
     dependency: transitive
     description:
@@ -533,6 +570,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "6.0.2"
+  platform:
+    dependency: transitive
+    description:
+      name: platform
+      sha256: "9b71283fc13df574056616011fb138fd3b793ea47cc509c189a6c3fa5f8a1a65"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.5"
+  plugin_platform_interface:
+    dependency: transitive
+    description:
+      name: plugin_platform_interface
+      sha256: "4820fbfdb9478b1ebae27888254d445073732dae3d6ea81f0b7e06d5dedc3f02"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.8"
   pool:
     dependency: transitive
     description:
@@ -573,6 +626,62 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.0"
+  shared_preferences:
+    dependency: "direct main"
+    description:
+      name: shared_preferences
+      sha256: d3bbe5553a986e83980916ded2f0b435ef2e1893dfaa29d5a7a790d0eca12180
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.3"
+  shared_preferences_android:
+    dependency: transitive
+    description:
+      name: shared_preferences_android
+      sha256: "3b9febd815c9ca29c9e3520d50ec32f49157711e143b7a4ca039eb87e8ade5ab"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.3"
+  shared_preferences_foundation:
+    dependency: transitive
+    description:
+      name: shared_preferences_foundation
+      sha256: "07e050c7cd39bad516f8d64c455f04508d09df104be326d8c02551590a0d513d"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.5.3"
+  shared_preferences_linux:
+    dependency: transitive
+    description:
+      name: shared_preferences_linux
+      sha256: "580abfd40f415611503cae30adf626e6656dfb2f0cee8f465ece7b6defb40f2f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  shared_preferences_platform_interface:
+    dependency: transitive
+    description:
+      name: shared_preferences_platform_interface
+      sha256: "57cbf196c486bc2cf1f02b85784932c6094376284b3ad5779d1b1c6c6a816b80"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  shared_preferences_web:
+    dependency: transitive
+    description:
+      name: shared_preferences_web
+      sha256: d2ca4132d3946fec2184261726b355836a82c33d7d5b67af32692aff18a4684e
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.2"
+  shared_preferences_windows:
+    dependency: transitive
+    description:
+      name: shared_preferences_windows
+      sha256: "94ef0f72b2d71bc3e700e025db3710911bd51a71cefb65cc609dd0d9a982e3c1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
   shelf:
     dependency: transitive
     description:
@@ -754,6 +863,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "3.0.1"
+  xdg_directories:
+    dependency: transitive
+    description:
+      name: xdg_directories
+      sha256: "7a3f37b05d989967cdddcbb571f1ea834867ae2faa29725fd085180e0883aa15"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.0"
   xml:
     dependency: transitive
     description:
@@ -772,4 +889,4 @@ packages:
     version: "3.1.2"
 sdks:
   dart: ">=3.5.3 <4.0.0"
-  flutter: ">=3.18.0-18.0.pre.54"
+  flutter: ">=3.24.0"

pubspec.yaml

@@ -27,6 +27,8 @@ dependencies:
 
   intl: ^0.19.0
 
+  shared_preferences: 2.2.3
+
 
 dev_dependencies:
   flutter_test: