[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_374":375,"_376":377},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_276":-5,"_20":277,"_22":278,"_279":280,"_281":282,"_26":283,"_24":284,"_285":286,"_287":288,"_289":51,"_290":291,"_292":76,"_293":-5,"_294":-5,"_295":296},"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":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","hmpd","name","casino-blackjack","branchName","main","version","path","frontend","project",{"_36":227,"_13":14,"_38":228,"_49":-5,"_229":51,"_52":53,"_230":53,"_231":232,"_233":234,"_235":236,"_237":119,"_238":76,"_239":-5,"_240":-5,"_241":78,"_56":242,"_243":244,"_245":246,"_247":248,"_249":-5,"_250":251,"_252":251,"_253":254,"_255":254,"_256":254,"_257":251,"_258":251,"_259":260,"_261":262,"_263":264,"_50":51},"tree",[114,115,116],"file",{"_36":111,"_13":19,"_67":70,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":112,"_17":78,"_79":104,"_81":-5,"_83":51,"_84":-5,"_18":113},"contents",[60,61,62,63,64],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"pull","ahead",14,"behind",2,"envVars","id","961078ea-f528-11ef-aa68-569c3dd06744","createdAt",["D",1740674013689],"updatedAt",["D",1785420707976],"projectId","96102714-f528-11ef-aa68-569c3dd06744",91,"forkedBranchId","forkedBranchVersion","lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","deletedAt","isOwned",false,"privacy","public","userHandle","templates","orgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","react-hono-starter",{"_36":106,"_13":107,"_67":108,"_69":70,"_71":72,"_73":74,"_75":76,"_38":109,"_17":78,"_79":104,"_81":-5,"_83":51,"_84":-5,"_18":110},{"_36":100,"_13":101,"_67":102,"_69":70,"_71":72,"_73":34,"_75":76,"_38":103,"_17":78,"_79":104,"_81":-5,"_83":51,"_84":-5,"_18":105},{"_36":93,"_13":94,"_67":95,"_69":70,"_71":72,"_73":96,"_75":76,"_38":97,"_17":74,"_79":24,"_81":98,"_83":51,"_84":-5,"_18":99},{"_36":86,"_13":87,"_67":88,"_69":70,"_71":72,"_73":89,"_75":76,"_38":90,"_17":74,"_79":24,"_81":91,"_83":51,"_84":-5,"_18":92},{"_36":65,"_13":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_38":77,"_17":78,"_79":80,"_81":82,"_83":51,"_84":-5,"_18":85},"2f50d324-5ccf-11f1-982a-1607ee4eb77e","index.tsx","fileId","019e7d43-79e3-70dd-b64d-5245367ac348","parentId","019e7d43-79e3-70dd-b64d-55970a4f8f53","branchId","2f4872c4-5ccf-11f1-982a-1607ee4eb77e","branchVersion",1,"latest",true,["D",1780218034536],0,"fileType","script","content","/** @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();","deleted","label",[19,66],"7dee14e2-5ccf-11f1-bacf-1607ee4eb77e","index.html","019e7d43-79e3-70dd-b64d-4d32f4d21c94",10,["D",1780218166585],"\n\n \n \n \n ♠ Royal Blackjack ♣ — カジノ\n \n \n \n \n \n \n \n \n

\n \n \n \n\n",[19,87],"819256bc-5ccf-11f1-a7e5-1607ee4eb77e","favicon.svg","019e7d43-79e3-70dd-b64d-48783466c0f0",12,["D",1780218172673],"\n\n",[19,94],"37d73bfa-5ccf-11f1-8c4a-1607ee4eb77e","lib","04158e38-64db-4ac4-9769-9ef2ea99be89",["D",1780218048990],"directory",[19,101],"2f50ca00-5ccf-11f1-982a-1607ee4eb77e","components","019e7d43-79e3-70dd-b64d-45d609e561df",["D",1780218034536],[19,107],"2f50d69e-5ccf-11f1-982a-1607ee4eb77e",["D",1780218034536],[19],{"_36":111,"_13":19,"_67":70,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":134,"_17":78,"_79":104,"_81":-5,"_83":51,"_84":-5,"_123":135,"_18":136},{"_36":126,"_13":127,"_67":128,"_69":-5,"_71":72,"_73":129,"_75":76,"_38":130,"_17":74,"_79":24,"_81":131,"_83":51,"_84":-5,"_123":132,"_18":133},{"_36":117,"_13":118,"_67":119,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":120,"_17":78,"_79":121,"_81":122,"_83":51,"_84":-5,"_123":124,"_18":125},"2f50ef3a-5ccf-11f1-982a-1607ee4eb77e","index.ts","019e7d43-79e3-70dd-b64d-5e0793f55a22",["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","children",[],[118],"9a8aa21e-5ccf-11f1-ac8b-1607ee4eb77e","README.md","019e7d43-79e3-70dd-b64d-5b5d7bcf8e58",15,["D",1780218214584],"# ♠ Royal Blackjack ♣\n\nカジノ風の装飾にこだわったブラウザ版ブラックジャック。緑のフェルトテーブル、\n金縁の装飾、本物のチップ風ベット、カード配布アニメーションつき。\n\n## 遊び方\n\n1. チップ（$5 / $25 / $100 / $500）をタップしてベット額を積む\n2. **配る** でゲーム開始\n3. **ヒット**（カードを引く）か **スタンド**（勝負）を選ぶ\n4. ディーラーは17で必ずスタンド、ブラックジャックは **3:2** の配当\n\n- 残高は `localStorage` に保存され、再訪しても引き継がれます\n- 残高が $0 になると自動で $1,000 補充されます\n\n## ルール詳細\n\n- 6デッキのシュー（残りが少なくなると自動でシャッフル）\n- エースは 1 / 11 を自動で有利に判定（ソフトハンド対応）\n- プッシュ（引き分け）はベット返却\n\n## アーキテクチャ\n\n```mermaid\ngraph TD\n Browser -->|\"GET /\"| Hono[\"index.ts (Hono)\"]\n Hono -->|serves| HTML[\"frontend/index.html
フェルト + アニメCSS\"]\n HTML --> Entry[\"index.tsx\"]\n Entry --> App[\"App.tsx (テーブル全体)\"]\n App --> Hook[\"lib/useBlackjack.ts
(状態 + 進行管理)\"]\n Hook --> Logic[\"lib/blackjack.ts
(デッキ / スコア計算)\"]\n App --> Hand[\"Hand.tsx\"]\n Hand --> Card[\"PlayingCard.tsx\"]\n App --> Bet[\"BetControls.tsx → Chip.tsx\"]\n App --> Action[\"ActionBar.tsx\"]\n```\n\n## ファイル構成\n\n```\nindex.ts ← Hono サーバー（静的配信）\nfrontend/\n index.html ← HTML シェル（背景・フェルト・配布アニメCSS）\n index.tsx ← React エントリ\n favicon.svg ← ♠ アイコン\n lib/\n blackjack.ts ← 純粋なゲームロジック（デッキ・スコア）\n useBlackjack.ts ← ゲーム進行を管理する React フック\n components/\n App.tsx ← テーブル全体のレイアウト\n Hand.tsx ← 手札表示（合計値・バッジ）\n PlayingCard.tsx ← トランプ1枚（表/裏の装飾）\n Chip.tsx ← カジノチップ\n BetControls.tsx ← ベット用UI\n ActionBar.tsx ← ヒット/スタンド/次へ\n```\n",[],[127],["D",1780218034536],[137,138,139,140,141],[19],{"_36":106,"_13":107,"_67":108,"_69":70,"_71":72,"_73":74,"_75":76,"_38":171,"_17":78,"_79":104,"_81":-5,"_83":51,"_84":-5,"_123":172,"_18":173},{"_36":100,"_13":101,"_67":102,"_69":70,"_71":72,"_73":34,"_75":76,"_38":151,"_17":78,"_79":104,"_81":-5,"_83":51,"_84":-5,"_123":152,"_18":153},{"_36":93,"_13":94,"_67":95,"_69":70,"_71":72,"_73":96,"_75":76,"_38":148,"_17":74,"_79":24,"_81":98,"_83":51,"_84":-5,"_123":149,"_18":150},{"_36":86,"_13":87,"_67":88,"_69":70,"_71":72,"_73":89,"_75":76,"_38":145,"_17":74,"_79":24,"_81":91,"_83":51,"_84":-5,"_123":146,"_18":147},{"_36":65,"_13":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_38":142,"_17":78,"_79":80,"_81":82,"_83":51,"_84":-5,"_123":143,"_18":144},["D",1780218034536],[],[19,66],["D",1780218166585],[],[19,87],["D",1780218172673],[],[19,94],["D",1780218048990],[154,155],[19,101],{"_36":164,"_13":165,"_67":166,"_69":102,"_71":72,"_73":34,"_75":76,"_38":167,"_17":78,"_79":80,"_81":168,"_83":51,"_84":-5,"_123":169,"_18":170},{"_36":156,"_13":157,"_67":158,"_69":102,"_71":72,"_73":159,"_75":76,"_38":160,"_17":78,"_79":80,"_81":161,"_83":51,"_84":-5,"_123":162,"_18":163},"5bc7e8f2-5ccf-11f1-9502-1607ee4eb77e","useBlackjack.ts","5bc7ea96-5ccf-11f1-9502-1607ee4eb77e",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",[],[19,101,157],"37d6e092-5ccf-11f1-8c4a-1607ee4eb77e","blackjack.ts","37d6e16e-5ccf-11f1-8c4a-1607ee4eb77e",["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",[],[19,101,165],["D",1780218034536],[174,175,176,177,178,179],[19,107],{"_36":219,"_13":220,"_67":221,"_69":108,"_71":72,"_73":222,"_75":76,"_38":223,"_17":78,"_79":80,"_81":224,"_83":51,"_84":-5,"_123":225,"_18":226},{"_36":212,"_13":213,"_67":214,"_69":108,"_71":72,"_73":32,"_75":76,"_38":215,"_17":183,"_79":80,"_81":216,"_83":51,"_84":-5,"_123":217,"_18":218},{"_36":204,"_13":205,"_67":206,"_69":108,"_71":72,"_73":207,"_75":76,"_38":208,"_17":78,"_79":80,"_81":209,"_83":51,"_84":-5,"_123":210,"_18":211},{"_36":196,"_13":197,"_67":198,"_69":108,"_71":72,"_73":199,"_75":76,"_38":200,"_17":78,"_79":80,"_81":201,"_83":51,"_84":-5,"_123":202,"_18":203},{"_36":188,"_13":189,"_67":190,"_69":108,"_71":72,"_73":191,"_75":76,"_38":192,"_17":78,"_79":80,"_81":193,"_83":51,"_84":-5,"_123":194,"_18":195},{"_36":180,"_13":181,"_67":182,"_69":108,"_71":72,"_73":183,"_75":76,"_38":184,"_17":78,"_79":80,"_81":185,"_83":51,"_84":-5,"_123":186,"_18":187},"400ec6a8-5ccf-11f1-8c4a-1607ee4eb77e","PlayingCard.tsx","400ec770-5ccf-11f1-8c4a-1607ee4eb77e",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",[],[19,107,181],"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",[],[19,107,189],"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",[],[19,107,197],"61699ddc-5ccf-11f1-a7e5-1607ee4eb77e","BetControls.tsx","61699eb8-5ccf-11f1-a7e5-1607ee4eb77e",7,["D",1780218118742],"/** @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",[],[19,107,205],"8fd8f5d2-5ccf-11f1-ac8b-1607ee4eb77e","App.tsx","019e7d43-79e3-70dd-b64d-3de5940817d5",["D",1780218196645],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useBlackjack } from \"../lib/useBlackjack.ts\";\nimport { Hand } from \"./Hand.tsx\";\nimport { BetControls } from \"./BetControls.tsx\";\nimport { ActionBar } from \"./ActionBar.tsx\";\n\nexport function App() {\n const { state, actions } = useBlackjack();\n const { phase, bank, bet, player, dealer, outcome, message } = state;\n\n const playerBadge = phase === \"result\" && outcome === \"blackjack\" ? \"BLACKJACK\" : null;\n\n const resultGlow = outcome === \"win\" || outcome === \"blackjack\"\n ? \"shadow-[0_0_60px_-5px_rgba(251,191,36,0.55)]\"\n : outcome === \"lose\"\n ? \"shadow-[0_0_60px_-5px_rgba(244,63,94,0.5)]\"\n : \"\";\n\n return (\n

\n {/* Header */}\n

