Arcade

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_206":207,"_208":209},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_156":-5,"_20":157,"_22":158,"_159":160,"_161":162,"_26":163,"_24":164,"_165":-5,"_166":-5,"_167":54,"_168":169,"_170":45,"_171":-5,"_172":-5,"_173":174},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","yrg7l18b88","name","tma-arcade","branchName","main","version","path","frontend/index.tsx","project",{"_33":99,"_13":14,"_46":100,"_101":-5,"_102":54,"_103":104,"_105":104,"_106":107,"_108":-5,"_109":110,"_111":63,"_112":45,"_113":-5,"_114":-5,"_115":48,"_116":117,"_118":119,"_120":121,"_122":123,"_124":-5,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_134":135,"_136":137,"_138":139,"_140":54},"tree",[58,59,60],"file",{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":56},"contents",[],"upstream","pull","ahead","behind","envVars","id","fc7e489d-04b2-4139-ade7-7ab001937ba1","index.tsx","fileId","fd91bf3e-a7f5-11f1-924a-1607ee4eb77e","parentId","79c00869-def6-4521-ae23-0b5506863e1b","branchId","4dfd1fe9-e137-4b46-9340-d42f83fc4da4","branchVersion",6,"latest",true,"createdAt",["D",1788481038738],0,"fileType","script","content","/**\n * @jsxImportSource https://esm.sh/react@18.2.0\n *\n * Gamified Arcade — Telegram Mini App client (React + Tailwind/Twind + Framer Motion)\n * Single-file frontend. Talks to the same-origin /api/* backend.\n */\nimport React, { useEffect, useRef, useState, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { motion, AnimatePresence } from \"https://esm.sh/framer-motion@11?deps=react@18.2.0,react-dom@18.2.0\";\n\n// ------------------------------------------------------------------\n// Telegram WebApp helpers\n// ------------------------------------------------------------------\ndeclare global {\n interface Window {\n Telegram?: any;\n }\n}\nconst tg = () => window.Telegram?.WebApp;\nconst initData = () => tg()?.initData || \"\";\n\nfunction haptic(type: \"impact\" | \"notification\", style: string = \"light\") {\n try {\n const w = tg();\n if (!w?.HapticFeedback) return;\n if (type === \"impact\") w.HapticFeedback.impactOccurred(style);\n else w.HapticFeedback.notificationOccurred(style);\n } catch { /* ignore */ }\n}\n\n// ------------------------------------------------------------------\n// API client\n// ------------------------------------------------------------------\nasync function api(path: string, body?: any): Promise {\n const opts: RequestInit = { method: body ? \"POST\" : \"GET\", headers: {} };\n if (body) {\n opts.headers = { \"Content-Type\": \"application/json\" };\n opts.body = JSON.stringify(body);\n }\n const res = await fetch(`/api${path}`, opts);\n const json = await res.json().catch(() => ({}));\n if (!res.ok || json.ok === false) throw new Error(json.error || `Request failed (${res.status})`);\n return json;\n}\n\n// ------------------------------------------------------------------\n// Theme helpers (native Telegram CSS variables)\n// ------------------------------------------------------------------\nconst theme = {\n bg: \"var(--tg-theme-bg-color, #0b0d16)\",\n secondary: \"var(--tg-theme-secondary-bg-color, #151827)\",\n text: \"var(--tg-theme-text-color, #fff)\",\n hint: \"var(--tg-theme-hint-color, #8a8f9e)\",\n button: \"var(--tg-theme-button-color, #4f7cff)\",\n buttonText: \"var(--tg-theme-button-text-color, #fff)\",\n section: \"var(--tg-theme-section-bg-color, #1a1e2e)\",\n card: \"var(--tg-theme-secondary-bg-color, #151827)\",\n};\n\n// ------------------------------------------------------------------\n// Small shared components\n// ------------------------------------------------------------------\nfunction Skeleton({ className = \"h-24\" }: { className?: string }) {\n return (\n

\n );\n}\n\nfunction Card({ children, className = \"\" }: { children: React.ReactNode; className?: string }) {\n return (\n \n {children}\n

\n );\n}\n\nfunction PrimaryButton({ children, onClick, disabled, color }: {\n children: React.ReactNode; onClick?: () => void; disabled?: boolean; color?: string;\n}) {\n return (\n { haptic(\"impact\", \"light\"); onClick?.(); }}\n disabled={disabled}\n className=\"w-full rounded-xl py-3 font-bold text-sm disabled:opacity-40\"\n style={{ background: color || theme.button, color: theme.buttonText }}\n >\n {children}\n \n );\n}\n\nfunction Chip({ active, children, onClick, color }: {\n active?: boolean; children: React.ReactNode; onClick?: () => void; color?: string;\n}) {\n return (\n { haptic(\"impact\", \"light\"); onClick?.(); }}\n className=\"px-3 py-2 rounded-xl text-xs font-semibold\"\n style={{\n background: active ? (color || theme.button) : theme.secondary,\n color: active ? (color ? \"#0b0d16\" : theme.buttonText) : theme.text,\n }}\n >\n {children}\n \n );\n}\n\n// ------------------------------------------------------------------\n// Main App\n// ------------------------------------------------------------------\ntype Tab = \"hub\" | \"earn\" | \"wallet\" | \"admin\";\n\nfunction App() {\n const [tab, setTab] = useState(\"hub\");\n const [config, setConfig] = useState>({});\n const [user, setUser] = useState(null);\n const [balance, setBalance] = useState(0);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n const w = tg();\n if (w) {\n w.expand();\n w.ready();\n w.setHeaderColor?.(\"#0b0d16\");\n w.setBackgroundColor?.(\"#0b0d16\");\n }\n }, []);\n\n const loadAll = useCallback(async () => {\n try {\n const [cfg, auth] = await Promise.all([\n api(\"/config\"),\n api(\"/auth\", { initData: initData() }),\n ]);\n setConfig(cfg.config || {});\n setUser(auth.user);\n setBalance(Number(auth.user?.balance) || 0);\n } catch (e) {\n console.error(\"init failed\", e);\n } finally {\n setLoading(false);\n }\n }, []);\n\n useEffect(() => { loadAll(); }, [loadAll]);\n\n const updateBalance = (b: number) => { setBalance(b); setUser((u: any) => (u ? { ...u, balance: b } : u)); };\n\n const cfgStr = (k: string, def = \"\") => config[k] || def;\n const sym = cfgStr(\"currency_symbol\", \"⭐\");\n\n if (loading) return ;\n\n return (\n

\n \n \n {tab === \"hub\" && }\n {tab === \"earn\" && }\n {tab === \"wallet\" && }\n {tab === \"admin\" && user?.is_admin && }\n \n \n

\n \n

\n );\n}\n\nfunction Splash() {\n return (\n

\n \n \n \n \n

\n );\n}\n\n// ------------------------------------------------------------------\n// Tab Bar\n// ------------------------------------------------------------------\nfunction TabBar({ tab, setTab, isAdmin, config }: {\n tab: Tab; setTab: (t: Tab) => void; isAdmin?: boolean; config: Record;\n}) {\n const items: { id: Tab; label: string; icon: string }[] = [\n { id: \"hub\", label: config.arcade_title || \"Arcade\", icon: \"🎮\" },\n { id: \"earn\", label: config.earn_title || \"Earn\", icon: \"🎁\" },\n { id: \"wallet\", label: config.wallet_title || \"Wallet\", icon: \"👤\" },\n ];\n if (isAdmin) items.push({ id: \"admin\", label: \"Admin\", icon: \"🛠️\" });\n return (\n \n {items.map((it) => (\n { haptic(\"impact\", \"light\"); setTab(it.id); }}\n className=\"flex flex-col items-center gap-1 px-2 py-1\"\n >\n {it.icon}\n \n {it.label}\n \n \n ))}\n \n );\n}\n\n// ------------------------------------------------------------------\n// Arcade Hub\n// ------------------------------------------------------------------\nfunction Hub({ config, user, balance, onBalance, sym }: any) {\n return (\n

\n {/* Balance badge + top up */}\n

\n {user?.username?.[0]?.toUpperCase() || \"👤\"}\n

@{user?.username || \"player\"}

Balance

\n \n {sym} {Number(balance).toFixed(0)}\n \n { haptic(\"impact\", \"light\"); }}\n className=\"rounded-xl px-3 py-2 text-xs font-bold\"\n style={{ background: theme.button, color: theme.buttonText }}\n >\n {config.topup_button_text || \"Top Up\"}\n \n

\n\n \n \n \n

\n );\n}\n\n// ------------------------------------------------------------------\n// Space Booster (Crash)\n// ------------------------------------------------------------------\nfunction SpaceBooster({ config, user, balance, onBalance, sym }: any) {\n const [bet, setBet] = useState(10);\n const [phase, setPhase] = useState<\"idle\" | \"running\" | \"crashed\" | \"cashed\">(\"idle\");\n const [mult, setMult] = useState(1);\n const [crashPoint, setCrashPoint] = useState(1);\n const [result, setResult] = useState<{ won: number; mult: number } | null>(null);\n const animRef = useRef(null);\n const startRef = useRef(0);\n const crashRef = useRef(1);\n\n const launch = async () => {\n if (bet <= 0 || bet > balance) { haptic(\"notification\", \"error\"); return; }\n haptic(\"impact\", \"medium\");\n const res = await api(\"/games/booster/launch\", { initData: initData(), bet });\n setCrashPoint(res.crashPoint);\n crashRef.current = res.crashPoint;\n setPhase(\"running\");\n setResult(null);\n startRef.current = Date.now();\n // animate multiplier upward\n const tick = () => {\n const t = (Date.now() - startRef.current) / 1000;\n const m = Math.pow(Math.E, 0.09 * t);\n if (m >= crashRef.current) {\n setMult(crashRef.current);\n setPhase(\"crashed\");\n haptic(\"notification\", \"error\");\n onBalance(Math.max(0, balance - bet));\n return;\n }\n setMult(Number(m.toFixed(2)));\n animRef.current = requestAnimationFrame(tick);\n };\n cancelAnimationFrame(animRef.current!);\n animRef.current = requestAnimationFrame(tick);\n };\n\n const eject = async () => {\n cancelAnimationFrame(animRef.current!);\n haptic(\"impact\", \"medium\");\n const res = await api(\"/games/booster/eject\", { initData: initData(), mult });\n setPhase(\"cashed\");\n setResult({ won: res.won, mult });\n if (res.won > 0) haptic(\"notification\", \"success\");\n onBalance(res.balance);\n };\n\n useEffect(() => () => cancelAnimationFrame(animRef.current!), []);\n\n const color = mult >= 2 ? \"#22c55e\" : mult >= 1.5 ? \"#eab308\" : theme.button;\n\n return (\n \n

🚀 {config.game_1_title || \"Space Booster\"}

\n \n {config.booster_multiplier_label || \"Multiplier\"}\n \n

{config.game_1_desc}

\n\n {/* Rocket + multiplier */}\n

\n \n 🚀\n \n

\n \n {mult.toFixed(2)}x\n \n

\n {phase === \"crashed\" && (\n

\n 💥 CRASHED\n

\n )}\n {phase === \"cashed\" && result && (\n

\n \n +{sym}{result.won.toFixed(0)} 🎉\n \n

\n )}\n

\n\n {/* Bet controls */}\n

\n setBet((b) => Math.max(1, b - 5))}>-5\n

{sym}{bet}

\n setBet((b) => b + 5)}>+5\n setBet((b) => Math.floor(balance))}>Max\n

\n\n {phase === \"idle\" || phase === \"crashed\" || phase === \"cashed\" ? (\n balance || bet <= 0}>\n {config.bet_button_text || \"Place Bet\"} · {sym}{bet}\n \n ) : (\n \n {config.eject_button_text || \"Eject\"} @ {mult.toFixed(2)}x\n \n )}\n \n );\n}\n\n// ------------------------------------------------------------------\n// Color Wheel\n// ------------------------------------------------------------------\nconst SECTORS = [\n { id: \"alpha\", color: \"#22c55e\", mult: 2 },\n { id: \"beta\", color: \"#3b82f6\", mult: 2 },\n { id: \"gamma\", color: \"#a855f7\", mult: 14 },\n];\n\nfunction ColorWheel({ config, user, balance, onBalance, sym }: any) {\n const [bet, setBet] = useState(10);\n const [sector, setSector] = useState(\"alpha\");\n const [spinning, setSpinning] = useState(false);\n const [rotation, setRotation] = useState(0);\n const [lastWin, setLastWin] = useState<{ sector: string; won: number } | null>(null);\n\n const spin = async () => {\n if (bet <= 0 || bet > balance) { haptic(\"notification\", \"error\"); return; }\n haptic(\"impact\", \"medium\");\n setSpinning(true);\n setLastWin(null);\n try {\n const res = await api(\"/games/wheel/spin\", { initData: initData(), bet, sector });\n const idx = SECTORS.findIndex((s) => s.id === res.winning_sector);\n // rotate to land the winning sector at the top (index 0 pointer)\n const target = 360 * 6 + (360 - idx * 120);\n setRotation(target);\n setTimeout(() => {\n setSpinning(false);\n setLastWin({ sector: res.winning_sector, won: res.won });\n if (res.won > 0) haptic(\"notification\", \"success\");\n onBalance(res.balance);\n }, 2600);\n } catch (e) {\n setSpinning(false);\n haptic(\"notification\", \"error\");\n }\n };\n\n return (\n \n

🎡 {config.game_2_title || \"Color Wheel\"}

{config.game_2_desc}

\n\n {/* Wheel */}\n

▼

\n `${s.color} ${i * 120}deg ${(i + 1) * 120}deg`).join(\",\")})`,\n transition: spinning ? \"transform 2.6s cubic-bezier(0.17,0.67,0.12,0.99)\" : \"none\",\n transform: `rotate(${rotation}deg)`,\n }}\n >\n {SECTORS.map((s, i) => (\n

\n \n {s.mult}x\n \n

\n ))}\n

\n\n {/* Sector select */}\n

\n {SECTORS.map((s) => (\n setSector(s.id)}>\n {s.id} · {s.mult}x\n \n ))}\n

