[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_309":310,"_311":312},"routes/_app.x.$handle.$name",{"_110":109,"_37":50,"_118":96,"_32":119,"_13":14,"_120":-5,"_11":121,"_122":123,"_124":125,"_126":127,"_128":129,"_26":-5,"_130":131,"_132":133,"_134":30,"_135":136,"_137":65,"_138":-5,"_139":-5,"_140":141},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":60,"_19":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":80,"_81":80,"_82":83,"_84":83,"_85":83,"_86":80,"_87":80,"_88":89,"_90":91,"_92":93,"_94":30},"version",7,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","0df27f39-a74c-4f61-9cc9-c3ae7a9d9146","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/components/BetControls.tsx","latestPath","fileId","61699eb8-5ccf-11f1-a7e5-1607ee4eb77e","name","BetControls.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Chip } from \"./Chip.tsx\";\n\ninterface Props {\n bank: number;\n bet: number;\n onAddChip: (value: number) => void;\n onClear: () => void;\n onDeal: () => void;\n}\n\nconst CHIP_VALUES = [5, 25, 100, 500];\n\nexport function BetControls({ bank, bet, onAddChip, onClear, onDeal }: Props) {\n return (\n

\n {CHIP_VALUES.map((v) => (\n onAddChip(v)}\n disabled={v > bank - bet}\n />\n ))}\n

\n \n クリア\n \n \n 配る ▸\n \n

