Nexus Simulator

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_234":235,"_236":237},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_177":-5,"_20":178,"_22":179,"_180":181,"_182":183,"_26":184,"_24":185,"_186":-5,"_187":-5,"_188":51,"_189":190,"_191":43,"_192":-5,"_193":-5,"_194":195},"routes/_app.x.$handle.$name.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","ml5836s9h9","name","telegram-simulator","branchName","main","version","path","app.html","project",{"_33":123,"_13":14,"_44":124,"_125":-5,"_126":51,"_127":128,"_129":128,"_130":131,"_132":-5,"_133":134,"_135":90,"_136":43,"_137":-5,"_138":-5,"_139":46,"_140":141,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":147,"_148":147,"_149":150,"_151":150,"_152":150,"_153":147,"_154":147,"_155":156,"_157":158,"_159":160,"_161":51},"tree",[54,55,56,57,58,59,60,61],"file",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_18":53},"contents",[],"upstream","pull","ahead","behind","envVars","id","05ee47d6-de76-4e78-af10-7cd69bcbbf6c","fileId","0ef8e564-a00c-11f1-8345-1607ee4eb77e","parentId","branchId","e47e75fb-41bb-41b3-b29f-4388c95ed4b1","branchVersion",6,"latest",true,"createdAt",["D",1787610907635],0,"fileType","content","\n\n\n\n\nNexus Simulator\n\n\n\n\n\n\n\n\n

\n\n\n\n\n","deleted",false,"label",[19],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":120,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_68":121,"_18":122},{"_33":112,"_13":113,"_35":114,"_37":-5,"_38":39,"_40":115,"_42":43,"_44":116,"_17":46,"_47":76,"_48":117,"_50":51,"_52":-5,"_68":118,"_18":119},{"_33":104,"_13":105,"_35":106,"_37":-5,"_38":39,"_40":107,"_42":43,"_44":108,"_17":46,"_47":24,"_48":109,"_50":51,"_52":-5,"_68":110,"_18":111},{"_33":96,"_13":97,"_35":98,"_37":-5,"_38":39,"_40":99,"_42":43,"_44":100,"_17":46,"_47":76,"_48":101,"_50":51,"_52":-5,"_68":102,"_18":103},{"_33":88,"_13":89,"_35":90,"_37":-5,"_38":39,"_40":91,"_42":43,"_44":92,"_17":46,"_47":76,"_48":93,"_50":51,"_52":-5,"_68":94,"_18":95},{"_33":80,"_13":81,"_35":82,"_37":-5,"_38":39,"_40":83,"_42":43,"_44":84,"_17":46,"_47":76,"_48":85,"_50":51,"_52":-5,"_68":86,"_18":87},{"_33":71,"_13":72,"_35":73,"_37":-5,"_38":39,"_40":74,"_42":43,"_44":75,"_17":46,"_47":76,"_48":77,"_50":51,"_52":-5,"_68":78,"_18":79},{"_33":62,"_13":63,"_35":64,"_37":-5,"_38":39,"_40":65,"_42":43,"_44":66,"_17":46,"_47":24,"_48":67,"_50":51,"_52":-5,"_68":69,"_18":70},"ee79bde3-d85c-45bf-9085-77fc442ec09d","ui.html","31570e6a-a00c-11f1-8bb9-1607ee4eb77e",8,["D",1787610965291],"\n\n\n\n\nNexus Simulator\n\n\n\n\n\n\n\n\n

