\n \n \n \n\n",[],[186,247],"819256bc-5ccf-11f1-a7e5-1607ee4eb77e","favicon.svg","019e7d43-79e3-70dd-b64d-48783466c0f0",12,["D",1780218172673],"\n\n",[],[186,255],["D",1780218109293],[],[186,83,81],["D",1780218048990],[],[186,83,66],["D",1780218048990],[217,218],[186,83],"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",[],[186,280,272],"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",[],[186,280,282],"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",[],[186,280,290],"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",[],[186,280,298],"8fd8f5d2-5ccf-11f1-ac8b-1607ee4eb77e","App.tsx","019e7d43-79e3-70dd-b64d-3de5940817d5",14,["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",[],[186,280,306],"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",[],[186,280,314],"2f50ca00-5ccf-11f1-982a-1607ee4eb77e",["D",1780218034536],[210,211,212,213,214,215],[186,280],"2f50d69e-5ccf-11f1-982a-1607ee4eb77e",["D",1780218034536],[209,216,219,220,221],[186],["D",1780218034536],["D",1789529498250],{"_11":12,"_143":-5},{"_11":12,"_138":139,"_71":-5,"_31":70,"_140":141,"_142":30},{"_40":125,"_13":16,"_34":37,"_126":86,"_127":128,"_129":130,"_131":91,"_132":133,"_134":135,"_136":14,"_137":12},"ctx",{"_54":-5,"_164":367,"_368":369,"_370":371,"_372":30,"_373":30,"_374":30,"_375":24,"_376":-5,"_377":-7,"_378":-7,"_379":26,"_380":30,"_381":30,"_382":-5,"_383":30,"_384":30,"_385":30,"_386":-5},"ENV",{"_338":339,"_340":341,"_342":16,"_343":344,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

History · lib