\n );\n}\n","createdAt",["D",1780218118742],"branchVersion","branchId","2f4872c4-5ccf-11f1-982a-1607ee4eb77e","id","2f3bc7d6-5ccf-11f1-982a-1607ee4eb77e","casino-blackjack",["D",1780218034536],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789588799&sig=cc8cae5a3b06d460bba0e0803182f7ba2bd6e8f6e4c645b92fb51aa03192ad01","799d1374-5edb-4b95-b926-715d7dde110f","pinnedFileId","019e7d43-79e3-70dd-b64d-5e0793f55a22","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019e7d34-bbda-77a9-bb61-63a163d1dee8","tursoName","2f3bc7d65ccf11f1982a1607ee4eb77e","tursoHostname","2f3bc7d65ccf11f1982a1607ee4eb77e-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789529498250],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_110":109,"_117":-5},"org",{"_110":109,"_111":112,"_113":-5,"_19":61,"_114":115,"_116":30},"branch",{"_13":95,"_37":96,"_48":47,"_97":49,"_98":99,"_100":101,"_102":55,"_103":104,"_105":106,"_107":50,"_108":109},"isOwned",15,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",89,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","hmpd","handle","displayName","bbbb","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_37":50,"_43":304,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":60,"_19":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":73,"_74":75,"_76":305,"_78":-5,"_79":80,"_81":80,"_82":83,"_84":83,"_85":83,"_86":80,"_87":80,"_88":306,"_90":307,"_92":308,"_94":30},"tree",[187,201,202],"files",[187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202],"counts",{"_177":69,"_178":158,"_179":69,"_180":181,"_182":183},"contents",[152,153,154],"upstreamProject",{"_48":104,"_37":149,"_57":58,"_59":60,"_54":55,"_88":150},"upstreamBranch",{"_48":99,"_43":142,"_143":144,"_37":96,"_97":104,"_13":145,"_98":-5,"_100":-5,"_146":147,"_52":-5,"_94":30,"_54":55,"_108":148,"_70":106,"_107":149},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],"updatedAt",["D",1785420707976],91,"lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","templates","react-hono-starter",{"_110":148,"_117":151},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789588799&sig=6ce4a653b65ad390b6349a1b0a383cb839cc380a1beaf91551581c108538875d",{"_48":171,"_37":172,"_35":173,"_157":-5,"_46":47,"_45":158,"_159":65,"_43":174,"_13":69,"_39":175,"_41":-5,"_29":30,"_163":-5,"_32":176},{"_48":165,"_37":166,"_35":167,"_157":-5,"_46":47,"_45":158,"_159":30,"_43":168,"_13":69,"_39":26,"_41":169,"_29":30,"_163":-5,"_32":170},{"_48":155,"_37":156,"_35":63,"_157":-5,"_46":47,"_45":158,"_159":65,"_43":160,"_13":69,"_39":161,"_41":162,"_29":30,"_163":-5,"_32":164},"2f50ef3a-5ccf-11f1-982a-1607ee4eb77e","index.ts","parentId",1,"latest",["D",1780218034536],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n","label",[156],"2f50d7fc-5ccf-11f1-982a-1607ee4eb77e","README.md","019e7d43-79e3-70dd-b64d-5b5d7bcf8e58",["D",1780218034536],"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[166],"2f50d69e-5ccf-11f1-982a-1607ee4eb77e","frontend","019e7d43-79e3-70dd-b64d-55970a4f8f53",["D",1780218034536],"directory",[172],"pulls","branches","forks","envVars",{"_184":69,"_186":69},"connections",{"_184":69,"_185":69},"count","unfilledCount","emptyCount",{"_48":171,"_37":172,"_35":173,"_157":-5,"_46":47,"_45":158,"_159":65,"_43":301,"_13":69,"_39":175,"_41":-5,"_29":30,"_163":-5,"_204":302,"_32":303},{"_48":297,"_37":262,"_35":256,"_157":173,"_46":47,"_45":158,"_159":65,"_43":298,"_13":69,"_39":175,"_41":-5,"_29":30,"_163":-5,"_204":299,"_32":300},{"_48":290,"_37":291,"_35":292,"_157":256,"_46":47,"_45":158,"_159":30,"_43":293,"_13":69,"_39":40,"_41":294,"_29":30,"_163":-5,"_204":295,"_32":296},{"_48":286,"_37":38,"_35":36,"_157":256,"_46":47,"_45":14,"_159":65,"_43":287,"_13":69,"_39":40,"_41":42,"_29":30,"_163":-5,"_204":288,"_32":289},{"_48":278,"_37":279,"_35":280,"_157":256,"_46":47,"_45":281,"_159":65,"_43":282,"_13":69,"_39":40,"_41":283,"_29":30,"_163":-5,"_204":284,"_32":285},{"_48":271,"_37":272,"_35":273,"_157":256,"_46":47,"_45":158,"_159":30,"_43":274,"_13":69,"_39":40,"_41":275,"_29":30,"_163":-5,"_204":276,"_32":277},{"_48":263,"_37":264,"_35":265,"_157":256,"_46":47,"_45":266,"_159":65,"_43":267,"_13":69,"_39":40,"_41":268,"_29":30,"_163":-5,"_204":269,"_32":270},{"_48":253,"_37":254,"_35":255,"_157":256,"_46":47,"_45":257,"_159":65,"_43":258,"_13":69,"_39":40,"_41":259,"_29":30,"_163":-5,"_204":260,"_32":261},{"_48":249,"_37":240,"_35":234,"_157":173,"_46":47,"_45":244,"_159":65,"_43":250,"_13":69,"_39":175,"_41":-5,"_29":30,"_163":-5,"_204":251,"_32":252},{"_48":241,"_37":242,"_35":243,"_157":234,"_46":47,"_45":244,"_159":65,"_43":245,"_13":69,"_39":40,"_41":246,"_29":30,"_163":-5,"_204":247,"_32":248},{"_48":231,"_37":232,"_35":233,"_157":234,"_46":47,"_45":235,"_159":65,"_43":236,"_13":69,"_39":40,"_41":237,"_29":30,"_163":-5,"_204":238,"_32":239},{"_48":224,"_37":225,"_35":226,"_157":173,"_46":47,"_45":158,"_159":30,"_43":227,"_13":69,"_39":26,"_41":228,"_29":30,"_163":-5,"_204":229,"_32":230},{"_48":217,"_37":218,"_35":219,"_157":173,"_46":47,"_45":158,"_159":30,"_43":220,"_13":69,"_39":26,"_41":221,"_29":30,"_163":-5,"_204":222,"_32":223},{"_48":210,"_37":211,"_35":212,"_157":173,"_46":47,"_45":158,"_159":65,"_43":213,"_13":69,"_39":40,"_41":214,"_29":30,"_163":-5,"_204":215,"_32":216},{"_48":165,"_37":166,"_35":167,"_157":-5,"_46":47,"_45":158,"_159":30,"_43":207,"_13":69,"_39":26,"_41":169,"_29":30,"_163":-5,"_204":208,"_32":209},{"_48":155,"_37":156,"_35":63,"_157":-5,"_46":47,"_45":158,"_159":65,"_43":203,"_13":69,"_39":161,"_41":162,"_29":30,"_163":-5,"_204":205,"_32":206},["D",1780218034536],"children",[],[156],["D",1780218034536],[],[166],"2f50d324-5ccf-11f1-982a-1607ee4eb77e","index.tsx","019e7d43-79e3-70dd-b64d-5245367ac348",["D",1780218034536],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[172,211],"2f50cec4-5ccf-11f1-982a-1607ee4eb77e","index.html","019e7d43-79e3-70dd-b64d-4d32f4d21c94",["D",1780218034536],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[172,218],"2f50cba4-5ccf-11f1-982a-1607ee4eb77e","favicon.svg","019e7d43-79e3-70dd-b64d-48783466c0f0",["D",1780218034536],"\n",[],[172,225],"5bc7e8f2-5ccf-11f1-9502-1607ee4eb77e","useBlackjack.ts","5bc7ea96-5ccf-11f1-9502-1607ee4eb77e","04158e38-64db-4ac4-9769-9ef2ea99be89",6,["D",1780218109293],"import { useCallback, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport {\n buildShoe,\n type Card,\n handValue,\n isBlackjack,\n isBust,\n} from \"./blackjack.ts\";\n\nexport type Phase = \"betting\" | \"player\" | \"dealer\" | \"result\";\nexport type Outcome = \"win\" | \"lose\" | \"push\" | \"blackjack\" | null;\n\nconst BANK_KEY = \"casino-blackjack-bank\";\nconst STARTING_BANK = 1000;\n\nfunction loadBank(): number {\n const raw = localStorage.getItem(BANK_KEY);\n const n = raw ? parseInt(raw, 10) : NaN;\n return Number.isFinite(n) && n > 0 ? n : STARTING_BANK;\n}\n\nconst sleep = (ms: number) => new Promise((r) => setTimeout(r, ms));\n\nexport interface BlackjackState {\n phase: Phase;\n bank: number;\n bet: number;\n player: Card[];\n dealer: Card[];\n outcome: Outcome;\n message: string;\n busy: boolean;\n}\n\nexport function useBlackjack() {\n const shoe = useRef(buildShoe());\n const [phase, setPhase] = useState(\"betting\");\n const [bank, setBank] = useState(loadBank);\n const [bet, setBet] = useState(0);\n const [player, setPlayer] = useState([]);\n const [dealer, setDealer] = useState([]);\n const [outcome, setOutcome] = useState(null);\n const [message, setMessage] = useState(\"チップを置いてベットしてください\");\n const [busy, setBusy] = useState(false);\n\n const persistBank = useCallback((value: number) => {\n setBank(value);\n localStorage.setItem(BANK_KEY, String(value));\n }, []);\n\n const draw = useCallback((): Card => {\n if (shoe.current.length < 15) shoe.current = buildShoe();\n return shoe.current.pop()!;\n }, []);\n\n const addChip = useCallback((value: number) => {\n if (phase !== \"betting\") return;\n if (value > bank - bet) return;\n setBet((b) => b + value);\n setMessage(`ベット: $${bet + value}`);\n }, [phase, bank, bet]);\n\n const clearBet = useCallback(() => {\n if (phase !== \"betting\") return;\n setBet(0);\n setMessage(\"チップを置いてベットしてください\");\n }, [phase]);\n\n const settle = useCallback(\n async (playerCards: Card[], dealerCards: Card[], currentBet: number) => {\n const pv = handValue(playerCards);\n const dv = handValue(dealerCards);\n let result: Outcome;\n let payout = 0; // net change to bank (bet already deducted at deal time)\n\n if (isBust(playerCards)) {\n result = \"lose\";\n } else if (isBlackjack(playerCards) && !isBlackjack(dealerCards)) {\n result = \"blackjack\";\n payout = currentBet + Math.floor(currentBet * 1.5); // 3:2\n } else if (isBust(dealerCards) || pv > dv) {\n result = \"win\";\n payout = currentBet * 2;\n } else if (pv < dv) {\n result = \"lose\";\n } else {\n result = \"push\";\n payout = currentBet; // return the bet\n }\n\n setOutcome(result);\n setPhase(\"result\");\n const msgs: Record, string> = {\n blackjack: `ブラックジャック！ +$${payout - currentBet} 🎉`,\n win: `あなたの勝ち！ +$${payout - currentBet} 🤑`,\n push: \"プッシュ（引き分け）。ベットは返却されます\",\n lose: `ディーラーの勝ち。 -$${currentBet} 😩`,\n };\n setMessage(msgs[result]);\n if (payout > 0) persistBank(bankRef.current + payout);\n },\n [persistBank],\n );\n\n // keep a live ref of bank for async settlement\n const bankRef = useRef(bank);\n bankRef.current = bank;\n\n const dealerPlay = useCallback(\n async (playerCards: Card[], startDealer: Card[], currentBet: number) => {\n setPhase(\"dealer\");\n let dealerCards = [...startDealer];\n setDealer([...dealerCards]);\n await sleep(550);\n // Dealer hits until 17 (stands on all 17)\n while (handValue(dealerCards) < 17) {\n dealerCards = [...dealerCards, draw()];\n setDealer([...dealerCards]);\n await sleep(650);\n }\n await sleep(350);\n await settle(playerCards, dealerCards, currentBet);\n },\n [draw, settle],\n );\n\n const deal = useCallback(async () => {\n if (phase !== \"betting\" || bet <= 0 || busy) return;\n setBusy(true);\n setOutcome(null);\n persistBank(bank - bet); // take the bet\n const currentBet = bet;\n\n const p: Card[] = [];\n const d: Card[] = [];\n setPlayer([]);\n setDealer([]);\n setPhase(\"player\");\n\n // deal in casino order: player, dealer, player, dealer\n p.push(draw());\n setPlayer([...p]);\n await sleep(300);\n d.push(draw());\n setDealer([...d]);\n await sleep(300);\n p.push(draw());\n setPlayer([...p]);\n await sleep(300);\n d.push(draw());\n setDealer([...d]);\n await sleep(450);\n\n setBusy(false);\n\n // Immediate blackjack check\n if (isBlackjack(p) || isBlackjack(d)) {\n await dealerPlay(p, d, currentBet);\n return;\n }\n setMessage(\"ヒット？それともスタンド？\");\n }, [phase, bet, busy, bank, draw, persistBank, dealerPlay]);\n\n const hit = useCallback(async () => {\n if (phase !== \"player\" || busy) return;\n setBusy(true);\n const next = [...player, draw()];\n setPlayer(next);\n await sleep(300);\n setBusy(false);\n if (isBust(next)) {\n await settle(next, dealer, bet);\n } else if (handValue(next) === 21) {\n await dealerPlay(next, dealer, bet);\n }\n }, [phase, busy, player, dealer, bet, draw, settle, dealerPlay]);\n\n const stand = useCallback(async () => {\n if (phase !== \"player\" || busy) return;\n await dealerPlay(player, dealer, bet);\n }, [phase, busy, player, dealer, bet, dealerPlay]);\n\n const nextRound = useCallback(() => {\n setPlayer([]);\n setDealer([]);\n setOutcome(null);\n setBet(0);\n setPhase(\"betting\");\n if (bankRef.current <= 0) {\n persistBank(STARTING_BANK);\n setMessage(`残高がなくなったので $${STARTING_BANK} 補充しました！`);\n } else {\n setMessage(\"チップを置いてベットしてください\");\n }\n }, [persistBank]);\n\n return {\n state: { phase, bank, bet, player, dealer, outcome, message, busy },\n actions: { addChip, clearBet, deal, hit, stand, nextRound },\n } as const;\n}\n",[],[172,240,232],"lib","37d6e092-5ccf-11f1-8c4a-1607ee4eb77e","blackjack.ts","37d6e16e-5ccf-11f1-8c4a-1607ee4eb77e",2,["D",1780218048990],"// Core Blackjack game logic — pure, framework-agnostic.\n\nexport type Suit = \"♠\" | \"♥\" | \"♦\" | \"♣\";\nexport type Rank =\n | \"A\"\n | \"2\"\n | \"3\"\n | \"4\"\n | \"5\"\n | \"6\"\n | \"7\"\n | \"8\"\n | \"9\"\n | \"10\"\n | \"J\"\n | \"Q\"\n | \"K\";\n\nexport interface Card {\n id: string;\n suit: Suit;\n rank: Rank;\n}\n\nexport const SUITS: Suit[] = [\"♠\", \"♥\", \"♦\", \"♣\"];\nexport const RANKS: Rank[] = [\n \"A\",\n \"2\",\n \"3\",\n \"4\",\n \"5\",\n \"6\",\n \"7\",\n \"8\",\n \"9\",\n \"10\",\n \"J\",\n \"Q\",\n \"K\",\n];\n\nexport function isRed(suit: Suit): boolean {\n return suit === \"♥\" || suit === \"♦\";\n}\n\n/** Build a fresh, shuffled multi-deck shoe (6 decks like a real casino). */\nexport function buildShoe(deckCount = 6): Card[] {\n const cards: Card[] = [];\n for (let d = 0; d < deckCount; d++) {\n for (const suit of SUITS) {\n for (const rank of RANKS) {\n cards.push({ id: `${d}-${suit}-${rank}-${Math.random().toString(36).slice(2)}`, suit, rank });\n }\n }\n }\n // Fisher–Yates shuffle\n for (let i = cards.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [cards[i], cards[j]] = [cards[j], cards[i]];\n }\n return cards;\n}\n\nfunction rankValue(rank: Rank): number {\n if (rank === \"A\") return 11;\n if (rank === \"K\" || rank === \"Q\" || rank === \"J\") return 10;\n return parseInt(rank, 10);\n}\n\n/** Compute the best (highest non-busting if possible) hand total. */\nexport function handValue(cards: Card[]): number {\n let total = 0;\n let aces = 0;\n for (const c of cards) {\n total += rankValue(c.rank);\n if (c.rank === \"A\") aces++;\n }\n // Demote aces from 11 to 1 while busting\n while (total > 21 && aces > 0) {\n total -= 10;\n aces--;\n }\n return total;\n}\n\nexport function isBlackjack(cards: Card[]): boolean {\n return cards.length === 2 && handValue(cards) === 21;\n}\n\nexport function isBust(cards: Card[]): boolean {\n return handValue(cards) > 21;\n}\n\n/** Whether a soft total exists (an ace still counted as 11). */\nexport function isSoft(cards: Card[]): boolean {\n let total = 0;\n let aces = 0;\n for (const c of cards) {\n total += rankValue(c.rank);\n if (c.rank === \"A\") aces++;\n }\n return aces > 0 && total <= 21;\n}\n",[],[172,240,242],"37d73bfa-5ccf-11f1-8c4a-1607ee4eb77e",["D",1780218048990],[196,197],[172,240],"400ec6a8-5ccf-11f1-8c4a-1607ee4eb77e","PlayingCard.tsx","400ec770-5ccf-11f1-8c4a-1607ee4eb77e","019e7d43-79e3-70dd-b64d-45d609e561df",3,["D",1780218062781],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type Card, isRed } from \"../lib/blackjack.ts\";\n\ninterface Props {\n card?: Card;\n faceDown?: boolean;\n // index used to stagger the deal animation\n index?: number;\n}\n\nexport function PlayingCard({ card, faceDown, index = 0 }: Props) {\n const delay = `${index * 0.12}s`;\n\n if (faceDown || !card) {\n return (\n \n

