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 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", "8f7057a3-2507-45d7-a040-50926716e616"); finalHeaders.set("x-createxyz-project-group-id", "569d0412-95e7-42d5-881d-bad0450d49ec"); if (input instanceof Request) { input.headers.set("x-createxyz-project-id", "8f7057a3-2507-45d7-a040-50926716e616"); input.headers.set("x-createxyz-project-group-id", "569d0412-95e7-42d5-881d-bad0450d49ec"); } return originalFetch(input, { ...init, headers: finalHeaders }); }; }(globalThis.fetch); // virtual:/page.jsx function MainComponent() { const BOARD_SIZE = 8; const EMPTY = 0; const BLACK = 1; const WHITE = 2; const initialBoard = Array(BOARD_SIZE).fill().map(() => Array(BOARD_SIZE).fill(EMPTY)); initialBoard[3][3] = WHITE; initialBoard[3][4] = BLACK; initialBoard[4][3] = BLACK; initialBoard[4][4] = WHITE; const DIRECTIONS = [ [-1, -1], [-1, 0], [-1, 1], [0, -1], [0, 1], [1, -1], [1, 0], [1, 1] ]; const [board, setBoard] = React.useState(initialBoard); const [currentPlayer, setCurrentPlayer] = React.useState(BLACK); const [score, setScore] = React.useState({ BLACK: 2, WHITE: 2 }); const [gameOver, setGameOver] = React.useState(false); const [winner, setWinner] = React.useState(null); const [isHardMode, setIsHardMode] = React.useState(false); const [inputText, setInputText] = React.useState(""); const [password, setPassword] = React.useState(""); const [outputText, setOutputText] = React.useState(""); React.useEffect(() => { if (currentPlayer === WHITE) setTimeout(makeCPUMove, 1e3); }, [currentPlayer]); React.useEffect(() => { updateScore(); checkGameOver(); }, [board]); const updateScore = () => { const newScore = { BLACK: 0, WHITE: 0 }; board.forEach((row) => row.forEach((cell) => { if (cell === BLACK) newScore.BLACK++; if (cell === WHITE) newScore.WHITE++; })); setScore(newScore); }; const checkGameOver = () => { if (!canMove(BLACK) && !canMove(WHITE)) { setGameOver(true); if (score.BLACK > score.WHITE) setWinner(BLACK); else if (score.WHITE > score.BLACK) setWinner(WHITE); else setWinner(EMPTY); } }; const isValidMove = (board2, row, col, player) => { if (board2[row][col] !== EMPTY) return false; for (const [dx, dy] of DIRECTIONS) { let x = row + dx, y = col + dy, foundOpponent = false; while (x >= 0 && x < BOARD_SIZE && y >= 0 && y < BOARD_SIZE) { if (board2[x][y] === EMPTY) break; if (board2[x][y] === player) return foundOpponent; foundOpponent = true; x += dx; y += dy; } } return false; }; const makeMove = (board2, row, col, player) => { if (!isValidMove(board2, row, col, player)) return null; const newBoard = board2.map((row2) => [...row2]); newBoard[row][col] = player; for (const [dx, dy] of DIRECTIONS) { let x = row + dx, y = col + dy, flips = []; while (x >= 0 && x < BOARD_SIZE && y >= 0 && y < BOARD_SIZE) { if (newBoard[x][y] === EMPTY) break; if (newBoard[x][y] === player) { flips.forEach(([fx, fy]) => { newBoard[fx][fy] = player; }); break; } flips.push([x, y]); x += dx; y += dy; } } return newBoard; }; const canMove = (player) => { for (let i = 0; i < BOARD_SIZE; i++) for (let j = 0; j < BOARD_SIZE; j++) if (isValidMove(board, i, j, player)) return true; return false; }; const getValidMoves = (board2, player) => { const moves = []; for (let i = 0; i < BOARD_SIZE; i++) for (let j = 0; j < BOARD_SIZE; j++) if (isValidMove(board2, i, j, player)) moves.push([i, j]); return moves; }; const evaluateBoard = (board2) => { const weights = [ [100, -10, 8, 6, 6, 8, -10, 100], [-10, -25, -4, -4, -4, -4, -25, -10], [8, -4, 6, 4, 4, 6, -4, 8], [6, -4, 4, 0, 0, 4, -4, 6], [6, -4, 4, 0, 0, 4, -4, 6], [8, -4, 6, 4, 4, 6, -4, 8], [-10, -25, -4, -4, -4, -4, -25, -10], [100, -10, 8, 6, 6, 8, -10, 100] ]; let score2 = 0; for (let i = 0; i < BOARD_SIZE; i++) for (let j = 0; j < BOARD_SIZE; j++) if (board2[i][j] === WHITE) score2 += weights[i][j]; else if (board2[i][j] === BLACK) score2 -= weights[i][j]; return score2; }; const minimax = (board2, depth, alpha, beta, maximizingPlayer) => { if (depth === 0) return evaluateBoard(board2); const player = maximizingPlayer ? WHITE : BLACK; const validMoves = getValidMoves(board2, player); if (validMoves.length === 0) return minimax(board2, depth - 1, alpha, beta, !maximizingPlayer); if (maximizingPlayer) { let maxEval = -Infinity; for (const [row, col] of validMoves) { const newBoard = makeMove(board2, row, col, player); const evalScore = minimax(newBoard, depth - 1, alpha, beta, false); maxEval = Math.max(maxEval, evalScore); alpha = Math.max(alpha, evalScore); if (beta <= alpha) break; } return maxEval; } else { let minEval = Infinity; for (const [row, col] of validMoves) { const newBoard = makeMove(board2, row, col, player); const evalScore = minimax(newBoard, depth - 1, alpha, beta, true); minEval = Math.min(minEval, evalScore); beta = Math.min(beta, evalScore); if (beta <= alpha) break; } return minEval; } }; const getBestMove = (board2, player) => { const validMoves = getValidMoves(board2, player); let bestMove = null; let bestScore = player === WHITE ? -Infinity : Infinity; for (const [row, col] of validMoves) { const newBoard = makeMove(board2, row, col, player); const score2 = minimax(newBoard, 4, -Infinity, Infinity, player === BLACK); if (player === WHITE && score2 > bestScore) { bestScore = score2; bestMove = [row, col]; } else if (player === BLACK && score2 < bestScore) { bestScore = score2; bestMove = [row, col]; } } return bestMove; }; const makeCPUMove = () => { if (gameOver) return; let move = isHardMode ? getBestMove(board, WHITE) : getValidMoves(board, WHITE)[Math.floor(Math.random() * getValidMoves(board, WHITE).length)]; if (move) { const [row, col] = move; const newBoard = makeMove(board, row, col, WHITE); setBoard(newBoard); setCurrentPlayer(BLACK); } else { setCurrentPlayer(BLACK); } }; const handleCellClick = (row, col) => { if (currentPlayer === BLACK && !gameOver) { const newBoard = makeMove(board, row, col, BLACK); if (newBoard) { setBoard(newBoard); if (!canMove(WHITE)) setCurrentPlayer(BLACK); else setCurrentPlayer(WHITE); } } }; const renderCell = (value, row, col) => { const cellStyle = { width: "40px", height: "40px", border: "1px solid black", display: "flex", justifyContent: "center", alignItems: "center", cursor: currentPlayer === BLACK && isValidMove(board, row, col, BLACK) ? "pointer" : "default" }; const diskStyle = { width: "80%", height: "80%", borderRadius: "50%", backgroundColor: value === BLACK ? "black" : value === WHITE ? "white" : "transparent" }; return /* @__PURE__ */ React.createElement("div", { style: cellStyle, onClick: () => handleCellClick(row, col) }, /* @__PURE__ */ React.createElement("div", { style: diskStyle })); }; const toggleHardMode = () => { setIsHardMode(!isHardMode); setBoard(initialBoard); setCurrentPlayer(BLACK); setScore({ BLACK: 2, WHITE: 2 }); setGameOver(false); setWinner(null); }; const encryptText = () => { const encrypted = CryptoJS.AES.encrypt(inputText, password).toString(); setOutputText(encrypted); }; const decryptText = () => { const decrypted = CryptoJS.AES.decrypt(inputText, password).toString(CryptoJS.enc.Utf8); setOutputText(decrypted); }; return /* @__PURE__ */ React.createElement("div", { className: "p-4 max-w-[800px] mx-auto font-arial text-center" }, /* @__PURE__ */ React.createElement("h1", { className: "text-4xl mb-4" }, "Othello"), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { className: "inline-flex items-center" }, /* @__PURE__ */ React.createElement( "input", { type: "checkbox", className: "form-checkbox h-5 w-5 text-blue-600", checked: isHardMode, onChange: toggleHardMode } ), /* @__PURE__ */ React.createElement("span", { className: "ml-2 text-gray-700" }, "Hard Mode"))), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, "Current Player: ", currentPlayer === BLACK ? "Black (You)" : "White (CPU)"), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, "Score - Black (You): ", score.BLACK, " | White (CPU): ", score.WHITE), /* @__PURE__ */ React.createElement("div", { style: { display: "inline-block", backgroundColor: isHardMode ? "#8B4513" : "green", padding: "10px" } }, board.map((row, rowIndex) => /* @__PURE__ */ React.createElement("div", { key: rowIndex, style: { display: "flex" } }, row.map((cell, colIndex) => /* @__PURE__ */ React.createElement(React.Fragment, { key: colIndex }, renderCell(cell, rowIndex, colIndex)))))), gameOver && /* @__PURE__ */ React.createElement("div", { className: "mt-4 text-xl font-bold" }, "Game Over!", winner === BLACK && " Black (You) Wins!", winner === WHITE && " White (CPU) Wins!", winner === EMPTY && " It's a Draw!"), /* @__PURE__ */ React.createElement("div", { className: "p-4 max-w-[800px] mx-auto font-arial text-center" }, /* @__PURE__ */ React.createElement("h1", { className: "text-4xl mb-4" }, "Text Encryption and Decryption"), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { htmlFor: "input-text", className: "block mb-2" }, "Enter text to encrypt or decrypt:"), /* @__PURE__ */ React.createElement( "textarea", { id: "input-text", name: "input-text", value: inputText, onChange: (e) => setInputText(e.target.value), className: "w-full h-[200px] mb-4 p-2 border border-gray-300" } )), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { htmlFor: "password", className: "block mb-2" }, "Password:"), /* @__PURE__ */ React.createElement( "input", { type: "password", id: "password", name: "password", value: password, onChange: (e) => setPassword(e.target.value), className: "w-full p-2 border border-gray-300 mb-4" } )), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement( "button", { onClick: encryptText, className: "px-4 py-2 bg-blue-500 text-white mr-2" }, "Encrypt" ), /* @__PURE__ */ React.createElement( "button", { onClick: decryptText, className: "px-4 py-2 bg-green-500 text-white" }, "Decrypt" )), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { htmlFor: "output-text", className: "block mb-2" }, "Result:"), /* @__PURE__ */ React.createElement( "textarea", { id: "output-text", name: "output-text", value: outputText, readOnly: true, className: "w-full h-[200px] p-2 border border-gray-300" } )))); } var page_default = MainComponent; return __toCommonJS(page_exports); })();