refactor: Refactor code to use new repository and store structure (#368)

lib/app.dart

@@ -1,11 +1,11 @@
 import 'package:buzz_recipe_viewer/i18n/strings.g.dart';
 import 'package:buzz_recipe_viewer/model/locale_preference.dart';
-import 'package:buzz_recipe_viewer/provider/locale_preference_provider.dart';
 import 'package:buzz_recipe_viewer/provider/theme_data_provider.dart';
-import 'package:buzz_recipe_viewer/provider/theme_mode_preference_provider.dart';
+import 'package:buzz_recipe_viewer/repository/preference_repository.dart';
+import 'package:buzz_recipe_viewer/store/locale_notifier.dart';
+import 'package:buzz_recipe_viewer/store/theme_notifier.dart';
 import 'package:buzz_recipe_viewer/ui/navigation/navigation_page.dart';
 import 'package:buzz_recipe_viewer/ui/walkthrough/walkthrough_page.dart';
-import 'package:buzz_recipe_viewer/ui/walkthrough/walkthrough_view_model.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_localizations/flutter_localizations.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
@@ -15,26 +15,21 @@ class App extends ConsumerWidget {
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
-    final isShouldShowWalkthrough = ref.watch(
-      walkthroughViewModelProvider
-          .select((value) => value.isShouldShowWalkthrough),
-    );
-
     return TranslationProvider(
       child: MaterialApp(
         // debugShowCheckedModeBanner: false,
         title: t.appTitle,
         theme: ref.watch(themeDataProvider()),
         darkTheme: ref.watch(themeDataProvider(isDarkMode: true)),
-        themeMode: ref.watch(themeModePreferenceProvider),
-        locale: ref.watch(localePreferenceProvider),
+        themeMode: ref.watch(themeNotiferProvider).themeMode,
+        locale: ref.watch(localeNotiferProvider).toLocale,
         localizationsDelegates: const [
           GlobalMaterialLocalizations.delegate,
           GlobalWidgetsLocalizations.delegate,
           GlobalCupertinoLocalizations.delegate,
         ],
         supportedLocales: LocalePreference.supportedLocaleList(),
-        home: isShouldShowWalkthrough
+        home: ref.watch(boolPreferenceProvider(BoolKey.shouldShowWalkthrough))
             ? const WalkthroughPage()
             : const NavigationPage(),
       ),

lib/i18n/strings.i18n.json

@@ -140,7 +140,8 @@
                     "title" : "Delete Local Data"
                 }
             }
-        }
+        },
+        "selected" : "Selected"
     },
     "common" : {
         "addFavorite" : "Add Favorite",

lib/i18n/strings_ja.i18n.json

@@ -140,7 +140,8 @@
                     "title" : "ローカルデータを削除"
                 }
             }
-        }
+        },
+        "selected" : "選択中"
     },
     "common" : {
         "addFavorite" : "お気に入りに追加しました",

lib/model/theme_preference.dart

@@ -0,0 +1,14 @@
+import 'package:flutter/material.dart';
+
+enum ThemePreference {
+  system('システム', ThemeMode.system),
+  light('ライト', ThemeMode.light),
+  dark('ダーク', ThemeMode.dark);
+
+  const ThemePreference(this.title, this.themeMode);
+
+  factory ThemePreference.fromIndex(int index) => ThemePreference.values[index];
+
+  final String title;
+  final ThemeMode themeMode;
+}

lib/provider/theme_data_provider.dart

@@ -1,5 +1,5 @@
 import 'package:buzz_recipe_viewer/gen/fonts.gen.dart';
-import 'package:buzz_recipe_viewer/provider/app_color_preference_provider.dart';
+import 'package:buzz_recipe_viewer/store/app_color_notifier.dart';
 import 'package:flutter/material.dart';
 import 'package:riverpod_annotation/riverpod_annotation.dart';
 
@@ -10,7 +10,7 @@ ThemeData themeData(ThemeDataRef ref, {bool isDarkMode = false}) {
   return ThemeData(
     useMaterial3: true,
     brightness: isDarkMode ? Brightness.dark : Brightness.light,
-    colorSchemeSeed: ref.watch(appColorPreferenceProvider).color,
+    colorSchemeSeed: ref.watch(appColorNotiferProvider).color,
     fontFamily: FontFamily.notoSansJP,
   );
 }

lib/repository/preference_repository.dart

@@ -0,0 +1,100 @@
+import 'package:buzz_recipe_viewer/provider/shared_preferences_provider.dart';
+import 'package:mockito/mockito.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+
+part 'preference_repository.g.dart';
+
+enum BoolKey {
+  useInternalPlayer('use_internal_player', true),
+  shouldShowWalkthrough('should_show_walkthrough', true),
+  ;
+
+  // ignore: avoid_positional_boolean_parameters
+  const BoolKey(this.key, this.defaultValue);
+  final String key;
+  final bool defaultValue;
+}
+
+enum IntKey {
+  themeMode('theme_mode', 0),
+  locale('locale', 0),
+  ;
+
+  const IntKey(this.key, this.defaultValue);
+  final String key;
+  final int defaultValue;
+}
+
+enum StringKey {
+  appColor('app_color', ''),
+  ;
+
+  const StringKey(this.key, this.defaultValue);
+  final String key;
+  final String defaultValue;
+}
+
+@riverpod
+class BoolPreference extends _$BoolPreference {
+  @override
+  bool build(BoolKey keyValue) =>
+      ref.watch(sharedPreferencesProvider).getBool(keyValue.key) ??
+      keyValue.defaultValue;
+
+  // ignore: avoid_positional_boolean_parameters
+  Future<void> update(bool value) async {
+    await ref.read(sharedPreferencesProvider).setBool(keyValue.key, value);
+    ref.invalidateSelf();
+  }
+}
+
+@riverpod
+class IntPreference extends _$IntPreference {
+  @override
+  int build(IntKey keyValue) =>
+      ref.watch(sharedPreferencesProvider).getInt(keyValue.key) ??
+      keyValue.defaultValue;
+
+  Future<void> update(int value) async {
+    await ref.read(sharedPreferencesProvider).setInt(keyValue.key, value);
+    ref.invalidateSelf();
+  }
+}
+
+@riverpod
+class StringPreference extends _$StringPreference {
+  @override
+  String build(StringKey keyValue) =>
+      ref.watch(sharedPreferencesProvider).getString(keyValue.key) ??
+      keyValue.defaultValue;
+
+  Future<void> update(String value) async {
+    await ref.read(sharedPreferencesProvider).setString(keyValue.key, value);
+    ref.invalidateSelf();
+  }
+}
+
+class FakeTruePreference extends _$BoolPreference
+    with Mock
+    implements BoolPreference {
+  @override
+  bool build(BoolKey keyValue) => true;
+}
+
+class FakeFalsePreference extends _$BoolPreference
+    with Mock
+    implements BoolPreference {
+  @override
+  bool build(BoolKey keyValue) => false;
+}
+
+class FakeIntPreference extends _$IntPreference
+    with Mock
+    implements IntPreference {
+  FakeIntPreference({required this.value});
+
+  // ignore: avoid_public_notifier_properties
+  final int value;
+  @override
+  int build(IntKey keyValue) => value;
+}