session

src/components/GameContainer.tsx

@@ -11,6 +11,7 @@ import { GuessDisplay } from "./game/GuessDisplay";
 import { GameOver } from "./game/GameOver";
 import { useTranslation } from "@/hooks/useTranslation";
 import { LanguageContext } from "@/contexts/LanguageContext";
+import { supabase } from "@/integrations/supabase/client";
 
 type GameState = "welcome" | "theme-selection" | "building-sentence" | "showing-guess" | "game-over";
 
@@ -25,10 +26,18 @@ export const GameContainer = () => {
   const [successfulRounds, setSuccessfulRounds] = useState<number>(0);
   const [totalWords, setTotalWords] = useState<number>(0);
   const [usedWords, setUsedWords] = useState<string[]>([]);
+  const [sessionId, setSessionId] = useState<string>("");
   const { toast } = useToast();
   const t = useTranslation();
   const { language } = useContext(LanguageContext);
 
+  useEffect(() => {
+    // Generate a new session ID when starting a new game
+    if (gameState === "theme-selection") {
+      setSessionId(crypto.randomUUID());
+    }
+  }, [gameState]);
+
   useEffect(() => {
     const handleKeyPress = (e: KeyboardEvent) => {
       if (e.key === 'Enter') {
@@ -62,6 +71,7 @@ export const GameContainer = () => {
     setSuccessfulRounds(0);
     setTotalWords(0);
     setUsedWords([]);
+    setSessionId("");
   };
 
   const handleThemeSelect = async (theme: string) => {
@@ -130,6 +140,32 @@ export const GameContainer = () => {
       const sentenceString = finalSentence.join(' ');
       const guess = await guessWord(sentenceString, language);
       setAiGuess(guess);
+      
+      // Save game result with session ID
+      try {
+        const { error } = await supabase
+          .from('game_results')
+          .insert({
+            target_word: currentWord,
+            description: sentenceString,
+            ai_guess: guess,
+            is_correct: guess.toLowerCase() === currentWord.toLowerCase(),
+            session_id: sessionId
+          });
+
+        if (error) {
+          console.error('Error saving game result:', error);
+          throw error;
+        }
+      } catch (error) {
+        console.error('Error in database operation:', error);
+        toast({
+          title: "Error",
+          description: "Failed to save game result. Please try again.",
+          variant: "destructive",
+        });
+      }
+
       setGameState("showing-guess");
     } catch (error) {
       console.error('Error getting AI guess:', error);
@@ -231,6 +267,7 @@ export const GameContainer = () => {
             onPlayAgain={handlePlayAgain}
             currentScore={successfulRounds}
             avgWordsPerRound={getAverageWordsPerRound()}
+            sessionId={sessionId}
           />
         ) : gameState === "game-over" ? (
           <GameOver

src/components/HighScoreBoard.tsx

@@ -28,6 +28,7 @@ interface HighScore {
   score: number;
   avg_words_per_round: number;
   created_at: string;
+  session_id: string;
 }
 
 interface HighScoreBoardProps {
@@ -35,6 +36,7 @@ interface HighScoreBoardProps {
   avgWordsPerRound: number;
   onClose: () => void;
   onPlayAgain: () => void;
+  sessionId: string;
 }
 
 const ITEMS_PER_PAGE = 5;
@@ -57,6 +59,7 @@ export const HighScoreBoard = ({
   currentScore,
   avgWordsPerRound,
   onClose,
+  sessionId,
 }: HighScoreBoardProps) => {
   const [playerName, setPlayerName] = useState("");
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -86,7 +89,6 @@ export const HighScoreBoard = ({
   });
 
   const handleSubmitScore = async () => {
-    // Updated regex to allow letters with diacritics and special characters
     if (!playerName.trim() || !/^[\p{L}0-9]+$/u.test(playerName.trim())) {
       toast({
         title: t.leaderboard.error.invalidName,
@@ -138,6 +140,7 @@ export const HighScoreBoard = ({
             .update({
               score: currentScore,
               avg_words_per_round: avgWordsPerRound,
+              session_id: sessionId
             })
             .eq("id", existingScore.id);
 
@@ -172,6 +175,7 @@ export const HighScoreBoard = ({
           player_name: playerName.trim(),
           score: currentScore,
           avg_words_per_round: avgWordsPerRound,
+          session_id: sessionId
         });
 
         if (insertError) {
@@ -250,7 +254,6 @@ export const HighScoreBoard = ({
             placeholder={t.leaderboard.enterName}
             value={playerName}
             onChange={(e) => {
-              // Allow letters with diacritics and numbers
               const value = e.target.value.replace(/[^a-zA-ZÀ-ÿ0-9]/g, "");
               setPlayerName(value);
             }}

src/components/game/GuessDisplay.tsx

@@ -20,6 +20,7 @@ interface GuessDisplayProps {
   onBack?: () => void;
   currentScore: number;
   avgWordsPerRound: number;
+  sessionId: string;
 }
 
 export const GuessDisplay = ({
@@ -31,6 +32,7 @@ export const GuessDisplay = ({
   onBack,
   currentScore,
   avgWordsPerRound,
+  sessionId,
 }: GuessDisplayProps) => {
   const isGuessCorrect = () => aiGuess.toLowerCase() === currentWord.toLowerCase();
   const isCheating = () => aiGuess === 'CHEATING';
@@ -145,6 +147,7 @@ export const GuessDisplay = ({
                     setIsDialogOpen(false);
                     onPlayAgain();
                   }}
+                  sessionId={sessionId}
                 />
               </DialogContent>
             </Dialog>

src/integrations/supabase/types.ts

@@ -16,6 +16,7 @@ export type Database = {
           description: string
           id: string
           is_correct: boolean
+          session_id: string
           target_word: string
         }
         Insert: {
@@ -24,6 +25,7 @@ export type Database = {
           description: string
           id?: string
           is_correct: boolean
+          session_id?: string
           target_word: string
         }
         Update: {
@@ -32,6 +34,7 @@ export type Database = {
           description?: string
           id?: string
           is_correct?: boolean
+          session_id?: string
           target_word?: string
         }
         Relationships: []
@@ -43,6 +46,7 @@ export type Database = {
           id: string
           player_name: string
           score: number
+          session_id: string
         }
         Insert: {
           avg_words_per_round: number
@@ -50,6 +54,7 @@ export type Database = {
           id?: string
           player_name: string
           score: number
+          session_id: string
         }
         Update: {
           avg_words_per_round?: number
@@ -57,6 +62,7 @@ export type Database = {
           id?: string
           player_name?: string
           score?: number
+          session_id?: string
         }
         Relationships: []
       }