[{"_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",{"_96":95,"_32":46,"_104":86,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":59,"_122":-5,"_123":-5,"_124":125},"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":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",21,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","backend/routes/game.ts","latestPath","fileId","25228c82-4e00-11f0-b4fa-76b3cceeab13","name","game.ts","fileType","script","content","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport type { GameState, Player, MoveRequest, GameResponse, GamesListResponse } from \"../../shared/types.ts\";\nimport { createGame, getGame, updateGame, getRecentGames } from \"../database/queries.ts\";\n\nconst app = new Hono();\n\n// Game logic functions\nfunction checkWinner(board: (Player | null)[]): Player | null {\n const winPatterns = [\n [0, 1, 2], [3, 4, 5], [6, 7, 8], // rows\n [0, 3, 6], [1, 4, 7], [2, 5, 8], // columns\n [0, 4, 8], [2, 4, 6] // diagonals\n ];\n\n for (const pattern of winPatterns) {\n const [a, b, c] = pattern;\n if (board[a] && board[a] === board[b] && board[a] === board[c]) {\n return board[a];\n }\n }\n return null;\n}\n\nfunction isBoardFull(board: (Player | null)[]): boolean {\n return board.every(cell => cell !== null);\n}\n\n// Routes\napp.post(\"/\", async (c) => {\n try {\n const game = await createGame();\n const response: GameResponse = { success: true, game };\n return c.json(response);\n } catch (error) {\n const response: GameResponse = { \n success: false, \n error: error instanceof Error ? error.message : \"Failed to create game\" \n };\n return c.json(response, 500);\n }\n});\n\napp.get(\"/:gameId\", async (c) => {\n try {\n const gameId = c.req.param(\"gameId\");\n const game = await getGame(gameId);\n \n if (!game) {\n const response: GameResponse = { success: false, error: \"Game not found\" };\n return c.json(response, 404);\n }\n\n const response: GameResponse = { success: true, game };\n return c.json(response);\n } catch (error) {\n const response: GameResponse = { \n success: false, \n error: error instanceof Error ? error.message : \"Failed to get game\" \n };\n return c.json(response, 500);\n }\n});\n\napp.put(\"/:gameId/move\", async (c) => {\n try {\n const gameId = c.req.param(\"gameId\");\n const { position }: MoveRequest = await c.req.json();\n \n console.log(\"Making move for game:\", gameId, \"position:\", position);\n \n const game = await getGame(gameId);\n console.log(\"Retrieved game:\", game);\n \n if (!game) {\n const response: GameResponse = { success: false, error: \"Game not found\" };\n return c.json(response, 404);\n }\n\n if (game.status !== 'playing') {\n const response: GameResponse = { success: false, error: \"Game is already finished\" };\n return c.json(response, 400);\n }\n\n if (position < 0 || position > 8) {\n const response: GameResponse = { success: false, error: \"Invalid position\" };\n return c.json(response, 400);\n }\n\n if (game.board[position] !== null) {\n const response: GameResponse = { success: false, error: \"Position already taken\" };\n return c.json(response, 400);\n }\n\n // Make the move\n game.board[position] = game.currentPlayer;\n \n // Check for winner\n const winner = checkWinner(game.board);\n if (winner) {\n game.status = 'won';\n game.winner = winner;\n } else if (isBoardFull(game.board)) {\n game.status = 'draw';\n } else {\n // Switch players\n game.currentPlayer = game.currentPlayer === 'X' ? 'O' : 'X';\n }\n\n await updateGame(game);\n\n const response: GameResponse = { success: true, game };\n return c.json(response);\n } catch (error) {\n const response: GameResponse = { \n success: false, \n error: error instanceof Error ? error.message : \"Failed to make move\" \n };\n return c.json(response, 500);\n }\n});\n\napp.get(\"/\", async (c) => {\n try {\n const games = await getRecentGames(20);\n const response: GamesListResponse = { success: true, games };\n return c.json(response);\n } catch (error) {\n const response: GamesListResponse = { \n success: false, \n error: error instanceof Error ? error.message : \"Failed to get games\" \n };\n return c.json(response, 500);\n }\n});\n\nexport default app;","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport type { GameState, Player, MoveRequest, GameResponse, GamesListResponse } from \"../../shared/types.ts\";\nimport { createGame, getGame, updateGame, getRecentGames } from \"../database/queries.ts\";\n\nconst app = new Hono();\n\n// Game logic functions\nfunction checkWinner(board: (Player | null)[]): Player | null {\n const winPatterns = [\n [0, 1, 2], [3, 4, 5], [6, 7, 8], // rows\n [0, 3, 6], [1, 4, 7], [2, 5, 8], // columns\n [0, 4, 8], [2, 4, 6] // diagonals\n ];\n\n for (const pattern of winPatterns) {\n const [a, b, c] = pattern;\n if (board[a] && board[a] === board[b] && board[a] === board[c]) {\n return board[a];\n }\n }\n return null;\n}\n\nfunction isBoardFull(board: (Player | null)[]): boolean {\n return board.every(cell => cell !== null);\n}\n\n// Routes\napp.post(\"/\", async (c) => {\n try {\n const game = await createGame();\n const response: GameResponse = { success: true, game };\n return c.json(response);\n } catch (error) {\n const response: GameResponse = { \n success: false, \n error: error instanceof Error ? error.message : \"Failed to create game\" \n };\n return c.json(response, 500);\n }\n});\n\napp.get(\"/:gameId\", async (c) => {\n try {\n const gameId = c.req.param(\"gameId\");\n const game = await getGame(gameId);\n \n if (!game) {\n const response: GameResponse = { success: false, error: \"Game not found\" };\n return c.json(response, 404);\n }\n\n const response: GameResponse = { success: true, game };\n return c.json(response);\n } catch (error) {\n const response: GameResponse = { \n success: false, \n error: error instanceof Error ? error.message : \"Failed to get game\" \n };\n return c.json(response, 500);\n }\n});\n\napp.put(\"/:gameId/move\", async (c) => {\n try {\n const gameId = c.req.param(\"gameId\");\n const { position }: MoveRequest = await c.req.json();\n \n const game = await getGame(gameId);\n if (!game) {\n const response: GameResponse = { success: false, error: \"Game not found\" };\n return c.json(response, 404);\n }\n\n if (game.status !== 'playing') {\n const response: GameResponse = { success: false, error: \"Game is already finished\" };\n return c.json(response, 400);\n }\n\n if (position < 0 || position > 8) {\n const response: GameResponse = { success: false, error: \"Invalid position\" };\n return c.json(response, 400);\n }\n\n if (game.board[position] !== null) {\n const response: GameResponse = { success: false, error: \"Position already taken\" };\n return c.json(response, 400);\n }\n\n // Make the move\n game.board[position] = game.currentPlayer;\n \n // Check for winner\n const winner = checkWinner(game.board);\n if (winner) {\n game.status = 'won';\n game.winner = winner;\n } else if (isBoardFull(game.board)) {\n game.status = 'draw';\n } else {\n // Switch players\n game.currentPlayer = game.currentPlayer === 'X' ? 'O' : 'X';\n }\n\n await updateGame(game);\n\n const response: GameResponse = { success: true, game };\n return c.json(response);\n } catch (error) {\n const response: GameResponse = { \n success: false, \n error: error instanceof Error ? error.message : \"Failed to make move\" \n };\n return c.json(response, 500);\n }\n});\n\napp.get(\"/\", async (c) => {\n try {\n const games = await getRecentGames(20);\n const response: GamesListResponse = { success: true, games };\n return c.json(response);\n } catch (error) {\n const response: GamesListResponse = { \n success: false, \n error: error instanceof Error ? error.message : \"Failed to get games\" \n };\n return c.json(response, 500);\n }\n});\n\nexport default app;","createdAt",["D",1750442659104],"branchVersion","branchId","f43726e6-4dff-11f0-9162-76b3cceeab13","id","f436c4d0-4dff-11f0-9162-76b3cceeab13","kebede-and-ben-test",["D",1750442215769],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","04e56ba7-c54a-427f-8070-67219b83ca20","pinnedFileId","2a93193e-4e00-11f0-b4fa-76b3cceeab13","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","2e901eee-3aff-4826-99a0-ea4001a41cef","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},"branch",{"_13":14,"_32":86,"_44":43,"_87":45,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":46,"_94":95},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","bmitchinson","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ybGNycExZSzZneWRkMGZuTGRiSDlsZjNSU3MifQ","tier","free","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":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":294,"_81":295,"_83":296,"_85":25},"tree",[169,176,183,185],"files",[169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185],"counts",{"_159":63,"_160":134,"_161":63,"_162":163,"_164":165},"contents",[126,127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":153,"_32":154,"_30":155,"_133":-5,"_42":43,"_41":156,"_135":59,"_39":157,"_13":63,"_34":145,"_36":-5,"_24":25,"_138":-5,"_27":158},{"_44":147,"_32":148,"_30":149,"_133":-5,"_42":43,"_41":150,"_135":59,"_39":151,"_13":63,"_34":145,"_36":-5,"_24":25,"_138":-5,"_27":152},{"_44":140,"_32":141,"_30":142,"_133":-5,"_42":43,"_41":143,"_135":59,"_39":144,"_13":63,"_34":145,"_36":-5,"_24":25,"_138":-5,"_27":146},{"_44":130,"_32":131,"_30":132,"_133":-5,"_42":43,"_41":134,"_135":59,"_39":136,"_13":63,"_34":20,"_36":137,"_24":25,"_138":-5,"_27":139},"0704c364-4e00-11f0-be20-76b3cceeab13","README.md","0704c440-4e00-11f0-be20-76b3cceeab13","parentId",1,"latest",["D",1750442247313],"# Tic Tac Toe Game\n\nA multiplayer tic-tac-toe game where two players can play against each other in real-time.\n\n## Features\n\n- Two-player gameplay\n- Real-time game state updates\n- Game history tracking\n- Clean, responsive UI\n- Automatic win detection\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Main Hono server\n│ ├── database/\n│ │ ├── migrations.ts # Database schema\n│ │ └── queries.ts # Game queries\n│ └── routes/\n│ └── game.ts # Game API routes\n├── frontend/\n│ ├── index.html # Main page\n│ ├── components/\n│ │ ├── App.tsx # Main React app\n│ │ ├── GameBoard.tsx # Game board component\n│ │ └── GameStatus.tsx # Game status display\n│ └── style.css # Custom styles\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## How to Play\n\n1. Visit the website\n2. Player X starts first\n3. Click on any empty cell to make your move\n4. Players alternate turns\n5. First to get 3 in a row (horizontal, vertical, or diagonal) wins!\n6. Click \"New Game\" to start over\n\n## API Endpoints\n\n- `GET /api/game/:gameId` - Get game state\n- `POST /api/game` - Create new game\n- `PUT /api/game/:gameId/move` - Make a move\n- `GET /api/games` - List recent games","label",[131],"0bb53cd6-4e00-11f0-a65e-76b3cceeab13","shared","1249aecb-3d20-4351-8aac-3be660b3ddf6",2,["D",1750442255172],"directory",[141],"32f315ca-4e00-11f0-993e-76b3cceeab13","frontend","cd3b309d-fc5a-442a-9804-fb0942c91b06",8,["D",1750442321013],[148],"0fc49d26-4e00-11f0-94a1-76b3cceeab13","backend","f3f4c5d5-c451-4871-9530-a06a296698ef",3,["D",1750442261985],[154],"pulls","branches","forks","envVars",{"_166":63,"_168":63},"connections",{"_166":63,"_167":63},"count","unfilledCount","emptyCount",{"_44":153,"_32":154,"_30":155,"_133":-5,"_42":43,"_41":156,"_135":59,"_39":290,"_13":63,"_34":145,"_36":-5,"_24":25,"_138":-5,"_187":291,"_27":292},{"_44":286,"_32":278,"_30":272,"_133":155,"_42":43,"_41":156,"_135":59,"_39":287,"_13":63,"_34":145,"_36":-5,"_24":25,"_138":-5,"_187":288,"_27":289},{"_44":279,"_32":280,"_30":281,"_133":272,"_42":43,"_41":156,"_135":59,"_39":282,"_13":63,"_34":35,"_36":283,"_24":25,"_138":-5,"_187":284,"_27":285},{"_44":269,"_32":270,"_30":271,"_133":272,"_42":43,"_41":273,"_135":59,"_39":274,"_13":156,"_34":35,"_36":275,"_24":25,"_138":-5,"_187":276,"_27":277},{"_44":264,"_32":263,"_30":259,"_133":155,"_42":43,"_41":265,"_135":59,"_39":266,"_13":63,"_34":145,"_36":-5,"_24":25,"_138":-5,"_187":267,"_27":268},{"_44":258,"_32":33,"_30":31,"_133":259,"_42":43,"_41":14,"_135":59,"_39":260,"_13":143,"_34":35,"_36":38,"_24":25,"_138":-5,"_187":261,"_27":262},{"_44":250,"_32":251,"_30":57,"_133":155,"_42":43,"_41":252,"_135":59,"_39":253,"_13":134,"_34":254,"_36":255,"_24":25,"_138":-5,"_187":256,"_27":257},{"_44":147,"_32":148,"_30":149,"_133":-5,"_42":43,"_41":150,"_135":59,"_39":247,"_13":63,"_34":145,"_36":-5,"_24":25,"_138":-5,"_187":248,"_27":249},{"_44":242,"_32":225,"_30":219,"_133":149,"_42":43,"_41":243,"_135":59,"_39":244,"_13":63,"_34":145,"_36":-5,"_24":25,"_138":-5,"_187":245,"_27":246},{"_44":234,"_32":235,"_30":236,"_133":219,"_42":43,"_41":237,"_135":59,"_39":238,"_13":134,"_34":35,"_36":239,"_24":25,"_138":-5,"_187":240,"_27":241},{"_44":226,"_32":227,"_30":228,"_133":219,"_42":43,"_41":229,"_135":59,"_39":230,"_13":134,"_34":35,"_36":231,"_24":25,"_138":-5,"_187":232,"_27":233},{"_44":216,"_32":217,"_30":218,"_133":219,"_42":43,"_41":220,"_135":59,"_39":221,"_13":134,"_34":35,"_36":222,"_24":25,"_138":-5,"_187":223,"_27":224},{"_44":208,"_32":209,"_30":210,"_133":149,"_42":43,"_41":211,"_135":59,"_39":212,"_13":134,"_34":20,"_36":213,"_24":25,"_138":-5,"_187":214,"_27":215},{"_44":200,"_32":201,"_30":202,"_133":149,"_42":43,"_41":203,"_135":59,"_39":204,"_13":63,"_34":20,"_36":205,"_24":25,"_138":-5,"_187":206,"_27":207},{"_44":140,"_32":141,"_30":142,"_133":-5,"_42":43,"_41":143,"_135":59,"_39":197,"_13":63,"_34":145,"_36":-5,"_24":25,"_138":-5,"_187":198,"_27":199},{"_44":190,"_32":191,"_30":192,"_133":142,"_42":43,"_41":143,"_135":59,"_39":193,"_13":63,"_34":35,"_36":194,"_24":25,"_138":-5,"_187":195,"_27":196},{"_44":130,"_32":131,"_30":132,"_133":-5,"_42":43,"_41":134,"_135":59,"_39":186,"_13":63,"_34":20,"_36":137,"_24":25,"_138":-5,"_187":188,"_27":189},["D",1750442247313],"children",[],[131],"0bb53060-4e00-11f0-a65e-76b3cceeab13","types.ts","0bb5311e-4e00-11f0-a65e-76b3cceeab13",["D",1750442255172],"// Shared types for tic-tac-toe game\n\nexport type Player = 'X' | 'O';\nexport type CellValue = Player | null;\nexport type Board = CellValue[];\nexport type GameStatus = 'playing' | 'won' | 'draw';\n\nexport interface GameState {\n id: string;\n board: Board;\n currentPlayer: Player;\n status: GameStatus;\n winner: Player | null;\n createdAt: string;\n updatedAt: string;\n}\n\nexport interface MoveRequest {\n position: number;\n}\n\nexport interface GameResponse {\n success: boolean;\n game?: GameState;\n error?: string;\n}\n\nexport interface GamesListResponse {\n success: boolean;\n games?: GameState[];\n error?: string;\n}",[],[141,191],["D",1750442255172],[184],[141],"386a638c-4e00-11f0-b43b-76b3cceeab13","style.css","386a645e-4e00-11f0-b43b-76b3cceeab13",9,["D",1750442330188],"/* Custom styles for tic-tac-toe game */\n\n.game-cell {\n transition: all 0.2s ease;\n}\n\n.game-cell:hover {\n transform: scale(1.05);\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n\n.game-cell:active {\n transform: scale(0.95);\n}\n\n.game-cell.disabled {\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n.game-cell.disabled:hover {\n transform: none;\n box-shadow: none;\n}\n\n.player-x {\n color: #3b82f6; /* blue-500 */\n font-weight: bold;\n}\n\n.player-o {\n color: #ef4444; /* red-500 */\n font-weight: bold;\n}\n\n.winner-highlight {\n animation: pulse 1s infinite;\n}\n\n@keyframes pulse {\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.7;\n }\n}\n\n.game-board {\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n}",[],[148,201],"c56ba750-4e00-11f0-add2-76b3cceeab13","index.html","32f30da0-4e00-11f0-993e-76b3cceeab13",16,["D",1750442566748],"\n\n\n \n \n Tic Tac Toe\n \n \n \n\n\n

\n \n \n\n",[],[148,209],"c0413c7c-4e00-11f0-a9ad-76b3cceeab13","GameStatus.tsx","486bb222-4e00-11f0-831d-76b3cceeab13","4026bdd1-bf66-4598-a667-5d5655ccaf1b",15,["D",1750442558085],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { GameState } from \"../../shared/types.ts\";\n\ninterface GameStatusProps {\n game: GameState;\n onNewGame: () => void;\n loading: boolean;\n}\n\nexport default function GameStatus({ game, onNewGame, loading }: GameStatusProps) {\n const getStatusMessage = () => {\n if (game.status === 'won') {\n return (\n \n 🎉 Player {game.winner} Wins! 🎉\n \n );\n } else if (game.status === 'draw') {\n return (\n \n 🤝 It's a Draw! 🤝\n \n );\n } else {\n return (\n \n Current Player: \n \n {game.currentPlayer}\n \n \n );\n }\n };\n\n return (\n

\n {getStatusMessage()}\n

\n \n

\n \n {loading ? '⏳ Starting...' : '🎮 New Game'}\n \n \n

\n Game ID: {game.id}\n

\n );\n}",[],[148,225,217],"components","bd551fd8-4e00-11f0-8a5b-76b3cceeab13","GameBoard.tsx","3fcaf2fe-4e00-11f0-9c7a-76b3cceeab13",14,["D",1750442553181],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { GameState, CellValue } from \"../../shared/types.ts\";\n\ninterface GameBoardProps {\n game: GameState;\n onCellClick: (position: number) => void;\n disabled: boolean;\n}\n\nexport default function GameBoard({ game, onCellClick, disabled }: GameBoardProps) {\n const renderCell = (position: number) => {\n const value = game.board[position];\n const isEmpty = value === null;\n const isDisabled = disabled || !isEmpty || game.status !== 'playing';\n \n return (\n !isDisabled && onCellClick(position)}\n disabled={isDisabled}\n >\n {value}\n \n );\n };\n\n return (\n

