Merge pull request #246 from amitamrutiya2210/multi-lang-support

Multi-language support implementation for flood-mobile app

Author: Akshatji800

.github/workflows/dart.yml

@@ -19,6 +19,7 @@ jobs:
         with:
           flutter-version: '3.10.5'
       - run: flutter pub get
+      - run: flutter gen-l10n --arb-dir=lib/l10n/arb
       - run: flutter analyze
       - run: dart format --output=none --set-exit-if-changed .
       - run: flutter test

CONTRIBUTING.md

@@ -68,14 +68,20 @@ flutter doctor
 flutter pub get
 ```
 
-5. Installing packages (**IOS ONLY**)
+5. Initialize localization for multi-language support.
+
+```bash
+flutter gen-l10n --arb-dir=lib/l10n/arb
+```
+
+6. Installing packages (**IOS ONLY**)
 
 ```bash
 cd ios
 pod install --verbose
 ```
 
-6. Run the app:
+7. Run the app:
 
 ```bash
 flutter run

lib/Blocs/bloc_provider_list.dart

@@ -1,3 +1,4 @@
+import 'package:flood_mobile/Blocs/language_bloc/language_bloc.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flood_mobile/Blocs/api_bloc/api_bloc.dart';
 import 'package:flood_mobile/Blocs/filter_torrent_bloc/filter_torrent_bloc.dart';
@@ -51,5 +52,9 @@ class BlocProviders {
     BlocProvider<OnBoardingPageColorBloc>(
       create: (context) => OnBoardingPageColorBloc(),
     ),
+    BlocProvider<LanguageBloc>(
+      create: (context) => LanguageBloc(),
+      lazy: false,
+    ),
   ];
 }

lib/Blocs/language_bloc/language_bloc.dart

@@ -0,0 +1,52 @@
+import 'dart:ui';
+import 'package:bloc/bloc.dart';
+import 'package:equatable/equatable.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+
+part 'language_event.dart';
+part 'language_state.dart';
+
+class LanguageBloc extends Bloc<LanguageEvent, LanguageState> {
+  LanguageBloc() : super(LanguageState.initial()) {
+    on<ChangeLanguageEvent>(_handleChangeLanguageEvent);
+    on<GetPreviousLanguageEvent>(_handleGetPreviousSetLanguage);
+  }
+
+  Future<void> _handleChangeLanguageEvent(
+      ChangeLanguageEvent event, Emitter<LanguageState> emit) async {
+    await storeCurrentLang(event.languageCode);
+    emit(state.copyWith(event.languageCode));
+  }
+
+  void _handleGetPreviousSetLanguage(
+      GetPreviousLanguageEvent event, Emitter<LanguageState> emit) async {
+    Locale? storedLanguageCode = await getPreviousLang();
+    emit(state.copyWith(storedLanguageCode));
+  }
+
+  Future<Locale?> getPreviousLang() async {
+    try {
+      final prefs = await SharedPreferences.getInstance();
+      if (prefs.getString('languageCode') != 'null')
+        return Locale(prefs.getString('languageCode')!);
+      else {
+        return null;
+      }
+    } catch (error) {
+      print('Error retrieving language code from SharedPreferences: $error');
+    }
+    return null;
+  }
+
+  Future<void> storeCurrentLang(Locale? code) async {
+    try {
+      final prefs = await SharedPreferences.getInstance();
+      if (code == null)
+        await prefs.setString('languageCode', 'null');
+      else
+        await prefs.setString('languageCode', code.languageCode);
+    } catch (error) {
+      print('Error retrieving language code from SharedPreferences: $error');
+    }
+  }
+}

lib/Blocs/language_bloc/language_event.dart

@@ -0,0 +1,19 @@
+part of 'language_bloc.dart';
+
+abstract class LanguageEvent extends Equatable {
+  const LanguageEvent();
+
+  @override
+  List<Object?> get props => [];
+}
+
+class ChangeLanguageEvent extends LanguageEvent {
+  final Locale? languageCode;
+
+  const ChangeLanguageEvent(this.languageCode);
+
+  @override
+  List<Object?> get props => [languageCode];
+}
+
+class GetPreviousLanguageEvent extends LanguageEvent {}

lib/Blocs/language_bloc/language_state.dart

@@ -0,0 +1,14 @@
+part of 'language_bloc.dart';
+
+class LanguageState extends Equatable {
+  final Locale? locale;
+
+  LanguageState(this.locale);
+
+  factory LanguageState.initial() => LanguageState(null);
+
+  LanguageState copyWith(Locale? locale) => LanguageState(locale);
+
+  @override
+  List<Object?> get props => [locale];
+}

lib/Blocs/onboarding_main_page_bloc/on_boarding_page_color_bloc.dart

@@ -1,20 +1,16 @@
 import 'package:bloc/bloc.dart';
 import 'package:equatable/equatable.dart';
