\n {onlinePlayers} players online\n

\n \n

⚠️ {error}

\n {grid.map((row, rowIndex) => (\n

\n {row.map((cell, colIndex) => (\n handleClick(rowIndex, colIndex)}\n >\n {cell && (\n \n

\n )}\n

\n ))}\n

\n \n\n

🏝️

1. Click a square next to a green island to expand it

2. Click any green square to turn it back to water (except the last island)

\n \n \n );\n};\n\nReactDOM.createRoot(document.getElementById(\"root\")).render(\n \n \n ,\n);","deleted","label","children",[],[154],{"_102":174,"_95":175,"_155":176,"_157":-5,"_158":140,"_159":139,"_161":118,"_104":177,"_99":32,"_164":165,"_166":72,"_168":22,"_169":-5,"_170":178,"_98":179},"779606ba-0355-11f0-b19c-569c3dd06744","foo.ts","77960796-0355-11f0-b19c-569c3dd06744",["D",1742232606185],[],[175],{"_102":181,"_95":182,"_155":116,"_157":-5,"_158":140,"_159":183,"_161":118,"_104":184,"_99":185,"_164":186,"_166":187,"_168":22,"_169":96,"_170":188,"_98":189},"c6eef106-028b-11f0-b083-569c3dd06744","game.ts",152,["D",1742145980968],10,"http","let grid = Array(10).fill([]).map((_, rowIndex) =>\n Array(10).fill(false).map((_, colIndex) => rowIndex === 4 && colIndex === 4 ? true : false)\n);\n\nimport { assertEquals } from \"jsr:@std/assert\";\n\nDeno.test(\"simple test\", () => {\n const x = 1 + 2;\n assertEquals(x, 3);\n});\n\nconst online: Map = new Map();\n\nconst getOnline = (id: string) => {\n if (!online.has(id)) {\n // Add a key and delete outdated keys\n for (const [key, value] of online) {\n if (value + 60 * 1000 < Date.now()) {\n online.delete(key);\n }\n }\n }\n online.set(id, Date.now());\n return online.size;\n};\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n\n if (req.method == \"POST\" && url.pathname == \"/api/board\") {\n const { clickedCell }: { grid: boolean[][]; clickedCell: { row: number; col: number } } = await req\n .json();\n const { row, col } = clickedCell;\n const isValidCell = (row: number, col: number) => {\n return row >= 0 && row < 10 && col >= 0 && col < 10;\n };\n\n const countGreenSquares = () => {\n return grid.reduce((sum, row) => sum + row.reduce((rowSum, cell) => rowSum + (cell ? 1 : 0), 0), 0);\n };\n\n const hasAdjacentGreen = (row: number, col: number) => {\n const directions = [[-1, 0], [1, 0], [0, -1], [0, 1]];\n return directions.some(([dx, dy]) => {\n const newRow = row + dx;\n const newCol = col + dy;\n return isValidCell(newRow, newCol) && grid[newRow][newCol];\n });\n };\n\n const response = (newGrid: boolean[][]) => {\n grid = newGrid;\n return Response.json({ updatedGrid: grid, online: getOnline(req.headers.get(\"x-forwarded-for\") || \"\") });\n };\n\n if (grid[row][col]) {\n if (countGreenSquares() > 1) {\n const newGrid = grid.map(row => [...row]);\n newGrid[row][col] = false;\n return response(newGrid);\n }\n }\n\n const hasGreenNeighbor = hasAdjacentGreen(row, col);\n if (hasGreenNeighbor) {\n const newGrid = grid.map(row => [...row]);\n newGrid[row][col] = true;\n\n return response(newGrid);\n }\n return response(grid);\n }\n return new Response(\n `\n\n\n \n \n Grid Game\n \n \n\n\n

\n \n\n\n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}",[],[182],{"_102":191,"_95":192,"_155":193,"_157":-5,"_158":140,"_159":194,"_161":118,"_104":195,"_99":196,"_164":165,"_166":197,"_168":22,"_169":-5,"_170":198,"_98":199},"17f2fad4-0354-11f0-b623-569c3dd06744","main_test.ts","013074c0-0354-11f0-af79-569c3dd06744",154,["D",1742232016233],1,"Deno.test(\"basic test\", async () => {\n console.log(\"i'm ok\");\n});\n\nDeno.test(\"failing test\", async () => {\n throw new Error(\"uh oh\");\n});",[],[192],"files",[152,173,180,190],"counts",{"_204":32,"_205":206,"_207":32,"_208":209},"pulls","branches",2,"forks","envVars",{"_210":32,"_211":32},"count","emptyCount","contents",[214,217,220,223],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":140,"_159":160,"_161":118,"_104":215,"_99":163,"_164":165,"_166":167,"_168":22,"_169":-5,"_98":216},["D",1742145894178],[154],{"_102":174,"_95":175,"_155":176,"_157":-5,"_158":140,"_159":139,"_161":118,"_104":218,"_99":32,"_164":165,"_166":72,"_168":22,"_169":-5,"_98":219},["D",1742232606185],[175],{"_102":181,"_95":182,"_155":116,"_157":-5,"_158":140,"_159":183,"_161":118,"_104":221,"_99":185,"_164":186,"_166":187,"_168":22,"_169":96,"_98":222},["D",1742145980968],[182],{"_102":191,"_95":192,"_155":193,"_157":-5,"_158":140,"_159":194,"_161":118,"_104":224,"_99":196,"_164":165,"_166":197,"_168":22,"_169":-5,"_98":225},["D",1742232016233],[192],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_99":-7,"_98":72,"_100":235,"_150":240,"_200":253,"_226":-7,"_212":254,"_263":-5,"_264":-5,"_265":-5,"_266":-5,"_267":268},{"_102":103,"_95":96,"_104":236,"_106":-5,"_107":22,"_108":109,"_110":111,"_112":113,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":32,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":237,"_134":238,"_137":239,"_149":22},["D",1739505779956],{"_93":94,"_132":133},{"_93":94,"_136":133},{"_99":139,"_95":43,"_102":140,"_141":103,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":96,"_148":94},[241,244,247,250],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":140,"_159":160,"_161":118,"_104":162,"_99":163,"_164":165,"_166":167,"_168":22,"_169":-5,"_170":242,"_98":243},[],[154],{"_102":174,"_95":175,"_155":176,"_157":-5,"_158":140,"_159":139,"_161":118,"_104":177,"_99":32,"_164":165,"_166":72,"_168":22,"_169":-5,"_170":245,"_98":246},[],[175],{"_102":181,"_95":182,"_155":116,"_157":-5,"_158":140,"_159":183,"_161":118,"_104":184,"_99":185,"_164":186,"_166":187,"_168":22,"_169":96,"_170":248,"_98":249},[],[182],{"_102":191,"_95":192,"_155":193,"_157":-5,"_158":140,"_159":194,"_161":118,"_104":195,"_99":196,"_164":165,"_166":197,"_168":22,"_169":-5,"_170":251,"_98":252},[],[192],[241,244,247,250],[255,257,259,261],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":140,"_159":160,"_161":118,"_104":215,"_99":163,"_164":165,"_166":167,"_168":22,"_169":-5,"_98":256},[154],{"_102":174,"_95":175,"_155":176,"_157":-5,"_158":140,"_159":139,"_161":118,"_104":218,"_99":32,"_164":165,"_166":72,"_168":22,"_169":-5,"_98":258},[175],{"_102":181,"_95":182,"_155":116,"_157":-5,"_158":140,"_159":183,"_161":118,"_104":221,"_99":185,"_164":186,"_166":187,"_168":22,"_169":96,"_98":260},[182],{"_102":191,"_95":192,"_155":193,"_157":-5,"_158":140,"_159":194,"_161":118,"_104":224,"_99":196,"_164":165,"_166":197,"_168":22,"_169":-5,"_98":262},[192],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

maxm

island