\n\n {/* Bet */}\n

\n setBet((b) => Math.max(1, b - 5))}>-5\n

{sym}{bet}

\n setBet((b) => b + 5)}>+5\n

\n\n {lastWin && (\n

0 ? \"#22c55e\" : theme.hint }}>\n {lastWin.won > 0 ? `Won ${sym}${lastWin.won.toFixed(0)}!` : `Landed on ${lastWin.sector}. Try again!`}\n

\n )}\n\n balance}>\n {spinning ? \"Spinning...\" : `${config.spin_button_text || \"Spin\"} · ${sym}${bet}`}\n \n \n );\n}\n\n// ------------------------------------------------------------------\n// Match Predictor\n// ------------------------------------------------------------------\nfunction MatchPredictor({ config, user, balance, onBalance, sym }: any) {\n const [matches, setMatches] = useState(null);\n const [stake, setStake] = useState(10);\n const [msg, setMsg] = useState<{ text: string; ok: boolean } | null>(null);\n\n useEffect(() => {\n api(\"/games/matches\").then((r) => setMatches(r.matches)).catch(() => setMatches([]));\n }, []);\n\n const predict = async (matchId: string, outcome: string) => {\n if (stake <= 0 || stake > balance) { haptic(\"notification\", \"error\"); return; }\n haptic(\"impact\", \"medium\");\n try {\n const res = await api(\"/games/matches/predict\", { initData: initData(), bet: stake, matchId, outcome });\n setMsg({ text: `${res.message}`, ok: true });\n onBalance(res.balance);\n haptic(\"notification\", \"success\");\n } catch (e: any) {\n setMsg({ text: e.message, ok: false });\n }\n };\n\n return (\n \n

⚽ {config.game_3_title || \"Match Predictor\"}

{config.game_3_desc}

\n\n

\n Stake\n setStake((s) => Math.max(1, s - 5))}>-5\n

{sym}{stake}

\n setStake((s) => s + 5)}>+5\n

