Multiplayer UNO Game

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_238":239,"_240":241},"routes/_app.x.$handle.$name",{"_100":99,"_32":49,"_108":90,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_21":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":25,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_47":48,"_32":49,"_37":50,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":-5,"_57":-5,"_18":58,"_59":60,"_61":62,"_63":62,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",7,"changes",[19,20],"aiChatInfo","userId",{"_21":42,"_23":-7,"_24":25,"_26":25,"_27":43,"_29":43},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":21,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous","deleted",false,"deletedHere","path","frontend/index.html","latestPath","fileId","b0361e3a-325b-11f0-85ac-569c3dd06744","name","index.html","fileType","content","\n\n\n \n \n Multiplayer UNO Game\n \n \n \n\n\n

\n \n\n","createdAt",["D",1747402982817],"branchVersion","branchId","45619aa8-325b-11f0-abe3-569c3dd06744",{"_30":44,"_32":43,"_34":45,"_35":-5,"_37":46,"_39":14,"_40":41,"_24":25},"frontend","07cc27db-314d-4630-8efb-702ac5d2bef1","directory",["D",1747402982817],"id","45614602-325b-11f0-abe3-569c3dd06744","cardamum",["D",1747402803588],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","12dc2dbc-b67f-44e1-a015-e97495f6121a","pinnedFileId","a532445a-325b-11f0-a353-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","eda87447-ba5f-475f-884b-57629968d6c5","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_18":58,"_104":105,"_106":25},"branch",{"_13":89,"_32":90,"_47":41,"_91":48,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":49,"_98":99},"isOwned",14,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","feb","handle","displayName","avatar","https://secure.gravatar.com/avatar/76d4e67d2ae663b1e5b5ca20ed36eb17&d=identicon","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_32":49,"_37":234,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":-5,"_57":-5,"_18":58,"_59":60,"_61":62,"_63":62,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":235,"_84":236,"_86":237,"_88":25},"tree",[169,173,175,178],"files",[169,170,171,172,173,174,175,176,177,178],"counts",{"_159":66,"_160":138,"_161":66,"_162":163,"_164":165},"contents",[130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_47":153,"_32":154,"_30":155,"_137":-5,"_40":41,"_39":156,"_139":62,"_37":157,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_27":158},{"_47":150,"_32":43,"_30":44,"_137":-5,"_40":41,"_39":14,"_139":62,"_37":151,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_27":152},{"_47":144,"_32":145,"_30":146,"_137":-5,"_40":41,"_39":147,"_139":62,"_37":148,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_27":149},{"_47":134,"_32":135,"_30":136,"_137":-5,"_40":41,"_39":138,"_139":62,"_37":140,"_13":66,"_34":21,"_35":141,"_24":25,"_142":-5,"_27":143},"5fe3cd60-325b-11f0-b4d0-569c3dd06744","README.md","5fe3ce14-325b-11f0-b4d0-569c3dd06744","parentId",1,"latest",["D",1747402848060],"# Multiplayer UNO Game\n\nA real-time multiplayer UNO card game built with React and Val Town.\n\n## Features\n\n- Classic UNO gameplay with standard rules\n- Real-time multiplayer functionality\n- Game rooms for multiple concurrent games\n- Special card actions (Skip, Reverse, Draw 2, Wild, Wild Draw 4)\n- Visual card deck and player hands\n- Turn management and game state synchronization\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Main HTTP entry point\n│ ├── game.ts # Game logic and state management\n│ └── room.ts # Room management for multiple games\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main React component\n│ │ ├── Card.tsx # UNO card component\n│ │ ├── GameBoard.tsx # Game board display\n│ │ ├── PlayerHand.tsx # Player's cards display\n│ │ └── GameControls.tsx # Game action buttons\n│ ├── index.html # Main HTML template\n│ └── index.tsx # Frontend entry point\n└── shared/\n ├── types.ts # Shared type definitions\n └── constants.ts # Game constants and configurations\n```\n\n## How to Play\n\n1. Create or join a game room\n2. Wait for other players to join\n3. Play cards matching the top card's color or value\n4. Use special cards to skip turns, reverse direction, or make opponents draw cards\n5. Call \"UNO\" when you have one card left\n6. First player to play all their cards wins\n\n## Game Rules\n\n- Players take turns playing cards that match the top card's color or value\n- Special cards:\n - Skip: Next player loses their turn\n - Reverse: Reverses the direction of play\n - Draw 2: Next player draws 2 cards and loses their turn\n - Wild: Player chooses the next color to be played\n - Wild Draw 4: Player chooses the next color, and the next player draws 4 cards and loses their turn\n- If a player cannot play a card, they must draw from the deck\n- Players must call \"UNO\" when they have one card left\n- First player to play all their cards wins the round","label",[135],"659e4e92-325b-11f0-bdb6-569c3dd06744","shared","2cba5d76-74e2-411d-980a-0d61194033f0",2,["D",1747402857670],[145],"b0363d98-325b-11f0-85ac-569c3dd06744",["D",1747402982817],[43],"88fdd3ee-325b-11f0-9587-569c3dd06744","backend","e0477cbb-3d43-4fa1-9e37-470111876532",4,["D",1747402917013],[154],"pulls","branches","forks","envVars",{"_166":66,"_168":66},"connections",{"_166":66,"_167":66},"count","unfilledCount","emptyCount",{"_47":153,"_32":154,"_30":155,"_137":-5,"_40":41,"_39":156,"_139":62,"_37":231,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_180":232,"_27":233},{"_47":224,"_32":225,"_30":226,"_137":155,"_40":41,"_39":156,"_139":62,"_37":227,"_13":66,"_34":187,"_35":228,"_24":25,"_142":-5,"_180":229,"_27":230},{"_47":217,"_32":218,"_30":60,"_137":155,"_40":41,"_39":219,"_139":25,"_37":220,"_13":66,"_34":187,"_35":221,"_24":25,"_142":-5,"_180":222,"_27":223},{"_47":209,"_32":210,"_30":211,"_137":155,"_40":41,"_39":212,"_139":62,"_37":213,"_13":66,"_34":187,"_35":214,"_24":25,"_142":-5,"_180":215,"_27":216},{"_47":150,"_32":43,"_30":44,"_137":-5,"_40":41,"_39":14,"_139":62,"_37":206,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_180":207,"_27":208},{"_47":202,"_32":33,"_30":31,"_137":44,"_40":41,"_39":14,"_139":62,"_37":203,"_13":66,"_34":21,"_35":36,"_24":25,"_142":-5,"_180":204,"_27":205},{"_47":144,"_32":145,"_30":146,"_137":-5,"_40":41,"_39":147,"_139":62,"_37":199,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_180":200,"_27":201},{"_47":191,"_32":192,"_30":193,"_137":146,"_40":41,"_39":194,"_139":62,"_37":195,"_13":66,"_34":187,"_35":196,"_24":25,"_142":-5,"_180":197,"_27":198},{"_47":183,"_32":184,"_30":185,"_137":146,"_40":41,"_39":147,"_139":62,"_37":186,"_13":66,"_34":187,"_35":188,"_24":25,"_142":-5,"_180":189,"_27":190},{"_47":134,"_32":135,"_30":136,"_137":-5,"_40":41,"_39":138,"_139":62,"_37":179,"_13":66,"_34":21,"_35":141,"_24":25,"_142":-5,"_180":181,"_27":182},["D",1747402848060],"children",[],[135],"659e3646-325b-11f0-bdb6-569c3dd06744","types.ts","659e36f0-325b-11f0-bdb6-569c3dd06744",["D",1747402857670],"script","// Card colors\nexport type CardColor = \"red\" | \"blue\" | \"green\" | \"yellow\" | \"wild\";\n\n// Card values\nexport type CardValue = \n | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" \n | \"skip\" | \"reverse\" | \"draw2\" | \"wild\" | \"wilddraw4\";\n\n// Card interface\nexport interface Card {\n id: string;\n color: CardColor;\n value: CardValue;\n}\n\n// Player interface\nexport interface Player {\n id: string;\n name: string;\n hand: Card[];\n isActive: boolean;\n calledUno: boolean;\n}\n\n// Game state\nexport interface GameState {\n gameId: string;\n players: Player[];\n deck: Card[];\n discardPile: Card[];\n currentPlayer: number;\n direction: 1 | -1; // 1 for clockwise, -1 for counter-clockwise\n currentColor: CardColor;\n gameStarted: boolean;\n gameOver: boolean;\n winner: string | null;\n lastAction: string;\n}\n\n// Game room\nexport interface GameRoom {\n roomId: string;\n hostId: string;\n gameState: GameState | null;\n players: string[]; // Player IDs\n maxPlayers: number;\n}\n\n// API response types\nexport interface JoinRoomResponse {\n success: boolean;\n roomId: string;\n playerId: string;\n error?: string;\n}\n\nexport interface GameStateResponse {\n success: boolean;\n gameState: GameState;\n playerId: string;\n error?: string;\n}\n\nexport interface ActionResponse {\n success: boolean;\n error?: string;\n}\n\n// Game actions\nexport type GameAction = \n | { type: \"JOIN_GAME\"; playerId: string; playerName: string }\n | { type: \"START_GAME\"; roomId: string }\n | { type: \"PLAY_CARD\"; playerId: string; cardId: string; chosenColor?: CardColor }\n | { type: \"DRAW_CARD\"; playerId: string }\n | { type: \"CALL_UNO\"; playerId: string }\n | { type: \"CHALLENGE_UNO\"; playerId: string; targetPlayerId: string };",[],[145,184],"6a6a2d9c-325b-11f0-9a59-569c3dd06744","constants.ts","6a6a2e8c-325b-11f0-9a59-569c3dd06744",3,["D",1747402865715],"// Game constants\nexport const MAX_PLAYERS = 4;\nexport const MIN_PLAYERS = 2;\nexport const INITIAL_CARDS = 7;\n\n// Card colors\nexport const CARD_COLORS = [\"red\", \"blue\", \"green\", \"yellow\"] as const;\nexport const ALL_COLORS = [...CARD_COLORS, \"wild\"] as const;\n\n// Card values\nexport const NUMBER_VALUES = [\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\"] as const;\nexport const SPECIAL_VALUES = [\"skip\", \"reverse\", \"draw2\"] as const;\nexport const WILD_VALUES = [\"wild\", \"wilddraw4\"] as const;\nexport const ALL_VALUES = [...NUMBER_VALUES, ...SPECIAL_VALUES, ...WILD_VALUES] as const;\n\n// Card distribution in a standard UNO deck\nexport const CARD_DISTRIBUTION = {\n // Each color has one 0 card\n \"0\": 1,\n // Each color has two of each number 1-9\n \"1\": 2, \"2\": 2, \"3\": 2, \"4\": 2, \"5\": 2, \"6\": 2, \"7\": 2, \"8\": 2, \"9\": 2,\n // Each color has two of each special card\n \"skip\": 2, \"reverse\": 2, \"draw2\": 2,\n // Four wild cards and four wild draw 4 cards in the deck\n \"wild\": 4, \"wilddraw4\": 4\n};\n\n// API endpoints\nexport const API_ENDPOINTS = {\n CREATE_ROOM: \"/api/room/create\",\n JOIN_ROOM: \"/api/room/join\",\n START_GAME: \"/api/game/start\",\n GAME_STATE: \"/api/game/state\",\n PLAY_CARD: \"/api/game/play\",\n DRAW_CARD: \"/api/game/draw\",\n CALL_UNO: \"/api/game/uno\",\n CHALLENGE_UNO: \"/api/game/challenge\"\n};",[],[145,192],["D",1747402857670],[176,177],[145],"b0361d86-325b-11f0-85ac-569c3dd06744",["D",1747402982817],[],[43,33],["D",1747402982817],[174],[43],"93d6b2e0-325b-11f0-b01f-569c3dd06744","room.ts","93d6b3a8-325b-11f0-b01f-569c3dd06744",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}",[],[154,210],"a5324392-325b-11f0-a353-569c3dd06744","index.ts",6,["D",1747402964338],"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;",[],[154,218],"88fd9316-325b-11f0-9587-569c3dd06744","game.ts","88fd93c0-325b-11f0-9587-569c3dd06744",["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}",[],[154,225],["D",1747402917013],[170,171,172],[154],["D",1747402803588],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":58,"_104":105,"_106":25},{"_13":89,"_32":90,"_47":41,"_91":48,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":49,"_98":99},"ctx",{"_82":-5,"_127":271,"_272":273,"_274":275,"_276":25,"_277":25,"_278":25,"_279":62,"_280":-5,"_281":-7,"_282":-7,"_283":66,"_284":25,"_285":25,"_286":-5,"_287":25,"_288":25,"_289":25,"_290":-5},"ENV",{"_242":243,"_244":245,"_246":90,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

Diff · v7