\n\n\n\n\n","children",[],[63],"6499d03a-993d-4564-bafb-cedee6b7b495","server.ts","46402952-a00b-11f1-ae95-1607ee4eb77e",5,["D",1787610570881],"http","import { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\n/**\n * Telegram Mini App — full-stack simulator.\n *\n * Architecture (Val Town compatible):\n * - Default export IS a real HTTP fetch handler returning a Response.\n * - \"/\" serves the client-side SPA HTML shell (React, Tailwind, Lucide via CDN).\n * - \"/api/bot\" is a server-side Telegram Bot API route reading the token\n * from the TELEGRAM_BOT_TOKEN secret — never shipped into client code.\n */\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n\n // ---- Server-side API routes are kept separate from HTML rendering ----\n if (url.pathname.startsWith(\"/api/\")) {\n // POST /api/bot — Telegram webhook / health check.\n // Reads the bot token from the env secret on the server only, and (optionally)\n // verifies it against the Telegram Bot API. The raw token is never returned.\n if (url.pathname === \"/api/bot\" && req.method === \"POST\") {\n const token = Deno.env.get(\"TELEGRAM_BOT_TOKEN\");\n if (!token) {\n return Response.json(\n { ok: false, error: \"TELEGRAM_BOT_TOKEN is not configured\" },\n { status: 500 },\n );\n }\n try {\n // Consume the incoming update (we're just acknowledging here).\n await req.json();\n } catch {\n // no body is fine\n }\n const res = await fetch(`https://api.telegram.org/bot${token}/getMe`);\n const data = await res.json();\n return Response.json({ ok: data.ok, bot: data.result ?? null });\n }\n\n return Response.json({ ok: false, error: \"Not found\" }, { status: 404 });\n }\n\n // ---- Main route: serve the client-side SPA shell ----\n const html = await readFile(\"index.html\");\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}\n",[],[72],"8ca39b13-b667-4a27-a765-e48fcbeb9488","serve.ts","17c14e16-a00c-11f1-a40d-1607ee4eb77e",7,["D",1787610922341],"import { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\n/**\n * Telegram Mini App — full-stack simulator (clean build).\n *\n * - Default export IS a real HTTP fetch handler returning a Response.\n * - GET / -> serves the SPA HTML shell (React + Tailwind + Lucide via CDN).\n * - POST /api/bot -> server-side Telegram route; reads the bot token from the\n * TELEGRAM_BOT_TOKEN secret (Deno.env) and verifies it via getMe.\n * The token is never returned to the client.\n */\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname.startsWith(\"/api/\")) {\n if (url.pathname === \"/api/bot\" && req.method === \"POST\") {\n const token = Deno.env.get(\"TELEGRAM_BOT_TOKEN\");\n if (!token) {\n return Response.json(\n { ok: false, error: \"TELEGRAM_BOT_TOKEN is not configured\" },\n { status: 500 },\n );\n }\n try { await req.json(); } catch { /* empty body ok */ }\n const res = await fetch(`https://api.telegram.org/bot${token}/getMe`);\n const data = await res.json();\n return Response.json({ ok: data.ok, bot: data.result ?? null });\n }\n return Response.json({ ok: false, error: \"Not found\" }, { status: 404 });\n }\n\n const html = await readFile(\"ui.html\");\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}\n",[],[81],"1270996b-3418-4f6d-a09e-b5f987499966","main.tsx","ff65baac-a009-11f1-967a-1607ee4eb77e",1,["D",1787610022479],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useMemo, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { LayoutDashboard, ListChecks, ShieldQuestion, Rocket, User } from \"https://esm.sh/lucide-react@0.462.0\";\n\n// ===== Text config system (editable, persisted to localStorage) =====\nconst DEFAULT_TEXT = {\n appTitle: \"Nexus Simulator\",\n home: \"Dashboard\",\n tasks: \"Tasks\",\n wheel: \"Spin Wheel\",\n rocket: \"Rocket\",\n profile: \"Profile\",\n mainBalance: \"Main Balance\",\n bonus: \"Bonus\",\n referral: \"Referral\",\n stars: \"Stars\",\n connectWallet: \"Connect Wallet\",\n dailyTasks: \"Daily Tasks\",\n giftInventory: \"Reward Chest\",\n multiplier: \"Multiplier\",\n upgrade: \"Upgrade\",\n liveFeed: \"Live Ascent\",\n};\nconst loadText = () => {\n try { return JSON.parse(localStorage.getItem(\"sim_text\") || \"\") || DEFAULT_TEXT; }\n catch { return DEFAULT_TEXT; }\n};\n\nconst NeoIcon = ({ Icon, c }) => (\n \n \n \n);\n\nfunction Tab({ Icon, label, active, onClick }) {\n return (\n \n );\n}\n\nfunction SimApp() {\n const [T, setT] = useState(DEFAULT_TEXT);\n const [tab, setTab] = useState(0);\n const [tg, setTg] = useState(null);\n const [bal, setBal] = useState(2500.0);\n const [wheel] = useState([2, 5, 1.5, 10, 3, 7]);\n const [spin, setSpin] = useState(0);\n const [mult, setMult] = useState(1.0);\n const [rocketUp, setRocketUp] = useState(false);\n const canvasRef = useRef(null);\n const [feed] = useState([[\"@orbital\", 8.4], [\"@nexus\", 12.9], [\"@lumen\", 3.2], [\"@vex\", 21.7]]);\n\n // Telegram WebApp init — graceful\n useEffect(() => {\n setT(loadText());\n const wta = window.Telegram?.WebApp;\n if (wta) { wta.ready(); wta.expand(); setTg({ id: wta.initDataUnsafe?.user?.id, name: wta.initDataUnsafe?.user?.first_name || \"Explorer\" }); }\n else setTg({ id: null, name: \"Guest Explorer\" });\n }, []);\n\n // Rocket canvas animation\n useEffect(() => {\n const c = canvasRef.current; if (!c) return;\n const ctx = c.getContext(\"2d\"); let raf, t = 0, y = 1;\n const draw = () => {\n t += 0.02; y = rocketUp ? 260 - (t * t) / 2 : 130 + Math.sin(t * 3) * 6; if (y < 20) { setRocketUp(false); y = 20; t = 0; }\n if (rocketUp) setMult(Math.min(10, 1 + t * 3).toFixed(2));\n const w = c.width, h = c.height;\n ctx.clearRect(0, 0, w, h);\n // dark grid\n ctx.strokeStyle = \"#ffffff0a\"; ctx.lineWidth = 1;\n for (let x = 0; x < w; x += 20) { ctx.beginPath(); ctx.moveTo(x, 0); ctx.lineTo(x, h); ctx.stroke(); }\n for (let yy = 0; yy < h; yy += 20) { ctx.beginPath(); ctx.moveTo(0, yy); ctx.lineTo(w, yy); ctx.stroke(); }\n // curved trajectory\n ctx.strokeStyle = \"#00e5ff66\"; ctx.setLineDash([4, 6]);\n ctx.beginPath(); ctx.moveTo(30, h); ctx.quadraticCurveTo(w - 80, h - 150, w - 40, 10); ctx.stroke(); ctx.setLineDash([]);\n // glowing star / shuttle\n const g = ctx.createRadialGradient(w / 2, y, 2, w / 2, y, 28);\n g.addColorStop(0, \"#fff\"); g.addColorStop(0.3, \"#7df9c2\"); g.addColorStop(1, \"transparent\");\n ctx.fillStyle = g; ctx.beginPath(); ctx.arc(w / 2, y, 28, 0, Math.PI * 2); ctx.fill();\n ctx.fillStyle = \"#fff\"; ctx.beginPath(); ctx.arc(w / 2, y, 5, 0, Math.PI * 2); ctx.fill();\n const pg = ctx.createLinearGradient(0, y, 0, y + 26);\n pg.addColorStop(0, \"#00e5ff\"); pg.addColorStop(1, \"transparent\");\n ctx.fillStyle = pg; ctx.beginPath(); ctx.moveTo(w / 2 - 2, y + 6); ctx.lineTo(w / 2 + 2, y + 6); ctx.lineTo(w / 2, y + 26); ctx.fill();\n raf = requestAnimationFrame(draw);\n };\n draw();\n return () => cancelAnimationFrame(raf);\n }, [rocketUp]);\n\n const spinWheel = () => { setSpin(spin + 720 + Math.floor(Math.random() * 360)); setBal(b => parseFloat((b - 10).toFixed(2))); };\n\n const cards = [\n { Icon: Wallet, T: T.connectWallet, c: \"#7df9c2\" },\n { Icon: ListChecks, T: T.dailyTasks, c: \"#00e5ff\" },\n { Icon: Gift, T: T.giftInventory, c: \"#ffb020\" },\n ];\n\n const board = (\n

\n {[[T.mainBalance, bal, \"#00e5ff\"], [T.bonus, 0, \"#7df9c2\"], [T.referral, 0, \"#ffb020\"], [T.stars, 120, \"#c084fc\"]].map(([k, v, c]) => (\n

{k}

\n {v.toLocaleString?.() ?? v}\n

\n ))}\n

\n );\n\n return (\n

\n {/* header */}\n

WEB3 MINI APP

{T.appTitle}

\n 🟢 {tg?.name || \"…\"}\n

\n\n {/* content by tab */}\n

\n {tab === 0 && (\n <>\n {board}\n

\n {cards.map(({ Icon, T: t, c }) => (\n

\n \n

{t}

\n {T.upgrade}\n

\n ))}\n

\n \n )}\n\n {tab === 1 && (\n

\n {[[\"Follow @channels\", \"+500\"], [\"Telegram Community\", \"+300\"], [\"Daily Check-in\", \"+ Live\"], [\"Invite 3 Friends\", \"+1,200\"]].map(([t, v]) => (\n

{t}

Reward {v}

\n \n

\n ))}\n

\n )}\n\n {tab === 2 && (\n

\n {wheel.map((w, i) => (\n

\n ×{w}\n

\n ))}\n

▲

{T.multiplier} odds shown

\n \n

\n )}\n\n {tab === 3 && (\n <>\n

\n\n {/* glassmorphism nav */}\n

\n setTab(0)} />\n setTab(1)} />\n setTab(2)} />\n setTab(3)} />\n setTab(4)} />\n