\n\n {msg &&

{msg.text}

}\n\n {!matches ? (\n

\n \n \n

\n ) : (\n

\n {matches.map((m) => (\n

\n {m.time}{m.sport || \"⚽\"}\n

\n {m.home}vs{m.away}\n

\n predict(m.id, \"home\")}>1 · {m.home.split(\" \")[0]}\n predict(m.id, \"draw\")}>X\n predict(m.id, \"away\")}>2 · {m.away.split(\" \")[0]}\n

\n ))}\n

\n )}\n \n );\n}\n\n// ------------------------------------------------------------------\n// Earn & Promo\n// ------------------------------------------------------------------\nfunction Earn({ config, user, balance, onBalance, sym }: any) {\n const [code, setCode] = useState(\"\");\n const [claimMsg, setClaimMsg] = useState<{ text: string; ok: boolean } | null>(null);\n const [referral, setReferral] = useState(null);\n const [copied, setCopied] = useState(false);\n\n useEffect(() => {\n api(`/referrals`).then((r) => setReferral(r)).catch(() => {});\n }, []);\n\n const claim = async () => {\n if (!code.trim()) return;\n haptic(\"impact\", \"medium\");\n try {\n const res = await api(\"/promo/claim\", { initData: initData(), code });\n setClaimMsg({ text: `+${sym}${res.reward} claimed!`, ok: true });\n onBalance(res.balance);\n haptic(\"notification\", \"success\");\n setCode(\"\");\n } catch (e: any) {\n setClaimMsg({ text: e.message, ok: false });\n haptic(\"notification\", \"error\");\n }\n };\n\n const copyLink = async () => {\n if (!referral?.refLink) return;\n try { await navigator.clipboard.writeText(referral.refLink); } catch { /* fallback */ }\n haptic(\"notification\", \"success\");\n setCopied(true);\n setTimeout(() => setCopied(false), 1500);\n };\n\n return (\n

\n {/* Promo */}\n \n

🎟️ {config.promo_title || \"Redeem Promo\"}

\n setCode(e.target.value.toUpperCase())}\n placeholder=\"ENTER CODE\"\n className=\"flex-1 rounded-xl px-3 py-2 text-sm font-bold outline-none\"\n style={{ background: theme.secondary, color: theme.text }}\n />\n \n {config.promo_button_text || \"Claim\"}\n \n

\n {claimMsg &&

{claimMsg.text}

}\n \n\n {/* Referral */}\n \n

📣 {config.referral_title || \"Invite Friends\"}

\n Earn {sym}5 for every friend who joins through your link!\n

Earnings

{sym}{Number(referral?.earnings || 0).toFixed(0)}

Invited

{referral?.invited?.length || 0}

\n \n {copied ? \"✓ Copied!\" : \"Copy Referral Link\"}\n \n \n

\n );\n}\n\n// ------------------------------------------------------------------\n// Wallet & Profile\n// ------------------------------------------------------------------\nfunction Wallet({ config, user, balance, onBalance, sym }: any) {\n const [txs, setTxs] = useState(null);\n const [showTopup, setShowTopup] = useState(false);\n const [amount, setAmount] = useState(50);\n\n useEffect(() => {\n api(\"/transactions\").then((r) => setTxs(r.transactions)).catch(() => setTxs([]));\n }, []);\n\n const topup = async (method: \"stars\" | \"ton\") => {\n haptic(\"impact\", \"medium\");\n const res = await api(\"/payments/create-invoice\", { telegram_id: user.telegram_id, amount, method });\n // In production open the invoice link via WebApp.openInvoice. Here we simulate.\n if (window.Telegram?.WebApp?.openInvoice) {\n // placeholder — real flow uses res.invoice_link\n }\n haptic(\"notification\", \"success\");\n setShowTopup(false);\n };\n\n return (\n

\n {/* Profile */}\n \n

\n {user?.username?.[0]?.toUpperCase() || \"👤\"}\n

@{user?.username || \"player\"}

ID: {user?.telegram_id}

\n {config.wallet_title || \"Balance\"}\n {sym}{Number(balance).toFixed(0)}\n

\n setShowTopup(true)}>{config.topup_button_text || \"Top Up\"}\n

\n \n\n {/* Top up modal */}\n \n {showTopup && (\n setShowTopup(false)}\n >\n e.stopPropagation()}\n >\n

Top Up Balance

\n setAmount(50)}>50\n setAmount(100)}>100\n setAmount(250)}>250\n setAmount(500)}>500\n

