Казино «Золотая Фортуна» — демо на виртуальные кредиты

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_290":291,"_292":293},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_218":-5,"_20":219,"_22":220,"_221":222,"_223":224,"_26":225,"_24":226,"_227":-5,"_228":-5,"_229":54,"_230":231,"_232":45,"_233":-5,"_234":-5,"_235":236},"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","vampiramelkin","name","casino-ru","branchName","main","version","path","frontend/components/games/Roulette.tsx","project",{"_33":163,"_13":14,"_46":164,"_165":-5,"_166":54,"_167":168,"_169":168,"_170":171,"_172":-5,"_173":174,"_175":65,"_176":45,"_177":-5,"_178":-5,"_179":48,"_180":181,"_182":-5,"_183":-5,"_184":-5,"_185":-5,"_186":187,"_188":187,"_189":190,"_191":190,"_192":190,"_193":187,"_194":187,"_195":196,"_197":198,"_199":200,"_201":54},"tree",[60,61,62],"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","a4dee221-5e58-479f-a559-10f1db6b0eac","Roulette.tsx","fileId","00e8d240-b24f-11f1-a068-1607ee4eb77e","parentId","ee07d5eb-e87b-4f6a-8cf1-15dd6fc666c0","branchId","43edc744-e4ac-4e2b-95b6-723ce4415ce6","branchVersion",10,"latest",true,"createdAt",["D",1789618781249],0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { BetControls } from \"../BetControls.tsx\";\nimport { placeBet, settle, useWallet } from \"../../lib/wallet.ts\";\n\nconst RED = new Set([1, 3, 5, 7, 9, 12, 14, 16, 18, 19, 21, 23, 25, 27, 30, 32, 34, 36]);\n\ntype Kind = \"red\" | \"black\" | \"even\" | \"odd\" | \"low\" | \"high\" | \"dozen1\" | \"dozen2\" | \"dozen3\" | \"number\";\n\ntype Bet = { kind: Kind; target: number; label: string; mult: number };\n\nconst OUTSIDE: Bet[] = [\n { kind: \"red\", target: 0, label: \"Красное\", mult: 2 },\n { kind: \"black\", target: 0, label: \"Чёрное\", mult: 2 },\n { kind: \"even\", target: 0, label: \"Чёт\", mult: 2 },\n { kind: \"odd\", target: 0, label: \"Нечёт\", mult: 2 },\n { kind: \"low\", target: 0, label: \"1–18\", mult: 2 },\n { kind: \"high\", target: 0, label: \"19–36\", mult: 2 },\n { kind: \"dozen1\", target: 0, label: \"1-я дюжина\", mult: 3 },\n { kind: \"dozen2\", target: 0, label: \"2-я дюжина\", mult: 3 },\n { kind: \"dozen3\", target: 0, label: \"3-я дюжина\", mult: 3 },\n];\n\nfunction isWin(kind: Kind, target: number, n: number): boolean {\n const red = RED.has(n);\n switch (kind) {\n case \"red\":\n return red;\n case \"black\":\n return n !== 0 && !red;\n case \"even\":\n return n !== 0 && n % 2 === 0;\n case \"odd\":\n return n % 2 === 1;\n case \"low\":\n return n >= 1 && n <= 18;\n case \"high\":\n return n >= 19 && n <= 36;\n case \"dozen1\":\n return n >= 1 && n <= 12;\n case \"dozen2\":\n return n >= 13 && n <= 24;\n case \"dozen3\":\n return n >= 25 && n <= 36;\n case \"number\":\n return n === target;\n }\n return false;\n}\n\nfunction cellClass(n: number, active: boolean): string {\n const base =\n \"flex h-10 items-center justify-center rounded-lg text-sm font-bold transition ring-1 ring-white/10 hover:brightness-125\";\n const color = n === 0 ? \"bg-emerald-600\" : RED.has(n) ? \"bg-red-600\" : \"bg-slate-800\";\n return `${base} ${color} ${active ? \"outline outline-2 outline-amber-300\" : \"\"}`;\n}\n\nexport function Roulette() {\n const wallet = useWallet();\n const [bet, setBet] = useState(100);\n const [choice, setChoice] = useState(OUTSIDE[0]);\n const [number, setNumber] = useState(0);\n const [spinning, setSpinning] = useState(false);\n const [result, setResult] = useState(null);\n const [history, setHistory] = useState([]);\n const [message, setMessage] = useState(\n \"Выберите ставку: цвет, чётность, диапазон, дюжина или конкретное число (36×).\",\n );\n const timer = useRef(null);\n\n useEffect(() => () => {\n if (timer.current !== null) window.clearInterval(timer.current);\n }, []);\n\n const activeBet = choice.kind === \"number\" ? { ...choice, target: number, label: `Число ${number}`, mult: 36 } : choice;\n\n const finish = (final: number, stake: number, placed: Bet) => {\n const won = isWin(placed.kind, placed.target, final);\n const payout = won ? Math.round(stake * placed.mult) : 0;\n const colorName = final === 0 ? \"зеро\" : RED.has(final) ? \"красное\" : \"чёрное\";\n settle(\n \"Рулетка\",\n stake,\n payout,\n `${placed.label} · выпало ${final} (${colorName})${won ? ` — ${placed.mult}×` : \" — мимо\"}`,\n );\n setResult(final);\n setHistory((prev) => [final, ...prev].slice(0, 10));\n setSpinning(false);\n setMessage(\n won\n ? `Выпало ${final} (${colorName}) — «${placed.label}» сыграла! Выплата ${payout.toLocaleString(\"ru-RU\")} ₡.`\n : `Выпало ${final} (${colorName}) — ставка «${placed.label}» не сыграла.`,\n );\n };\n\n const spin = () => {\n if (spinning) return;\n const stake = Math.min(bet, wallet.balance);\n if (!placeBet(stake)) {\n setMessage(\"Не хватает кредитов — пополните счёт сверху.\");\n return;\n }\n const placed = activeBet;\n setSpinning(true);\n setMessage(\"Шарик бежит по колесу…\");\n const final = Math.floor(Math.random() * 37);\n const started = Date.now();\n timer.current = window.setInterval(() => {\n setResult(Math.floor(Math.random() * 37));\n if (Date.now() - started >= 1300) {\n if (timer.current !== null) window.clearInterval(timer.current);\n timer.current = null;\n finish(final, stake, placed);\n }\n }, 70);\n };\n\n return (\n

