function MainComponent() { const [gameStatus, setGameStatus] = React.useState('init'); // Change from waiting to init const [board, setBoard] = React.useState([]); const [inputValue, setInputValue] = React.useState(''); const gridSize = 9; const mineCount = 10; const initializeGame = ()=>{ const newBoard = Array(gridSize * gridSize).fill('?'); let minesPlaced = 0; while(minesPlaced < mineCount){ const loc = Math.floor(Math.random() * gridSize * gridSize); if (newBoard[loc] === '?') { newBoard[loc] = 'X'; minesPlaced++; } } setBoard(newBoard); setGameStatus('ready'); }; const startGame = ()=>{ if (inputValue.toLowerCase() === 'y' && gameStatus === 'init') { initializeGame(); setInputValue(''); } }; const handleInputChange = (event)=>{ setInputValue(event.target.value); }; const handleInputSubmit = (event)=>{ event.preventDefault(); if (gameStatus === 'ready') { startGame(); } else if (gameStatus === 'playing') { const [row, col] = inputValue.split(',').map(Number); if (row >= 1 && row <= gridSize && col >= 1 && col <= gridSize) { const idx = (row - 1) * gridSize + (col - 1); if (board[idx] === 'X') { setGameStatus('lost'); } else { revealTile(idx); } setInputValue(''); } } }; const revealTile = (idx)=>{ if (board[idx] === '?' || board[idx] === 'X') { const newBoard = [ ...board ]; const adjacentMineCount = getAdjacentMineCount(idx); newBoard[idx] = adjacentMineCount === 0 ? ' ' : adjacentMineCount.toString(); setBoard(newBoard); if (checkWin(newBoard)) { setGameStatus('won'); } else { setGameStatus('playing'); } } }; const getAdjacentMineCount = (idx)=>{ const positions = [ -gridSize - 1, -gridSize, -gridSize + 1, -1, 1, gridSize - 1, gridSize, gridSize + 1 ]; return positions.reduce((acc, pos)=>{ const newIdx = idx + pos; const acrossBorders = Math.abs(Math.floor(idx / gridSize) - Math.floor(newIdx / gridSize)) > 1; if (newIdx >= 0 && newIdx < gridSize * gridSize && !acrossBorders && board[newIdx] === 'X') { acc++; } return acc; }, 0); }; const checkWin = (newBoard)=>{ return newBoard.filter((cell)=>cell === '?').length === mineCount; }; return /*#__PURE__*/ React.createElement(React.Fragment, null, gameStatus === 'init' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, "ゲームを開始しますか? (y/n)"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleInputSubmit, __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: inputValue, onChange: handleInputChange, name: "startGame", placeholder: "y/n", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, "Submit"))), gameStatus !== 'init' && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-9 gap-1", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, board.map((cell, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: "w-10 h-10 bg-gray-200 flex justify-center items-center border border-gray-400", __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }, cell !== '?' ? cell : ''))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleInputSubmit, __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: inputValue, onChange: handleInputChange, name: "cellInput", placeholder: "マス指定 (行,列) ->", className: "mt-4 p-2 border rounded", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }))), gameStatus === 'won' && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 119, columnNumber: 32 }, __self: this }, "おめでとう！あなたは地雷をすべて避けました！"), gameStatus === 'lost' && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 120, columnNumber: 33 }, __self: this }, "ゲームオーバー！もう一度挑戦してください。")); }