\n topup(\"stars\")}>⭐ Pay with Telegram Stars\n topup(\"ton\")} color=\"#0098EA\">💎 Pay with TON\n

\n \n \n )}\n \n\n {/* Transactions */}\n \n

Transaction History

\n {!txs ? (\n \n ) : txs.length === 0 ? (\n

No transactions yet.

\n ) : (\n

\n {txs.map((t, i) => (\n

{t.type.replace(/_/g, \" \")}

{t.created_at}

\n = 0 ? \"#22c55e\" : \"#ef4444\" }}>\n {Number(t.amount) >= 0 ? \"+\" : \"\"}{sym}{Number(t.amount).toFixed(0)}\n \n

\n ))}\n

\n )}\n \n

\n );\n}\n\n// ------------------------------------------------------------------\n// Admin Dashboard\n// ------------------------------------------------------------------\nfunction Admin({ config, onConfig, user, sym }: any) {\n const [draft, setDraft] = useState>(config);\n const [saved, setSaved] = useState(false);\n const [promo, setPromo] = useState({ code: \"\", reward: 50, max: 100 });\n const [promoMsg, setPromoMsg] = useState(\"\");\n const [search, setSearch] = useState(\"\");\n const [users, setUsers] = useState(null);\n const [setBal, setSetBal] = useState({ id: \"\", balance: 100 });\n\n const saveConfig = async () => {\n haptic(\"impact\", \"medium\");\n const res = await api(\"/admin/config\", { initData: initData(), updates: draft });\n onConfig(res.config);\n setSaved(true);\n haptic(\"notification\", \"success\");\n setTimeout(() => setSaved(false), 1500);\n };\n\n const createPromo = async () => {\n haptic(\"impact\", \"medium\");\n await api(\"/admin/promo\", { initData: initData(), code: promo.code, reward: Number(promo.reward), maxActivations: Number(promo.max) });\n setPromoMsg(`Promo ${promo.code.toUpperCase()} created!`);\n haptic(\"notification\", \"success\");\n };\n\n const doSearch = async () => {\n if (!search.trim()) return;\n const res = await api(`/admin/search?initData=${encodeURIComponent(initData())}&q=${encodeURIComponent(search)}`);\n setUsers(res.users);\n };\n\n const doSetBalance = async () => {\n haptic(\"impact\", \"medium\");\n await api(\"/admin/set-balance\", { initData: initData(), telegram_id: setBal.id, balance: Number(setBal.balance) });\n haptic(\"notification\", \"success\");\n setSearch(setBal.id);\n doSearch();\n };\n\n const fields = [\n [\"game_1_title\", \"Game 1 Title\"],\n [\"game_1_desc\", \"Game 1 Description\"],\n [\"game_2_title\", \"Game 2 Title\"],\n [\"game_2_desc\", \"Game 2 Description\"],\n [\"game_3_title\", \"Game 3 Title\"],\n [\"game_3_desc\", \"Game 3 Description\"],\n [\"currency_symbol\", \"Currency Symbol\"],\n [\"bet_button_text\", \"Bet Button\"],\n [\"eject_button_text\", \"Eject Button\"],\n [\"spin_button_text\", \"Spin Button\"],\n [\"topup_button_text\", \"Top Up Button\"],\n [\"promo_button_text\", \"Promo Button\"],\n [\"wallet_title\", \"Wallet Title\"],\n [\"arcade_title\", \"Arcade Title\"],\n [\"earn_title\", \"Earn Title\"],\n [\"rules_text\", \"Rules Text\"],\n ];\n\n return (\n

🛠️ Admin Dashboard

\n\n {/* Dynamic Text Studio */}\n \n

🎨 Dynamic Text Studio

\n {fields.map(([key, label]) => (\n

\n {label}\n setDraft((d: any) => ({ ...d, [key]: e.target.value }))}\n className=\"w-full rounded-lg px-3 py-2 text-sm outline-none\"\n style={{ background: theme.secondary, color: theme.text }}\n />\n

\n ))}\n

\n {saved ? \"✓ Saved!\" : \"Save Labels\"}\n

\n \n\n {/* Promo generator */}\n \n

🎟️ Promo Code Generator

\n setPromo({ ...promo, code: e.target.value })} placeholder=\"CODE\" className=\"rounded-lg px-3 py-2 text-sm font-bold outline-none\" style={{ background: theme.secondary, color: theme.text }} />\n

\n setPromo({ ...promo, reward: Number(e.target.value) })} placeholder=\"Reward\" type=\"number\" className=\"flex-1 rounded-lg px-3 py-2 text-sm outline-none\" style={{ background: theme.secondary, color: theme.text }} />\n setPromo({ ...promo, max: Number(e.target.value) })} placeholder=\"Max uses\" type=\"number\" className=\"flex-1 rounded-lg px-3 py-2 text-sm outline-none\" style={{ background: theme.secondary, color: theme.text }} />\n

\n Create Promo\n {promoMsg &&

{promoMsg}

}\n

\n \n\n {/* User search & balance */}\n \n

🔍 User Search & Balance

\n setSearch(e.target.value)} placeholder=\"Telegram ID or username\" className=\"flex-1 rounded-lg px-3 py-2 text-sm outline-none\" style={{ background: theme.secondary, color: theme.text }} />\n Search\n

\n {users && (\n

\n {users.map((u) => (\n

\n @{u.username || u.telegram_id}\n {sym}{Number(u.balance).toFixed(0)}\n

\n ))}\n

\n )}\n

\n setSetBal({ ...setBal, id: e.target.value })} placeholder=\"User ID\" className=\"flex-1 rounded-lg px-3 py-2 text-sm outline-none\" style={{ background: theme.secondary, color: theme.text }} />\n setSetBal({ ...setBal, balance: Number(e.target.value) })} type=\"number\" placeholder=\"Balance\" className=\"w-20 rounded-lg px-3 py-2 text-sm outline-none\" style={{ background: theme.secondary, color: theme.text }} />\n Set\n

\n \n

