Bump version to 0.1.6.38

- Entferne Fallback auf hasWon/hasLost States
- isSolved/isFailed werden jetzt direkt aus gameState gelesen
- Boolean() Konvertierung für explizite Typ-Sicherheit
- Behebt Problem, dass Ergebnisanzeige bei zurückkehrenden Rätseln nicht angezeigt wurde

components/AudioPlayer.tsx

@@ -96,12 +96,15 @@ const AudioPlayer = forwardRef<AudioPlayerRef, AudioPlayerProps>(({ src, unlocke
                         }
                     }, 150);
                 }
-            } else if (startTime !== undefined && audioRef.current.currentTime < startTime) {
+            } else if (startTime !== undefined && startTime > 0) {
-                // If startTime is set and currentTime is before it, reset to startTime
+                // If startTime is set and we haven't processed changes, ensure currentTime is at least at startTime
-                // This handles the case where the audio element was reset or reloaded
+                // This handles the case where the audio element was reset or reloaded, or when manually playing for the first time
+                const current = audioRef.current.currentTime;
+                if (current < startTime) {
                     audioRef.current.currentTime = startTime;
                 }
             }
+        }
     }, [src, unlockedSeconds, startTime, autoPlay, processedSrc, processedUnlockedSeconds]);
 
     // Expose play method to parent component
@@ -145,16 +148,31 @@ const AudioPlayer = forwardRef<AudioPlayerRef, AudioPlayerProps>(({ src, unlocke
             audioRef.current.pause();
             setIsPlaying(false);
         } else {
-            // Check if we need to reset to startTime
+            // Ensure we're at the correct position before playing
             const current = audioRef.current.currentTime;
             const elapsed = current - startTime;
             
-            // Reset if: never played before, current position is before startTime, or we've exceeded the unlocked segment
+            // Determine target position
-            if (!hasPlayedOnce || current < startTime || elapsed >= unlockedSeconds) {
+            let targetPos = startTime;
-                // Reset to start of segment
+            
-                audioRef.current.currentTime = startTime;
+            // If we've played before and we're within the unlocked segment, continue from current position
+            if (hasPlayedOnce && current >= startTime && elapsed < unlockedSeconds) {
+                targetPos = current; // Continue from current position
+            } else {
+                // Reset to start of segment if: never played, before startTime, or exceeded unlocked segment
+                targetPos = startTime;
             }
             
+            // Set position before playing
+            audioRef.current.currentTime = targetPos;
+            
+            // Ensure position sticks (browser might reset it)
+            setTimeout(() => {
+                if (audioRef.current && Math.abs(audioRef.current.currentTime - targetPos) > 0.5) {
+                    audioRef.current.currentTime = targetPos;
+                }
+            }, 50);
+            
             audioRef.current.play();
             setIsPlaying(true);
             onPlay?.();

components/Game.tsx

@@ -96,6 +96,10 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
             if (gameState.isSolved && !gameState.yearGuessed && dailyPuzzle?.releaseYear) {
                 setShowYearModal(true);
             }
+        } else {
+            // Reset states when gameState is null (e.g., during loading)
+            setHasWon(false);
+            setHasLost(false);
         }
     }, [gameState, dailyPuzzle]);
 
@@ -164,6 +168,12 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
     );
     if (!gameState) return <div>{t('loadingState')}</div>;
     
