[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_297":298,"_299":300},"routes/_app.x.$handle.$name",{"_95":94,"_32":46,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":58,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",14,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":38,"_36":37,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","backend/index.ts","latestPath","fileId","a532445a-325b-11f0-a353-569c3dd06744","name","index.ts","fileType","script","content","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;","http","createdAt",["D",1747403088239],"branchVersion","branchId","45619aa8-325b-11f0-abe3-569c3dd06744","id","45614602-325b-11f0-abe3-569c3dd06744","cardamum",["D",1747402803588],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","12dc2dbc-b67f-44e1-a015-e97495f6121a","pinnedFileId","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",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},"branch",{"_13":14,"_32":85,"_44":43,"_86":45,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":46,"_93":94},"isOwned","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",{"_44":45,"_32":46,"_39":293,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":294,"_80":295,"_82":296,"_84":25},"tree",[168,172,181,184],"files",[168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184],"counts",{"_158":62,"_159":133,"_160":62,"_161":162,"_163":164},"contents",[125,126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":152,"_32":153,"_30":154,"_132":-5,"_42":43,"_41":155,"_134":58,"_39":156,"_13":62,"_34":144,"_36":-5,"_24":25,"_137":-5,"_27":157},{"_44":146,"_32":147,"_30":148,"_132":-5,"_42":43,"_41":149,"_134":58,"_39":150,"_13":62,"_34":144,"_36":-5,"_24":25,"_137":-5,"_27":151},{"_44":139,"_32":140,"_30":141,"_132":-5,"_42":43,"_41":142,"_134":58,"_39":143,"_13":62,"_34":144,"_36":-5,"_24":25,"_137":-5,"_27":145},{"_44":129,"_32":130,"_30":131,"_132":-5,"_42":43,"_41":133,"_134":58,"_39":135,"_13":62,"_34":20,"_36":136,"_24":25,"_137":-5,"_27":138},"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",[130],"659e4e92-325b-11f0-bdb6-569c3dd06744","shared","2cba5d76-74e2-411d-980a-0d61194033f0",2,["D",1747402857670],"directory",[140],"b0363d98-325b-11f0-85ac-569c3dd06744","frontend","07cc27db-314d-4630-8efb-702ac5d2bef1",7,["D",1747402982817],[147],"88fdd3ee-325b-11f0-9587-569c3dd06744","backend","e0477cbb-3d43-4fa1-9e37-470111876532",4,["D",1747402917013],[153],"pulls","branches","forks","envVars",{"_165":62,"_167":62},"connections",{"_165":62,"_166":62},"count","unfilledCount","emptyCount",{"_44":152,"_32":153,"_30":154,"_132":-5,"_42":43,"_41":155,"_134":58,"_39":290,"_13":62,"_34":144,"_36":-5,"_24":25,"_137":-5,"_186":291,"_27":292},{"_44":283,"_32":284,"_30":285,"_132":154,"_42":43,"_41":155,"_134":58,"_39":286,"_13":62,"_34":35,"_36":287,"_24":25,"_137":-5,"_186":288,"_27":289},{"_44":279,"_32":33,"_30":31,"_132":154,"_42":43,"_41":14,"_134":58,"_39":280,"_13":133,"_34":38,"_36":37,"_24":25,"_137":-5,"_186":281,"_27":282},{"_44":271,"_32":272,"_30":273,"_132":154,"_42":43,"_41":274,"_134":58,"_39":275,"_13":62,"_34":35,"_36":276,"_24":25,"_137":-5,"_186":277,"_27":278},{"_44":146,"_32":147,"_30":148,"_132":-5,"_42":43,"_41":149,"_134":58,"_39":268,"_13":62,"_34":144,"_36":-5,"_24":25,"_137":-5,"_186":269,"_27":270},{"_44":264,"_32":231,"_30":225,"_132":148,"_42":43,"_41":251,"_134":58,"_39":265,"_13":62,"_34":144,"_36":-5,"_24":25,"_137":-5,"_186":266,"_27":267},{"_44":256,"_32":257,"_30":258,"_132":225,"_42":43,"_41":259,"_134":58,"_39":260,"_13":62,"_34":35,"_36":261,"_24":25,"_137":-5,"_186":262,"_27":263},{"_44":248,"_32":249,"_30":250,"_132":225,"_42":43,"_41":251,"_134":58,"_39":252,"_13":62,"_34":35,"_36":253,"_24":25,"_137":-5,"_186":254,"_27":255},{"_44":240,"_32":241,"_30":242,"_132":225,"_42":43,"_41":243,"_134":58,"_39":244,"_13":62,"_34":35,"_36":245,"_24":25,"_137":-5,"_186":246,"_27":247},{"_44":232,"_32":233,"_30":234,"_132":225,"_42":43,"_41":235,"_134":58,"_39":236,"_13":62,"_34":35,"_36":237,"_24":25,"_137":-5,"_186":238,"_27":239},{"_44":222,"_32":223,"_30":224,"_132":225,"_42":43,"_41":226,"_134":58,"_39":227,"_13":62,"_34":35,"_36":228,"_24":25,"_137":-5,"_186":229,"_27":230},{"_44":215,"_32":216,"_30":217,"_132":148,"_42":43,"_41":149,"_134":58,"_39":218,"_13":62,"_34":20,"_36":219,"_24":25,"_137":-5,"_186":220,"_27":221},{"_44":207,"_32":208,"_30":209,"_132":148,"_42":43,"_41":210,"_134":58,"_39":211,"_13":62,"_34":35,"_36":212,"_24":25,"_137":-5,"_186":213,"_27":214},{"_44":139,"_32":140,"_30":141,"_132":-5,"_42":43,"_41":142,"_134":58,"_39":204,"_13":62,"_34":144,"_36":-5,"_24":25,"_137":-5,"_186":205,"_27":206},{"_44":196,"_32":197,"_30":198,"_132":141,"_42":43,"_41":199,"_134":58,"_39":200,"_13":62,"_34":35,"_36":201,"_24":25,"_137":-5,"_186":202,"_27":203},{"_44":189,"_32":190,"_30":191,"_132":141,"_42":43,"_41":142,"_134":58,"_39":192,"_13":62,"_34":35,"_36":193,"_24":25,"_137":-5,"_186":194,"_27":195},{"_44":129,"_32":130,"_30":131,"_132":-5,"_42":43,"_41":133,"_134":58,"_39":185,"_13":62,"_34":20,"_36":136,"_24":25,"_137":-5,"_186":187,"_27":188},["D",1747402848060],"children",[],[130],"659e3646-325b-11f0-bdb6-569c3dd06744","types.ts","659e36f0-325b-11f0-bdb6-569c3dd06744",["D",1747402857670],"// 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 };",[],[140,190],"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};",[],[140,197],["D",1747402857670],[182,183],[140],"ec82afac-325b-11f0-92b8-569c3dd06744","index.tsx","ec82b060-325b-11f0-92b8-569c3dd06744",13,["D",1747403083983],"/** @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\";\n\nconst rootElement = document.getElementById(\"root\");\nif (rootElement) {\n const root = createRoot(rootElement);\n root.render();\n}",[],[147,208],"b0361d86-325b-11f0-85ac-569c3dd06744","index.html","b0361e3a-325b-11f0-85ac-569c3dd06744",["D",1747402982817],"\n\n\n \n \n Multiplayer UNO Game\n \n \n \n\n\n

\n \n\n",[],[147,216],"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;",[],[147,231,223],"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;",[],[147,231,233],"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;",[],[147,231,241],"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;",[],[147,231,249],"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;",[],[147,231,257],"b8bce020-325b-11f0-83a1-569c3dd06744",["D",1747402997120],[174,175,176,177,178],[147,231],["D",1747402982817],[173,179,180],[147],"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}",[],[153,272],"ef0c8c16-325b-11f0-a2f9-569c3dd06744",["D",1747403088239],[],[153,33],"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}",[],[153,284],["D",1747402917013],[169,170,171],[153],["D",1747402803588],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},{"_13":14,"_32":85,"_44":43,"_86":45,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":46,"_93":94},"ctx",{"_78":-5,"_122":330,"_331":332,"_333":334,"_335":25,"_336":25,"_337":25,"_338":58,"_339":-5,"_340":-7,"_341":-7,"_342":62,"_343":25,"_344":25,"_345":-5,"_346":25,"_347":25,"_348":25,"_349":-5},"ENV",{"_301":302,"_303":304,"_305":85,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329},"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 · v14