Rewards · Cyber Simulator

\n Динамический График\n ${mult.toFixed(2)}x\n

\n );\n}\n\n/* ─── Main app ───────────────────────────────────────────── */\nconst NAV = [\n { label: \"Главная\", Icon: HomeIcon },\n { label: \"Задания\", Icon: TasksIcon },\n { label: \"Колесо\", Icon: WheelIcon },\n { label: \"Магазин\", Icon: ShopIcon },\n { label: \"История\", Icon: HistoryIcon },\n];\n\nfunction App() {\n const [tab, setTab] = useState(0);\n const [customStarImage, setCustomStarImage] = useState(() => {\n try { return localStorage.getItem(\"custom_tg_star\") || \"\"; }\n catch { return \"\"; }\n });\n const fileInputRef = useRef(null);\n\n const handleStarFile = (e: React.ChangeEvent) => {\n const file = e.target.files?.[0];\n if (!file) return;\n const reader = new FileReader();\n reader.onload = () => {\n const dataUrl = String(reader.result || \"\");\n if (dataUrl) {\n try { localStorage.setItem(\"custom_tg_star\", dataUrl); } catch { /* storage full/unavailable */ }\n setCustomStarImage(dataUrl);\n }\n };\n reader.readAsDataURL(file);\n };\n\n const name = toText(ME.name, \"DevUser\");\n const username = toText(ME.username, \"devuser\");\n const avatar = toText(ME.avatar, \"\");\n\n return (\n

\n\n {/* Header */}\n

\n {avatar ? $\"\"$ : name.charAt(0).toUpperCase()}\n

\n {name}\n @{username} Lvl 12\n

980

\n \n

\n\n {/* Balances 2x2 */}\n

\n {BALANCES.map(b => {\n const Icon = b.Icon;\n return (\n

\n {b.label}\n

\n {b.value}\n {b.id === \"stars\"\n ? \n : {b.unit}}\n

\n );\n })}\n

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

\n Колесо Удачи\n Крути · Выигрывай · Умножай\n

\n \n

\n\n {/* Level progress */}\n

\n Прогресс уровня\n До Lvl 13 осталось 230 XP\n

\n \n 77%\n

\n\n {/* Interactive game mode (rocket) — from the original spec */}\n \n\n {/* Bottom nav */}\n \n\n \n

\n );\n}\n\n/* ─── Error Boundary ─────────────────────────────────────── */\nclass ErrorBoundary extends React.Component<{ children: React.ReactNode }, { error: Error | null }> {\n state: { error: Error | null } = { error: null };\n static getDerivedStateFromError(error: Error) { return { error }; }\n render() {\n if (this.state.error) {\n return (\n

\n Произошла ошибка UI:\n

{toText(this.state.error?.message || this.state.error, \"неизвестная ошибка\")}

\n );\n }\n return this.props.children;\n }\n}\n\n/* ─── Styles (the pasted glassmorphic design, adapted) ───── */\nconst css = `\n*{box-sizing:border-box;margin:0;padding:0;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;-webkit-tap-highlight-color:transparent}\nhtml,body{background:#07090e}\nbody{color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow-x:hidden}\n.app-viewport{width:100%;max-width:430px;min-height:100vh;background:#0b0e17;position:relative;padding:16px 18px 120px 18px;overflow:hidden;display:flex;flex-direction:column;gap:16px}\n.bg-glow-1{position:absolute;top:-60px;left:-40px;width:240px;height:240px;background:radial-gradient(circle,rgba(99,102,241,.22) 0%,rgba(0,0,0,0) 70%);pointer-events:none;z-index:0}\n.bg-glow-2{position:absolute;top:250px;right:-50px;width:260px;height:260px;background:radial-gradient(circle,rgba(16,185,129,.15) 0%,rgba(0,0,0,0) 70%);pointer-events:none;z-index:0}\n.ava-img{width:100%;height:100%;border-radius:15px;object-fit:cover}\n.header-user{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:6px 0}\n.user-profile{display:flex;align-items:center;gap:12px}\n.avatar{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff;box-shadow:0 4px 20px rgba(99,102,241,.35);border:1px solid rgba(255,255,255,.2);overflow:hidden}\n.user-info{display:flex;flex-direction:column;gap:2px}\n.username{font-size:17px;font-weight:700;letter-spacing:-.3px}\n.user-tag{font-size:12px;color:rgba(255,255,255,.45);font-weight:500;display:flex;align-items:center;gap:6px}\n.level-badge{background:rgba(255,255,255,.08);padding:1px 6px;border-radius:6px;color:#a5b4fc;font-size:11px;font-weight:600}\n.stars-pill{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3);padding:7px 13px;border-radius:20px;display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:#fbbf24;backdrop-filter:blur(10px)}\n.header-right{display:flex;align-items:center;gap:8px}\n.upload-btn{width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#a5b4fc;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}\n.upload-btn:active{transform:scale(.92);opacity:.85}\n.balance-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.card{position:relative;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;height:120px;backdrop-filter:blur(16px);overflow:hidden;transition:transform .2s ease,border-color .2s ease}\n.card:active{transform:scale(.98)}\n.card-primary{background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(37,99,235,.05));border:1px solid rgba(96,165,250,.25)}\n.card-primary .icon-box{background:rgba(59,130,246,.2);color:#60a5fa}\n.card-bonus{background:linear-gradient(135deg,rgba(168,85,247,.18),rgba(147,51,234,.05));border:1px solid rgba(192,132,252,.25)}\n.card-bonus .icon-box{background:rgba(168,85,247,.2);color:#c084fc}\n.card-referral{background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(5,150,105,.05));border:1px solid rgba(52,211,153,.25)}\n.card-referral .icon-box{background:rgba(16,185,129,.2);color:#34d399}\n.card-stars{background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(217,119,6,.05));border:1px solid rgba(251,191,36,.25)}\n.card-stars .icon-box{background:rgba(245,158,11,.2);color:#fbbf24}\n.card-header{display:flex;justify-content:space-between;align-items:center}\n.icon-box{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px}\n.card-label{font-size:12px;font-weight:600;color:rgba(255,255,255,.5);letter-spacing:-.1px}\n.card-value-wrap{display:flex;align-items:baseline;gap:4px;margin-top:6px}\n.card-value{font-size:22px;font-weight:800;letter-spacing:-.5px}\n.card-currency{font-size:15px;font-weight:600;color:rgba(255,255,255,.4)}\n.wheel-banner{position:relative;z-index:1;background:linear-gradient(135deg,rgba(30,27,75,.7),rgba(15,23,42,.8));border:1px solid rgba(129,140,248,.25);border-radius:24px;padding:20px;backdrop-filter:blur(20px);overflow:hidden;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 30px rgba(0,0,0,.3)}\n.wheel-banner::before{content:'';position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.25) 0%,rgba(0,0,0,0) 70%);pointer-events:none}\n.banner-content{display:flex;justify-content:space-between;align-items:center}\n.banner-text{display:flex;flex-direction:column;gap:4px}\n.banner-title{font-size:20px;font-weight:800;letter-spacing:-.4px;background:linear-gradient(90deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;color:transparent}\n.banner-subtitle{font-size:12px;color:rgba(255,255,255,.5);font-weight:500}\n.cta-button{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:16px;padding:14px 20px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 6px 20px rgba(99,102,241,.4);transition:all .2s ease;width:100%}\n.cta-button:active{transform:scale(.98);opacity:.9}\n.progress-card{position:relative;z-index:1;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:18px;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(16px)}\n.progress-info{display:flex;flex-direction:column;gap:4px}\n.progress-title{font-size:15px;font-weight:700}\n.progress-sub{font-size:12px;color:rgba(255,255,255,.45)}\n.gauge-wrapper{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center}\n.gauge-value{position:absolute;font-size:13px;font-weight:800;color:#34d399}\n.rocket-card{position:relative;z-index:1;background:rgba(255,255,255,.03);border:1px solid rgba(129,140,248,.16);border-radius:22px;padding:16px;backdrop-filter:blur(16px)}\n.rocket-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}\n.rocket-title{font-size:15px;font-weight:700}\n.rocket-mult{font-size:18px;font-weight:800;color:#34d399}\n.rocket-cta{margin-top:12px}\n.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;height:76px;background:rgba(11,14,23,.82);border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;justify-content:space-around;align-items:center;padding:0 10px 10px;z-index:100}\n.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:rgba(255,255,255,.4);font-size:11px;font-weight:600;cursor:pointer;width:20%;transition:color .2s ease;background:none;border:none;padding:0}\n.nav-item.active{color:#818cf8}\n.nav-icon{font-size:20px;height:24px;display:flex;align-items:center}\n`;\n\n/* Add Plus Jakarta Sans font */\nconst fontLink = document.createElement(\"link\");\nfontLink.rel = \"stylesheet\";\nfontLink.href = \"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\";\ndocument.head.appendChild(fontLink);\n\nconst style = document.createElement(\"style\");\nstyle.textContent = css;\ndocument.head.appendChild(style);\n\n/* ─── Mount with try/catch: never a silent blank page ───── */\ntry {\n const rootEl = document.getElementById(\"root\");\n if (rootEl) {\n createRoot(rootEl).render(\n \n \n \n );\n }\n} catch (err) {\n const w = window as unknown as { __vtError?: unknown };\n w.__vtError = err;\n const msg = err instanceof Error ? err.stack || err.message : String(err);\n document.body.innerHTML =\n `

` +\n `Ошибка монтирования:

${msg}

`;\n}\n",[60],"219d9839-e04e-4440-a8f0-e2d63c8dd58f","index.html","f5ff43cc-a00c-11f1-833b-1607ee4eb77e",6,["D",1787611559541],"\n\n\n \n \n \n Rewards · Cyber Simulator\n\n\n

\n \n \n \n\n\n",[69],"f41eb976-c007-4825-be3d-f64fcbb1ac41","app.ts","019b58f6-a00d-11f1-912a-1607ee4eb77e",5,["D",1787611557318],"// Telegram Mini App — Rewards Simulator (premium cyber-dark UI)\n// HTTP entrypoint: serves HTML shell + the transpiled client module + a lightweight API.\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst HTML = await (await fetch(new URL(\"./index.html\", import.meta.url))).text();\n\nconst UI_CONFIG = {\n tabs: [\"Главная\", \"Задания\", \"Колесо\", \"Магазин\", \"История\"],\n heroTitle: \"Колесо Удачи\",\n heroButton: \"Крутить Кольцо\",\n modes: [\"Апгрейд Наград\", \"Динамический График\", \"Инвентарь & Обмен\"],\n tagline: \"Развлекательный симулятор\",\n} as const;\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n\n // ── Hidden admin route for remote-config (?admin=true or /admin) ──\n if (url.pathname === \"/admin\" || url.searchParams.get(\"admin\") === \"true\") {\n return json({ ok: true, admin: true, config: UI_CONFIG });\n }\n if (url.pathname === \"/api/config\" && req.method === \"POST\") return json({ ok: true, saved: true });\n\n // ── Dev bypass mode for browser testing outside Telegram ──\n if (url.pathname.startsWith(\"/api/\")) return json({ ok: true, mode: \"dev-bypass\", ...UI_CONFIG });\n\n // ── Serve the client module, TRANSPILED to JS (Val Town has no bundler) ──\n if (url.pathname === \"/index.tsx\" || url.pathname === \"/index.js\") {\n return serveFile(\"./index.tsx\", import.meta.url);\n }\n\n // ── Serve the SPA HTML shell ──\n return new Response(HTML, {\n status: 200,\n headers: { \"content-type\": \"text/html; charset=utf-8\", \"cache-control\": \"no-store\" },\n });\n}\n\nfunction json(body: unknown): Response {\n return new Response(JSON.stringify(body), {\n headers: { \"content-type\": \"application/json\" },\n });\n}\n",[76],{"_36":75,"_13":76,"_39":77,"_41":-5,"_42":43,"_44":78,"_46":47,"_48":96,"_17":45,"_51":52,"_53":80,"_55":56,"_57":-5,"_87":97,"_18":98},{"_36":68,"_13":69,"_39":70,"_41":-5,"_42":43,"_44":71,"_46":47,"_48":93,"_17":45,"_51":24,"_53":73,"_55":56,"_57":-5,"_87":94,"_18":95},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":90,"_17":64,"_51":65,"_53":66,"_55":56,"_57":-5,"_87":91,"_18":92},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":86,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_87":88,"_18":89},["D",1787611267098],"children",[],[38],["D",1787614230630],[],[60],["D",1787611559541],[],[69],["D",1787611557318],[],[76],"6229185f-a856-40bf-af5b-a4f22b4cd2f3",["D",1787611260352],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Premium dark-mode Telegram Mini App rewards simulator","imageUrl","userId","e2cb8f69-0a92-4830-aeb2-dd54e53eb07c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","01a035ee-b3f4-7531-a3b0-c8bd51c3c42b","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_151":19},"org",{"_11":12,"_146":19,"_147":19,"_109":110,"_148":149,"_150":56},"branch",{"_17":62,"_13":16,"_36":43,"_138":99,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":14,"_145":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":99,"_13":14,"_48":199,"_101":-5,"_102":56,"_103":104,"_105":104,"_106":107,"_108":-5,"_109":110,"_111":40,"_112":47,"_113":-5,"_114":-5,"_115":50,"_116":117,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_131":200,"_133":201,"_135":202,"_137":56},[187,188,189,190],"files",[187,188,189,190],"counts",{"_178":50,"_179":45,"_180":50,"_31":181,"_182":183},[170,171,172,173],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":75,"_13":76,"_39":77,"_41":-5,"_42":43,"_44":78,"_46":47,"_48":79,"_17":45,"_51":52,"_53":80,"_55":56,"_57":-5,"_18":177},{"_36":68,"_13":69,"_39":70,"_41":-5,"_42":43,"_44":71,"_46":47,"_48":72,"_17":45,"_51":24,"_53":73,"_55":56,"_57":-5,"_18":176},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":63,"_17":64,"_51":65,"_53":66,"_55":56,"_57":-5,"_18":175},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":174},[38],[60],[69],[76],"pulls","branches","forks",{"_184":45,"_186":50},"connections",{"_184":50,"_185":50},"count","unfilledCount","emptyCount",{"_36":75,"_13":76,"_39":77,"_41":-5,"_42":43,"_44":78,"_46":47,"_48":96,"_17":45,"_51":52,"_53":80,"_55":56,"_57":-5,"_87":197,"_18":198},{"_36":68,"_13":69,"_39":70,"_41":-5,"_42":43,"_44":71,"_46":47,"_48":93,"_17":45,"_51":24,"_53":73,"_55":56,"_57":-5,"_87":195,"_18":196},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":90,"_17":64,"_51":65,"_53":66,"_55":56,"_57":-5,"_87":193,"_18":194},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":86,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_87":191,"_18":192},[],[38],[],[60],[],[69],[],[76],["D",1787611260352],{"_11":12,"_151":19},{"_11":12,"_146":19,"_147":19,"_109":110,"_148":149,"_150":56},{"_17":62,"_13":16,"_36":43,"_138":99,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":14,"_145":12},"ctx",{"_131":-5,"_167":236,"_237":238,"_239":240,"_241":56,"_242":56,"_243":56,"_244":47,"_245":-5,"_246":-7,"_247":-7,"_248":50,"_249":56,"_250":56,"_251":-5,"_252":56,"_253":56,"_254":56,"_255":-5},"ENV",{"_207":208,"_209":210,"_211":16,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Code