\n \n\n",[],[224,226],"bd4475ea-325b-11f0-b5b4-569c3dd06744","PlayerHand.tsx","bd4476b2-325b-11f0-b5b4-569c3dd06744","58508a77-cc4a-4907-92c0-d902ec5172e6",9,["D",1747403004721],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Card as CardType } from \"../../shared/types\";\nimport Card from \"./Card\";\n\ninterface PlayerHandProps {\n cards: CardType[];\n onCardClick: (card: CardType) => void;\n isCurrentPlayer: boolean;\n currentColor: string;\n topCard: CardType | null;\n}\n\nconst PlayerHand: React.FC = ({ \n cards, \n onCardClick, \n isCurrentPlayer,\n currentColor,\n topCard\n}) => {\n // Check if a card can be played\n const canPlayCard = (card: CardType): boolean => {\n if (!isCurrentPlayer || !topCard) return false;\n \n // Wild cards can always be played\n if (card.color === \"wild\") return true;\n \n // Match by color\n if (card.color === currentColor) return true;\n \n // Match by value\n if (card.value === topCard.value) return true;\n \n return false;\n };\n \n return (\n

Your Hand

\n {cards.map((card) => (\n onCardClick(card)}\n isPlayable={canPlayCard(card)}\n />\n ))}\n

\n );\n};\n\nexport default PlayerHand;",[],[224,242,234],"components","ce8e97cc-325b-11f0-b25f-569c3dd06744","GameControls.tsx","ce8e9952-325b-11f0-b25f-569c3dd06744",11,["D",1747403033727],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { CardColor } from \"../../shared/types\";\n\ninterface GameControlsProps {\n onDrawCard: () => void;\n onCallUno: () => void;\n isCurrentPlayer: boolean;\n showColorPicker: boolean;\n onColorSelect: (color: CardColor) => void;\n}\n\nconst GameControls: React.FC = ({ \n onDrawCard, \n onCallUno, \n isCurrentPlayer,\n showColorPicker,\n onColorSelect\n}) => {\n return (\n

\n {showColorPicker && (\n

Choose a color:

\n )}\n \n

\n \n \n

\n );\n};\n\nexport default GameControls;",[],[224,242,244],"c731b4b4-325b-11f0-9e72-569c3dd06744","GameBoard.tsx","c731b572-325b-11f0-9e72-569c3dd06744",10,["D",1747403021377],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { GameState, Player, Card as CardType } from \"../../shared/types\";\nimport Card from \"./Card\";\n\ninterface GameBoardProps {\n gameState: GameState;\n playerId: string;\n}\n\nconst GameBoard: React.FC = ({ gameState, playerId }) => {\n const { players, discardPile, currentPlayer, direction, currentColor, lastAction } = gameState;\n \n // Get the top card from the discard pile\n const topCard = discardPile.length > 0 ? discardPile[discardPile.length - 1] : null;\n \n // Get other players (excluding the current user)\n const otherPlayers = players.filter(player => player.id !== playerId);\n \n // Get the current player's index\n const currentPlayerIndex = players.findIndex(player => player.id === players[currentPlayer].id);\n \n return (\n

\n {/* Game info */}\n

\n Current Color: \n {currentColor.toUpperCase()}\n \n

\n Direction: {direction === 1 ? \"→ Clockwise\" : \"← Counter-Clockwise\"}\n

\n {lastAction}\n

\n \n {/* Other players */}\n

\n {otherPlayers.map((player, index) => (\n

Player {index + 1}

Cards: {player.hand.length}

\n {player.hand.slice(0, 3).map((_, cardIndex) => (\n

\n ))}\n {player.hand.length > 3 && (\n

+{player.hand.length - 3} more

\n )}\n

\n {player.calledUno && (\n

UNO!

\n )}\n

\n ))}\n

\n \n {/* Discard pile */}\n

\n {topCard && (\n

\n \n

\n Top Card\n

\n )}\n

\n );\n};\n\nexport default GameBoard;",[],[224,242,252],"b8bcc784-325b-11f0-83a1-569c3dd06744","Card.tsx","b8bcc824-325b-11f0-83a1-569c3dd06744",8,["D",1747402997120],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Card as CardType } from \"../../shared/types\";\n\ninterface CardProps {\n card: CardType;\n onClick?: () => void;\n isPlayable?: boolean;\n}\n\nconst Card: React.FC = ({ card, onClick, isPlayable = true }) => {\n const getCardSymbol = () => {\n switch (card.value) {\n case \"skip\":\n return \"⊘\";\n case \"reverse\":\n return \"⟲\";\n case \"draw2\":\n return \"+2\";\n case \"wild\":\n return \"★\";\n case \"wilddraw4\":\n return \"+4\";\n default:\n return card.value;\n }\n };\n \n // Handle hidden cards (other players' cards)\n if (card.color === \"hidden\") {\n return (\n