\n {Array.from({ length: 9 }, (_, i) => renderCell(i))}\n

\n );\n}",[],[148,225,227],"b98e4c26-4e00-11f0-8570-76b3cceeab13","App.tsx","569c381c-4e00-11f0-8cc5-76b3cceeab13",13,["D",1750442546844],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport GameBoard from \"./GameBoard.tsx\";\nimport GameStatus from \"./GameStatus.tsx\";\nimport type { GameState, GameResponse, MoveRequest } from \"../../shared/types.ts\";\n\nexport default function App() {\n const [game, setGame] = useState(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n // Create a new game\n const createNewGame = async () => {\n setLoading(true);\n setError(null);\n \n try {\n const response = await fetch('/api/game', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n });\n \n const data: GameResponse = await response.json();\n \n if (data.success && data.game) {\n setGame(data.game);\n } else {\n setError(data.error || 'Failed to create game');\n }\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Network error');\n } finally {\n setLoading(false);\n }\n };\n\n // Make a move\n const makeMove = async (position: number) => {\n if (!game || loading) return;\n \n setLoading(true);\n setError(null);\n \n try {\n const moveData: MoveRequest = { position };\n \n const response = await fetch(`/api/game/${game.id}/move`, {\n method: 'PUT',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(moveData),\n });\n \n const data: GameResponse = await response.json();\n \n if (data.success && data.game) {\n setGame(data.game);\n } else {\n setError(data.error || 'Failed to make move');\n }\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Network error');\n } finally {\n setLoading(false);\n }\n };\n\n // Initialize with a new game on mount\n useEffect(() => {\n createNewGame();\n }, []);\n\n if (!game && !error) {\n return (\n

