\n \n \n\n",[],[251,253],"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}",[],[251,269,261],"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}",[],[251,269,271],"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}",[],[251,269,279],"3fcafc22-4e00-11f0-9c7a-76b3cceeab13",10,["D",1750442342559],[212,213,214],[251,269],"32f315ca-4e00-11f0-993e-76b3cceeab13",8,["D",1750442321013],[211,215,216],[251],["D",1750442313316],[],[18,92],"fc7806d0-4e00-11f0-b6d5-76b3cceeab13","game.ts","25228c82-4e00-11f0-b4fa-76b3cceeab13",["D",1750442659104],"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;",[],[18,83,300],["D",1750442297839],[208],[18,83],"f77502e6-4e00-11f0-8bd5-76b3cceeab13","queries.ts","1884dfb6-4e00-11f0-ae38-76b3cceeab13",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}",[],[18,67,310],"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 };",[],[18,67,318],["D",1750442261985],[205,206],[18,67],["D",1750442261985],[204,207,209],[18],["D",1750442215769],{"_11":12,"_150":73},{"_11":12,"_146":-5,"_72":73,"_31":71,"_147":148,"_149":30},{"_42":137,"_13":16,"_36":39,"_138":104,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":14,"_145":12},"ctx",{"_55":-5,"_169":367,"_368":369,"_370":371,"_372":30,"_373":30,"_374":30,"_375":24,"_376":-5,"_377":-7,"_378":-7,"_379":26,"_380":30,"_381":30,"_382":-5,"_383":30,"_384":30,"_385":30,"_386":-5},"ENV",{"_338":339,"_340":341,"_342":16,"_343":344,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · backend