-import 'package:flood_mobile/Pages/onboarding_main_screen/data/onboard_page_data.dart';
 import 'package:flutter/material.dart';
 
 part 'on_boarding_page_color_event.dart';
 part 'on_boarding_page_color_state.dart';
 
 class OnBoardingPageColorBloc
     extends Bloc<OnBoardingPageColorEvent, OnBoardingPageColorState> {
-  Color color = onboardData[0].accentColor;
-  OnBoardingPageColorBloc() : super(OnBoardingPageColorInitial()) {
+  OnBoardingPageColorBloc() : super(OnBoardingPageColorState.initial()) {
     on<SetColorEvent>((event, emit) {
-      // Update the color variable with the new color
-      color = event.color;
       // Emit a ColorUpdated state with the new color
-      emit(ColorUpdated(color: event.color));
+      emit(state.copyWith(color: event.color));
     });
   }
 }

lib/Blocs/onboarding_main_page_bloc/on_boarding_page_color_state.dart

@@ -1,18 +1,15 @@
 part of 'on_boarding_page_color_bloc.dart';
 
-abstract class OnBoardingPageColorState extends Equatable {
-  const OnBoardingPageColorState();
-
-  @override
-  List<Object> get props => [];
-}
+class OnBoardingPageColorState extends Equatable {
+  final Color color;
 
-class OnBoardingPageColorInitial extends OnBoardingPageColorState {}
+  OnBoardingPageColorState({required this.color});
 
-class ColorUpdated extends OnBoardingPageColorState {
-  final Color color;
+  factory OnBoardingPageColorState.initial() =>
+      OnBoardingPageColorState(color: Color(0xff39C481));
 
-  ColorUpdated({required this.color});
+  OnBoardingPageColorState copyWith({required Color? color}) =>
+      OnBoardingPageColorState(color: color ?? this.color);
 
   @override
   List<Object> get props => [color];

lib/Constants/languages.dart

@@ -0,0 +1,24 @@
+const Languages = {
+  'auto': 'Automatic',
+  'en': 'English',
+  'hi': 'हिन्दी',
+  'cs': 'Čeština',
+  'de': 'Deutsch',
+  'es': 'Español',
+  'fr': 'Français',
+  'it': 'italiano',
+  'hu': 'Magyar',
+  'nl': 'Nederlands',
+  'no': 'norsk',
+  'pl': 'Polskie',
+  'pt': 'português',
+  'ru': 'русский язык',
+  'ro': 'Romanian',
+  'fi': 'suomi',
+  'sv': 'svenska',
+  'uk': 'українська мова',
+  'ko': '한국어',
+  'ja': '日本語',
+  'zh': '中文(繁體)',
+  'ar': 'اَلْعَرَبِيَّةُ',
+};

lib/Pages/about_screen/about_screen.dart

@@ -1,3 +1,4 @@
+import 'package:flood_mobile/l10n/l10n.dart';
 import 'package:flutter/material.dart';
 import 'package:flood_mobile/Blocs/theme_bloc/theme_bloc.dart';
 import 'package:flutter_svg/flutter_svg.dart';
@@ -65,7 +66,7 @@ class _AboutScreenState extends State<AboutScreen> {
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
                   Text(
-                    'Flood is a monitoring service for various torrent clients. It\'s a Node.js service that communicates with your favorite torrent client and serves a decent mobile UI for administration. This project is based on the original Flood project.',
+                    context.l10n.app_info,
                     key: Key('App info text key'),
                     style: TextStyle(
                         color: ThemeBloc.theme(widget.themeIndex)
@@ -78,7 +79,7 @@ class _AboutScreenState extends State<AboutScreen> {
                     height: 20,
                   ),
                   Text(
-                    'Feedback',
+                    context.l10n.feedback_heading,
                     style: TextStyle(
                         color: ThemeBloc.theme(widget.themeIndex)
                             .textTheme
@@ -91,7 +92,7 @@ class _AboutScreenState extends State<AboutScreen> {
                     height: 10,
                   ),
                   Text(
-                    'If you have a specific issue or bug, please file a GitHub issue. Please join the Flood Discord server to discuss feature requests and implementation details.',
+                    context.l10n.feedback_text,
                     key: Key('Feedback text key'),
                     style: TextStyle(
                         color: ThemeBloc.theme(widget.themeIndex)
@@ -104,7 +105,7 @@ class _AboutScreenState extends State<AboutScreen> {
                     height: 20,
                   ),
                   Text(
-                    'More Information',
+                    context.l10n.more_info_text,
                     style: TextStyle(
                         color: ThemeBloc.theme(widget.themeIndex)
                             .textTheme
@@ -117,7 +118,7 @@ class _AboutScreenState extends State<AboutScreen> {
                     height: 10,
                   ),
                   Text(
-                    'Check out the Wiki for more information.',
+                    context.l10n.check_out_info,
                     key: Key('More info text key'),
                     style: TextStyle(
                         color: ThemeBloc.theme(widget.themeIndex)