🎮 Loading Tic Tac Toe...

⚡

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

\n {/* Header */}\n

\n 🎯 Tic Tac Toe\n

\n Two players, one winner!\n

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

\n Error: {error}\n setError(null)}\n className=\"ml-2 text-red-500 hover:text-red-700\"\n >\n ✕\n \n

\n )}\n\n {/* Game Content */}\n {game && (\n <>\n \n \n \n \n )}\n\n {/* Instructions */}\n

How to Play:

• Player X goes first
• Click any empty cell to make your move
• Get 3 in a row to win!
• Share the game ID with a friend to play together

\n );\n}",[],[148,225,235],"3fcafc22-4e00-11f0-9c7a-76b3cceeab13",10,["D",1750442342559],[178,179,180],[148,225],["D",1750442321013],[177,181,182],[148],"2e5d0e12-4e00-11f0-98e9-76b3cceeab13","index.ts",7,["D",1750442313316],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { runMigrations } from \"./database/migrations.ts\";\nimport gameRoutes from \"./routes/game.ts\";\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// Initialize database\nawait runMigrations();\n\n// API routes\napp.route(\"/api/game\", gameRoutes);\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 main page\napp.get(\"/\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\nexport default app.fetch;",[],[154,251],"fc7806d0-4e00-11f0-b6d5-76b3cceeab13","b90a5174-caf5-44a1-952c-b045f4de83ac",["D",1750442659104],[],[154,263,33],"routes","2522988a-4e00-11f0-b4fa-76b3cceeab13",5,["D",1750442297839],[174],[154,263],"f77502e6-4e00-11f0-8bd5-76b3cceeab13","queries.ts","1884dfb6-4e00-11f0-ae38-76b3cceeab13","82955637-9aad-4ca1-9cd7-9d7a3558547a",20,["D",1750442650696],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { TABLE_NAME } from \"./migrations.ts\";\nimport type { GameState, Player, Board, GameStatus } from \"../../shared/types.ts\";\n\nexport async function createGame(): Promise {\n const id = crypto.randomUUID();\n const now = new Date().toISOString();\n const board: Board = Array(9).fill(null);\n \n const game: GameState = {\n id,\n board,\n currentPlayer: 'X',\n status: 'playing',\n winner: null,\n createdAt: now,\n updatedAt: now\n };\n\n await sqlite.execute(\n `INSERT INTO ${TABLE_NAME} (id, board, current_player, status, winner, created_at, updated_at) \n VALUES (?, ?, ?, ?, ?, ?, ?)`,\n [id, JSON.stringify(board), 'X', 'playing', null, now, now]\n );\n\n return game;\n}\n\nexport async function getGame(id: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLE_NAME} WHERE id = ?`,\n [id]\n );\n\n if (result.rows.length === 0) {\n return null;\n }\n\n const row = result.rows[0];\n return {\n id: row.id as string,\n board: JSON.parse(row.board as string),\n currentPlayer: row.current_player as Player,\n status: row.status as GameStatus,\n winner: row.winner as Player | null,\n createdAt: row.created_at as string,\n updatedAt: row.updated_at as string\n };\n}\n\nexport async function updateGame(game: GameState): Promise {\n const now = new Date().toISOString();\n \n await sqlite.execute(\n `UPDATE ${TABLE_NAME} \n SET board = ?, current_player = ?, status = ?, winner = ?, updated_at = ?\n WHERE id = ?`,\n [\n JSON.stringify(game.board),\n game.currentPlayer,\n game.status,\n game.winner,\n now,\n game.id\n ]\n );\n}\n\nexport async function getRecentGames(limit: number = 10): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLE_NAME} ORDER BY updated_at DESC LIMIT ?`,\n [limit]\n );\n\n return result.rows.map(row => ({\n id: row.id as string,\n board: JSON.parse(row.board as string),\n currentPlayer: row.current_player as Player,\n status: row.status as GameStatus,\n winner: row.winner as Player | null,\n createdAt: row.created_at as string,\n updatedAt: row.updated_at as string\n }));\n}",[],[154,278,270],"database","0fc49394-4e00-11f0-94a1-76b3cceeab13","migrations.ts","0fc49448-4e00-11f0-94a1-76b3cceeab13",["D",1750442261985],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst TABLE_NAME = 'tic_tac_toe_games_1';\n\nexport async function runMigrations() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id TEXT PRIMARY KEY,\n board TEXT NOT NULL,\n current_player TEXT NOT NULL,\n status TEXT NOT NULL,\n winner TEXT,\n created_at TEXT NOT NULL,\n updated_at TEXT NOT NULL\n )`);\n}\n\nexport { TABLE_NAME };",[],[154,278,280],"0fc49f7e-4e00-11f0-94a1-76b3cceeab13",["D",1750442261985],[171,172],[154,278],["D",1750442261985],[170,173,175],[154],["D",1750442215769],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},{"_13":14,"_32":86,"_44":43,"_87":45,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":46,"_94":95},"ctx",{"_79":-5,"_123":330,"_331":332,"_333":334,"_335":25,"_336":25,"_337":25,"_338":59,"_339":-5,"_340":-7,"_341":-7,"_342":63,"_343":25,"_344":25,"_345":-5,"_346":25,"_347":25,"_348":25,"_349":-5},"ENV",{"_301":302,"_303":304,"_305":86,"_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","5a709144666c9e69e88140f015c586412f0fd8d3","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 · v21