+    // Use gameState directly for isSolved/isFailed to ensure consistency when returning to completed puzzles
+    // Always use gameState values directly - they are the source of truth
+    // This ensures that when returning to a completed puzzle, the result is shown immediately
+    const isSolved = Boolean(gameState.isSolved);
+    const isFailed = Boolean(gameState.isFailed);
+
     const handleGuess = (song: any) => {
         if (isProcessingGuess) return;
         // Prevent guessing if already solved or failed
@@ -176,6 +186,7 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
         if (song.id === dailyPuzzle.songId) {
             addGuess(song.title, true);
             setHasWon(true);
+            // gameState.isSolved will be updated by useGameState
             // Track puzzle solved event
             if (typeof window !== 'undefined' && window.plausible) {
                 window.plausible('puzzle_solved', {
@@ -196,6 +207,7 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
             if (gameState.guesses.length + 1 >= maxAttempts) {
                 setHasLost(true);
                 setHasWon(false);
+                // gameState.isFailed will be updated by useGameState
                 // Track puzzle lost event
                 if (typeof window !== 'undefined' && window.plausible) {
                     window.plausible('puzzle_solved', {
@@ -236,6 +248,7 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
         if (gameState.guesses.length + 1 >= maxAttempts) {
             setHasLost(true);
             setHasWon(false);
+            // gameState.isFailed will be updated by useGameState
             // Track puzzle lost event
             if (typeof window !== 'undefined' && window.plausible) {
                 window.plausible('puzzle_solved', {
@@ -260,6 +273,7 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
         giveUp(); // Ensure game is marked as failed and score reset to 0
         setHasLost(true);
         setHasWon(false);
+        // gameState.isFailed will be updated by useGameState
         // Track puzzle lost event
         if (typeof window !== 'undefined' && window.plausible) {
             window.plausible('puzzle_solved', {
@@ -409,19 +423,19 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
             if (i < gameState.guesses.length) {
                 if (gameState.guesses[i] === 'SKIPPED') {
                     emojiGrid += '⬛';
-                } else if (hasWon && i === gameState.guesses.length - 1) {
+                } else if (isSolved && i === gameState.guesses.length - 1) {
                     emojiGrid += '🟩';
                 } else {
                     emojiGrid += '🟥';
                 }
             } else {
                 // If game is lost, fill remaining slots with black squares
-                emojiGrid += hasLost ? '⬛' : '⬜';
+                emojiGrid += isFailed ? '⬛' : '⬜';
             }
         }
 
-        const speaker = hasWon ? '🔉' : '🔇';
+        const speaker = isSolved ? '🔉' : '🔇';
-        const bonusStar = (hasWon && gameState.yearGuessed && dailyPuzzle.releaseYear && gameState.scoreBreakdown.some(item => item.reason === 'Bonus: Correct Year')) ? '⭐' : '';
+        const bonusStar = (isSolved && gameState.yearGuessed && dailyPuzzle.releaseYear && gameState.scoreBreakdown.some(item => item.reason === 'Bonus: Correct Year')) ? '⭐' : '';
         const genreText = genre ? `${isSpecial ? t('special') : t('genre')}: ${genre}\n` : '';
 
         // Use current domain from window.location to support both hoerdle.de and hördle.de
@@ -534,7 +548,7 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
                             src={dailyPuzzle.audioUrl}
                             unlockedSeconds={unlockedSeconds}
                             startTime={dailyPuzzle.startTime}
-                            autoPlay={lastAction === 'SKIP' || (lastAction === 'GUESS' && !hasWon && !hasLost)}
+                            autoPlay={lastAction === 'SKIP' || (lastAction === 'GUESS' && !isSolved && !isFailed)}
                             onReplay={addReplay}
                             onHasPlayedChange={setHasPlayedAudio}
                         />
@@ -543,7 +557,7 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
 
                 <div className="guess-list">
                     {gameState.guesses.map((guess, i) => {
-                        const isCorrect = hasWon && i === gameState.guesses.length - 1;
+                        const isCorrect = isSolved && i === gameState.guesses.length - 1;
                         return (
                             <div key={i} className="guess-item">
                                 <span className="guess-number">#{i + 1}</span>
@@ -555,7 +569,7 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
                     })}
                 </div>
 
-                {!hasWon && !hasLost && (
+                {!isSolved && !isFailed && (
                     <>
                         <div id="tour-input">
                             <GuessInput onGuess={handleGuess} disabled={isProcessingGuess} />
@@ -586,13 +600,13 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
                     </>
                 )}
 
-                {(hasWon || hasLost) && (
+                {(isSolved || isFailed) && (
-                    <div className={`message-box ${hasWon ? 'success' : 'failure'}`}>
+                    <div className={`message-box ${isSolved ? 'success' : 'failure'}`}>
                         <h2 style={{ fontSize: '1.5rem', fontWeight: 'bold', marginBottom: '0.5rem' }}>
-                            {hasWon ? t('won') : t('lost')}
+                            {isSolved ? t('won') : t('lost')}
                         </h2>
 
-                        <div style={{ fontSize: '2rem', fontWeight: 'bold', margin: '1rem 0', color: hasWon ? 'var(--success)' : 'var(--danger)' }}>
+                        <div style={{ fontSize: '2rem', fontWeight: 'bold', margin: '1rem 0', color: isSolved ? 'var(--success)' : 'var(--danger)' }}>
                             {t('score')}: {gameState.score}
                         </div>
 
@@ -610,7 +624,7 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
                             </ul>
                         </details>
 
-                        <p>{hasWon ? t('comeBackTomorrow') : t('theSongWas')}</p>
+                        <p>{isSolved ? t('comeBackTomorrow') : t('theSongWas')}</p>
 
                         <div style={{ margin: '1.5rem 0', padding: '1rem', background: 'rgba(255,255,255,0.5)', borderRadius: '0.5rem', display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
                             <img

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hoerdle",
-  "version": "0.1.6.36",
+  "version": "0.1.6.38",
   "private": true,
   "scripts": {
     "dev": "next dev",

scripts/deploy.sh

@@ -69,6 +69,38 @@ git fetch --prune --tags origin master
 git fetch --tags origin
 git reset --hard origin/master
 
+# Determine version: try git tag first, then package.json
+echo "🏷️  Determining version..."
+APP_VERSION=""
+# Try to get exact tag if we're on a tagged commit
+if git describe --tags --exact-match HEAD 2>/dev/null; then
+    APP_VERSION=$(git describe --tags --exact-match HEAD 2>/dev/null)
+    echo "   Found exact tag: $APP_VERSION"
+else
+    # Try to get latest tag
+    LATEST_TAG=$(git describe --tags --abbrev=0 2>/dev/null || echo "")
+    if [ -n "$LATEST_TAG" ]; then
+        APP_VERSION="$LATEST_TAG"
+        echo "   Using latest tag: $APP_VERSION"
+    else
+        # Fallback to package.json
+        if [ -f "package.json" ]; then
+            PACKAGE_VERSION=$(grep -o '"version": "[^"]*"' package.json 2>/dev/null | cut -d'"' -f4)
+            if [ -n "$PACKAGE_VERSION" ]; then
+                APP_VERSION="v${PACKAGE_VERSION}"
+                echo "   Using package.json version: $APP_VERSION"
+            fi
+        fi
+    fi
+fi
+
+if [ -z "$APP_VERSION" ]; then
+    echo "⚠️  Could not determine version, using 'dev'"
+    APP_VERSION="dev"
+fi
+
+echo "📦 Building with version: $APP_VERSION"
+
 # Prüfe und erstelle/repariere Netzwerk falls nötig
 echo "🌐 Prüfe Docker-Netzwerk..."
 if ! docker network ls | grep -q "hoerdle_default"; then
@@ -84,7 +116,7 @@ echo ""
 
 # Build new image in background (doesn't stop running container)
 echo "🔨 Building new Docker image (this runs while app is still online)..."
-docker compose build
+docker compose build --build-arg APP_VERSION="$APP_VERSION"
 
 # Quick restart with pre-built image
 echo "🔄 Restarting with new image (minimal downtime)..."