\n );\n}\n\nexport default function main() {\n const root = document.createElement(\"div\");\n root.id = \"root\";\n createRoot(root).render();\n return root;\n}\n",[],[89],"3804cbab-91da-4c8d-8d22-b35aad6371a2","index.tsx","2118c54a-a00a-11f1-8039-1607ee4eb77e",2,["D",1787610079051],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { LayoutDashboard, ListChecks, ShieldQuestion, Rocket, User, Wallet, Gift } from \"https://esm.sh/lucide-react@0.462.0\";\n\n// ===== Text config system (editable, persisted to localStorage) =====\nconst DEFAULT_TEXT = {\n appTitle: \"Nexus Simulator\",\n home: \"Dashboard\",\n tasks: \"Tasks\",\n wheel: \"Spin Wheel\",\n rocket: \"Rocket\",\n profile: \"Profile\",\n mainBalance: \"Main Balance\",\n bonus: \"Bonus\",\n referral: \"Referral\",\n stars: \"Stars\",\n connectWallet: \"Connect Wallet\",\n dailyTasks: \"Daily Tasks\",\n giftInventory: \"Reward Chest\",\n multiplier: \"Multiplier\",\n upgrade: \"Upgrade\",\n liveFeed: \"Live Ascent\",\n};\nconst loadText = () => {\n try { return JSON.parse(localStorage.getItem(\"sim_text\") || \"\") || DEFAULT_TEXT; }\n catch { return DEFAULT_TEXT; }\n};\n\nconst NeoIcon = ({ Icon, c }) => (\n \n \n \n);\n\nfunction Tab({ Icon, label, active, onClick }) {\n return (\n \n );\n}\n\nfunction SimApp() {\n const [T, setT] = useState(DEFAULT_TEXT);\n const [tab, setTab] = useState(0);\n const [tg, setTg] = useState(null);\n const [bal, setBal] = useState(2500.0);\n const [wheel] = useState([2, 5, 1.5, 10, 3, 7]);\n const [spin, setSpin] = useState(0);\n const [mult, setMult] = useState(1.0);\n const [rocketUp, setRocketUp] = useState(false);\n const canvasRef = useRef(null);\n const [feed] = useState([[\"@orbital\", 8.4], [\"@nexus\", 12.9], [\"@lumen\", 3.2], [\"@vex\", 21.7]]);\n\n // Telegram WebApp init — graceful\n useEffect(() => {\n setT(loadText());\n const wta = window.Telegram?.WebApp;\n if (wta) { wta.ready(); wta.expand(); setTg({ id: wta.initDataUnsafe?.user?.id, name: wta.initDataUnsafe?.user?.first_name || \"Explorer\" }); }\n else setTg({ id: null, name: \"Guest Explorer\" });\n }, []);\n\n // Rocket canvas animation\n useEffect(() => {\n const c = canvasRef.current; if (!c) return;\n const ctx = c.getContext(\"2d\"); let raf, t = 0, y = 1;\n const draw = () => {\n t += 0.02; y = rocketUp ? 260 - (t * t) / 2 : 130 + Math.sin(t * 3) * 6; if (y < 20) { setRocketUp(false); y = 20; t = 0; }\n if (rocketUp) setMult(Math.min(10, 1 + t * 3).toFixed(2));\n const w = c.width, h = c.height;\n ctx.clearRect(0, 0, w, h);\n ctx.strokeStyle = \"#ffffff0a\"; ctx.lineWidth = 1;\n for (let x = 0; x < w; x += 20) { ctx.beginPath(); ctx.moveTo(x, 0); ctx.lineTo(x, h); ctx.stroke(); }\n for (let yy = 0; yy < h; yy += 20) { ctx.beginPath(); ctx.moveTo(0, yy); ctx.lineTo(w, yy); ctx.stroke(); }\n ctx.strokeStyle = \"#00e5ff66\"; ctx.setLineDash([4, 6]);\n ctx.beginPath(); ctx.moveTo(30, h); ctx.quadraticCurveTo(w - 80, h - 150, w - 40, 10); ctx.stroke(); ctx.setLineDash([]);\n const g = ctx.createRadialGradient(w / 2, y, 2, w / 2, y, 28);\n g.addColorStop(0, \"#fff\"); g.addColorStop(0.3, \"#7df9c2\"); g.addColorStop(1, \"transparent\");\n ctx.fillStyle = g; ctx.beginPath(); ctx.arc(w / 2, y, 28, 0, Math.PI * 2); ctx.fill();\n ctx.fillStyle = \"#fff\"; ctx.beginPath(); ctx.arc(w / 2, y, 5, 0, Math.PI * 2); ctx.fill();\n const pg = ctx.createLinearGradient(0, y, 0, y + 26);\n pg.addColorStop(0, \"#00e5ff\"); pg.addColorStop(1, \"transparent\");\n ctx.fillStyle = pg; ctx.beginPath(); ctx.moveTo(w / 2 - 2, y + 6); ctx.lineTo(w / 2 + 2, y + 6); ctx.lineTo(w / 2, y + 26); ctx.fill();\n raf = requestAnimationFrame(draw);\n };\n draw();\n return () => cancelAnimationFrame(raf);\n }, [rocketUp]);\n\n const spinWheel = () => { setSpin(spin + 720 + Math.floor(Math.random() * 360)); setBal(b => parseFloat((b - 10).toFixed(2))); };\n\n const cards = [\n { Icon: Wallet, T: T.connectWallet, c: \"#7df9c2\" },\n { Icon: ListChecks, T: T.dailyTasks, c: \"#00e5ff\" },\n { Icon: Gift, T: T.giftInventory, c: \"#ffb020\" },\n ];\n\n const board = (\n

\n {[[T.mainBalance, bal, \"#00e5ff\"], [T.bonus, 0, \"#7df9c2\"], [T.referral, 0, \"#ffb020\"], [T.stars, 120, \"#c084fc\"]].map(([k, v, c]) => (\n

{k}

\n {v.toLocaleString?.() ?? v}\n

\n ))}\n

\n );\n\n return (\n

WEB3 MINI APP

{T.appTitle}

🟢 {tg?.name || \"…\"}

\n\n

\n {tab === 0 && (\n <>\n {board}\n

\n {cards.map(({ Icon, T: t, c }) => (\n

\n \n

{t}

\n {T.upgrade}\n

\n ))}\n

\n \n )}\n\n {tab === 1 && (\n

\n {[[\"Follow @channels\", \"+500\"], [\"Telegram Community\", \"+300\"], [\"Daily Check-in\", \"+ Live\"], [\"Invite 3 Friends\", \"+1,200\"]].map(([t, v]) => (\n

{t}

Reward {v}

\n \n

\n ))}\n

\n )}\n\n {tab === 2 && (\n

\n {wheel.map((w, i) => (\n

\n ×{w}\n

\n ))}\n

▲

{T.multiplier} odds shown

\n \n

\n )}\n\n {tab === 3 && (\n <>\n

\n\n

\n setTab(0)} />\n setTab(1)} />\n setTab(2)} />\n setTab(3)} />\n setTab(4)} />\n