🎡 Европейская рулетка

\n последние:\n

\n {history.length === 0 && —}\n {history.map((n, i) => (\n \n {n}\n \n ))}\n

\n\n

\n \n {result === null ? \"—\" : result}\n

\n {message}\n

\n\n

\n Внешние ставки\n

\n {OUTSIDE.map((option) => (\n setChoice(option)}\n className={`rounded-xl px-3 py-2 text-sm font-semibold transition ring-1 disabled:opacity-50 ${\n choice.kind === option.kind\n ? \"bg-amber-400 text-[#1b1630] ring-amber-300\"\n : \"bg-black/30 text-slate-200 ring-white/10 hover:bg-black/50\"\n }`}\n >\n {option.label} ×{option.mult}\n \n ))}\n

\n\n

\n Ставка на число · ×36\n

\n {Array.from({ length: 37 }, (_, n) => (\n {\n setChoice({ kind: \"number\", target: n, label: `Число ${n}`, mult: 36 });\n setNumber(n);\n }}\n className={cellClass(n, choice.kind === \"number\" && number === n)}\n >\n {n}\n \n ))}\n

\n\n

\n \n

\n \n {spinning ? \"Крутится…\" : \"Запустить шарик\"}\n \n \n выбрано: {activeBet.label}{\" \"}\n ×{activeBet.mult}\n \n

\n \n );\n}","deleted",false,"label",[57,58,59,35],"frontend","components","games",{"_33":81,"_13":57,"_36":82,"_38":-5,"_40":41,"_42":83,"_44":45,"_46":84,"_17":48,"_49":85,"_51":-5,"_53":54,"_55":-5,"_71":86,"_18":87},{"_33":74,"_13":75,"_36":76,"_38":-5,"_40":41,"_42":68,"_44":45,"_46":77,"_17":48,"_49":24,"_51":78,"_53":54,"_55":-5,"_71":79,"_18":80},{"_33":63,"_13":64,"_36":65,"_38":-5,"_40":41,"_42":66,"_44":45,"_46":67,"_17":68,"_49":69,"_51":70,"_53":54,"_55":-5,"_71":72,"_18":73},"13a50b17-3871-4a3b-b3ab-06770bfe9322","main.ts","979aa37c-b24e-11f1-bb06-1607ee4eb77e",3,["D",1789618719010],1,"http","import { Hono } from \"npm:hono\";\nimport { parseVal, serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Root } from \"./frontend/root.tsx\";\n\nconst app = new Hono();\n\n// Никогда не кэшируемая HTML-оболочка\napp.get(\"/\", (c) => c.html(Root()));\n\n// Файлы клиента по версионным URL (кэш навсегда, версия = версия вала)\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\n\n// Ссылка «исходный код»\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Пробрасываем оригинальные ошибки вместо «Internal Server Error»\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;","children",[],[64],"fc63bd46-63a9-4b70-93d8-74e552e3e9a2","README.md","929ed370-b24e-11f1-ad23-1607ee4eb77e",["D",1789618596213],"# casino-ru",[],[75],"966bdcd1-5c2b-443c-9a91-977049f59cc9","8a05312d-fc1d-4573-bde1-42076ea70252",4,["D",1789618719068],"directory",[88,89,90,91,92],[57],{"_33":131,"_13":58,"_36":132,"_38":82,"_40":41,"_42":133,"_44":45,"_46":134,"_17":48,"_49":85,"_51":-5,"_53":54,"_55":-5,"_71":135,"_18":136},{"_33":116,"_13":117,"_36":118,"_38":82,"_40":41,"_42":119,"_44":45,"_46":120,"_17":48,"_49":85,"_51":-5,"_53":54,"_55":-5,"_71":121,"_18":122},{"_33":108,"_13":109,"_36":110,"_38":82,"_40":41,"_42":111,"_44":45,"_46":112,"_17":48,"_49":24,"_51":113,"_53":54,"_55":-5,"_71":114,"_18":115},{"_33":100,"_13":101,"_36":102,"_38":82,"_40":41,"_42":103,"_44":45,"_46":104,"_17":48,"_49":50,"_51":105,"_53":54,"_55":-5,"_71":106,"_18":107},{"_33":93,"_13":94,"_36":95,"_38":82,"_40":41,"_42":83,"_44":45,"_46":96,"_17":48,"_49":50,"_51":97,"_53":54,"_55":-5,"_71":98,"_18":99},"a8969fe4-2ffb-4478-ab38-711c477cc43d","root.tsx","dbdbd290-b24e-11f1-ae52-1607ee4eb77e",["D",1789618719068],"/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n// HTML-оболочка приложения. Не кэшируется, поэтому immutableFileUrl\n// проставляет в URL текущую версию вала — браузер кэширует файлы навсегда,\n// а публикация вала меняет URL и заставляет перечитать их один раз.\nexport function Root() {\n return (\n <>\n {raw(\"\")}\n \n \n \n \n Казино «Золотая Фортуна» — демо на виртуальные кредиты\n \n