UNO

\n );\n }\n \n const cardClass = `card card-${card.color} ${!isPlayable ? 'opacity-50' : ''}`;\n \n return (\n

{getCardSymbol()}

{card.color !== \"wild\" ? card.color : \"\"}

\n );\n};\n\nexport default Card;",[],[224,242,260],"e97ea842-325b-11f0-a2f9-569c3dd06744","App.tsx","e97ea946-325b-11f0-a2f9-569c3dd06744",12,["D",1747403078924],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { Card as CardType, CardColor, GameState } from \"../../shared/types\";\nimport { API_ENDPOINTS } from \"../../shared/constants\";\nimport PlayerHand from \"./PlayerHand\";\nimport GameBoard from \"./GameBoard\";\nimport GameControls from \"./GameControls\";\n\nconst App: React.FC = () => {\n // Player and room state\n const [playerId, setPlayerId] = useState(\"\");\n const [playerName, setPlayerName] = useState(\"\");\n const [roomId, setRoomId] = useState(\"\");\n const [isHost, setIsHost] = useState(false);\n \n // Game state\n const [gameState, setGameState] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(\"\");\n const [message, setMessage] = useState(\"\");\n \n // UI state\n const [showColorPicker, setShowColorPicker] = useState(false);\n const [selectedCard, setSelectedCard] = useState(null);\n \n // Generate a random player ID if not set\n useEffect(() => {\n if (!playerId) {\n const newPlayerId = `player_${Math.random().toString(36).substring(2, 9)}`;\n setPlayerId(newPlayerId);\n }\n }, []);\n \n // Poll for game state updates\n useEffect(() => {\n let interval: number | undefined;\n \n if (roomId && playerId && gameState?.gameStarted && !gameState?.gameOver) {\n interval = setInterval(fetchGameState, 3000) as unknown as number;\n }\n \n return () => {\n if (interval) clearInterval(interval);\n };\n }, [roomId, playerId, gameState?.gameStarted, gameState?.gameOver]);\n \n // Fetch the current game state\n const fetchGameState = async () => {\n try {\n const response = await fetch(`${API_ENDPOINTS.GAME_STATE}?roomId=${roomId}&playerId=${playerId}`);\n const data = await response.json();\n \n if (data.success) {\n setGameState(data.gameState);\n } else {\n setError(data.error || \"Failed to fetch game state\");\n }\n } catch (err) {\n setError(\"Network error while fetching game state\");\n }\n };\n \n // Create a new game room\n const createRoom = async () => {\n if (!playerName.trim()) {\n setError(\"Please enter your name\");\n return;\n }\n \n setIsLoading(true);\n setError(\"\");\n \n try {\n const response = await fetch(API_ENDPOINTS.CREATE_ROOM, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({ playerId })\n });\n \n const data = await response.json();\n \n if (data.success) {\n setRoomId(data.roomId);\n setIsHost(true);\n setMessage(`Room created! Share this code with friends: ${data.roomId}`);\n } else {\n setError(data.error || \"Failed to create room\");\n }\n } catch (err) {\n setError(\"Network error while creating room\");\n } finally {\n setIsLoading(false);\n }\n };\n \n // Join an existing game room\n const joinRoom = async () => {\n if (!playerName.trim()) {\n setError(\"Please enter your name\");\n return;\n }\n \n if (!roomId.trim()) {\n setError(\"Please enter a room code\");\n return;\n }\n \n setIsLoading(true);\n setError(\"\");\n \n try {\n const response = await fetch(API_ENDPOINTS.JOIN_ROOM, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({ roomId, playerId })\n });\n \n const data = await response.json();\n \n if (data.success) {\n setMessage(\"Joined the room successfully!\");\n fetchGameState();\n } else {\n setError(data.error || \"Failed to join room\");\n }\n } catch (err) {\n setError(\"Network error while joining room\");\n } finally {\n setIsLoading(false);\n }\n };\n \n // Start the game\n const startGame = async () => {\n setIsLoading(true);\n setError(\"\");\n \n try {\n const response = await fetch(API_ENDPOINTS.START_GAME, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({ roomId, playerId })\n });\n \n const data = await response.json();\n \n if (data.success) {\n setGameState(data.gameState);\n setMessage(\"Game started!\");\n } else {\n setError(data.error || \"Failed to start game\");\n }\n } catch (err) {\n setError(\"Network error while starting game\");\n } finally {\n setIsLoading(false);\n }\n };\n \n // Handle card click\n const handleCardClick = (card: CardType) => {\n // If it's a wild card, show the color picker\n if (card.color === \"wild\") {\n setSelectedCard(card);\n setShowColorPicker(true);\n return;\n }\n \n // Otherwise, play the card directly\n playCard(card.id);\n };\n \n // Play a card\n const playCard = async (cardId: string, chosenColor?: CardColor) => {\n setIsLoading(true);\n setError(\"\");\n setShowColorPicker(false);\n \n try {\n const response = await fetch(API_ENDPOINTS.PLAY_CARD, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({ roomId, playerId, cardId, chosenColor })\n });\n \n const data = await response.json();\n \n if (data.success) {\n setGameState(data.gameState);\n setSelectedCard(null);\n } else {\n setError(data.error || \"Failed to play card\");\n }\n } catch (err) {\n setError(\"Network error while playing card\");\n } finally {\n setIsLoading(false);\n }\n };\n \n // Handle color selection for wild cards\n const handleColorSelect = (color: CardColor) => {\n if (selectedCard) {\n playCard(selectedCard.id, color);\n }\n };\n \n // Draw a card\n const drawCard = async () => {\n setIsLoading(true);\n setError(\"\");\n \n try {\n const response = await fetch(API_ENDPOINTS.DRAW_CARD, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({ roomId, playerId })\n });\n \n const data = await response.json();\n \n if (data.success) {\n setGameState(data.gameState);\n } else {\n setError(data.error || \"Failed to draw card\");\n }\n } catch (err) {\n setError(\"Network error while drawing card\");\n } finally {\n setIsLoading(false);\n }\n };\n \n // Call UNO\n const callUno = async () => {\n setIsLoading(true);\n setError(\"\");\n \n try {\n const response = await fetch(API_ENDPOINTS.CALL_UNO, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({ roomId, playerId })\n });\n \n const data = await response.json();\n \n if (data.success) {\n setGameState(data.gameState);\n setMessage(\"You called UNO!\");\n } else {\n setError(data.error || \"Failed to call UNO\");\n }\n } catch (err) {\n setError(\"Network error while calling UNO\");\n } finally {\n setIsLoading(false);\n }\n };\n \n // Check if it's the current player's turn\n const isCurrentPlayerTurn = (): boolean => {\n if (!gameState) return false;\n \n const currentPlayerIndex = gameState.currentPlayer;\n return gameState.players[currentPlayerIndex].id === playerId;\n };\n \n // Get the current player's hand\n const getCurrentPlayerHand = (): CardType[] => {\n if (!gameState) return [];\n \n const player = gameState.players.find(p => p.id === playerId);\n return player ? player.hand : [];\n };\n \n // Get the top card from the discard pile\n const getTopCard = (): CardType | null => {\n if (!gameState || gameState.discardPile.length === 0) return null;\n return gameState.discardPile[gameState.discardPile.length - 1];\n };\n \n // Render the lobby screen\n const renderLobby = () => (\n