\n );\n}\n\nexport default function main() {\n const root = document.createElement(\"div\");\n root.id = \"root\";\n createRoot(root).render();\n return root;\n}\n",[],[97],"ca38471f-9ee3-44e2-9090-57b5d9efb337","index.html","427386de-a00b-11f1-98ce-1607ee4eb77e",4,["D",1787610564507],"\n\n\n\n\nNexus Simulator\n\n\n\n\n\n\n\n\n\n\n\n\n

\n\n\n\n\n",[],[105],"ca783832-1e11-4991-9426-cc1be1d1deb7","app.tsx","b3ddc286-a00a-11f1-8cb8-1607ee4eb77e",3,["D",1787610325287],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { LayoutDashboard, ListChecks, ShieldQuestion, Rocket, User, Wallet, Gift } from \"https://esm.sh/lucide-react@0.462.0\";\n\n// ===== Text config system (editable, persisted to localStorage, client-only) =====\nconst DEFAULT_TEXT = {\n appTitle: \"Nexus Simulator\",\n home: \"Dashboard\",\n tasks: \"Tasks\",\n wheel: \"Spin Wheel\",\n rocket: \"Rocket\",\n profile: \"Profile\",\n mainBalance: \"Main Balance\",\n bonus: \"Bonus\",\n referral: \"Referral\",\n stars: \"Stars\",\n connectWallet: \"Connect Wallet\",\n dailyTasks: \"Daily Tasks\",\n giftInventory: \"Reward Chest\",\n multiplier: \"Multiplier\",\n upgrade: \"Upgrade\",\n liveFeed: \"Live Ascent\",\n};\nconst loadText = () => {\n // guard against SSR (window/localStorage only exist in the browser)\n if (typeof window === \"undefined\") return DEFAULT_TEXT;\n try { return JSON.parse(localStorage.getItem(\"sim_text\") || \"\") || DEFAULT_TEXT; }\n catch { return DEFAULT_TEXT; }\n};\n\nconst NeoIcon = ({ Icon, c }) => (\n \n \n \n);\n\nfunction Tab({ Icon, label, active, onClick }) {\n return (\n \n );\n}\n\nfunction SimApp() {\n const [T, setT] = useState(DEFAULT_TEXT);\n const [tab, setTab] = useState(0);\n const [tg, setTg] = useState(null);\n const [bal, setBal] = useState(2500.0);\n const [wheel] = useState([2, 5, 1.5, 10, 3, 7]);\n const [spin, setSpin] = useState(0);\n const [mult, setMult] = useState(1.0);\n const [rocketUp, setRocketUp] = useState(false);\n const canvasRef = useRef(null);\n const [feed] = useState([[\"@orbital\", 8.4], [\"@nexus\", 12.9], [\"@lumen\", 3.2], [\"@vex\", 21.7]]);\n\n // All browser-only code lives here (runs after hydration on the client)\n useEffect(() => {\n setT(loadText());\n const wta = typeof window !== \"undefined\" ? window.Telegram?.WebApp : null;\n if (wta) {\n wta.ready();\n wta.expand();\n setTg({ id: wta.initDataUnsafe?.user?.id, name: wta.initDataUnsafe?.user?.first_name || \"Explorer\" });\n } else {\n setTg({ id: null, name: \"Guest Explorer\" });\n }\n }, []);\n\n // Rocket canvas animation (client-only)\n useEffect(() => {\n const c = canvasRef.current; if (!c) return;\n const ctx = c.getContext(\"2d\"); let raf, t = 0, y = 1;\n const draw = () => {\n t += 0.02; y = rocketUp ? 260 - (t * t) / 2 : 130 + Math.sin(t * 3) * 6; if (y < 20) { setRocketUp(false); y = 20; t = 0; }\n if (rocketUp) setMult(Math.min(10, 1 + t * 3).toFixed(2));\n const w = c.width, h = c.height;\n ctx.clearRect(0, 0, w, h);\n ctx.strokeStyle = \"#ffffff0a\"; ctx.lineWidth = 1;\n for (let x = 0; x < w; x += 20) { ctx.beginPath(); ctx.moveTo(x, 0); ctx.lineTo(x, h); ctx.stroke(); }\n for (let yy = 0; yy < h; yy += 20) { ctx.beginPath(); ctx.moveTo(0, yy); ctx.lineTo(w, yy); ctx.stroke(); }\n ctx.strokeStyle = \"#00e5ff66\"; ctx.setLineDash([4, 6]);\n ctx.beginPath(); ctx.moveTo(30, h); ctx.quadraticCurveTo(w - 80, h - 150, w - 40, 10); ctx.stroke(); ctx.setLineDash([]);\n const g = ctx.createRadialGradient(w / 2, y, 2, w / 2, y, 28);\n g.addColorStop(0, \"#fff\"); g.addColorStop(0.3, \"#7df9c2\"); g.addColorStop(1, \"transparent\");\n ctx.fillStyle = g; ctx.beginPath(); ctx.arc(w / 2, y, 28, 0, Math.PI * 2); ctx.fill();\n ctx.fillStyle = \"#fff\"; ctx.beginPath(); ctx.arc(w / 2, y, 5, 0, Math.PI * 2); ctx.fill();\n const pg = ctx.createLinearGradient(0, y, 0, y + 26);\n pg.addColorStop(0, \"#00e5ff\"); pg.addColorStop(1, \"transparent\");\n ctx.fillStyle = pg; ctx.beginPath(); ctx.moveTo(w / 2 - 2, y + 6); ctx.lineTo(w / 2 + 2, y + 6); ctx.lineTo(w / 2, y + 26); ctx.fill();\n raf = requestAnimationFrame(draw);\n };\n draw();\n return () => cancelAnimationFrame(raf);\n }, [rocketUp]);\n\n const spinWheel = () => { setSpin(spin + 720 + Math.floor(Math.random() * 360)); setBal(b => parseFloat((b - 10).toFixed(2))); };\n\n const cards = [\n { Icon: Wallet, T: T.connectWallet, c: \"#7df9c2\" },\n { Icon: ListChecks, T: T.dailyTasks, c: \"#00e5ff\" },\n { Icon: Gift, T: T.giftInventory, c: \"#ffb020\" },\n ];\n\n const board = (\n

\n {[[T.mainBalance, bal, \"#00e5ff\"], [T.bonus, 0, \"#7df9c2\"], [T.referral, 0, \"#ffb020\"], [T.stars, 120, \"#c084fc\"]].map(([k, v, c]) => (\n

{k}

\n {v.toLocaleString?.() ?? v}\n

\n ))}\n

\n );\n\n return (\n

WEB3 MINI APP

{T.appTitle}

🟢 {tg?.name || \"…\"}

\n\n

\n {tab === 0 && (\n <>\n {board}\n

\n {cards.map(({ Icon, T: t, c }) => (\n

\n \n

{t}

\n {T.upgrade}\n

\n ))}\n

\n \n )}\n\n {tab === 1 && (\n

\n {[[\"Follow @channels\", \"+500\"], [\"Telegram Community\", \"+300\"], [\"Daily Check-in\", \"+ Live\"], [\"Invite 3 Friends\", \"+1,200\"]].map(([t, v]) => (\n

{t}

Reward {v}

\n \n

\n ))}\n

\n )}\n\n {tab === 2 && (\n

\n {wheel.map((w, i) => (\n

\n ×{w}\n

\n ))}\n

▲

{T.multiplier} odds shown

\n \n

\n )}\n\n {tab === 3 && (\n <>\n

\n\n

\n setTab(0)} />\n setTab(1)} />\n setTab(2)} />\n setTab(3)} />\n setTab(4)} />\n

