refactor(presentation): guess page consumes gameProvider

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

lib/presentation/pages/guess_page.dart

@@ -1,236 +1,109 @@
 import 'package:flutter/material.dart';
-import 'dart:math';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:shared_preferences/shared_preferences.dart';
+import '../../domain/game/game_state.dart';
-import '../models/pokemon.dart';
+import '../providers/game_provider.dart';
-import '../database/pokedex_database.dart';
+import '../providers/navigation_provider.dart';
-import 'main_page.dart';
+import '../widgets/pokemon_image.dart';
-import '../components/pokemon_image.dart';
 
-class GuessPage extends StatefulWidget {
+class GuessPage extends ConsumerStatefulWidget {
   const GuessPage({Key? key}) : super(key: key);
 
   @override
-  State<GuessPage> createState() => _GuessPageState();
+  ConsumerState<GuessPage> createState() => _GuessPageState();
 }
 
-class _GuessPageState extends State<GuessPage> {
+class _GuessPageState extends ConsumerState<GuessPage> {
-  Pokemon? _currentPokemon;
   final TextEditingController _guessController = TextEditingController();
-  int _lives = 3;
+  bool _started = false;
-  int _skips = 3;
-  int _hints = 3;
-  int _sessionCorrectCount = 0;
-  bool _isGuessed = false;
-  bool _isLoading = true;
-  bool _isHintUsed = false;
-  bool _isShiny = false;
-  int _currentScore = 0;
-  int _bestScore = 0;
 
   @override
   void initState() {
     super.initState();
-    _loadBestScore();
+    // Démarre la partie après le premier frame (le provider est prêt).
-    _startNewGame();
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      if (!_started) {
+        _started = true;
+        ref.read(gameProvider.notifier).startNewGame();
       }
-
-  void _startNewGame() {
-    setState(() {
-      _lives = 3;
-      _skips = 3;
-      _hints = 3;
-      _sessionCorrectCount = 0;
-      _currentScore = 0;
-    });
-    _loadRandomPokemon();
-  }
-
-  Future<void> _loadBestScore() async {
-    final prefs = await SharedPreferences.getInstance();
-    setState(() {
-      _bestScore = prefs.getInt('best_score') ?? 0;
     });
   }
 
-  Future<void> _saveBestScore() async {
+  @override
-    if (_currentScore > _bestScore) {
+  void dispose() {
-      final prefs = await SharedPreferences.getInstance();
+    _guessController.dispose();
-      await prefs.setInt('best_score', _currentScore);
+    super.dispose();
-      setState(() {
-        _bestScore = _currentScore;
-      });
-    }
   }
 
-  Future<void> _loadRandomPokemon() async {
+  Future<void> _onGuess() async {
-    setState(() {
+    final result = await ref.read(gameProvider.notifier).submitGuess(_guessController.text);
-      _isLoading = true;
+    if (!mounted) return;
-      _isGuessed = false;
+    final state = ref.read(gameProvider);
-      _isHintUsed = false;
-      _isShiny = Random().nextInt(10) == 0; // 10% chance for shiny
-      _guessController.clear();
-    });
 
-    try {
+    switch (result) {
-      // Pick a random ID between 1 and 1025 (Gen 9)
+      case GuessResult.correct:
-      int randomId = Random().nextInt(1025) + 1;
+        ScaffoldMessenger.of(context).showSnackBar(SnackBar(
-      Pokemon? pokemon = await Pokemon.fromID(randomId);
+          content: Text(state.isShiny
-
+              ? '✨ SHINY! You caught ${state.currentPokemon!.formatedName}! (+20 pts) ✨'
-      // We only want to guess uncaught ones for optimal experience,
+              : 'Correct! You caught ${state.currentPokemon!.formatedName}!'),
-      // but if all are caught, just play anyway.
+          backgroundColor: state.isShiny ? Colors.amber[800] : Colors.green,
-      if (pokemon != null && pokemon.isCaught) {
+        ));
-        int count = await PokedexDatabase.getCaughtCount();
+        break;
-        if (count < 1025) {
+      case GuessResult.wrong:
-          // Find an uncaught one
+        ScaffoldMessenger.of(context).showSnackBar(const SnackBar(
-          for (int i = 1; i <= 1025; i++) {
+            content: Text('Wrong guess! Try again.'), backgroundColor: Colors.orange));
-            int attemptId = (randomId + i) % 1025 + 1;
+        break;
-            Pokemon? attempt = await Pokemon.fromID(attemptId);
+      case GuessResult.gameOver:
-            if (attempt != null && !attempt.isCaught) {
+        await _showGameOver();
-              pokemon = attempt;
+        break;
+      case GuessResult.invalid:
         break;
     }
-          }
+    _guessController.clear();
-        }
   }
 
-      if (mounted) {
+  Future<void> _showGameOver() async {
-        setState(() {
+    final state = ref.read(gameProvider);
-          _currentPokemon = pokemon;
+    final playAgain = await Navigator.pushNamed(
-          _isLoading = false;
-        });
-      }
-    } catch (e) {
-      debugPrint(e.toString());
-      if (mounted) {
-        setState(() {
-          _isLoading = false;
-        });
-      }
-    }
-  }
-
-  void _checkGuess() async {
-    if (_currentPokemon == null) return;
-    String guess = _guessController.text.trim().toLowerCase();
-    String actual = _currentPokemon!.name.toLowerCase();
-
-    // Normalize both for accent-insensitive comparison
-    String normalizedGuess = _normalizeString(guess);
-    String normalizedActual = _normalizeString(actual);
-
-    if (normalizedGuess == normalizedActual || normalizedGuess == 'pikachu') {
-      // Correct!
-      _currentPokemon!.isCaught = true;
-      _currentPokemon!.isSeen = true;
-      await PokedexDatabase.updatePokemon(_currentPokemon!);
-      
-      if (mounted) {
-        setState(() {
-          _currentScore += _isShiny ? 20 : 10;
-          _isGuessed = true;
-          _sessionCorrectCount++;
-          if (_sessionCorrectCount % 5 == 0) _hints++;
-          if (_sessionCorrectCount % 10 == 0) _skips++;
-        });
-      }
-      await _saveBestScore();
-      
-      if (!mounted) return;
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(
-          content: Text(_isShiny 
-            ? '✨ SHINY! You caught ${_currentPokemon!.formatedName}! (+20 pts) ✨' 
-            : 'Correct! You caught ${_currentPokemon!.formatedName}!'), 
-          backgroundColor: _isShiny ? Colors.amber[800] : Colors.green
-        ),
-      );
-      // Wait for user to click Continue
-    } else {
-      // Wrong
-      if (mounted) {
-        setState(() {
-          _lives--;
-        });
-      }
-
-      if (_lives <= 0) {
-        if (!mounted) return;
-        final bool? playAgain = await Navigator.pushNamed(
       context,
       '/game-over',
       arguments: {
-            'pokemonName': _currentPokemon!.formatedName,
+        'pokemonName': state.currentPokemon!.formatedName,
-            'score': _currentScore,
+        'score': state.currentScore,
-            'streak': _sessionCorrectCount,
+        'streak': state.sessionCorrectCount,
-            'pokemonImage': _currentPokemon!.imageUrl,
+        'pokemonImage': state.currentPokemon!.imageUrl,
       },
     ) as bool?;
 
-        if (playAgain == true) {
-          _startNewGame();
-        } else if (playAgain == false) {
-          // Switch to Pokedex List tab
-          if (mounted) {
-            final mainState = context.findAncestorStateOfType<MainPageState>();
-            mainState?.setIndex(0); // Index 0 is Pokemon List
-            _startNewGame(); // Reset game state for next time
-          }
-        }
-      } else {
     if (!mounted) return;
-        ScaffoldMessenger.of(context).showSnackBar(
+    if (playAgain == true) {
-          const SnackBar(content: Text('Wrong guess! Try again.'), backgroundColor: Colors.orange),
+      await ref.read(gameProvider.notifier).startNewGame();
-        );
+    } else if (playAgain == false) {
+      ref.read(selectedTabProvider.notifier).set(0); // onglet LIST
+      await ref.read(gameProvider.notifier).startNewGame();
     }
   }
-  }
-
-  void _useHint() {
-    if (_currentPokemon == null || _isHintUsed || _hints <= 0) return;
-    setState(() {
-      _isHintUsed = true;
-      _hints--;
-    });
-  }
-
-  void _useSkip() {
-    if (_skips > 0) {
-      setState(() {
-        _skips--;
-      });
-      _loadRandomPokemon();
-    }
-  }
-
-  String _normalizeString(String input) {
-    var withDia = 'ÀÁÂÃÄÅàáâãäåÒÓÔÕÖØòóôõöøÈÉÊËèéêëÇçÌÍÎÏìíîïÙÚÛÜùúûüÿÑñ';
-    var withoutDia = 'AAAAAAaaaaaaOOOOOOooooooEEEEeeeeCcIIIIiiiiUUUUuuuuyNn';
-    
-    String output = input;
-    for (int i = 0; i < withDia.length; i++) {
-      output = output.replaceAll(withDia[i], withoutDia[i]);
-    }
-    return output;
-  }
 
   @override
   Widget build(BuildContext context) {
-    if (_isLoading) {
+    final state = ref.watch(gameProvider);
+
+    if (state.status == GameStatus.loading) {
       return const Center(child: CircularProgressIndicator());
     }
-    if (_currentPokemon == null) {
+    if (state.currentPokemon == null || state.status == GameStatus.error) {
       return const Center(child: Text("Error loading Pokémon"));
     }
 
+    final pokemon = state.currentPokemon!;
+    final isGuessed = state.status == GameStatus.roundWon;
+
     return Container(
-      decoration: const BoxDecoration(
+      decoration: const BoxDecoration(color: Color(0xFFC8D1D8)),
-        color: Color(0xFFC8D1D8), // Silver-ish grey background with scanlines simulated
-      ),
       child: Stack(
         children: [
           Positioned.fill(
             child: ListView.builder(
-              itemCount: 100, // drawing artificial scanlines
+              itemCount: 100,
               physics: const NeverScrollableScrollPhysics(),
               itemBuilder: (context, index) => Container(
                 height: 4,
@@ -242,7 +115,7 @@ class _GuessPageState extends State<GuessPage> {
           SingleChildScrollView(
             child: Column(
               children: [
-                // Screen top showing the silhouette
+                // Silhouette screen
                 Container(
                   height: 250,
                   width: double.infinity,
@@ -258,17 +131,17 @@ class _GuessPageState extends State<GuessPage> {
                       Expanded(
                         child: Padding(
                           padding: const EdgeInsets.all(16.0),
-                          child: _isGuessed
+                          child: isGuessed
                               ? PokemonImage(
-                                imageUrl: _isShiny ? _currentPokemon!.shinyImageUrl : _currentPokemon!.imageUrl,
+                                  imageUrl: state.isShiny ? pokemon.shinyImageUrl : pokemon.imageUrl,
-                                fallbackUrl: _currentPokemon!.imageUrl,
+                                  fallbackUrl: pokemon.imageUrl,
                                   fit: BoxFit.contain,
                                 )
                               : PokemonImage(
-                                imageUrl: _isShiny ? _currentPokemon!.shinyImageUrl : _currentPokemon!.imageUrl,
+                                  imageUrl: state.isShiny ? pokemon.shinyImageUrl : pokemon.imageUrl,
-                                fallbackUrl: _currentPokemon!.imageUrl,
+                                  fallbackUrl: pokemon.imageUrl,
                                   fit: BoxFit.contain,
-                                color: _isShiny ? Colors.yellow[700]! : Colors.black,
+                                  color: state.isShiny ? Colors.yellow[700]! : Colors.black,
                                   colorBlendMode: BlendMode.srcIn,
                                 ),
                         ),
@@ -278,11 +151,11 @@ class _GuessPageState extends State<GuessPage> {
                         width: double.infinity,
                         padding: const EdgeInsets.symmetric(vertical: 8),
                         child: Text(
-                          _isShiny ? "✨ SHINY POKÉMON DETECTED! ✨" : "WHO'S THAT POKÉMON?",
+                          state.isShiny ? "✨ SHINY POKÉMON DETECTED! ✨" : "WHO'S THAT POKÉMON?",
                           textAlign: TextAlign.center,
                           style: TextStyle(
-                            color: _isShiny ? Colors.yellow[400] : Colors.white,
+                            color: state.isShiny ? Colors.yellow[400] : Colors.white,
-                            fontSize: _isShiny ? 18 : 22,
+                            fontSize: state.isShiny ? 18 : 22,
                             fontWeight: FontWeight.bold,
                             letterSpacing: 2,
                           ),
@@ -291,32 +164,28 @@ class _GuessPageState extends State<GuessPage> {
                     ],
                   ),
                 ),
-            
+                // Lives
-                // Lives display
                 Row(
                   mainAxisAlignment: MainAxisAlignment.center,
                   children: List.generate(3, (index) {
                     return Icon(
-                      index < _lives ? Icons.favorite : Icons.favorite_border,
+                      index < state.lives ? Icons.favorite : Icons.favorite_border,
                       color: Colors.red,
                       size: 32,
                     );
                   }),
                 ),
                 const SizedBox(height: 16),
-            
+                // Guess section
-                // Guess Section
                 Padding(
                   padding: const EdgeInsets.symmetric(horizontal: 24.0),
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
-                      const Text(
+                      const Text("IDENTIFICATION INPUT",
-                        "IDENTIFICATION INPUT",
+                          style: TextStyle(color: Colors.black54, fontSize: 12, fontWeight: FontWeight.bold)),
-                        style: TextStyle(color: Colors.black54, fontSize: 12, fontWeight: FontWeight.bold),
-                      ),
                       const SizedBox(height: 4),
-                      if (_isHintUsed && _currentPokemon != null)
+                      if (state.isHintUsed)
                         Container(
                           width: double.infinity,
                           margin: const EdgeInsets.only(bottom: 12),
@@ -327,7 +196,7 @@ class _GuessPageState extends State<GuessPage> {
                             borderRadius: BorderRadius.circular(8),
                           ),
                           child: Text(
-                            "HINT: ${_currentPokemon!.formatedName[0]}${List.filled(_currentPokemon!.formatedName.length - 2, '_').join()}${_currentPokemon!.formatedName[_currentPokemon!.formatedName.length - 1]}",
+                            "HINT: ${pokemon.formatedName[0]}${List.filled(pokemon.formatedName.length - 2, '_').join()}${pokemon.formatedName[pokemon.formatedName.length - 1]}",
                             textAlign: TextAlign.center,
                             style: TextStyle(fontSize: 22, fontWeight: FontWeight.bold, color: Colors.amber[900], letterSpacing: 4),
                           ),
@@ -345,24 +214,22 @@ class _GuessPageState extends State<GuessPage> {
                             border: InputBorder.none,
                             hintText: 'Enter Pokémon name...',
                           ),
-                          onSubmitted: (_) => _checkGuess(),
+                          onSubmitted: (_) => _onGuess(),
                         ),
                       ),
                       const SizedBox(height: 16),
-                      if (_isGuessed)
+                      if (isGuessed)
                         SizedBox(
                           width: double.infinity,
                           height: 60,
                           child: ElevatedButton(
-                            onPressed: _loadRandomPokemon,
+                            onPressed: () => ref.read(gameProvider.notifier).loadNextPokemon(),
                             style: ElevatedButton.styleFrom(
                               backgroundColor: Colors.green,
                               shape: const RoundedRectangleBorder(borderRadius: BorderRadius.zero),
                             ),
-                            child: const Text(
+                            child: const Text("CONTINUE",
-                              "CONTINUE",
+                                style: TextStyle(fontSize: 24, color: Colors.white, fontWeight: FontWeight.bold, letterSpacing: 2)),
-                              style: TextStyle(fontSize: 24, color: Colors.white, fontWeight: FontWeight.bold, letterSpacing: 2),
-                            ),
                           ),
                         )
                       else ...[
@@ -370,15 +237,13 @@ class _GuessPageState extends State<GuessPage> {
                           width: double.infinity,
                           height: 60,
                           child: ElevatedButton(
-                            onPressed: _checkGuess,
+                            onPressed: _onGuess,
                             style: ElevatedButton.styleFrom(
                               backgroundColor: const Color(0xFF3B6EE3),
                               shape: const RoundedRectangleBorder(borderRadius: BorderRadius.zero),
                             ),
-                            child: const Text(
+                            child: const Text("GUESS!",
-                              "GUESS!",
+                                style: TextStyle(fontSize: 24, color: Colors.white, fontWeight: FontWeight.bold, letterSpacing: 2)),
-                              style: TextStyle(fontSize: 24, color: Colors.white, fontWeight: FontWeight.bold, letterSpacing: 2),
-                            ),
                           ),
                         ),
                         const SizedBox(height: 16),
@@ -386,9 +251,12 @@ class _GuessPageState extends State<GuessPage> {
                           children: [
                             Expanded(
                               child: ElevatedButton.icon(
-                                onPressed: (_isHintUsed || _hints <= 0) ? null : _useHint,
+                                onPressed: (state.isHintUsed || state.hints <= 0)
+                                    ? null
+                                    : () => ref.read(gameProvider.notifier).useHint(),
                                 icon: const Icon(Icons.lightbulb, color: Colors.black87),
-                                label: Text("HINT ($_hints)", style: const TextStyle(color: Colors.black87, fontWeight: FontWeight.bold, fontSize: 18)),
+                                label: Text("HINT (${state.hints})",
+                                    style: const TextStyle(color: Colors.black87, fontWeight: FontWeight.bold, fontSize: 18)),
                                 style: ElevatedButton.styleFrom(
                                   backgroundColor: Colors.amber,
                                   padding: const EdgeInsets.symmetric(vertical: 16),
@@ -399,9 +267,12 @@ class _GuessPageState extends State<GuessPage> {
                             const SizedBox(width: 8),
                             Expanded(
                               child: ElevatedButton.icon(
-                                onPressed: _skips > 0 ? _useSkip : null,
+                                onPressed: state.skips > 0
+                                    ? () => ref.read(gameProvider.notifier).useSkip()
+                                    : null,
                                 icon: const Icon(Icons.skip_next, color: Colors.black87),
-                                label: Text("SKIP ($_skips)", style: const TextStyle(color: Colors.black87, fontWeight: FontWeight.bold, fontSize: 18)),
+                                label: Text("SKIP (${state.skips})",
+                                    style: const TextStyle(color: Colors.black87, fontWeight: FontWeight.bold, fontSize: 18)),
                                 style: ElevatedButton.styleFrom(
                                   backgroundColor: Colors.grey[400],
                                   padding: const EdgeInsets.symmetric(vertical: 16),
@@ -413,8 +284,7 @@ class _GuessPageState extends State<GuessPage> {
                         ),
                       ],
                       const SizedBox(height: 24),
-                      
+                      // Score
-                      // Score Display
                       Container(
                         width: double.infinity,
                         padding: const EdgeInsets.all(16),
@@ -425,19 +295,13 @@ class _GuessPageState extends State<GuessPage> {
                         ),
                         child: Column(
                           children: [
-                            const Text(
+                            const Text("CURRENT SCORE",
-                              "CURRENT SCORE",
+                                style: TextStyle(color: Colors.black54, fontSize: 14, fontWeight: FontWeight.bold)),
-                              style: TextStyle(color: Colors.black54, fontSize: 14, fontWeight: FontWeight.bold),
+                            Text("${state.currentScore}",
-                            ),
+                                style: const TextStyle(fontSize: 32, fontWeight: FontWeight.bold, color: Color(0xFF3B6EE3))),
-                            Text(
-                              "$_currentScore",
-                              style: const TextStyle(fontSize: 32, fontWeight: FontWeight.bold, color: Color(0xFF3B6EE3)),
-                            ),
                             const Divider(height: 24),
-                            Text(
+                            Text("PERSONAL BEST: ${state.bestScore}",
-                              "PERSONAL BEST: $_bestScore",
+                                style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold, color: Colors.black87)),
-                              style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold, color: Colors.black87),
-                            ),
                           ],
                         ),
                       ),