UNO Game

\n \n {error && (\n

\n {error}\n

\n )}\n \n {message && (\n

\n {message}\n

\n )}\n \n

\n Your Name:\n setPlayerName(e.target.value)}\n className=\"w-full p-2 border rounded-lg\"\n placeholder=\"Enter your name\"\n />\n

\n \n

\n \n Create Room\n \n

\n \n

\n Room Code:\n setRoomId(e.target.value.toUpperCase())}\n className=\"w-full p-2 border rounded-lg\"\n placeholder=\"Enter room code\"\n />\n

\n \n \n Join Room\n \n \n {isHost && gameState && !gameState.gameStarted && (\n \n Start Game\n \n )}\n

\n );\n \n // Render the game screen\n const renderGame = () => (\n

UNO Game

\n \n {error && (\n

\n {error}\n

\n )}\n \n {message && (\n

\n {message}\n

\n )}\n \n {gameState?.gameOver && (\n

Game Over!

\n {gameState.winner === playerId \n ? \"Congratulations! You won the game!\" \n : `Player ${gameState.players.findIndex(p => p.id === gameState.winner) + 1} won the game!`}\n

\n )}\n \n

\n \n \n \n \n \n

\n \n

\n Room Code: {roomId} | \n Your Name: {playerName || `Player ${gameState?.players.findIndex(p => p.id === playerId) + 1}`}\n

\n );\n \n return (\n

\n {gameState?.gameStarted ? renderGame() : renderLobby()}\n

\n );\n};\n\nexport default App;",[],[224,242,268],"b8bce020-325b-11f0-83a1-569c3dd06744",["D",1747402997120],[187,188,189,190,191],[224,242],"b0363d98-325b-11f0-85ac-569c3dd06744",["D",1747402982817],[186,192,193],[224],"93d6b2e0-325b-11f0-b01f-569c3dd06744","room.ts","93d6b3a8-325b-11f0-b01f-569c3dd06744","e0477cbb-3d43-4fa1-9e37-470111876532",5,["D",1747402935216],"import { GameRoom, GameState, Player } from \"../shared/types\";\nimport { MAX_PLAYERS } from \"../shared/constants\";\nimport { initializeGame } from \"./game\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\n// Generate a random room ID\nexport function generateRoomId(): string {\n return Math.random().toString(36).substring(2, 8).toUpperCase();\n}\n\n// Create a new game room\nexport async function createRoom(hostId: string): Promise {\n const roomId = generateRoomId();\n \n const room: GameRoom = {\n roomId,\n hostId,\n gameState: null,\n players: [hostId],\n maxPlayers: MAX_PLAYERS\n };\n \n // Save the room to blob storage\n await blob.setJSON(`uno_room_${roomId}`, room);\n \n return room;\n}\n\n// Get a room by ID\nexport async function getRoom(roomId: string): Promise {\n try {\n const room = await blob.getJSON(`uno_room_${roomId}`);\n return room as GameRoom;\n } catch (error) {\n return null;\n }\n}\n\n// Join a room\nexport async function joinRoom(roomId: string, playerId: string): Promise<{ success: boolean; error?: string; room?: GameRoom }> {\n const room = await getRoom(roomId);\n \n if (!room) {\n return { success: false, error: \"Room not found\" };\n }\n \n if (room.players.includes(playerId)) {\n return { success: true, room }; // Player already in the room\n }\n \n if (room.players.length >= room.maxPlayers) {\n return { success: false, error: \"Room is full\" };\n }\n \n if (room.gameState?.gameStarted) {\n return { success: false, error: \"Game already started\" };\n }\n \n // Add player to the room\n room.players.push(playerId);\n \n // Save the updated room\n await blob.setJSON(`uno_room_${roomId}`, room);\n \n return { success: true, room };\n}\n\n// Start a game in a room\nexport async function startGame(roomId: string, hostId: string): Promise<{ success: boolean; error?: string; gameState?: GameState }> {\n const room = await getRoom(roomId);\n \n if (!room) {\n return { success: false, error: \"Room not found\" };\n }\n \n if (room.hostId !== hostId) {\n return { success: false, error: \"Only the host can start the game\" };\n }\n \n if (room.players.length < 2) {\n return { success: false, error: \"Need at least 2 players to start\" };\n }\n \n if (room.gameState?.gameStarted) {\n return { success: false, error: \"Game already started\" };\n }\n \n // Initialize the game\n const gameState = initializeGame(roomId, room.players);\n room.gameState = gameState;\n \n // Save the updated room\n await blob.setJSON(`uno_room_${roomId}`, room);\n \n return { success: true, gameState };\n}\n\n// Update game state in a room\nexport async function updateGameState(roomId: string, gameState: GameState): Promise {\n const room = await getRoom(roomId);\n \n if (!room) {\n return false;\n }\n \n room.gameState = gameState;\n \n // Save the updated room\n await blob.setJSON(`uno_room_${roomId}`, room);\n \n return true;\n}\n\n// Get player's view of the game state (hiding other players' cards)\nexport function getPlayerView(gameState: GameState, playerId: string): GameState {\n if (!gameState) return gameState;\n \n // Create a deep copy of the game state\n const playerView: GameState = JSON.parse(JSON.stringify(gameState));\n \n // Hide other players' cards\n playerView.players = playerView.players.map(player => {\n if (player.id !== playerId) {\n return {\n ...player,\n hand: player.hand.map(card => ({\n id: \"hidden\",\n color: \"hidden\" as any,\n value: \"hidden\" as any\n }))\n };\n }\n return player;\n });\n \n // Hide the deck cards\n playerView.deck = playerView.deck.map(card => ({\n id: \"hidden\",\n color: \"hidden\" as any,\n value: \"hidden\" as any\n }));\n \n return playerView;\n}\n\n// List all active rooms\nexport async function listRooms(): Promise {\n try {\n const roomKeys = await blob.list(\"uno_room_\");\n const rooms: GameRoom[] = [];\n \n for (const key of roomKeys) {\n const room = await blob.getJSON(key);\n rooms.push(room as GameRoom);\n }\n \n return rooms;\n } catch (error) {\n return [];\n }\n}",[],[292,284],"backend","ef0c8c16-325b-11f0-a2f9-569c3dd06744","index.ts",["D",1747403088239],"http","import { Hono } from \"https://esm.sh/hono@3.11.12\";\nimport { cors } from \"https://esm.sh/hono@3.11.12/cors\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { createRoom, getRoom, joinRoom, startGame, updateGameState, getPlayerView, listRooms } from \"./room\";\nimport { playCard, drawCard, callUno, challengeUno } from \"./game\";\nimport { CardColor } from \"../shared/types\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Enable CORS\napp.use(\"*\", cors());\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve the main HTML page\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// API routes\nconst api = new Hono();\n\n// Create a new game room\napi.post(\"/room/create\", async c => {\n const body = await c.req.json();\n const { playerId } = body;\n \n if (!playerId) {\n return c.json({ success: false, error: \"Player ID is required\" }, 400);\n }\n \n const room = await createRoom(playerId);\n \n return c.json({\n success: true,\n roomId: room.roomId,\n playerId\n });\n});\n\n// Join a game room\napi.post(\"/room/join\", async c => {\n const body = await c.req.json();\n const { roomId, playerId } = body;\n \n if (!roomId || !playerId) {\n return c.json({ success: false, error: \"Room ID and Player ID are required\" }, 400);\n }\n \n const result = await joinRoom(roomId, playerId);\n \n if (!result.success) {\n return c.json({ success: false, error: result.error }, 400);\n }\n \n return c.json({\n success: true,\n roomId,\n playerId\n });\n});\n\n// Start a game\napi.post(\"/game/start\", async c => {\n const body = await c.req.json();\n const { roomId, playerId } = body;\n \n if (!roomId || !playerId) {\n return c.json({ success: false, error: \"Room ID and Player ID are required\" }, 400);\n }\n \n const result = await startGame(roomId, playerId);\n \n if (!result.success) {\n return c.json({ success: false, error: result.error }, 400);\n }\n \n return c.json({\n success: true,\n gameState: getPlayerView(result.gameState!, playerId)\n });\n});\n\n// Get game state\napi.get(\"/game/state\", async c => {\n const roomId = c.req.query(\"roomId\");\n const playerId = c.req.query(\"playerId\");\n \n if (!roomId || !playerId) {\n return c.json({ success: false, error: \"Room ID and Player ID are required\" }, 400);\n }\n \n const room = await getRoom(roomId);\n \n if (!room) {\n return c.json({ success: false, error: \"Room not found\" }, 404);\n }\n \n if (!room.gameState) {\n return c.json({ success: false, error: \"Game not started\" }, 400);\n }\n \n return c.json({\n success: true,\n gameState: getPlayerView(room.gameState, playerId)\n });\n});\n\n// Play a card\napi.post(\"/game/play\", async c => {\n const body = await c.req.json();\n const { roomId, playerId, cardId, chosenColor } = body;\n \n if (!roomId || !playerId || !cardId) {\n return c.json({ success: false, error: \"Room ID, Player ID, and Card ID are required\" }, 400);\n }\n \n const room = await getRoom(roomId);\n \n if (!room || !room.gameState) {\n return c.json({ success: false, error: \"Game not found\" }, 404);\n }\n \n const result = playCard(room.gameState, playerId, cardId, chosenColor as CardColor);\n \n if (!result.success) {\n return c.json({ success: false, error: result.error }, 400);\n }\n \n // Update the game state\n await updateGameState(roomId, result.gameState);\n \n return c.json({\n success: true,\n gameState: getPlayerView(result.gameState, playerId)\n });\n});\n\n// Draw a card\napi.post(\"/game/draw\", async c => {\n const body = await c.req.json();\n const { roomId, playerId } = body;\n \n if (!roomId || !playerId) {\n return c.json({ success: false, error: \"Room ID and Player ID are required\" }, 400);\n }\n \n const room = await getRoom(roomId);\n \n if (!room || !room.gameState) {\n return c.json({ success: false, error: \"Game not found\" }, 404);\n }\n \n const result = drawCard(room.gameState, playerId);\n \n if (!result.success) {\n return c.json({ success: false, error: result.error }, 400);\n }\n \n // Update the game state\n await updateGameState(roomId, result.gameState);\n \n return c.json({\n success: true,\n gameState: getPlayerView(result.gameState, playerId)\n });\n});\n\n// Call UNO\napi.post(\"/game/uno\", async c => {\n const body = await c.req.json();\n const { roomId, playerId } = body;\n \n if (!roomId || !playerId) {\n return c.json({ success: false, error: \"Room ID and Player ID are required\" }, 400);\n }\n \n const room = await getRoom(roomId);\n \n if (!room || !room.gameState) {\n return c.json({ success: false, error: \"Game not found\" }, 404);\n }\n \n const result = callUno(room.gameState, playerId);\n \n if (!result.success) {\n return c.json({ success: false, error: result.error }, 400);\n }\n \n // Update the game state\n await updateGameState(roomId, result.gameState);\n \n return c.json({\n success: true,\n gameState: getPlayerView(result.gameState, playerId)\n });\n});\n\n// Challenge UNO\napi.post(\"/game/challenge\", async c => {\n const body = await c.req.json();\n const { roomId, playerId, targetPlayerId } = body;\n \n if (!roomId || !playerId || !targetPlayerId) {\n return c.json({ success: false, error: \"Room ID, Player ID, and Target Player ID are required\" }, 400);\n }\n \n const room = await getRoom(roomId);\n \n if (!room || !room.gameState) {\n return c.json({ success: false, error: \"Game not found\" }, 404);\n }\n \n const result = challengeUno(room.gameState, playerId, targetPlayerId);\n \n if (!result.success) {\n return c.json({ success: false, error: result.error }, 400);\n }\n \n // Update the game state\n await updateGameState(roomId, result.gameState);\n \n return c.json({\n success: true,\n gameState: getPlayerView(result.gameState, playerId)\n });\n});\n\n// List all rooms\napi.get(\"/rooms\", async c => {\n const rooms = await listRooms();\n \n return c.json({\n success: true,\n rooms: rooms.map(room => ({\n roomId: room.roomId,\n playerCount: room.players.length,\n maxPlayers: room.maxPlayers,\n gameStarted: !!room.gameState?.gameStarted,\n gameOver: !!room.gameState?.gameOver\n }))\n });\n});\n\n// Mount the API routes\napp.route(\"/api\", api);\n\n// Export the app\nexport default app.fetch;",[],[292,294],"88fd9316-325b-11f0-9587-569c3dd06744","game.ts","88fd93c0-325b-11f0-9587-569c3dd06744",4,["D",1747402917013],"import { \n Card, \n CardColor, \n CardValue, \n GameState, \n Player \n} from \"../shared/types\";\nimport { \n CARD_COLORS, \n CARD_DISTRIBUTION, \n INITIAL_CARDS, \n NUMBER_VALUES, \n SPECIAL_VALUES, \n WILD_VALUES \n} from \"../shared/constants\";\n\n// Create a new deck of UNO cards\nexport function createDeck(): Card[] {\n const deck: Card[] = [];\n let cardId = 0;\n\n // Add number cards and special cards for each color\n CARD_COLORS.forEach(color => {\n // Add number cards (0-9)\n NUMBER_VALUES.forEach(value => {\n const count = value === \"0\" ? 1 : 2; // Only one '0' per color\n for (let i = 0; i < count; i++) {\n deck.push({\n id: `${color}-${value}-${i}`,\n color: color,\n value: value\n });\n }\n });\n\n // Add special cards (skip, reverse, draw2)\n SPECIAL_VALUES.forEach(value => {\n for (let i = 0; i < 2; i++) {\n deck.push({\n id: `${color}-${value}-${i}`,\n color: color,\n value: value\n });\n }\n });\n });\n\n // Add wild cards\n WILD_VALUES.forEach(value => {\n for (let i = 0; i < 4; i++) {\n deck.push({\n id: `wild-${value}-${i}`,\n color: \"wild\",\n value: value\n });\n }\n });\n\n return shuffleDeck(deck);\n}\n\n// Shuffle the deck using Fisher-Yates algorithm\nexport function shuffleDeck(deck: Card[]): Card[] {\n const shuffled = [...deck];\n for (let i = shuffled.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];\n }\n return shuffled;\n}\n\n// Deal initial cards to players\nexport function dealCards(players: Player[], deck: Card[]): { players: Player[], deck: Card[] } {\n const updatedPlayers = [...players];\n const updatedDeck = [...deck];\n\n updatedPlayers.forEach(player => {\n player.hand = [];\n for (let i = 0; i < INITIAL_CARDS; i++) {\n if (updatedDeck.length > 0) {\n const card = updatedDeck.pop()!;\n player.hand.push(card);\n }\n }\n });\n\n return { players: updatedPlayers, deck: updatedDeck };\n}\n\n// Initialize a new game\nexport function initializeGame(gameId: string, playerIds: string[]): GameState {\n const deck = createDeck();\n \n // Create players\n const players: Player[] = playerIds.map((id, index) => ({\n id,\n name: `Player ${index + 1}`,\n hand: [],\n isActive: index === 0, // First player is active\n calledUno: false\n }));\n\n // Deal cards\n const { players: updatedPlayers, deck: updatedDeck } = dealCards(players, deck);\n \n // Get the first card for the discard pile (cannot be a wild card)\n let firstCard: Card | undefined;\n let discardPile: Card[] = [];\n \n // Find a non-wild card for the first discard\n for (let i = updatedDeck.length - 1; i >= 0; i--) {\n if (updatedDeck[i].color !== \"wild\") {\n firstCard = updatedDeck.splice(i, 1)[0];\n break;\n }\n }\n \n if (firstCard) {\n discardPile = [firstCard];\n }\n\n return {\n gameId,\n players: updatedPlayers,\n deck: updatedDeck,\n discardPile,\n currentPlayer: 0,\n direction: 1,\n currentColor: discardPile[0]?.color || \"red\",\n gameStarted: true,\n gameOver: false,\n winner: null,\n lastAction: \"Game started\"\n };\n}\n\n// Check if a card can be played on the current discard pile\nexport function canPlayCard(card: Card, topCard: Card, currentColor: CardColor): boolean {\n // Wild cards can always be played\n if (card.color === \"wild\") {\n return true;\n }\n \n // Match by color\n if (card.color === currentColor) {\n return true;\n }\n \n // Match by value\n if (card.value === topCard.value) {\n return true;\n }\n \n return false;\n}\n\n// Play a card and update the game state\nexport function playCard(\n gameState: GameState, \n playerId: string, \n cardId: string, \n chosenColor?: CardColor\n): { gameState: GameState, success: boolean, error?: string } {\n const { players, discardPile, currentPlayer, direction } = gameState;\n \n // Check if it's the player's turn\n if (players[currentPlayer].id !== playerId) {\n return {\n gameState,\n success: false,\n error: \"It's not your turn\"\n };\n }\n \n // Find the card in the player's hand\n const playerIndex = players.findIndex(p => p.id === playerId);\n const cardIndex = players[playerIndex].hand.findIndex(c => c.id === cardId);\n \n if (cardIndex === -1) {\n return {\n gameState,\n success: false,\n error: \"Card not found in player's hand\"\n };\n }\n \n const card = players[playerIndex].hand[cardIndex];\n const topCard = discardPile[discardPile.length - 1];\n \n // Check if the card can be played\n if (!canPlayCard(card, topCard, gameState.currentColor)) {\n return {\n gameState,\n success: false,\n error: \"Card cannot be played\"\n };\n }\n \n // Remove the card from the player's hand\n const updatedPlayers = [...players];\n const playedCard = updatedPlayers[playerIndex].hand.splice(cardIndex, 1)[0];\n \n // Add the card to the discard pile\n const updatedDiscardPile = [...discardPile, playedCard];\n \n // Update the current color\n let updatedColor = gameState.currentColor;\n if (playedCard.color === \"wild\") {\n if (!chosenColor || !CARD_COLORS.includes(chosenColor as any)) {\n return {\n gameState,\n success: false,\n error: \"Must choose a valid color for wild card\"\n };\n }\n updatedColor = chosenColor;\n } else {\n updatedColor = playedCard.color;\n }\n \n // Check if the player has won\n let gameOver = false;\n let winner = null;\n if (updatedPlayers[playerIndex].hand.length === 0) {\n gameOver = true;\n winner = playerId;\n }\n \n // Handle special cards\n let nextPlayer = (currentPlayer + direction) % players.length;\n if (nextPlayer < 0) nextPlayer += players.length; // Handle negative index\n \n let lastAction = `Player ${playerIndex + 1} played ${playedCard.color} ${playedCard.value}`;\n \n // Apply special card effects\n switch (playedCard.value) {\n case \"skip\":\n nextPlayer = (nextPlayer + direction) % players.length;\n if (nextPlayer < 0) nextPlayer += players.length;\n lastAction += \" - Skipped next player\";\n break;\n \n case \"reverse\":\n const updatedDirection = direction === 1 ? -1 : 1;\n gameState.direction = updatedDirection;\n \n // With 2 players, reverse acts like skip\n if (players.length === 2) {\n nextPlayer = currentPlayer;\n } else {\n nextPlayer = (currentPlayer + updatedDirection) % players.length;\n if (nextPlayer < 0) nextPlayer += players.length;\n }\n lastAction += \" - Reversed direction\";\n break;\n \n case \"draw2\":\n // Next player draws 2 cards\n for (let i = 0; i < 2; i++) {\n if (gameState.deck.length > 0) {\n const drawnCard = gameState.deck.pop()!;\n updatedPlayers[nextPlayer].hand.push(drawnCard);\n }\n }\n \n // Skip the next player's turn\n nextPlayer = (nextPlayer + direction) % players.length;\n if (nextPlayer < 0) nextPlayer += players.length;\n lastAction += \" - Next player draws 2 and is skipped\";\n break;\n \n case \"wilddraw4\":\n // Next player draws 4 cards\n for (let i = 0; i < 4; i++) {\n if (gameState.deck.length > 0) {\n const drawnCard = gameState.deck.pop()!;\n updatedPlayers[nextPlayer].hand.push(drawnCard);\n }\n }\n \n // Skip the next player's turn\n nextPlayer = (nextPlayer + direction) % players.length;\n if (nextPlayer < 0) nextPlayer += players.length;\n lastAction += ` - Changed color to ${updatedColor}, next player draws 4 and is skipped`;\n break;\n \n case \"wild\":\n lastAction += ` - Changed color to ${updatedColor}`;\n break;\n }\n \n // Reset UNO call status if player has more than 1 card\n if (updatedPlayers[playerIndex].hand.length > 1) {\n updatedPlayers[playerIndex].calledUno = false;\n }\n \n // Update the game state\n const updatedGameState: GameState = {\n ...gameState,\n players: updatedPlayers,\n discardPile: updatedDiscardPile,\n currentPlayer: nextPlayer,\n currentColor: updatedColor,\n gameOver,\n winner,\n lastAction\n };\n \n return {\n gameState: updatedGameState,\n success: true\n };\n}\n\n// Draw a card from the deck\nexport function drawCard(gameState: GameState, playerId: string): { gameState: GameState, success: boolean, error?: string } {\n const { players, deck, currentPlayer } = gameState;\n \n // Check if it's the player's turn\n if (players[currentPlayer].id !== playerId) {\n return {\n gameState,\n success: false,\n error: \"It's not your turn\"\n };\n }\n \n // Check if there are cards in the deck\n if (deck.length === 0) {\n // Reshuffle the discard pile except the top card\n if (gameState.discardPile.length > 1) {\n const topCard = gameState.discardPile[gameState.discardPile.length - 1];\n const newDeck = shuffleDeck(gameState.discardPile.slice(0, -1));\n gameState.deck = newDeck;\n gameState.discardPile = [topCard];\n } else {\n return {\n gameState,\n success: false,\n error: \"No cards left to draw\"\n };\n }\n }\n \n // Draw a card\n const updatedPlayers = [...players];\n const playerIndex = updatedPlayers.findIndex(p => p.id === playerId);\n const drawnCard = gameState.deck.pop()!;\n updatedPlayers[playerIndex].hand.push(drawnCard);\n \n // Move to the next player\n let nextPlayer = (currentPlayer + gameState.direction) % players.length;\n if (nextPlayer < 0) nextPlayer += players.length;\n \n // Update the game state\n const updatedGameState: GameState = {\n ...gameState,\n players: updatedPlayers,\n currentPlayer: nextPlayer,\n lastAction: `Player ${playerIndex + 1} drew a card`\n };\n \n return {\n gameState: updatedGameState,\n success: true\n };\n}\n\n// Call UNO\nexport function callUno(gameState: GameState, playerId: string): { gameState: GameState, success: boolean, error?: string } {\n const { players } = gameState;\n \n const playerIndex = players.findIndex(p => p.id === playerId);\n if (playerIndex === -1) {\n return {\n gameState,\n success: false,\n error: \"Player not found\"\n };\n }\n \n // Check if the player has exactly one card\n if (players[playerIndex].hand.length !== 1) {\n return {\n gameState,\n success: false,\n error: \"You can only call UNO when you have one card left\"\n };\n }\n \n // Update the player's UNO status\n const updatedPlayers = [...players];\n updatedPlayers[playerIndex].calledUno = true;\n \n // Update the game state\n const updatedGameState: GameState = {\n ...gameState,\n players: updatedPlayers,\n lastAction: `Player ${playerIndex + 1} called UNO!`\n };\n \n return {\n gameState: updatedGameState,\n success: true\n };\n}\n\n// Challenge a player who didn't call UNO\nexport function challengeUno(\n gameState: GameState, \n playerId: string, \n targetPlayerId: string\n): { gameState: GameState, success: boolean, error?: string } {\n const { players, deck } = gameState;\n \n const targetPlayerIndex = players.findIndex(p => p.id === targetPlayerId);\n if (targetPlayerIndex === -1) {\n return {\n gameState,\n success: false,\n error: \"Target player not found\"\n };\n }\n \n // Check if the target player has exactly one card and didn't call UNO\n if (players[targetPlayerIndex].hand.length !== 1 || players[targetPlayerIndex].calledUno) {\n return {\n gameState,\n success: false,\n error: \"Cannot challenge this player\"\n };\n }\n \n // Target player draws 2 cards\n const updatedPlayers = [...players];\n const updatedDeck = [...deck];\n \n for (let i = 0; i < 2; i++) {\n if (updatedDeck.length > 0) {\n const drawnCard = updatedDeck.pop()!;\n updatedPlayers[targetPlayerIndex].hand.push(drawnCard);\n }\n }\n \n // Update the game state\n const updatedGameState: GameState = {\n ...gameState,\n players: updatedPlayers,\n deck: updatedDeck,\n lastAction: `Player ${targetPlayerIndex + 1} was challenged for not calling UNO and drew 2 cards`\n };\n \n return {\n gameState: updatedGameState,\n success: true\n };\n}",[],[292,301],"88fdd3ee-325b-11f0-9587-569c3dd06744",["D",1747402917013],[182,183,184],[292],["D",1747402803588],{"_11":12,"_131":71},{"_11":12,"_127":-5,"_70":71,"_31":69,"_128":129,"_130":30},{"_40":118,"_13":16,"_34":37,"_119":84,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":14,"_126":12},"ctx",{"_53":-5,"_150":349,"_350":351,"_352":353,"_354":30,"_355":30,"_356":30,"_357":24,"_358":-5,"_359":-7,"_360":-7,"_361":26,"_362":30,"_363":30,"_364":-5,"_365":30,"_366":30,"_367":30,"_368":-5},"ENV",{"_320":321,"_322":323,"_324":16,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · shared