\n );\n}\n\n// Serve the component directly — Val Town hydrates it client-side.\n// No document/window/createRoot at module scope (those only exist in the browser).\nexport default function App() {\n return ;\n}\n",[],[113],["D",1787610907635],[],[19],"d84c958e-8b8b-4950-bd96-941730767cc3",["D",1787609982072],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Telegram Mini App web3 simulator with tasks, wheel, rocket","imageUrl","userId","41fa1803-0d89-48ca-bdda-62052ef30307","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","01a035da-e321-7308-b9ff-f1dc1726695a","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_176":171},"org",{"_11":12,"_170":171,"_172":171,"_133":134,"_173":174,"_175":51},"branch",{"_17":65,"_13":16,"_33":39,"_162":123,"_163":-5,"_164":-5,"_165":-5,"_166":-5,"_167":-5,"_168":14,"_169":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":123,"_13":14,"_44":230,"_125":-5,"_126":51,"_127":128,"_129":128,"_130":131,"_132":-5,"_133":134,"_135":90,"_136":43,"_137":-5,"_138":-5,"_139":46,"_140":141,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":147,"_148":147,"_149":150,"_151":150,"_152":150,"_153":147,"_154":147,"_155":231,"_157":232,"_159":233,"_161":51},[206,207,208,209,210,211,212,213],"files",[206,207,208,209,210,211,212,213],"counts",{"_197":46,"_198":91,"_199":46,"_32":200,"_201":202},[],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_18":196},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],"pulls","branches","forks",{"_203":91,"_205":46},"connections",{"_203":46,"_204":46},"count","unfilledCount","emptyCount",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":120,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_68":228,"_18":229},{"_33":112,"_13":113,"_35":114,"_37":-5,"_38":39,"_40":115,"_42":43,"_44":116,"_17":46,"_47":76,"_48":117,"_50":51,"_52":-5,"_68":226,"_18":227},{"_33":104,"_13":105,"_35":106,"_37":-5,"_38":39,"_40":107,"_42":43,"_44":108,"_17":46,"_47":24,"_48":109,"_50":51,"_52":-5,"_68":224,"_18":225},{"_33":96,"_13":97,"_35":98,"_37":-5,"_38":39,"_40":99,"_42":43,"_44":100,"_17":46,"_47":76,"_48":101,"_50":51,"_52":-5,"_68":222,"_18":223},{"_33":88,"_13":89,"_35":90,"_37":-5,"_38":39,"_40":91,"_42":43,"_44":92,"_17":46,"_47":76,"_48":93,"_50":51,"_52":-5,"_68":220,"_18":221},{"_33":80,"_13":81,"_35":82,"_37":-5,"_38":39,"_40":83,"_42":43,"_44":84,"_17":46,"_47":76,"_48":85,"_50":51,"_52":-5,"_68":218,"_18":219},{"_33":71,"_13":72,"_35":73,"_37":-5,"_38":39,"_40":74,"_42":43,"_44":75,"_17":46,"_47":76,"_48":77,"_50":51,"_52":-5,"_68":216,"_18":217},{"_33":62,"_13":63,"_35":64,"_37":-5,"_38":39,"_40":65,"_42":43,"_44":66,"_17":46,"_47":24,"_48":67,"_50":51,"_52":-5,"_68":214,"_18":215},[],[63],[],[72],[],[81],[],[89],[],[97],[],[105],[],[113],[],[19],["D",1787609982072],{"_11":12,"_176":171},{"_11":12,"_170":171,"_172":171,"_133":134,"_173":174,"_175":51},{"_17":65,"_13":16,"_33":39,"_162":123,"_163":-5,"_164":-5,"_165":-5,"_166":-5,"_167":-5,"_168":14,"_169":12},"ctx",{"_155":-5,"_193":267,"_268":269,"_270":271,"_272":51,"_273":51,"_274":51,"_275":43,"_276":-5,"_277":-7,"_278":-7,"_279":46,"_280":51,"_281":51,"_282":-5,"_283":51,"_284":51,"_285":51,"_286":-5},"ENV",{"_238":239,"_240":241,"_242":16,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]