\n ♠{\" \"}\n \n ROYAL BLACKJACK\n {\" \"}\n ♣\n

\n 残高\n ${bank.toLocaleString()}\n

\n\n {/* The felt table */}\n \n {/* gold inner trim */}\n

\n {/* arc text */}\n

\n Blackjack pays 3 to 2 · Dealer stands on 17\n

\n\n {/* Dealer */}\n \n\n {/* Message banner */}\n

\n \n {message}\n

\n\n {/* Player */}\n \n\n {/* Bet display */}\n {bet > 0 && (\n

\n ベット{\" \"}\n ${bet}\n

\n )}\n

\n\n {/* Controls */}\n

\n {phase === \"betting\"\n ? (\n \n )\n : (\n \n )}\n

\n\n \n

\n );\n}\n",[],[19,107,213],"68786e6e-5ccf-11f1-8c4a-1607ee4eb77e","ActionBar.tsx","68786f4a-5ccf-11f1-8c4a-1607ee4eb77e",8,["D",1780218130583],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Phase } from \"../lib/useBlackjack.ts\";\n\ninterface Props {\n phase: Phase;\n busy: boolean;\n onHit: () => void;\n onStand: () => void;\n onNext: () => void;\n}\n\nexport function ActionBar({ phase, busy, onHit, onStand, onNext }: Props) {\n if (phase === \"player\") {\n return (\n

\n \n ヒット\n \n \n スタンド\n \n

\n );\n }\n\n if (phase === \"result\") {\n return (\n \n 次のゲーム ↻\n \n );\n }\n\n if (phase === \"dealer\") {\n return (\n

\n ディーラーがプレイ中…\n

\n );\n }\n\n return null;\n}\n",[],[19,107,220],"2f3bc7d6-5ccf-11f1-982a-1607ee4eb77e",["D",1780218034536],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789570799&sig=24cffcb7bd8cb9561eafd0c4bc1b91e4c7a662500ce58f0f64f2f4c551be4a2c","userId","799d1374-5edb-4b95-b926-715d7dde110f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","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",{"_11":12,"_275":-5},"org",{"_11":12,"_269":270,"_271":-5,"_235":236,"_272":273,"_274":51},"branch",{"_17":129,"_13":16,"_36":72,"_42":227,"_45":37,"_46":265,"_266":53,"_267":43,"_268":57,"_58":14,"_54":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","bbbb","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":227,"_13":14,"_38":369,"_49":-5,"_229":51,"_52":53,"_230":53,"_231":232,"_233":234,"_235":236,"_237":119,"_238":76,"_239":-5,"_240":-5,"_241":78,"_56":242,"_243":244,"_245":246,"_247":370,"_249":-5,"_250":251,"_252":251,"_253":254,"_255":254,"_256":254,"_257":251,"_258":251,"_259":371,"_261":372,"_263":373,"_50":51},[321,335,336],"files",[321,322,323,324,325,326,327,328,329,330,331,332,333,334,335,336],"counts",{"_312":78,"_313":74,"_314":78,"_35":315,"_316":317},[302,303,304,305,306],{"_36":111,"_13":19,"_67":70,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":112,"_17":78,"_79":104,"_81":-5,"_83":51,"_84":-5,"_18":301},"upstreamProject",{"_36":43,"_13":59,"_231":232,"_233":234,"_52":53,"_259":299},"upstreamBranch",{"_36":37,"_38":297,"_40":298,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],{"_11":55,"_275":300},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789570799&sig=257a5acfa0921f3bba1b6e04c40af81b331d69d65dd78c28728d8fa984364db5",[19],{"_36":106,"_13":107,"_67":108,"_69":70,"_71":72,"_73":74,"_75":76,"_38":109,"_17":78,"_79":104,"_81":-5,"_83":51,"_84":-5,"_18":311},{"_36":100,"_13":101,"_67":102,"_69":70,"_71":72,"_73":34,"_75":76,"_38":103,"_17":78,"_79":104,"_81":-5,"_83":51,"_84":-5,"_18":310},{"_36":93,"_13":94,"_67":95,"_69":70,"_71":72,"_73":96,"_75":76,"_38":97,"_17":74,"_79":24,"_81":98,"_83":51,"_84":-5,"_18":309},{"_36":86,"_13":87,"_67":88,"_69":70,"_71":72,"_73":89,"_75":76,"_38":90,"_17":74,"_79":24,"_81":91,"_83":51,"_84":-5,"_18":308},{"_36":65,"_13":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_38":77,"_17":78,"_79":80,"_81":82,"_83":51,"_84":-5,"_18":307},[19,66],[19,87],[19,94],[19,101],[19,107],"pulls","branches","forks",{"_318":78,"_320":78},"connections",{"_318":78,"_319":78},"count","unfilledCount","emptyCount",{"_36":111,"_13":19,"_67":70,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":134,"_17":78,"_79":104,"_81":-5,"_83":51,"_84":-5,"_123":367,"_18":368},{"_36":106,"_13":107,"_67":108,"_69":70,"_71":72,"_73":74,"_75":76,"_38":171,"_17":78,"_79":104,"_81":-5,"_83":51,"_84":-5,"_123":365,"_18":366},{"_36":219,"_13":220,"_67":221,"_69":108,"_71":72,"_73":222,"_75":76,"_38":223,"_17":78,"_79":80,"_81":224,"_83":51,"_84":-5,"_123":363,"_18":364},{"_36":212,"_13":213,"_67":214,"_69":108,"_71":72,"_73":32,"_75":76,"_38":215,"_17":183,"_79":80,"_81":216,"_83":51,"_84":-5,"_123":361,"_18":362},{"_36":204,"_13":205,"_67":206,"_69":108,"_71":72,"_73":207,"_75":76,"_38":208,"_17":78,"_79":80,"_81":209,"_83":51,"_84":-5,"_123":359,"_18":360},{"_36":196,"_13":197,"_67":198,"_69":108,"_71":72,"_73":199,"_75":76,"_38":200,"_17":78,"_79":80,"_81":201,"_83":51,"_84":-5,"_123":357,"_18":358},{"_36":188,"_13":189,"_67":190,"_69":108,"_71":72,"_73":191,"_75":76,"_38":192,"_17":78,"_79":80,"_81":193,"_83":51,"_84":-5,"_123":355,"_18":356},{"_36":180,"_13":181,"_67":182,"_69":108,"_71":72,"_73":183,"_75":76,"_38":184,"_17":78,"_79":80,"_81":185,"_83":51,"_84":-5,"_123":353,"_18":354},{"_36":100,"_13":101,"_67":102,"_69":70,"_71":72,"_73":34,"_75":76,"_38":151,"_17":78,"_79":104,"_81":-5,"_83":51,"_84":-5,"_123":351,"_18":352},{"_36":164,"_13":165,"_67":166,"_69":102,"_71":72,"_73":34,"_75":76,"_38":167,"_17":78,"_79":80,"_81":168,"_83":51,"_84":-5,"_123":349,"_18":350},{"_36":156,"_13":157,"_67":158,"_69":102,"_71":72,"_73":159,"_75":76,"_38":160,"_17":78,"_79":80,"_81":161,"_83":51,"_84":-5,"_123":347,"_18":348},{"_36":93,"_13":94,"_67":95,"_69":70,"_71":72,"_73":96,"_75":76,"_38":148,"_17":74,"_79":24,"_81":98,"_83":51,"_84":-5,"_123":345,"_18":346},{"_36":86,"_13":87,"_67":88,"_69":70,"_71":72,"_73":89,"_75":76,"_38":145,"_17":74,"_79":24,"_81":91,"_83":51,"_84":-5,"_123":343,"_18":344},{"_36":65,"_13":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_38":142,"_17":78,"_79":80,"_81":82,"_83":51,"_84":-5,"_123":341,"_18":342},{"_36":126,"_13":127,"_67":128,"_69":-5,"_71":72,"_73":129,"_75":76,"_38":130,"_17":74,"_79":24,"_81":131,"_83":51,"_84":-5,"_123":339,"_18":340},{"_36":117,"_13":118,"_67":119,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":120,"_17":78,"_79":121,"_81":122,"_83":51,"_84":-5,"_123":337,"_18":338},[],[118],[],[127],[],[19,66],[],[19,87],[],[19,94],[],[19,101,157],[],[19,101,165],[330,331],[19,101],[],[19,107,181],[],[19,107,189],[],[19,107,197],[],[19,107,205],[],[19,107,213],[],[19,107,220],[323,324,325,326,327,328],[19,107],[322,329,332,333,334],[19],["D",1780218034536],["D",1789529498250],{"_11":12,"_275":-5},{"_11":12,"_269":270,"_271":-5,"_235":236,"_272":273,"_274":51},{"_17":129,"_13":16,"_36":72,"_42":227,"_45":37,"_46":265,"_266":53,"_267":43,"_268":57,"_58":14,"_54":12},"ctx",{"_259":-5,"_294":407,"_408":409,"_410":411,"_412":51,"_413":51,"_414":51,"_415":76,"_416":-5,"_417":-7,"_418":-7,"_419":78,"_420":51,"_421":51,"_422":-5,"_423":51,"_424":51,"_425":51,"_426":-5},"ENV",{"_378":379,"_380":381,"_382":16,"_383":384,"_385":386,"_387":388,"_389":390,"_391":392,"_393":394,"_395":396,"_397":398,"_399":400,"_401":402,"_403":404,"_405":406},"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"]