\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",[],[159],{"_104":177,"_95":100,"_160":178,"_162":-5,"_163":143,"_164":142,"_165":120,"_106":179,"_101":32,"_167":180,"_169":181,"_171":22,"_172":-5,"_173":182,"_99":183},"3007085c-f613-11ef-a954-569c3dd06744","15cbf75b-f19e-4827-84fe-e01914750d8a",["D",1740774774226],"http","let grid = Array(10).fill().map((_, rowIndex) =>\n Array(10).fill().map((_, colIndex) => rowIndex === 4 && colIndex === 4 ? true : false)\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 { headers: { \"content-type\": \"text/html\" } },\n );\n}",[],[100],"files",[157,176],"counts",{"_188":32,"_189":190,"_191":32,"_192":193},"pulls","branches",2,"forks","envVars",{"_194":32,"_195":32},"count","emptyCount","contents",[],"file",{"_104":177,"_163":143,"_160":178,"_95":100,"_169":181,"_167":180,"_101":32,"_162":-5,"_106":200,"_164":142,"_172":-5,"_99":201},["D",1740774774226],[100],"upstreamProject","upstreamBranch",{"_104":146,"_106":205,"_206":207,"_95":43,"_144":105,"_101":208,"_145":-5,"_147":-5,"_209":210,"_108":-5,"_154":22,"_110":111,"_153":94,"_16":124,"_152":96},["D",1739505779956],"updatedAt",["D",1742232606185],157,"lockfileKey","1744646110239-esm.town_v_maxm_island@157-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_93":94,"_95":96,"_97":98,"_101":-7,"_99":100,"_102":217,"_155":222,"_184":229,"_198":230,"_196":233,"_234":235,"_238":-5,"_239":32,"_240":32,"_241":242},{"_104":105,"_95":96,"_106":218,"_108":-5,"_109":22,"_110":111,"_112":113,"_114":115,"_14":116,"_117":118,"_119":120,"_121":-5,"_122":-5,"_123":32,"_16":124,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_23":219,"_137":220,"_140":221,"_154":22},["D",1739505779956],{"_93":94,"_135":136},{"_93":94,"_139":136,"_14":116},{"_101":142,"_95":98,"_104":143,"_144":105,"_145":146,"_147":148,"_149":111,"_150":105,"_151":124,"_152":96,"_153":94},[223,226],{"_104":158,"_95":159,"_160":161,"_162":-5,"_163":143,"_164":142,"_165":120,"_106":166,"_101":32,"_167":168,"_169":170,"_171":22,"_172":-5,"_173":224,"_99":225},[],[159],{"_104":177,"_95":100,"_160":178,"_162":-5,"_163":143,"_164":142,"_165":120,"_106":179,"_101":32,"_167":180,"_169":181,"_171":22,"_172":-5,"_173":227,"_99":228},[],[100],[223,226],{"_104":177,"_163":143,"_160":178,"_95":100,"_169":181,"_167":180,"_101":32,"_162":-5,"_106":231,"_164":142,"_172":-5,"_99":232},["D",1740774774226],[100],[],"upstream",{"_104":146,"_106":236,"_206":237,"_95":43,"_144":105,"_101":208,"_145":-5,"_147":-5,"_209":210,"_108":-5,"_154":22,"_110":111,"_153":94,"_16":124,"_152":96},["D",1739505779956],["D",1742232606185],"pull","ahead","behind","templates",[],"actionData","errors"]