\n {/* Connection Status */}\n

\n \n Connected to Post Office Trivia\n

\n\n {/* Header */}\n

📮 USPS TRIVIA CHALLENGE

Test Your Team Knowledge

\n\n {/* Error Display */}\n {error && (\n

\n {error}\n

\n )}\n\n {/* Main Content */}\n {!currentUser ? (\n \n ) : (\n

\n {/* Welcome Message */}\n

\n 👋\n Welcome, {currentUser.name}!\n

🎯 You're now in the post office!

\n \n

\n\n {/* Game Content Based on Status */}\n {gameState.gameStatus === 'waiting' && (\n

\n ⏳\n

Waiting for more players...

Need at least 2 players to start collecting facts

\n )}\n\n {gameState.gameStatus === 'collecting_facts' && (\n <>\n {!currentUser.fact ? (\n \n ) : (\n

\n ✅\n Your Fact Submitted!\n

Your fact has been added to the queue:

\"{currentUser.fact}\"

Waiting for other players to submit their facts...

\n )}\n \n \n \n )}\n\n {gameState.gameStatus === 'playing' && gameState.currentRound && (\n \n )}\n\n {gameState.gameStatus === 'playing' && !gameState.currentRound && (\n

\n 🎯\n

Ready for the next round!

\n \n {isStarting ? (\n <>\n \n Starting Round...\n \n ) : (\n <>\n 🚀\n Start Next Round\n \n )}\n \n

\n )}\n\n {/* Leaderboard */}\n \n \n {/* User List */}\n \n

\n )}\n\n {/* Admin Panel - Discrete placement at bottom */}\n

\n setShowAdminPanel(!showAdminPanel)}\n className=\"text-xs text-gray-400 hover:text-gray-600 underline\"\n >\n {showAdminPanel ? 'Hide Admin' : 'Admin'}\n \n

\n \n {showAdminPanel && (\n

⚠️ Admin Controls

\n This will immediately disconnect all players and clear all game data including facts, votes, scores, and rounds.\n

\n \n {isKickingAll ? (\n <>\n \n Clearing All Data...\n \n ) : (\n <>\n 🚨 Kick All Players & Clear Data\n \n )}\n \n

\n )}\n

\n );\n}",[],[226,233,240],{"_108":249,"_100":250,"_152":251,"_154":234,"_155":139,"_156":252,"_158":159,"_110":253,"_105":31,"_161":181,"_163":254,"_164":27,"_165":-5,"_166":255,"_103":256},"825a7758-487d-11f0-b602-76b3cceeab13","FactEntry.tsx","825a7820-487d-11f0-b602-76b3cceeab13",31,["D",1749836434350],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from 'https://esm.sh/react@18.2.0';\n\ninterface FactEntryProps {\n onSubmitFact: (fact: string) => void;\n isSubmitting: boolean;\n error: string | null;\n}\n\nexport function FactEntry({ onSubmitFact, isSubmitting, error }: FactEntryProps) {\n const [fact, setFact] = useState('');\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n if (fact.trim() && !isSubmitting) {\n onSubmitFact(fact.trim());\n }\n };\n\n return (\n

\n 📝\n Share a Fun Fact About Yourself\n

\n \n {error && (\n

\n {error}\n

\n )}\n \n

\n \n Enter an interesting fact about yourself:\n \n setFact(e.target.value)}\n placeholder=\"e.g., I once met a celebrity at a coffee shop, I can juggle three balls, I've been to 15 countries...\"\n className=\"usps-input w-full h-24 resize-none\"\n maxLength={200}\n disabled={isSubmitting}\n autoFocus\n />\n

\n {fact.length}/200 characters\n

\n \n \n {isSubmitting ? (\n <>\n \n Submitting...\n \n ) : (\n <>\n 📮\n Submit Fact\n \n )}\n \n \n \n

💡 Make it interesting but not too obvious!

🎯 Other players will try to guess it's yours

\n );\n}",[],[226,233,250],{"_108":258,"_100":259,"_152":260,"_154":234,"_155":139,"_156":261,"_158":159,"_110":262,"_105":191,"_161":181,"_163":263,"_164":27,"_165":-5,"_166":264,"_103":265},"79e180de-487e-11f0-830a-76b3cceeab13","GameLobby.tsx","ad6f2e84-487d-11f0-aa0a-76b3cceeab13",43,["D",1749836849626],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'https://esm.sh/react@18.2.0';\nimport type { User } from '../../shared/types.ts';\n\ninterface GameLobbyProps {\n users: User[];\n currentUserId: string;\n onStartRound: () => void;\n isStarting: boolean;\n}\n\nexport function GameLobby({ users, currentUserId, onStartRound, isStarting }: GameLobbyProps) {\n const usersWithFacts = users.filter(u => u.fact);\n const usersWithoutFacts = users.filter(u => !u.fact);\n const canStartGame = usersWithFacts.length >= 2 && usersWithoutFacts.length === 0;\n const allFactsSubmitted = usersWithoutFacts.length === 0;\n\n return (\n

