Websites/interactives
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #2 from neeldhara/claude/interactive-math-puzzle-01JBxSjga99gZmemjneZpi5C

Browse source 
Fix tie detection in Presents Puzzle
This commit is contained in:
Neeldhara Misra 2025-11-19 08:17:24 +05:30 • committed by GitHub
commit 639ee8c4bb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 51 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

77
src/components/PresentsPuzzle.tsx
View file

@ -23,7 +23,7 @@ const PresentsPuzzle = ({ showSocialShare = false, shareUrl }: PresentsPuzzlePro
const [aliceFound, setAliceFound] = useState(0);
const [bobFound, setBobFound] = useState(0);
const [isRunning, setIsRunning] = useState(false);
const [winner, setWinner] = useState<'alice' | 'bob' | null>(null);
const [winner, setWinner] = useState<'alice' | 'bob' | 'tie' | null>(null);
const [simulationResults, setSimulationResults] = useState<SimulationResult>({ alice: 0, bob: 0, ties: 0 });
const [hasSimulated, setHasSimulated] = useState(false);
@ -49,7 +49,7 @@ const PresentsPuzzle = ({ showSocialShare = false, shareUrl }: PresentsPuzzlePro
};
// Simulate one round
const simulateRound = (presents: Set<number>): 'alice' | 'bob' => {
const simulateRound = (presents: Set<number>): 'alice' | 'bob' | 'tie' => {
const aliceOrder = getAliceOrder();
const bobOrder = getBobOrder();
@ -57,18 +57,21 @@ const PresentsPuzzle = ({ showSocialShare = false, shareUrl }: PresentsPuzzlePro
let bobCount = 0;
for (let i = 0; i < 100; i++) {
if (presents.has(aliceOrder[i])) {
aliceCount++;
if (aliceCount === 26) return 'alice';
}
const aliceFoundPresent = presents.has(aliceOrder[i]);
const bobFoundPresent = presents.has(bobOrder[i]);
if (presents.has(bobOrder[i])) {
bobCount++;
if (bobCount === 26) return 'bob';
}
if (aliceFoundPresent) aliceCount++;
if (bobFoundPresent) bobCount++;
// Check if both reached 26 on the same turn (tie)
if (aliceCount === 26 && bobCount === 26) return 'tie';
// Check individual winners
if (aliceCount === 26) return 'alice';
if (bobCount === 26) return 'bob';
}
return 'alice'; // Default, though this should never happen
return 'tie'; // Default, though this should never happen
};
// Animate a single simulation
@ -88,7 +91,7 @@ const PresentsPuzzle = ({ showSocialShare = false, shareUrl }: PresentsPuzzlePro
let aliceCount = 0;
let bobCount = 0;
let currentWinner: 'alice' | 'bob' | null = null;
let currentWinner: 'alice' | 'bob' | 'tie' | null = null;
for (let i = 0; i < 100 && !currentWinner; i++) {
await new Promise(resolve => setTimeout(resolve, 50)); // Animation delay
@ -99,20 +102,26 @@ const PresentsPuzzle = ({ showSocialShare = false, shareUrl }: PresentsPuzzlePro
setAliceOpened(prev => new Set(prev).add(aliceBox));
setBobOpened(prev => new Set(prev).add(bobBox));
if (presents.has(aliceBox)) {
const aliceFoundPresent = presents.has(aliceBox);
const bobFoundPresent = presents.has(bobBox);
if (aliceFoundPresent) {
aliceCount++;
setAliceFound(aliceCount);
if (aliceCount === 26) {
currentWinner = 'alice';
}
}
if (presents.has(bobBox)) {
if (bobFoundPresent) {
bobCount++;
setBobFound(bobCount);
if (bobCount === 26 && !currentWinner) {
currentWinner = 'bob';
}
}
// Check for tie first (both reach 26 on same turn)
if (aliceCount === 26 && bobCount === 26) {
currentWinner = 'tie';
} else if (aliceCount === 26) {
currentWinner = 'alice';
} else if (bobCount === 26) {
currentWinner = 'bob';
}
}
@ -140,8 +149,10 @@ const PresentsPuzzle = ({ showSocialShare = false, shareUrl }: PresentsPuzzlePro
const winner = simulateRound(presents);
if (winner === 'alice') {
results.alice++;
} else {
} else if (winner === 'bob') {
results.bob++;
} else {
results.ties++;
}
}
@ -236,7 +247,10 @@ const PresentsPuzzle = ({ showSocialShare = false, shareUrl }: PresentsPuzzlePro
<CardContent className="pt-6">
<div className="text-center">
<div className="text-2xl font-bold text-primary">
{winner === 'alice' ? '🎉 Alice' : '🎉 Bob'} found all 26 presents first!
{winner === 'tie'
? "🤝 It's a tie! Both found all 26 presents at the same time!"
: `🎉 ${winner === 'alice' ? 'Alice' : 'Bob'} found all 26 presents first!`
}
</div>
</div>
</CardContent>
@ -285,7 +299,7 @@ const PresentsPuzzle = ({ showSocialShare = false, shareUrl }: PresentsPuzzlePro
<CardTitle className="text-lg">Results from 100 Simulations</CardTitle>
</CardHeader>
<CardContent>
<div className="grid grid-cols-2 gap-4">
<div className="grid grid-cols-3 gap-4">
<div className="text-center space-y-2">
<div className="text-4xl font-bold text-blue-600 dark:text-blue-400">
{simulationResults.alice}
@ -304,15 +318,26 @@ const PresentsPuzzle = ({ showSocialShare = false, shareUrl }: PresentsPuzzlePro
{((simulationResults.bob / 100) * 100).toFixed(1)}%
</div>
</div>
<div className="text-center space-y-2">
<div className="text-4xl font-bold text-orange-600 dark:text-orange-400">
{simulationResults.ties}
</div>
<div className="text-sm font-medium">Ties</div>
<div className="text-xs text-muted-foreground">
{((simulationResults.ties / 100) * 100).toFixed(1)}%
</div>
</div>
</div>
<div className="mt-4 pt-4 border-t border-border">
<p className="text-sm text-muted-foreground text-center">
{simulationResults.alice > simulationResults.bob
{simulationResults.alice > simulationResults.bob && simulationResults.alice > simulationResults.ties
? '💡 Alice tends to win more often!'
: simulationResults.bob > simulationResults.alice
: simulationResults.bob > simulationResults.alice && simulationResults.bob > simulationResults.ties
? '💡 Bob tends to win more often!'
: '💡 They appear equally likely to win!'
: simulationResults.ties > simulationResults.alice && simulationResults.ties > simulationResults.bob
? '💡 Ties are most common!'
: '💡 The results are quite balanced!'
}
</p>
</div>