\n \n

\n ♠\n

\n );\n }\n\n const red = isRed(card.suit);\n const color = red ? \"text-rose-600\" : \"text-gray-900\";\n\n return (\n \n {/* top-left corner */}\n

\n {card.rank}\n {card.suit}\n

\n {/* center pip */}\n

\n {card.suit}\n

\n {/* bottom-right corner (rotated) */}\n

\n {card.rank}\n {card.suit}\n

\n );\n}\n",[],[172,262,254],"components","4b87c642-5ccf-11f1-bacf-1607ee4eb77e","Hand.tsx","4b87c714-5ccf-11f1-bacf-1607ee4eb77e",5,["D",1780218082030],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type Card, handValue } from \"../lib/blackjack.ts\";\nimport { PlayingCard } from \"./PlayingCard.tsx\";\n\ninterface Props {\n label: string;\n cards: Card[];\n // hide the dealer's hole card during the player's turn\n hideHole?: boolean;\n badge?: string | null;\n}\n\nexport function Hand({ label, cards, hideHole, badge }: Props) {\n const visibleCards = hideHole ? cards.slice(0, 1) : cards;\n const shownValue = hideHole ? handValue(cards.slice(0, 1)) : handValue(cards);\n\n return (\n

\n \n {label}\n \n {cards.length > 0 && (\n \n {hideHole ? `${shownValue} +?` : shownValue}\n \n )}\n {badge && (\n \n {badge}\n \n )}\n