\n );\n}\n\n// ------------------------------------------------------------------\n// Bootstrap\n// ------------------------------------------------------------------\nconst rootEl = document.getElementById(\"root\");\nif (rootEl) createRoot(rootEl).render();\n","deleted",false,"label",[57,35],"frontend",{"_33":81,"_13":57,"_36":39,"_38":-5,"_40":41,"_42":82,"_44":45,"_46":83,"_17":48,"_49":84,"_51":-5,"_53":54,"_55":-5,"_70":85,"_18":86},{"_33":73,"_13":74,"_36":75,"_38":-5,"_40":41,"_42":76,"_44":45,"_46":77,"_17":48,"_49":24,"_51":78,"_53":54,"_55":-5,"_70":79,"_18":80},{"_33":61,"_13":62,"_36":63,"_38":-5,"_40":41,"_42":64,"_44":45,"_46":65,"_17":66,"_49":67,"_51":68,"_53":54,"_55":69,"_70":71,"_18":72},"f1280092-e8c8-4fbf-8e82-996c5b21e7e3","api.tsx","7565f09e-a7f5-11f1-ba7b-1607ee4eb77e",8,["D",1788481056993],5,"http","/** @jsxImportSource https://esm.sh/hono@4/jsx */\n\n// Gamified Arcade Platform — Telegram Mini App Backend\n// Hono + std/sqlite (persistent) + provably-fair game logic\n\nimport { Hono } from \"npm:hono@4\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { createHmac, timingSafeEqual } from \"node:crypto\";\n\n// ============================================================\n// SECRETS & CONFIGURATION\n// Reads from process.env if present (Node), else Deno.env (Val Town runtime),\n// with fallback defaults embedded.\n// ============================================================\nfunction env(key: string): string | undefined {\n const p = (globalThis as any).process?.env as Record | undefined;\n if (p && key in p) return p[key];\n try {\n const dv = Deno.env.get(key);\n if (dv) return dv;\n } catch {\n /* ignore */\n }\n return undefined;\n}\n\nconst BOT_TOKEN = env(\"BOT_TOKEN\") || \"7832757388:AAFjh142ae9d-MSKK5Ae-XSlT0f3baIQYxk\";\nconst ADMIN_IDS = (env(\"ADMIN_TELEGRAM_IDS\") || \"6819127801\")\n .split(\",\")\n .map((s) => s.trim())\n .filter(Boolean);\nconst PROVIDER_TOKEN_STARS = env(\"PROVIDER_TOKEN_STARS\") || \"XTR\";\nconst BOT_USERNAME = env(\"BOT_USERNAME\") || \"YourArcadeBot\";\n\n// ============================================================\n// DEFAULT UI CONFIG STRINGS\n// ============================================================\nconst DEFAULT_CONFIG: Record = {\n game_1_title: \"Space Booster\",\n game_1_desc: \"Blast off and cash out before the rocket explodes!\",\n game_2_title: \"Color Wheel\",\n game_2_desc: \"Spin the wheel. Alpha & Beta x2, Gamma x14.\",\n game_3_title: \"Match Predictor\",\n game_3_desc: \"Predict real matches and win big.\",\n currency_symbol: \"⭐\",\n bet_button_text: \"Place Bet\",\n eject_button_text: \"Eject\",\n spin_button_text: \"Spin\",\n topup_button_text: \"Top Up\",\n promo_button_text: \"Claim Promo\",\n wallet_title: \"Wallet\",\n profile_title: \"Profile\",\n arcade_title: \"Arcade Hub\",\n earn_title: \"Earn & Promo\",\n wheel_sector_alpha: \"Alpha\",\n wheel_sector_beta: \"Beta\",\n wheel_sector_gamma: \"Gamma\",\n referral_title: \"Invite Friends\",\n promo_title: \"Redeem Promo\",\n rules_text: \"Play responsibly. All games are provably fair server-side.\",\n};\n\n// ============================================================\n// DATABASE INITIALIZATION (idempotent)\n// ============================================================\nasync function initDB() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS users (\n telegram_id TEXT PRIMARY KEY,\n username TEXT,\n balance REAL DEFAULT 0,\n referrer_id TEXT,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )`);\n\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS promo_codes (\n code TEXT PRIMARY KEY,\n reward_amount REAL,\n max_activations INTEGER,\n current_activations INTEGER DEFAULT 0\n )`);\n\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS user_promos (\n user_id TEXT,\n promo_code TEXT,\n PRIMARY KEY (user_id, promo_code)\n )`);\n\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS app_config (\n config_key TEXT PRIMARY KEY,\n config_value TEXT\n )`);\n\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS transactions (\n id TEXT PRIMARY KEY,\n user_id TEXT,\n amount REAL,\n type TEXT,\n currency TEXT,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )`);\n\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS games_state (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n user_id TEXT,\n game TEXT,\n bet REAL,\n state TEXT,\n multiplier REAL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )`);\n\n // Seed default config (idempotent)\n for (const [key, value] of Object.entries(DEFAULT_CONFIG)) {\n await sqlite.execute({\n sql: \"INSERT OR IGNORE INTO app_config (config_key, config_value) VALUES (?, ?)\",\n args: [key, value],\n });\n }\n}\n\n// ============================================================\n// HELPERS\n// ============================================================\nasync function getConfig(): Promise> {\n const rows = await sqlite.execute(\"SELECT config_key, config_value FROM app_config\");\n const stored: Record = {};\n for (const row of rows.rows) stored[row.config_key as string] = row.config_value as string;\n return { ...DEFAULT_CONFIG, ...stored };\n}\n\nasync function cfg(key: string): Promise {\n const rows = await sqlite.execute({\n sql: \"SELECT config_value FROM app_config WHERE config_key = ?\",\n args: [key],\n });\n return rows.rows.length ? (rows.rows[0].config_value as string) : (DEFAULT_CONFIG[key] ?? key);\n}\n\nasync function getUser(id: string) {\n const rows = await sqlite.execute({\n sql: \"SELECT * FROM users WHERE telegram_id = ?\",\n args: [id],\n });\n return rows.rows.length ? rows.rows[0] : null;\n}\n\nasync function getBal(id: string): Promise {\n const rows = await sqlite.execute({\n sql: \"SELECT balance FROM users WHERE telegram_id = ?\",\n args: [id],\n });\n return rows.rows.length ? Number(rows.rows[0].balance) : 0;\n}\n\nasync function addTx(userId: string, amount: number, type: string, currency = \"BAL\") {\n await sqlite.execute({\n sql: \"INSERT INTO transactions (id, user_id, amount, type, currency) VALUES (?, ?, ?, ?, ?)\",\n args: [crypto.randomUUID(), userId, amount, type, currency],\n });\n}\n\nasync function getOrCreateUser(id: string, uname?: string, referrerId?: string) {\n let user = await getUser(id);\n if (!user) {\n // FIRST check if this user was referred (start param) — credit both parties\n await sqlite.execute({\n sql: \"INSERT INTO users (telegram_id, username, referrer_id) VALUES (?, ?, ?)\",\n args: [id, uname || null, referrerId || null],\n });\n user = await getUser(id);\n if (referrerId && referrerId !== id) {\n // Credit referrer\n await sqlite.execute({\n sql: \"UPDATE users SET balance = balance + 5 WHERE telegram_id = ?\",\n args: [referrerId],\n });\n await addTx(referrerId, 5, \"REFERRAL_REWARD\");\n // Credit new user too\n await sqlite.execute({\n sql: \"UPDATE users SET balance = balance + 5 WHERE telegram_id = ?\",\n args: [id],\n });\n await addTx(id, 5, \"REFERRAL_BONUS\");\n user = await getUser(id);\n }\n }\n return user;\n}\n\n// ============================================================\n// TELEGRAM INITDATA VALIDATION (HMAC SHA-256)\n// ============================================================\nexport function validateInitData(initData: string): Record | null {\n if (!initData) return null;\n const params = new URLSearchParams(initData);\n const hash = params.get(\"hash\");\n if (!hash) return null;\n params.delete(\"hash\");\n\n const dataCheckString = [...params.entries()]\n .sort(([a], [b]) => a.localeCompare(b))\n .map(([k, v]) => `${k}=${v}`)\n .join(\"\\n\");\n\n const secretKey = createHmac(\"sha256\", \"WebAppData\").update(BOT_TOKEN).digest();\n const computed = createHmac(\"sha256\", secretKey).update(dataCheckString).digest();\n const expected = Buffer.from(computed);\n const provided = Buffer.from(hash, \"hex\");\n if (expected.length !== provided.length || !timingSafeEqual(expected, provided)) {\n return null;\n }\n const user = params.get(\"user\");\n return user ? JSON.parse(user) : null;\n}\n\nconst isAdmin = (id: string) => ADMIN_IDS.includes(id);\n\n// ============================================================\n// PROVABLY FAIR HMAC\n// ============================================================\nfunction randomFloat(seed: string): number {\n const h = createHmac(\"sha256\", BOT_TOKEN).update(seed).digest();\n return parseInt(h.subarray(0, 8).toString(\"hex\"), 16) / 0xffffffff;\n}\n\nfunction crashMultiplier(seed: string): { multiplier: number; hash: string } {\n const h = createHmac(\"sha256\", BOT_TOKEN).update(seed).digest();\n const hashHex = h.toString(\"hex\").slice(0, 16);\n const rand = randomFloat(seed);\n // Crash curve: low rand -> high multiplier (37% max 100x)\n const multiplier = Math.max(1, Math.floor((100 / (rand * 100 + 1)) * 100) / 100);\n return { multiplier, hash: hashHex };\n}\n\n// ============================================================\n// HONO APP\n// ============================================================\nconst app = new Hono();\n\nconst api = new Hono();\n\n// --- Auth ---\napi.post(\"/auth\", async (c) => {\n const { initData, startParam } = await c.req.json();\n const user = validateInitData(initData);\n if (!user) return c.json({ ok: false, error: \"Invalid initData\" }, 401);\n const id = String(user.id);\n const uname = user.username ?? user.first_name ?? `user_${id.slice(-4)}`;\n const u = await getOrCreateUser(id, uname, startParam && startParam !== id ? String(startParam) : undefined);\n return c.json({\n ok: true,\n user: {\n ...u,\n is_admin: isAdmin(id),\n balance: Number(u.balance),\n },\n });\n});\n\n// --- Config ---\napi.get(\"/config\", async (c) => c.json({ ok: true, config: await getConfig() }));\n\n// --- Admin config (protected) ---\napi.post(\"/admin/config\", async (c) => {\n const { initData, updates } = await c.req.json();\n const user = validateInitData(initData);\n if (!user || !isAdmin(String(user.id))) return c.json({ ok: false, error: \"Forbidden\" }, 403);\n const stmt = `INSERT INTO app_config (config_key, config_value) VALUES (?, ?)\n ON CONFLICT(config_key) DO UPDATE SET config_value = excluded.config_value`;\n for (const [k, v] of Object.entries(updates || {})) {\n if (typeof k === \"string\" && typeof v === \"string\" && String(v).trim() !== \"\") {\n await sqlite.execute({ sql: stmt, args: [k, String(v).trim()] });\n }\n }\n return c.json({ ok: true, config: await getConfig() });\n});\n\n// --- Promo claim ---\napi.post(\"/promo/claim\", async (c) => {\n const { initData, code } = await c.req.json();\n const user = validateInitData(initData);\n if (!user) return c.json({ ok: false, error: \"Unauthorized\" }, 401);\n const id = String(user.id);\n const up = String(code || \"\").toUpperCase();\n const promo = (await sqlite.execute({ sql: \"SELECT * FROM promo_codes WHERE code = ?\", args: [up] })).rows[0];\n if (!promo) return c.json({ ok: false, error: \"Invalid code\" });\n if ((promo.current_activations as number) >= (promo.max_activations as number))\n return c.json({ ok: false, error: \"Code exhausted\" });\n const claimed = (await sqlite.execute({\n sql: \"SELECT * FROM user_promos WHERE user_id = ? AND promo_code = ?\",\n args: [id, up],\n })).rows[0];\n if (claimed) return c.json({ ok: false, error: \"Already claimed\" });\n\n const reward = Number(promo.reward_amount);\n await sqlite.batch([\n { sql: \"INSERT INTO user_promos (user_id, promo_code) VALUES (?, ?)\", args: [id, up] },\n { sql: \"UPDATE promo_codes SET current_activations = current_activations + 1 WHERE code = ?\", args: [up] },\n { sql: \"UPDATE users SET balance = balance + ? WHERE telegram_id = ?\", args: [reward, id] },\n { sql: \"INSERT INTO transactions (id, user_id, amount, type, currency) VALUES (?, ?, ?, ?, ?)\", args: [crypto.randomUUID(), id, reward, \"PROMO\", \"BAL\"] },\n ]);\n return c.json({ ok: true, reward, balance: await getBal(id) });\n});\n\n// --- Referrals ---\napi.get(\"/referrals\", async (c) => {\n const uid = c.req.header(\"x-user-id\");\n if (!uid) return c.json({ ok: false });\n const refLink = `https://t.me/${BOT_USERNAME}?start=${uid}`;\n const invited = (await sqlite.execute({\n sql: \"SELECT telegram_id, username, created_at FROM users WHERE referrer_id = ?\",\n args: [uid],\n })).rows;\n const earnings = (await sqlite.execute({\n sql: \"SELECT COALESCE(SUM(amount),0) AS s FROM transactions WHERE user_id = ? AND type = 'REFERRAL_REWARD'\",\n args: [uid],\n })).rows[0]?.s ?? 0;\n return c.json({ ok: true, refLink, invited, earnings });\n});\n\n// --- Payments / Stars invoice ---\napi.post(\"/payments/create-invoice\", async (c) => {\n const { telegram_id, amount } = await c.req.json();\n if (!telegram_id || !amount || amount <= 0) return c.json({ ok: false, error: \"Invalid amount\" }, 400);\n const sym = await cfg(\"currency_symbol\");\n return c.json({\n ok: true,\n title: `Top Up — add ${amount} ${sym}`,\n payload: JSON.stringify({ user_id: String(telegram_id), amount, method: \"stars\" }),\n currency: \"XTR\",\n amount: amount * 100,\n provider: PROVIDER_TOKEN_STARS,\n // In production: call Bot API sendInvoice and return invoice_link.\n invoice_link: null,\n });\n});\n\n// --- Telegram webhook ---\napi.post(\"/webhook/telegram\", async (c) => {\n const update = await c.req.json();\n if (update.pre_checkout_query) {\n return c.json({ ok: true });\n }\n if (update.message?.successful_payment) {\n const pay = update.message.successful_payment;\n let payload: any = {};\n try { payload = JSON.parse(pay.invoice_payload || \"{}\"); } catch {}\n const userId = payload.user_id || String(update.message.from?.id || \"\");\n const amount = Number(payload.amount || 0);\n if (userId && amount > 0) {\n await sqlite.batch([\n { sql: \"UPDATE users SET balance = balance + ? WHERE telegram_id = ?\", args: [amount, userId] },\n { sql: \"INSERT INTO transactions (id, user_id, amount, type, currency) VALUES (?, ?, ?, ?, ?)\", args: [crypto.randomUUID(), userId, amount, \"DEPOSIT\", \"STARS\"] },\n ]);\n }\n return c.json({ ok: true, credited: amount, user_id: userId });\n }\n return c.json({ ok: true, received: true });\n});\n\n// ============================================================\n// GAMES\n// ============================================================\n\n// --- Space Booster: launch ---\napi.post(\"/games/booster/launch\", async (c) => {\n const { initData, bet } = await c.req.json();\n const user = validateInitData(initData);\n if (!user) return c.json({ ok: false, error: \"Unauthorized\" }, 401);\n const id = String(user.id);\n const bal = await getBal(id);\n if (!bet || bet <= 0 || bet > bal) return c.json({ ok: false, error: \"Insufficient balance\" });\n await sqlite.execute({ sql: \"UPDATE users SET balance = balance - ? WHERE telegram_id = ?\", args: [bet, id] });\n await addTx(id, -bet, \"BOOSTER_BET\");\n const seed = `${id}-${Date.now()}-${crypto.randomUUID()}`;\n const { multiplier, hash } = crashMultiplier(seed);\n await sqlite.execute({\n sql: \"INSERT INTO games_state (user_id, game, bet, state, multiplier) VALUES (?, ?, ?, 'running', ?)\",\n args: [id, \"booster\", bet, multiplier],\n });\n return c.json({ ok: true, bet, crashPoint: multiplier, hash });\n});\n\n// --- Space Booster: eject ---\napi.post(\"/games/booster/eject\", async (c) => {\n const { initData, mult } = await c.req.json();\n const user = validateInitData(initData);\n if (!user) return c.json({ ok: false, error: \"Unauthorized\" }, 401);\n const id = String(user.id);\n const game = (await sqlite.execute({\n sql: \"SELECT * FROM games_state WHERE user_id = ? AND game = 'booster' ORDER BY id DESC LIMIT 1\",\n args: [id],\n })).rows[0];\n if (!game || game.state !== \"running\") return c.json({ ok: false, error: \"No active game\" });\n await sqlite.execute({ sql: \"UPDATE games_state SET state = 'cashed_out' WHERE id = ?\", args: [game.id as number] });\n if (Number(mult) < Number(game.multiplier)) {\n const win = Number((game.bet as number) * Number(mult));\n await sqlite.execute({ sql: \"UPDATE users SET balance = balance + ? WHERE telegram_id = ?\", args: [win, id] });\n await addTx(id, win, \"BOOSTER_WIN\");\n return c.json({ ok: true, cashedAt: mult, won: win, balance: await getBal(id) });\n }\n return c.json({ ok: true, cashedAt: mult, won: 0, balance: await getBal(id) });\n});\n\n// --- Color Wheel: spin ---\napi.post(\"/games/wheel/spin\", async (c) => {\n const { initData, bet, sector } = await c.req.json();\n const user = validateInitData(initData);\n if (!user) return c.json({ ok: false, error: \"Unauthorized\" }, 401);\n const id = String(user.id);\n const sectors = [\"alpha\", \"beta\", \"gamma\"];\n const payout: Record = { alpha: 2, beta: 2, gamma: 14 };\n if (!sectors.includes(sector)) return c.json({ ok: false, error: \"Invalid sector\" });\n const bal = await getBal(id);\n if (!bet || bet <= 0 || bet > bal) return c.json({ ok: false, error: \"Insufficient balance\" });\n const rand = randomFloat(`${id}-${Date.now()}-${crypto.randomUUID()}`);\n // Gamma much rarer (14x)\n const weighted = rand < 0.45 ? \"alpha\" : rand < 0.9 ? \"beta\" : \"gamma\";\n await sqlite.execute({ sql: \"UPDATE users SET balance = balance - ? WHERE telegram_id = ?\", args: [bet, id] });\n await addTx(id, -bet, \"WHEEL_BET\");\n let won = 0;\n if (sector === weighted) {\n won = bet * payout[sector];\n await sqlite.execute({ sql: \"UPDATE users SET balance = balance + ? WHERE telegram_id = ?\", args: [won, id] });\n await addTx(id, won, \"WHEEL_WIN\");\n }\n return c.json({ ok: true, winning: weighted, sector, won, balance: await getBal(id) });\n});\n\n// --- Match Predictor ---\napi.get(\"/games/matches\", (c) => {\n const teams = [\n [\"⚡ Thunder FC\", \"🔥 Blaze United\"], [\"🚀 Rockets\", \"🛡️ Guardians\"],\n [\"🐺 Wolves\", \"🦅 Eagles\"], [\"🏴☠️ Pirates\", \"⚓ Sailors\"],\n ];\n return c.json({ ok: true, matches: teams.map((t, i) => ({\n id: `M${i + 1}`, home: t[0], away: t[1], time: `${(18 + i) % 24}:00`,\n })) });\n});\n\napi.post(\"/games/matches/predict\", async (c) => {\n const { initData, bet, matchId, outcome } = await c.req.json();\n const user = validateInitData(initData);\n if (!user) return c.json({ ok: false, error: \"Unauthorized\" }, 401);\n const id = String(user.id);\n const bal = await getBal(id);\n if (!bet || bet <= 0 || bet > bal) return c.json({ ok: false, error: \"Insufficient balance\" });\n if (![\"home\", \"draw\", \"away\"].includes(outcome)) return c.json({ ok: false, error: \"Invalid outcome\" });\n const rand = randomFloat(`${id}-${matchId}-${Date.now()}`);\n const result = [\"home\", \"draw\", \"away\"][Math.floor(rand * 3)];\n await sqlite.execute({ sql: \"UPDATE users SET balance = balance - ? WHERE telegram_id = ?\", args: [bet, id] });\n await addTx(id, -bet, \"MATCH_BET\");\n let won = 0;\n if (outcome === result) {\n won = bet * (outcome === \"draw\" ? 3.4 : 2.1);\n await sqlite.execute({ sql: \"UPDATE users SET balance = balance + ? WHERE telegram_id = ?\", args: [won, id] });\n await addTx(id, won, \"MATCH_WIN\");\n }\n return c.json({ ok: true, result, outcome, won, balance: await getBal(id) });\n});\n\n// --- Admin tools: create promo, user search, balance manage ---\napi.post(\"/admin/promo\", async (c) => {\n const { initData, code, reward, maxActivations } = await c.req.json();\n const user = validateInitData(initData);\n if (!user || !isAdmin(String(user.id))) return c.json({ ok: false, error: \"Forbidden\" }, 403);\n await sqlite.execute({\n sql: \"INSERT OR REPLACE INTO promo_codes (code, reward_amount, max_activations, current_activations) VALUES (?, ?, ?, 0)\",\n args: [String(code).toUpperCase(), Number(reward), Number(maxActivations)],\n });\n return c.json({ ok: true });\n});\n\napi.post(\"/admin/set-balance\", async (c) => {\n const { initData, telegram_id, balance } = await c.req.json();\n const user = validateInitData(initData);\n if (!user || !isAdmin(String(user.id))) return c.json({ ok: false, error: \"Forbidden\" }, 403);\n await sqlite.execute({\n sql: \"INSERT INTO users (telegram_id, username) VALUES (?, 'admin-set') ON CONFLICT(telegram_id) DO UPDATE SET balance = ?\",\n args: [String(telegram_id), Number(balance)],\n });\n return c.json({ ok: true, balance: await getBal(String(telegram_id)) });\n});\n\napi.get(\"/admin/search\", async (c) => {\n const { initData, q } = c.req.query();\n const user = validateInitData(initData);\n if (!user || !isAdmin(String(user.id))) return c.json({ ok: false, error: \"Forbidden\" }, 403);\n const rows = (await sqlite.execute({\n sql: \"SELECT telegram_id, username, balance, created_at FROM users WHERE telegram_id LIKE ? OR username LIKE ? LIMIT 20\",\n args: [`%${q}%`, `%${q}%`],\n })).rows;\n return c.json({ ok: true, users: rows });\n});\n\n// --- Transactions / wallet ---\napi.get(\"/transactions\", async (c) => {\n const uid = c.req.header(\"x-user-id\");\n if (!uid) return c.json({ ok: false });\n const rows = (await sqlite.execute({\n sql: \"SELECT * FROM transactions WHERE user_id = ? ORDER BY created_at DESC, id DESC LIMIT 50\",\n args: [uid],\n })).rows;\n return c.json({ ok: true, transactions: rows });\n});\n\n// ============================================================\n// Serve frontend & wire up\n// ============================================================\nimport { serveImmutableFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Root } from \"./frontend/root.tsx\";\n\napp.route(\"/api\", api);\n\napp.get(\"/\", (c) => c.html());\n\n// Immutable client assets (the React app) — cached forever per version\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.onError((e) => {\n console.error(e);\n return new Response(JSON.stringify({ ok: false, error: String(e?.message ?? e) }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n});\n\nawait initDB();\n\nexport default app.fetch;\n","tma-arcade-42","children",[],[62],"108e9e21-3c78-4425-8a48-5613ee06cf86","README.md","21efb854-a7f6-11f1-b90c-1607ee4eb77e",9,["D",1788481099791],"# 🎮 Gamified Arcade — Telegram Mini App\n\nA complete, full-stack Telegram Mini App (TMA) for a gamified arcade platform, built as a single Val Town project.\n\n- **Backend:** Hono + `std/sqlite` (persistent), HMAC-secured Telegram `initData` auth, provably-fair server-side game logic.\n- **Frontend:** React 18 + Tailwind (Twind) + Framer Motion, styled with native Telegram theme variables, Haptic Feedback, skeleton loading.\n- **Payments:** Telegram Stars (`XTR`) invoice generation + TON option + webhook credit handler.\n\n## 🔗 Live app\n[Try the app](url:api.tsx)\n\n## 🧩 Files\n- `api.tsx` — Hono backend: auth, config, admin, promo, referrals, payments, webhook, and all three games.\n- `frontend/root.tsx` — HTML shell (stamps the immutable client entry).\n- `frontend/index.tsx` — the single-file React client (all screens).\n\n## ⚙️ Configuration (env vars, with fallback defaults embedded)\n| Var | Default | Purpose |\n|-----|---------|---------|\n| `BOT_TOKEN` | embedded | Validates Telegram `initData` HMAC SHA-256 |\n| `ADMIN_TELEGRAM_IDS` | `6819127801` | Comma-separated admin IDs (admin dashboard access) |\n| `PROVIDER_TOKEN_STARS` | `XTR` | Telegram Stars provider token |\n| `BOT_USERNAME` | `YourArcadeBot` | Used to build `t.me/bot?start=REF_ID` referral links |\n\n## 🛠️ Setup\n1. Set your real `BOT_TOKEN` and `ADMIN_TELEGRAM_IDS` in the val's environment variables.\n2. Point your Telegram bot's Mini App URL at the live endpoint (see above).\n3. Set your bot's webhook to `…/api/webhook/telegram` to receive Stars `pre_checkout_query` and payment confirmations.\n\n## 🎲 Games\n- **Space Booster** — crash simulator. Server picks a crash point via HMAC; eject before it crashes to win `bet × multiplier`.\n- **Color Wheel** — 3 sectors: Alpha (x2), Beta (x2), Gamma (x14). Server decides the winning sector.\n- **Match Predictor** — stake points on fixture outcomes; correct predictions pay out at the odds.\n\n## 🧑‍💼 Admin Dashboard\nVisible only to users whose Telegram ID is in `ADMIN_TELEGRAM_IDS`:\n- **Dynamic Text Studio** — edit any UI label (game names, currency symbol, buttons) live in `app_config`.\n- **Promo Code Generator** — create codes with reward amount + max activations.\n- **User search & balance management.**\n\nDemo promo code seeded: `WELCOME` (+50 ⭐).\n\n## 🗄️ Database (std/sqlite)\nTables: `users`, `promo_codes`, `user_promos`, `app_config`, `transactions`, `games_state`. All created idempotently with `CREATE TABLE IF NOT EXISTS` on startup.\n",[],[74],"089974ac-38d2-4229-a80f-99f69c4fd242",4,["D",1788481003461],"directory",[87,88],[57],{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":96,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_70":97,"_18":98},{"_33":89,"_13":90,"_36":91,"_38":39,"_40":41,"_42":82,"_44":45,"_46":92,"_17":48,"_49":50,"_51":93,"_53":54,"_55":-5,"_70":94,"_18":95},"74e193eb-737e-40d9-a0f6-d9a157c620fb","root.tsx","e8808b48-a7f5-11f1-974a-1607ee4eb77e",["D",1788481003461],"/**\n * @jsxImportSource https://esm.sh/hono@4/jsx\n *\n * HTML shell for the client-side React app. Served never-cached; it stamps the\n * entry module so the browser can cache the app immutably across versions.\n */\nimport type { FC } from \"https://esm.sh/hono@4/jsx\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport const Root: FC = () => {\n const entry = immutableFileUrl(\"/frontend/index.tsx\");\n return (\n \n \n \n \n Arcade\n {/* Telegram Mini App script (loads window.Telegram.WebApp) */}\n