\n {/* Game Status */}\n

\n 🎮\n Game Status\n

\n \nexport function GameLobby({ users, currentUserId, onStartRound, isStarting }: GameLobbyProps) {\n const usersWithFacts = users.filter(u => u.fact);\n const usersWithoutFacts = users.filter(u => !u.fact);\n const canStartGame = usersWithFacts.length >= 2;\n const allFactsSubmitted = usersWithoutFacts.length === 0;\n\n return (\n

\n {/* Game Status */}\n

\n 🎮\n Game Status\n

\n \n

\n {usersWithFacts.length < 2 ? (\n

\n ⏳\n

\n Waiting for more players to submit facts...\n

\n Need at least 2 players with facts to start playing\n

\n {usersWithFacts.length} of {users.length} players have submitted facts\n

\n ) : (\n

\n 🚀\n

\n {allFactsSubmitted ? 'All facts collected!' : 'Ready to start!'} \n

\n {usersWithFacts.length} facts are queued up for guessing\n {!allFactsSubmitted && ` (${usersWithoutFacts.length} players still submitting)`}\n

\n \n {isStarting ? (\n <>\n \n Starting Round...\n \n ) : (\n <>\n 🎯\n Start First Round\n \n )}\n \n {!allFactsSubmitted && (\n

\n 💡 You can start now or wait for everyone to submit facts\n

\n )}\n

\n\n {/* Facts Status */}\n

\n 📊\n Facts Collection Progress\n

\n \n

\n {/* Progress Bar */}\n

\n Facts Submitted\n {usersWithFacts.length}/{users.length}\n

\n\n {/* Users with facts */}\n {usersWithFacts.length > 0 && (\n

\n ✅ Ready to play ({usersWithFacts.length}):\n

\n {usersWithFacts.map((user) => (\n \n {user.name}\n {user.id === currentUserId && ' (You)'}\n \n ))}\n

\n )}\n\n {/* Users without facts */}\n {usersWithoutFacts.length > 0 && (\n

\n ⏳ Still submitting facts ({usersWithoutFacts.length}):\n

\n {usersWithoutFacts.map((user) => (\n \n {user.name}\n {user.id === currentUserId && ' (You)'}\n \n ))}\n

\n )}\n

\n );\n}",[],[226,233,259],{"_108":267,"_100":268,"_152":269,"_154":234,"_155":139,"_156":270,"_158":159,"_110":271,"_105":31,"_161":181,"_163":272,"_164":27,"_165":-5,"_166":273,"_103":274},"9aee4f7e-487d-11f0-932a-76b3cceeab13","GameRound.tsx","9aee5046-487d-11f0-932a-76b3cceeab13",32,["D",1749836475583],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from 'https://esm.sh/react@18.2.0';\nimport type { GameRound, User, Vote } from '../../shared/types.ts';\n\ninterface GameRoundProps {\n round: GameRound;\n users: User[];\n currentUserId: string;\n userVote: Vote | null;\n onVote: (guessedUserId: string) => void;\n onReveal: () => void;\n onSkip: () => void;\n isVoting: boolean;\n}\n\nexport function GameRoundComponent({ \n round, \n users, \n currentUserId, \n userVote, \n onVote, \n onReveal, \n onSkip, \n isVoting \n}: GameRoundProps) {\n const [selectedUserId, setSelectedUserId] = useState('');\n \n // Filter out the fact owner from voting options\n const votingOptions = users.filter(u => u.id !== round.fact.userId && u.id !== currentUserId);\n \n const handleVote = () => {\n if (selectedUserId && !userVote && !isVoting) {\n onVote(selectedUserId);\n }\n };\n\n const getVoteCount = (userId: string) => {\n return round.votes.filter(vote => vote.guessedUserId === userId).length;\n };\n\n const getVoterNames = (userId: string) => {\n const voters = round.votes\n .filter(vote => vote.guessedUserId === userId)\n .map(vote => users.find(u => u.id === vote.voterId)?.name)\n .filter(Boolean);\n return voters;\n };\n\n const isFactOwner = round.fact.userId === currentUserId;\n const hasVoted = !!userVote;\n const canReveal = round.votes.length > 0 && round.status === 'voting';\n\n return (\n

\n 🎯\n Guess Who: Round {round.id.slice(-4)}\n

\n \n {/* The Fact */}\n

Mystery Fact:

\"{round.fact.content}\"

\n\n {/* Voting Phase */}\n {round.status === 'voting' && (\n <>\n {isFactOwner ? (\n

\n 🤫\n

\n This is your fact! Wait for others to vote...\n

\n {round.votes.length} vote{round.votes.length !== 1 ? 's' : ''} cast so far\n

\n ) : hasVoted ? (\n

\n ✅\n

\n You voted for: {users.find(u => u.id === userVote.guessedUserId)?.name}\n

\n Waiting for others to vote... ({round.votes.length} total votes)\n

\n ) : (\n

Who do you think this fact belongs to?

\n \n

\n {votingOptions.map((user) => (\n \n setSelectedUserId(e.target.value)}\n className=\"sr-only\"\n />\n 👤\n {user.name}\n {round.votes.some(v => v.guessedUserId === user.id) && (\n \n {getVoteCount(user.id)} vote{getVoteCount(user.id) !== 1 ? 's' : ''}\n \n )}\n \n ))}\n

\n \n \n {isVoting ? (\n <>\n \n Casting Vote...\n \n ) : (\n <>\n 🗳️\n Cast Your Vote\n \n )}\n \n

\n )}\n \n )}\n\n {/* Results Phase */}\n {round.status === 'revealed' && (\n

\n 🎉\n Revealed! This fact belongs to:\n

\n {round.factOwner.name}\n

\n\n

Vote Results:

\n {votingOptions.map((user) => {\n const voteCount = getVoteCount(user.id);\n const voterNames = getVoterNames(user.id);\n const isCorrect = user.id === round.fact.userId;\n \n return (\n 0\n ? 'border-gray-300 bg-gray-50'\n : 'border-gray-200'\n }`}\n >\n

\n \n {isCorrect && ✅}\n {user.name}\n \n \n {voteCount} vote{voteCount !== 1 ? 's' : ''}\n \n

\n {voterNames.length > 0 && (\n

\n Voted by: {voterNames.join(', ')}\n

\n )}\n

\n );\n })}\n

\n )}\n\n {/* Action Buttons */}\n {round.status === 'voting' && (\n

\n {canReveal && (\n \n 🎭\n Reveal Answer\n \n )}\n \n ⏭️\n Skip This Round\n \n

\n )}\n

\n );\n}",[],[226,233,268],{"_108":276,"_100":277,"_152":278,"_154":234,"_155":139,"_156":279,"_158":159,"_110":280,"_105":31,"_161":181,"_163":281,"_164":27,"_165":-5,"_166":282,"_103":283},"a259f1fa-487d-11f0-9a4a-76b3cceeab13","Leaderboard.tsx","a259f3b2-487d-11f0-9a4a-76b3cceeab13",33,["D",1749836488035],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'https://esm.sh/react@18.2.0';\n\ninterface LeaderboardProps {\n leaderboard: { userId: string; name: string; score: number }[];\n currentUserId: string;\n}\n\nexport function Leaderboard({ leaderboard, currentUserId }: LeaderboardProps) {\n if (leaderboard.length === 0) {\n return null;\n }\n\n return (\n

\n 🏆\n Leaderboard\n

\n \n

\n {leaderboard.map((entry, index) => {\n const isCurrentUser = entry.userId === currentUserId;\n const position = index + 1;\n \n let positionIcon = '🥉';\n if (position === 1) positionIcon = '🥇';\n else if (position === 2) positionIcon = '🥈';\n \n return (\n \n

\n {positionIcon}\n

\n \n {entry.name}\n {isCurrentUser && (You)}\n \n

\n \n {entry.score} point{entry.score !== 1 ? 's' : ''}\n \n

\n );\n })}\n

\n \n );\n}",[],[226,233,277],{"_108":285,"_100":286,"_152":287,"_154":234,"_155":139,"_156":288,"_158":159,"_110":289,"_105":157,"_161":181,"_163":290,"_164":27,"_165":-5,"_166":291,"_103":292},"a425be4e-487b-11f0-b71f-76b3cceeab13","NameEntry.tsx","b070df40-487a-11f0-bbee-76b3cceeab13",20,["D",1749835632051],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from 'https://esm.sh/react@18.2.0';\n\ninterface NameEntryProps {\n onJoin: (name: string) => void;\n isConnecting: boolean;\n error: string | null;\n}\n\nexport function NameEntry({ onJoin, isConnecting, error }: NameEntryProps) {\n const [name, setName] = useState('');\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n if (name.trim() && !isConnecting) {\n onJoin(name.trim());\n }\n };\n\n return (\n

\n 📮\n Join the Post Office Trivia Challenge\n

\n \n {error && (\n

\n {error}\n

\n )}\n \n

\n );\n}",[],[226,233,286],{"_108":294,"_100":295,"_152":296,"_154":234,"_155":139,"_156":297,"_158":159,"_110":298,"_105":191,"_161":181,"_163":299,"_164":27,"_165":-5,"_166":300,"_103":301},"abcd66a6-487b-11f0-859d-76b3cceeab13","UserList.tsx","b968f79a-487a-11f0-8aff-76b3cceeab13",22,["D",1749835644894],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'https://esm.sh/react@18.2.0';\nimport type { User } from '../../shared/types.ts';\n\ninterface UserListProps {\n users: User[];\n currentUserId: string | null;\n}\n\nexport function UserList({ users, currentUserId }: UserListProps) {\n return (\n

\n 👥\n Postal Workers Online ({users.length}/30)\n

\n \n {users.length === 0 ? (\n

\n 📭\n

No postal workers online yet...

Be the first to join!

\n ) : (\n

\n {users.map((user) => (\n \n \n {user.name}\n {user.id === currentUserId && (\n 📍\n )}\n

\n ))}\n

\n )}\n \n

\n {users.length < 30 ? (\n

🚚 Waiting for more postal workers to join... ({30 - users.length} spots available)

\n ) : (\n

📮 Post office is full! Ready to start trivia!

\n )}\n

\n \n );\n}",[],[226,233,295],[226,233],{"_108":304,"_100":305,"_152":306,"_154":227,"_155":139,"_156":228,"_158":159,"_110":307,"_105":31,"_161":308,"_163":309,"_164":27,"_165":-5,"_166":310,"_103":311},"95d107aa-487a-11f0-a9ec-76b3cceeab13","index.html","95d10886-487a-11f0-a9ec-76b3cceeab13",["D",1749835178513],"file","\n\n\n \n \n USPS Trivia Challenge\n \n \n \n \n \n \n\n\n

\n \n \n\n",[],[226,305],{"_108":313,"_100":314,"_152":315,"_154":227,"_155":139,"_156":316,"_158":159,"_110":317,"_105":31,"_161":181,"_163":318,"_164":27,"_165":-5,"_166":319,"_103":320},"ce99700e-487a-11f0-90fc-76b3cceeab13","index.tsx","ce9970d6-487a-11f0-90fc-76b3cceeab13",12,["D",1749835273779],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'https://esm.sh/react@18.2.0';\nimport { createRoot } from 'https://esm.sh/react-dom@18.2.0/client';\nimport { App } from './components/App.tsx';\n\nconst root = createRoot(document.getElementById('root')!);\nroot.render();",[],[226,314],{"_108":322,"_100":323,"_152":324,"_154":227,"_155":139,"_156":244,"_158":159,"_110":325,"_105":31,"_161":308,"_163":326,"_164":27,"_165":-5,"_166":327,"_103":328},"a830b47c-487a-11f0-9dd0-76b3cceeab13","style.css","a830b530-487a-11f0-9dd0-76b3cceeab13",["D",1749835209340],"/* USPS Trivia Game Styles */\n\n:root {\n --usps-blue: #004B87;\n --usps-red: #DA020E;\n --usps-light-blue: #0077BE;\n --usps-gray: #5A5A5A;\n --usps-light-gray: #F5F5F5;\n --usps-white: #FFFFFF;\n}\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n margin: 0;\n padding: 0;\n background: linear-gradient(135deg, var(--usps-blue) 0%, var(--usps-light-blue) 100%);\n min-height: 100vh;\n}\n\n.bg-usps-blue {\n background: linear-gradient(135deg, var(--usps-blue) 0%, var(--usps-light-blue) 100%);\n}\n\n.usps-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 2rem;\n}\n\n.usps-header {\n text-align: center;\n margin-bottom: 3rem;\n color: white;\n}\n\n.usps-logo {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 0.5rem;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\n}\n\n.usps-tagline {\n font-size: 1.1rem;\n opacity: 0.9;\n font-weight: 500;\n}\n\n.usps-card {\n background: white;\n border-radius: 12px;\n padding: 2rem;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n border: 3px solid var(--usps-red);\n margin-bottom: 2rem;\n}\n\n.usps-card-header {\n border-bottom: 2px solid var(--usps-light-gray);\n padding-bottom: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.usps-card-title {\n color: var(--usps-blue);\n font-size: 1.5rem;\n font-weight: 600;\n margin: 0;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.usps-form {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.usps-input {\n padding: 0.75rem 1rem;\n border: 2px solid var(--usps-light-gray);\n border-radius: 6px;\n font-size: 1rem;\n transition: border-color 0.2s;\n}\n\n.usps-input:focus {\n outline: none;\n border-color: var(--usps-blue);\n box-shadow: 0 0 0 3px rgba(0, 75, 135, 0.1);\n}\n\n.usps-button {\n background: var(--usps-red);\n color: white;\n border: none;\n padding: 0.75rem 1.5rem;\n border-radius: 6px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: background-color 0.2s;\n}\n\n.usps-button:hover {\n background: #B8001A;\n}\n\n.usps-button:disabled {\n background: var(--usps-gray);\n cursor: not-allowed;\n}\n\n.users-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 1rem;\n margin-top: 1rem;\n}\n\n.user-badge {\n background: var(--usps-light-blue);\n color: white;\n padding: 0.75rem 1rem;\n border-radius: 8px;\n text-align: center;\n font-weight: 500;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n}\n\n.user-badge.current-user {\n background: var(--usps-red);\n border: 2px solid white;\n box-shadow: 0 0 0 2px var(--usps-red);\n}\n\n.status-indicator {\n width: 8px;\n height: 8px;\n background: #00FF00;\n border-radius: 50%;\n display: inline-block;\n}\n\n.error-message {\n background: #FEE;\n color: var(--usps-red);\n padding: 1rem;\n border-radius: 6px;\n border: 1px solid var(--usps-red);\n margin-bottom: 1rem;\n}\n\n.loading-spinner {\n display: inline-block;\n width: 20px;\n height: 20px;\n border: 2px solid #f3f3f3;\n border-top: 2px solid var(--usps-blue);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n.connection-status {\n position: fixed;\n top: 1rem;\n right: 1rem;\n padding: 0.5rem 1rem;\n border-radius: 20px;\n font-size: 0.875rem;\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.connection-status.connected {\n background: #D4EDDA;\n color: #155724;\n border: 1px solid #C3E6CB;\n}\n\n.connection-status.disconnected {\n background: #F8D7DA;\n color: #721C24;\n border: 1px solid #F5C6CB;\n}\n\n.postal-icon {\n font-size: 1.2em;\n}\n\n@media (max-width: 640px) {\n .usps-container {\n padding: 1rem;\n }\n \n .usps-logo {\n font-size: 2rem;\n }\n \n .users-grid {\n grid-template-columns: 1fr;\n }\n}",[],[226,323],[226],{"_108":331,"_100":332,"_152":333,"_154":-5,"_155":139,"_156":191,"_158":159,"_110":334,"_105":31,"_161":162,"_163":-5,"_164":27,"_165":-5,"_166":335,"_103":345},"7205417e-487a-11f0-aed0-76b3cceeab13","shared","871b29af-733c-45f6-a07c-d1731f9bbc70",["D",1749835118445],[336],{"_108":337,"_100":338,"_152":339,"_154":333,"_155":139,"_156":340,"_158":159,"_110":341,"_105":180,"_161":181,"_163":342,"_164":27,"_165":-5,"_166":343,"_103":344},"3c65a98e-487d-11f0-8413-76b3cceeab13","types.ts","72053a8a-487a-11f0-aed0-76b3cceeab13",27,["D",1749836316977],"// Shared types for USPS Trivia Game\n\nexport interface User {\n id: string;\n name: string;\n joinedAt: number;\n isActive: boolean;\n fact?: string;\n score: number;\n}\n\nexport interface Fact {\n id: string;\n userId: string;\n content: string;\n createdAt: number;\n}\n\nexport interface Vote {\n id: string;\n factId: string;\n voterId: string;\n guessedUserId: string;\n createdAt: number;\n}\n\nexport interface GameRound {\n id: string;\n factId: string;\n fact: Fact;\n factOwner: User;\n votes: Vote[];\n status: 'voting' | 'revealed' | 'skipped';\n createdAt: number;\n}\n\nexport interface GameState {\n users: User[];\n maxUsers: number;\n gameStatus: 'waiting' | 'collecting_facts' | 'playing' | 'finished';\n currentRound?: GameRound;\n leaderboard: { userId: string; name: string; score: number }[];\n}\n\n// WebSocket message types - keeping for future real-time implementation\nexport type WSMessage = \n | { type: 'user_joined'; user: User }\n | { type: 'user_left'; userId: string }\n | { type: 'users_update'; users: User[] }\n | { type: 'game_state'; state: GameState }\n | { type: 'fact_submitted'; userId: string }\n | { type: 'vote_cast'; vote: Vote }\n | { type: 'round_revealed'; round: GameRound }\n | { type: 'error'; message: string };\n\nexport interface WSClientMessage {\n type: 'join' | 'leave' | 'submit_fact' | 'vote' | 'reveal' | 'skip';\n name?: string;\n userId?: string;\n fact?: string;\n guessedUserId?: string;\n}",[],[332,338],[332],{"_108":347,"_100":348,"_152":349,"_154":-5,"_155":139,"_156":350,"_158":159,"_110":351,"_105":31,"_161":308,"_163":352,"_164":27,"_165":-5,"_166":353,"_103":354},"08a0785c-4884-11f0-b999-76b3cceeab13",".vtignore","08a07906-4884-11f0-b999-76b3cceeab13",48,["D",1749839236567],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[348],{"_108":356,"_100":357,"_152":358,"_154":-5,"_155":139,"_156":138,"_158":159,"_110":359,"_105":244,"_161":308,"_163":360,"_164":27,"_165":-5,"_166":361,"_103":362},"8ff2cee0-4884-11f0-b6d0-76b3cceeab13","README.md","6db52314-487a-11f0-816c-76b3cceeab13",["D",1749839463629],"# USPS Trivia Game\n\nA realtime trivia game themed like a USPS post office, supporting up to 30 concurrent users.\n\nhttps://www.val.town/x/bmitchinson/factoid-trivia\n\n## Features\n\n- USPS post office themed design\n- Real-time user presence (see who's online)\n- Name entry and user management\n- Support for up to 30 concurrent players\n- **NEW:** Complete trivia game functionality:\n - Fact submission by each player\n - Random fact selection for rounds\n - Voting system where players guess whose fact it is\n - Real-time vote tracking and display\n - Answer reveal with vote results\n - Scoring system and leaderboard\n - Skip functionality for rounds\n\n## How to Play\n\n1. **Join the Game**: Enter your name to join the post office\n2. **Submit a Fact**: Each player submits an interesting fact about themselves\n3. **Wait for Others**: Game can start when at least 2 players have submitted facts\n4. **Vote on Facts**: When a fact is displayed, guess which player it belongs to\n5. **See Results**: After voting, reveal answers to see who was correct\n6. **Earn Points**: Get 1 point for each correct guess\n7. **Climb the Leaderboard**: Track your score against other players\n\n## Game Flow\n\n```\nJoin Game → All Players Submit Facts → Facts Get Queued → \nVote on Random Facts → See Results → Earn Points → \nNext Round → Repeat Until All Facts Used\n```\n\n## Key Features\n\n- **Everyone Submits Facts**: All players can and should submit facts\n- **Random Queue System**: Facts are randomly selected from the queue for each round\n- **Flexible Start**: Game can start with 2+ facts, or wait for everyone\n- **Real-time Progress**: See who has/hasn't submitted facts yet\n- **Complete Fact Usage**: All submitted facts will eventually be used in rounds\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Main Hono server with game API endpoints\n│ ├── database/\n│ │ ├── migrations.ts # SQLite schema for users, facts, votes, rounds\n│ │ └── queries.ts # Database query functions for game logic\n│ └── routes/\n│ └── websocket.ts # WebSocket connection handling (future)\n├── frontend/\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # React frontend entry point\n│ ├── components/\n│ │ ├── App.tsx # Main app component with game state management\n│ │ ├── NameEntry.tsx # Name entry form\n│ │ ├── FactEntry.tsx # Fact submission form\n│ │ ├── GameLobby.tsx # Waiting area showing fact collection progress\n│ │ ├── GameRound.tsx # Active round with voting interface\n│ │ ├── Leaderboard.tsx # Score tracking display\n│ │ └── UserList.tsx # Online users display\n│ └── style.css # USPS-themed styles\n└── shared/\n └── types.ts # Shared TypeScript types for game objects\n```\n\n## Getting Started\n\n1. The backend runs on Hono with WebSocket support for real-time features\n2. Frontend uses React with WebSocket client for real-time updates\n3. SQLite stores user sessions and game state\n4. USPS-themed styling with postal colors and typography\n\n## Current Status\n\n- ✅ User name entry and management\n- ✅ Real-time user presence (up to 30 players)\n- ✅ USPS theming and design\n- ✅ **Fact submission system**\n- ✅ **Random fact selection for rounds**\n- ✅ **Voting system with real-time updates**\n- ✅ **Answer reveal and vote result display**\n- ✅ **Scoring system and leaderboard**\n- ✅ **Skip round functionality**\n- ✅ **Complete game flow from start to finish**\n\n## API Endpoints\n\n- `GET /api/game-state` - Get current game state including users, rounds, leaderboard\n- `POST /api/join` - Join the game with a name\n- `POST /api/leave` - Leave the game\n- `POST /api/submit-fact` - Submit a personal fact\n- `POST /api/start-round` - Start a new round with a random fact\n- `POST /api/vote` - Cast a vote for who you think the fact belongs to\n- `POST /api/reveal` - Reveal the answer and award points\n- `POST /api/skip` - Skip the current round\n- `POST /api/admin/kick-all` - **[ADMIN]** Clear all game data and kick all players\n\n## Admin Features\n\nThe game includes an admin panel accessible through a discrete \"Admin\" link at the bottom of the page. This provides:\n\n- **Kick All Players**: Immediately disconnects all connected players and clears all game data including:\n - All user sessions\n - All submitted facts\n - All votes and rounds\n - All scores and leaderboard data\n - Current game state\n\n⚠️ **Warning**: The kick all function is irreversible and will completely reset the game to its initial state.",[],[357],{"_108":364,"_100":365,"_152":366,"_154":-5,"_155":139,"_156":367,"_158":159,"_110":368,"_105":31,"_161":308,"_163":369,"_164":27,"_165":-5,"_166":370,"_103":371},"088f29e4-4884-11f0-85c8-76b3cceeab13","deno.json","088f2aac-4884-11f0-85c8-76b3cceeab13",46,["D",1749839236491],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[365],"files",[149,168,174,185,196,203,212,224,231,238,248,257,266,275,284,293,303,312,321,330,336,346,355,363],"counts",{"_376":31,"_377":191,"_378":31,"_379":31},"pulls","branches","forks","envVars","contents",[],{"_108":249,"_100":250,"_152":251,"_154":234,"_155":139,"_156":252,"_158":159,"_110":383,"_105":31,"_161":181,"_163":254,"_164":27,"_165":-5,"_103":384},["D",1749836434350],[226,233,250],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.code.$",{"_98":99,"_100":101,"_102":42,"_105":-7,"_103":104,"_106":391,"_147":395,"_372":468,"_308":469,"_380":471,"_472":-5,"_473":27,"_474":-5,"_475":-5,"_476":-5,"_477":478},{"_108":109,"_100":101,"_110":392,"_112":-5,"_113":27,"_114":115,"_116":-5,"_117":-5,"_12":118,"_119":-5,"_120":27,"_121":-5,"_122":31,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_132":27,"_21":393,"_136":394},["D",1749834559473],{"_98":99,"_134":135},{"_105":138,"_100":42,"_108":139,"_140":109,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":101,"_146":99},[396,417,453,459,462,465],{"_108":150,"_100":151,"_152":153,"_154":-5,"_155":139,"_156":157,"_158":159,"_110":160,"_105":31,"_161":162,"_163":-5,"_164":27,"_165":-5,"_166":397,"_103":416},[398,407,413],{"_108":169,"_100":170,"_152":171,"_154":153,"_155":139,"_156":157,"_158":159,"_110":172,"_105":31,"_161":162,"_163":-5,"_164":27,"_165":-5,"_166":399,"_103":406},[400,403],{"_108":175,"_100":176,"_152":177,"_154":171,"_155":139,"_156":178,"_158":159,"_110":179,"_105":180,"_161":181,"_163":182,"_164":27,"_165":-5,"_166":401,"_103":402},[],[151,170,176],{"_108":186,"_100":187,"_152":188,"_154":171,"_155":139,"_156":189,"_158":159,"_110":190,"_105":191,"_161":181,"_163":192,"_164":27,"_165":-5,"_166":404,"_103":405},[],[151,170,187],[151,170],{"_108":197,"_100":198,"_152":199,"_154":153,"_155":139,"_156":200,"_158":159,"_110":201,"_105":31,"_161":162,"_163":-5,"_164":27,"_165":-5,"_166":408,"_103":412},[409],{"_108":204,"_100":205,"_152":206,"_154":199,"_155":139,"_156":200,"_158":159,"_110":207,"_105":31,"_161":181,"_163":208,"_164":27,"_165":-5,"_166":410,"_103":411},[],[151,198,205],[151,198],{"_108":213,"_100":214,"_152":215,"_154":153,"_155":139,"_156":216,"_158":159,"_110":217,"_105":218,"_161":219,"_163":220,"_164":27,"_165":-5,"_166":414,"_103":415},[],[151,214],[151],{"_108":225,"_100":226,"_152":227,"_154":-5,"_155":139,"_156":228,"_158":159,"_110":229,"_105":31,"_161":162,"_163":-5,"_164":27,"_165":-5,"_166":418,"_103":452},[419,443,446,449],{"_108":232,"_100":233,"_152":234,"_154":227,"_155":139,"_156":235,"_158":159,"_110":236,"_105":31,"_161":162,"_163":-5,"_164":27,"_165":-5,"_166":420,"_103":442},[421,424,427,430,433,436,439],{"_108":239,"_100":240,"_152":241,"_154":234,"_155":139,"_156":242,"_158":159,"_110":243,"_105":244,"_161":181,"_163":245,"_164":27,"_165":-5,"_166":422,"_103":423},[],[226,233,240],{"_108":249,"_100":250,"_152":251,"_154":234,"_155":139,"_156":252,"_158":159,"_110":253,"_105":31,"_161":181,"_163":254,"_164":27,"_165":-5,"_166":425,"_103":426},[],[226,233,250],{"_108":258,"_100":259,"_152":260,"_154":234,"_155":139,"_156":261,"_158":159,"_110":262,"_105":191,"_161":181,"_163":263,"_164":27,"_165":-5,"_166":428,"_103":429},[],[226,233,259],{"_108":267,"_100":268,"_152":269,"_154":234,"_155":139,"_156":270,"_158":159,"_110":271,"_105":31,"_161":181,"_163":272,"_164":27,"_165":-5,"_166":431,"_103":432},[],[226,233,268],{"_108":276,"_100":277,"_152":278,"_154":234,"_155":139,"_156":279,"_158":159,"_110":280,"_105":31,"_161":181,"_163":281,"_164":27,"_165":-5,"_166":434,"_103":435},[],[226,233,277],{"_108":285,"_100":286,"_152":287,"_154":234,"_155":139,"_156":288,"_158":159,"_110":289,"_105":157,"_161":181,"_163":290,"_164":27,"_165":-5,"_166":437,"_103":438},[],[226,233,286],{"_108":294,"_100":295,"_152":296,"_154":234,"_155":139,"_156":297,"_158":159,"_110":298,"_105":191,"_161":181,"_163":299,"_164":27,"_165":-5,"_166":440,"_103":441},[],[226,233,295],[226,233],{"_108":304,"_100":305,"_152":306,"_154":227,"_155":139,"_156":228,"_158":159,"_110":307,"_105":31,"_161":308,"_163":309,"_164":27,"_165":-5,"_166":444,"_103":445},[],[226,305],{"_108":313,"_100":314,"_152":315,"_154":227,"_155":139,"_156":316,"_158":159,"_110":317,"_105":31,"_161":181,"_163":318,"_164":27,"_165":-5,"_166":447,"_103":448},[],[226,314],{"_108":322,"_100":323,"_152":324,"_154":227,"_155":139,"_156":244,"_158":159,"_110":325,"_105":31,"_161":308,"_163":326,"_164":27,"_165":-5,"_166":450,"_103":451},[],[226,323],[226],{"_108":331,"_100":332,"_152":333,"_154":-5,"_155":139,"_156":191,"_158":159,"_110":334,"_105":31,"_161":162,"_163":-5,"_164":27,"_165":-5,"_166":454,"_103":458},[455],{"_108":337,"_100":338,"_152":339,"_154":333,"_155":139,"_156":340,"_158":159,"_110":341,"_105":180,"_161":181,"_163":342,"_164":27,"_165":-5,"_166":456,"_103":457},[],[332,338],[332],{"_108":347,"_100":348,"_152":349,"_154":-5,"_155":139,"_156":350,"_158":159,"_110":351,"_105":31,"_161":308,"_163":352,"_164":27,"_165":-5,"_166":460,"_103":461},[],[348],{"_108":356,"_100":357,"_152":358,"_154":-5,"_155":139,"_156":138,"_158":159,"_110":359,"_105":244,"_161":308,"_163":360,"_164":27,"_165":-5,"_166":463,"_103":464},[],[357],{"_108":364,"_100":365,"_152":366,"_154":-5,"_155":139,"_156":367,"_158":159,"_110":368,"_105":31,"_161":308,"_163":369,"_164":27,"_165":-5,"_166":466,"_103":467},[],[365],[396,398,400,403,407,409,413,417,419,421,424,427,430,433,436,439,443,446,449,453,455,459,462,465],{"_108":249,"_100":250,"_152":251,"_154":234,"_155":139,"_156":252,"_158":159,"_110":383,"_105":31,"_161":181,"_163":254,"_164":27,"_165":-5,"_103":470},[226,233,250],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"routes/_app","actionData","errors"]