var __CODE__ = (() => { var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // virtual:/page.jsx var page_exports = {}; __export(page_exports, { default: () => page_default }); // virtual:/__injected-globals.js var useSession = () => { if (typeof nextAuthUseSession !== void 0) { return nextAuthUseSession(); } return { data: {}, status: "unauthenticated" }; }; var fetch = /* @__PURE__ */ function(originalFetch) { const getURlFromArgs = (...args) => { const [urlArg] = args; let url; if (typeof urlArg === "string") { url = urlArg; } else if (urlArg instanceof Request) { url = urlArg.url; } else { url = `${urlArg.protocol}//${urlArg.host}${urlArg.pathname}`; } return url; }; const isFirstPartyURL = (url) => { return url.startsWith(window.location.origin) || url.startsWith("/") || url.startsWith("https://created.app"); }; return async function fetchWithHeaders(input, init = {}) { const url = getURlFromArgs(input, init); const isExternalFetch = !isFirstPartyURL(url); if (isExternalFetch) { return originalFetch(input, init); } const initHeaders = init?.headers ?? {}; const finalHeaders = new Headers(initHeaders); finalHeaders.set("x-createxyz-project-id", "e631bde5-494f-46a9-80ab-ff2a621927bb"); finalHeaders.set("x-createxyz-project-group-id", "8544b124-55fd-40d6-b4ba-c9ba6030b53e"); if (input instanceof Request) { input.headers.set("x-createxyz-project-id", "e631bde5-494f-46a9-80ab-ff2a621927bb"); input.headers.set("x-createxyz-project-group-id", "8544b124-55fd-40d6-b4ba-c9ba6030b53e"); } return originalFetch(input, { ...init, headers: finalHeaders }); }; }(globalThis.fetch); // virtual:/page.jsx function MainComponent() { const [board, setBoard] = React.useState([]); const [mines, setMines] = React.useState(10); const [time, setTime] = React.useState(0); const [gameOver2, setGameOver] = React.useState(false); const [gameWon2, setGameWon] = React.useState(false); const [difficulty, setDifficulty] = React.useState("easy"); const [boardSize, setBoardSize] = React.useState(9); const [scores, setScores] = React.useState([]); const difficultySettings = { easy: { size: 9, mines: 10 }, medium: { size: 16, mines: 40 }, hard: { size: 30, mines: 99 } }; const { data: session, status } = useSession(); React.useEffect(() => { initializeBoard2(); const timer = setInterval(() => { if (!gameOver2 && !gameWon2) { setTime((prevTime) => prevTime + 1); } }, 1e3); return () => clearInterval(timer); }, [difficulty, gameOver2, gameWon2]); React.useEffect(() => { fetchScores(); }, []); const initializeBoard2 = () => { const { size, mines: mines2 } = difficultySettings[difficulty]; setBoardSize(size); setMines(mines2); const newBoard = Array(size * size).fill(null).map(() => ({ isOpen: false, isMine: false, isFlagged: false, adjacentMines: 0 })); placeMines(newBoard, size, mines2); calculateAdjacentMines(newBoard, size); setBoard(newBoard); setGameOver(false); setGameWon(false); setTime(0); }; const placeMines = (board2, size, mines2) => { let placedMines = 0; while (placedMines < mines2) { const randomIndex = Math.floor(Math.random() * size * size); if (!board2[randomIndex].isMine) { board2[randomIndex].isMine = true; placedMines++; } } }; const calculateAdjacentMines = (board2, size) => { for (let i = 0; i < size * size; i++) { const row = Math.floor(i / size); const col = i % size; let count = 0; for (let r = -1; r <= 1; r++) { for (let c = -1; c <= 1; c++) { if (r === 0 && c === 0) continue; const newRow = row + r; const newCol = col + c; if (newRow >= 0 && newRow < size && newCol >= 0 && newCol < size && board2[newRow * size + newCol].isMine) { count++; } } } board2[i].adjacentMines = count; } }; const handleCellClick = (index) => { if (gameOver2 || gameWon2) return; const cell2 = board[index]; if (cell2.isFlagged || cell2.isOpen) return; if (cell2.isMine) { revealMines(); setGameOver(true); saveScore(false); } else { openCell(index); checkGameWon(); } }; const handleCellRightClick = (e, index) => { e.preventDefault(); if (gameOver2 || gameWon2) return; const cell2 = board[index]; if (cell2.isOpen) return; const updatedBoard = [...board]; updatedBoard[index] = { ...cell2, isFlagged: !cell2.isFlagged }; setBoard(updatedBoard); }; const openCell = (index) => { const updatedBoard = [...board]; const cell2 = updatedBoard[index]; if (cell2.isOpen || cell2.isFlagged) return; cell2.isOpen = true; if (cell2.adjacentMines === 0) { openAdjacentCells(updatedBoard, index); } setBoard(updatedBoard); }; const openAdjacentCells = (board2, index) => { const row = Math.floor(index / boardSize); const col = index % boardSize; for (let r = -1; r <= 1; r++) { for (let c = -1; c <= 1; c++) { if (r === 0 && c === 0) continue; const newRow = row + r; const newCol = col + c; if (newRow >= 0 && newRow < boardSize && newCol >= 0 && newCol < boardSize) { const newIndex = newRow * boardSize + newCol; if (!board2[newIndex].isOpen) { openCell(newIndex); } } } } }; const revealMines = () => { const updatedBoard = board.map((cell2) => { if (cell2.isMine) { return { ...cell2, isOpen: true }; } return cell2; }); setBoard(updatedBoard); }; const checkGameWon = () => { const openCells = board.filter((cell2) => cell2.isOpen).length; const totalCells = boardSize * boardSize; if (openCells === totalCells - mines) { setGameWon(true); saveScore(true); } }; const formatTime = () => { const minutes = Math.floor(time / 60).toString().padStart(2, "0"); const seconds = (time % 60).toString().padStart(2, "0"); return `${minutes}:${seconds}`; }; const handleDifficultyChange = (newDifficulty) => { setDifficulty(newDifficulty); }; const saveScore = async (isWin) => { const result = isWin ? "Win" : "Lose"; const score = { result, time: formatTime(), difficulty }; try { await fetch("/api/db/test1", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `minesweeper_scores` (`result`, `time`, `difficulty`) VALUES (?, ?, ?)", values: [score.result, score.time, score.difficulty] }) }); fetchScores(); } catch (error) { console.error("Error saving score:", error); } }; const fetchScores = async () => { try { const response = await fetch("/api/db/test1", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `minesweeper_scores` ORDER BY `id` DESC LIMIT 10" }) }); const data = await response.json(); setScores(data); } catch (error) { console.error("Error fetching scores:", error); } }; return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#F0F0F0] font-pixelify-sans" }, /* @__PURE__ */ React.createElement("h1", { className: "text-4xl font-bold mb-8 text-black" }, "Minesweeper"), /* @__PURE__ */ React.createElement("div", { className: "flex items-center mb-4" }, /* @__PURE__ */ React.createElement("div", { className: "mr-4" }, /* @__PURE__ */ React.createElement("span", { className: "text-lg font-bold mr-2 text-black" }, "Time:"), /* @__PURE__ */ React.createElement("span", { className: "text-lg text-black" }, formatTime())), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { className: "text-lg font-bold mr-2 text-black" }, "Mines Left:"), /* @__PURE__ */ React.createElement("span", { className: "text-lg text-black" }, mines - board.filter((cell2) => cell2.isFlagged).length))), status === "loading" && /* @__PURE__ */ React.createElement("div", null, "Loading..."), status === "unauthenticated" && /* @__PURE__ */ React.createElement("div", null, "User is not authenticated.", /* @__PURE__ */ React.createElement("a", { href: "/account/signin", className: "text-black underline" }, "Login")), status === "authenticated" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement( "div", { className: `grid gap-[1px] bg-[#C0C0C0] p-2 mb-8`, style: { gridTemplateColumns: `repeat(${boardSize}, minmax(0, 1fr))` } }, board.map((cell2, index) => /* @__PURE__ */ React.createElement( "div", { key: index, className: `w-[30px] h-[30px] flex items-center justify-center text-[#000000] text-base cursor-pointer ${cell2.isOpen ? "bg-[#FFFFFF]" : "bg-[#C0C0C0] hover:bg-[#B0B0B0]"}`, onClick: () => handleCellClick(index), onContextMenu: (e) => handleCellRightClick(e, index) }, cell2.isOpen && (cell2.isMine ? /* @__PURE__ */ React.createElement("span", { className: "text-[#FF0000]" }, "\u{1F4A3}") : cell2.adjacentMines > 0 ? cell2.adjacentMines : null), !cell2.isOpen && cell2.isFlagged && /* @__PURE__ */ React.createElement("span", { className: "text-[#0000FF]" }, "\u{1F6A9}"), gameOver2 && cell2.isMine && !cell2.isOpen && /* @__PURE__ */ React.createElement("span", { className: "text-[#FF0000]" }, "\u{1F4A3}") )) ), /* @__PURE__ */ React.createElement("div", { className: "flex mb-8" }, /* @__PURE__ */ React.createElement( PixelifySansButton, { text: "Easy", variant: difficulty === "easy" ? "filled" : "default", onClick: () => handleDifficultyChange("easy") } ), /* @__PURE__ */ React.createElement( PixelifySansButton, { text: "Medium", variant: difficulty === "medium" ? "filled" : "default", onClick: () => handleDifficultyChange("medium") } ), /* @__PURE__ */ React.createElement( PixelifySansButton, { text: "Hard", variant: difficulty === "hard" ? "filled" : "default", onClick: () => handleDifficultyChange("hard") } )), (gameOver2 || gameWon2) && /* @__PURE__ */ React.createElement("div", { className: "text-2xl font-bold mb-4 text-black" }, gameOver2 ? "Game Over!" : "You Win!"), /* @__PURE__ */ React.createElement( PixelifySansButton, { text: "Restart", onClick: initializeBoard2 } ), /* @__PURE__ */ React.createElement("div", { className: "mb-8 mt-8" }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-bold mb-4 text-black" }, "Recent Scores"), /* @__PURE__ */ React.createElement("table", { className: "table-auto border-collapse border border-black" }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", { className: "border border-black px-4 py-2 text-black" }, "Result"), /* @__PURE__ */ React.createElement("th", { className: "border border-black px-4 py-2 text-black" }, "Time"), /* @__PURE__ */ React.createElement("th", { className: "border border-black px-4 py-2 text-black" }, "Difficulty"))), /* @__PURE__ */ React.createElement("tbody", null, scores.map((score, index) => /* @__PURE__ */ React.createElement("tr", { key: index }, /* @__PURE__ */ React.createElement("td", { className: "border border-black px-4 py-2 text-black" }, score.result), /* @__PURE__ */ React.createElement("td", { className: "border border-black px-4 py-2 text-black" }, score.time), /* @__PURE__ */ React.createElement("td", { className: "border border-black px-4 py-2 text-black" }, score.difficulty)))))))); } { gameOver && cell.isMine && !cell.isOpen && /* @__PURE__ */ React.createElement("span", { className: "text-[#FF0000]" }, "\u{1F4A3}"); } /* @__PURE__ */ React.createElement( PixelifySansButton, { text: "Restart", onClick: initializeBoard } ); function PixelifySansButton({ text, variant = "default", onClick }) { const baseClasses = "group relative font-pixelify-sans px-6 py-3 active:translate-y-[2px] active:translate-x-[-2px]"; const textClasses = variant === "filled" ? "text-white" : "text-[#333] group-hover:text-black"; const bgClasses = variant === "filled" ? "bg-black" : "bg-transparent"; return /* @__PURE__ */ React.createElement("button", { className: `${baseClasses} ${bgClasses}`, onClick }, /* @__PURE__ */ React.createElement("span", { className: `relative z-10 ${textClasses}` }, text), /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0" }, /* @__PURE__ */ React.createElement("div", { className: "absolute top-0 left-[4px] right-[4px] h-[2px] bg-black" }), /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-0 left-[4px] right-[4px] h-[2px] bg-black" }), /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-[6px] left-[6px] right-[6px] h-[2px] bg-[#c7c7c7]" }), /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-[4px] left-[6px] right-[6px] h-[2px] bg-[#f1f1f1]" }), /* @__PURE__ */ React.createElement("div", { className: "absolute left-0 top-[4px] bottom-[4px] w-[2px] bg-black" }), /* @__PURE__ */ React.createElement("div", { className: "absolute right-0 top-[4px] bottom-[4px] w-[2px] bg-black" }), /* @__PURE__ */ React.createElement("div", { className: "group-active:opacity-0 hover:opacity-100 absolute bottom-[-2px] left-[4px] right-[4px] h-[2px] bg-[#c7c7c7]" }), /* @__PURE__ */ React.createElement("div", { className: "group-active:opacity-0 hover:opacity-100 absolute left-[-2px] top-[4px] bottom-[4px] w-[2px] bg-[#c7c7c7]" }), /* @__PURE__ */ React.createElement("div", { className: "absolute top-[2px] left-[2px] w-[2px] h-[2px] bg-black" }), /* @__PURE__ */ React.createElement("div", { className: "absolute top-[2px] right-[2px] w-[2px] h-[2px] bg-black" }), /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-[2px] left-[2px] w-[2px] h-[2px] bg-black" }), /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-[2px] right-[2px] w-[2px] h-[2px] bg-black" }))); } var page_default = MainComponent; return __toCommonJS(page_exports); })();