\n {cards.length === 0\n ?

\n : cards.map((card, i) => (\n

\n \n

\n ))}\n

\n );\n}\n",[],[172,262,264],"2f50c320-5ccf-11f1-982a-1607ee4eb77e","Counter.tsx","019e7d43-79e3-70dd-b64d-41d6575b8049",["D",1780218034536],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[],[172,262,272],"45d17fe0-5ccf-11f1-80ac-1607ee4eb77e","Chip.tsx","45d18076-5ccf-11f1-80ac-1607ee4eb77e",4,["D",1780218072399],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface ChipStyle {\n body: string;\n ring: string;\n text: string;\n}\n\n// Classic casino chip color coding\nconst CHIP_STYLES: Record = {\n 5: { body: \"from-red-500 to-red-700\", ring: \"border-red-200\", text: \"text-white\" },\n 25: { body: \"from-green-500 to-green-700\", ring: \"border-green-200\", text: \"text-white\" },\n 100: { body: \"from-gray-800 to-black\", ring: \"border-gray-400\", text: \"text-amber-300\" },\n 500: { body: \"from-violet-500 to-violet-800\", ring: \"border-violet-200\", text: \"text-white\" },\n};\n\ninterface Props {\n value: number;\n onClick?: () => void;\n disabled?: boolean;\n size?: number;\n}\n\nexport function Chip({ value, onClick, disabled, size = 60 }: Props) {\n const style = CHIP_STYLES[value] ?? CHIP_STYLES[5];\n return (\n \n {/* dashed inner ring like real chips */}\n \n \n \n {value}\n \n \n );\n}\n",[],[172,262,279],"61699ddc-5ccf-11f1-a7e5-1607ee4eb77e",["D",1780218118742],[],[172,262,38],"2f50afd4-5ccf-11f1-982a-1607ee4eb77e","App.tsx","019e7d43-79e3-70dd-b64d-3de5940817d5",["D",1780218034536],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n",[],[172,262,291],"2f50ca00-5ccf-11f1-982a-1607ee4eb77e",["D",1780218034536],[189,190,191,192,193,194],[172,262],["D",1780218034536],[188,195,198,199,200],[172],["D",1780218034536],["D",1789529498250],{"_110":109,"_117":-5},{"_110":109,"_111":112,"_113":-5,"_19":61,"_114":115,"_116":30},{"_13":95,"_37":96,"_48":47,"_97":49,"_98":99,"_100":101,"_102":55,"_103":104,"_105":106,"_107":50,"_108":109},"ctx",{"_88":-5,"_139":342,"_343":344,"_345":346,"_347":30,"_348":30,"_349":30,"_350":65,"_351":-5,"_352":-7,"_353":-7,"_354":69,"_355":30,"_356":30,"_357":-5,"_358":30,"_359":30,"_360":30,"_361":-5},"ENV",{"_313":314,"_315":316,"_317":96,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Diff · v7