🐱 Cat Racing Betting 🏁

\n \n

Balance: ${balance.toFixed(2)} 💰

\n \n

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n {cats.map(cat => (\n \n ))}\n

\n \n

\n setBetAmount(Number(e.target.value))}\n style={styles.betInput}\n />\n \n

\n \n {result && (\n

{result.won ? '🎉 You Won!' : '😿 Better Luck Next Time'}

Winning Cat: {result.winningCat}

Payout: ${result.payout.toFixed(2)}

\n )}\n

\n );\n}\n\nconst styles = {\n container: {\n fontFamily: 'Arial, sans-serif',\n maxWidth: '600px',\n margin: '0 auto',\n padding: '20px',\n textAlign: 'center',\n backgroundColor: '#F5F5F5'\n },\n balanceSection: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n marginBottom: '20px',\n padding: '10px',\n backgroundColor: '#E0E0E0',\n borderRadius: '5px'\n },\n addFundsButton: {\n padding: '8px 15px',\n backgroundColor: '#4CAF50',\n color: 'white',\n border: 'none',\n borderRadius: '5px',\n cursor: 'pointer'\n },\n errorMessage: {\n backgroundColor: '#FFCCCB',\n color: 'red',\n padding: '10px',\n marginBottom: '15px',\n borderRadius: '5px'\n },\n catSelection: {\n display: 'flex',\n justifyContent: 'space-around',\n marginBottom: '20px'\n },\n catButton: {\n padding: '10px',\n borderRadius: '5px',\n border: '1px solid #888',\n cursor: 'pointer'\n },\n betSection: {\n display: 'flex',\n justifyContent: 'center',\n gap: '10px',\n marginBottom: '20px'\n },\n betInput: {\n padding: '10px',\n width: '150px'\n },\n placeBetButton: {\n padding: '10px',\n backgroundColor: '#4CAF50',\n color: 'white',\n border: 'none',\n borderRadius: '5px',\n cursor: 'pointer'\n },\n resultSection: {\n backgroundColor: '#E0E0E0',\n padding: '15px',\n borderRadius: '10px'\n }\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = \"thrillingMagentaParakeet\";\n\n // Ensure tables exist\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_users (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n balance REAL DEFAULT 100\n )\n `);\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_bets (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n user_id INTEGER,\n cat TEXT,\n amount REAL,\n won BOOLEAN,\n payout REAL,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n // Ensure a default user exists\n const users = await sqlite.execute(`SELECT * FROM ${KEY}_users`);\n if (users.rows.length === 0) {\n await sqlite.execute(`INSERT INTO ${KEY}_users (balance) VALUES (100)`);\n }\n\n // Handle balance request\n if (request.method === 'GET' && new URL(request.url).pathname === '/balance') {\n const balance = await sqlite.execute(`SELECT balance FROM ${KEY}_users LIMIT 1`);\n return new Response(JSON.stringify({ \n balance: balance.rows[0].balance \n }), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n // Handle add funds\n if (request.method === 'POST' && new URL(request.url).pathname === '/add-funds') {\n await sqlite.execute(`\n UPDATE ${KEY}_users \n SET balance = balance + 50 \n WHERE id = 1\n `);\n const balance = await sqlite.execute(`SELECT balance FROM ${KEY}_users LIMIT 1`);\n return new Response(JSON.stringify({ \n balance: balance.rows[0].balance \n }), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n // Handle bet placement\n if (request.method === 'POST' && new URL(request.url).pathname === '/bet') {\n const { cat, amount } = await request.json();\n \n // Check current balance\n const balanceCheck = await sqlite.execute(`SELECT balance FROM ${KEY}_users LIMIT 1`);\n const currentBalance = balanceCheck.rows[0].balance;\n\n if (amount > currentBalance) {\n return new Response(JSON.stringify({ \n error: 'Insufficient balance' \n }), {\n status: 400,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n // Simulate bet logic\n const cats = ['Whiskers', 'Mittens', 'Socks'];\n const winningCat = cats[Math.floor(Math.random() * cats.length)];\n const won = cat === winningCat;\n const odds = {\n 'Whiskers': 2.5,\n 'Mittens': 3.0,\n 'Socks': 1.8\n };\n \n const payout = won ? amount * odds[winningCat] : 0;\n\n // Update balance and record bet\n await sqlite.execute(`\n UPDATE ${KEY}_users \n SET balance = balance ${won ? `+ ${payout}` : `- ${amount}`} \n WHERE id = 1\n `);\n\n await sqlite.execute(`\n INSERT INTO ${KEY}_bets \n (user_id, cat, amount, won, payout) \n VALUES (1, ?, ?, ?, ?)\n `, [cat, amount, won, payout]);\n\n return new Response(JSON.stringify({ \n won, \n winningCat, \n payout \n }), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n // Serve HTML\n return new Response(`\n \n \n Cat Racing Betting\n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/zoozz/thrillingMagentaParakeet/code/main.tsx","extension","actionData","errors"]