Val Town Greeting Example

\n \n

\n Enter your name:\n \n

\n \n \n \n

\n\n

\n \n View Source\n \n

\n\n \n\n",[],[265],"7653a0fc-0718-11f0-9b9a-569c3dd06744","README.md","f723adff-14ed-42df-b89a-db191e75e9e5",["D",1742646209400],"foo foo foo foo foo foo foo foo foo foo",[],[272],"76539a30-0718-11f0-9b9a-569c3dd06744","index.tsx","9e7aefb5-ca73-48d7-b2dc-5763b560c67b","2c3f6969-28cd-4634-8b8a-fc35ef6dfe4d",["D",1742646209400],"/** @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\nif (typeof document !== \"undefined\") {\n const root = document.getElementById(\"root\");\n if (!root) {\n throw new Error(\"No root element found\");\n }\n createRoot(root).render();\n}",[],[286,279],"frontend","76539904-0718-11f0-9b9a-569c3dd06744","index.html","4fac70ee-c91f-49ec-bc05-e197e6ebebf4",["D",1742646209400],"\n\n \n \n Blackjack with React + Hono\n \n \n \n \n

\n \n \n \n",[],[286,288],"765396de-0718-11f0-9b9a-569c3dd06744","Scoreboard.tsx","029aad11-fa27-4fbf-80f6-8fb7f4b7e821","64ec1b25-5141-4fe1-b9bf-a41a2c70fb06",["D",1742646209400],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface ScoreboardProps {\n bet: number;\n profit: number;\n bank: number;\n}\n\nconst Scoreboard: React.FC = ({ bet, profit, bank }) => {\n return (\n

Scoreboard

Bet: ${bet}

Profit: ${profit}

Bank: ${bank}

\n );\n};\n\nexport default Scoreboard;",[],[286,302,295],"components","7653959e-0718-11f0-9b9a-569c3dd06744","BoozeMeter.tsx","131469b8-9eb9-4ce7-b6c2-f7bf5c448785",["D",1742646209400],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface BoozeMeterProps {\n level: number;\n}\n\nconst BoozeMeter: React.FC = ({ level }) => {\n const meterWidth = Math.min(level * 10, 100);\n return (\n

Booze Meter

\n \n

Level: {level}

\n \n );\n};\n\nexport default BoozeMeter;",[],[286,302,304],"76539440-0718-11f0-9b9a-569c3dd06744","BoozeButton.tsx","75b0eabd-a957-4056-86e1-85cdbad2ba2f",["D",1742646209400],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface BoozeButtonProps {\n onBooze: () => void;\n disabled: boolean;\n}\n\nconst BoozeButton: React.FC = ({ onBooze, disabled }) => {\n return (\n

\n \n

\n Warning: Boozing may cause unexpected play decisions!\n

\n );\n};\n\nexport default BoozeButton;",[],[286,302,311],"76538ebe-0718-11f0-9b9a-569c3dd06744","BlackjackTable.tsx","6653525b-345f-47a0-815c-cc114a6a50de",["D",1742646209400],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface Card {\n suit: string;\n value: string;\n}\n\ninterface BlackjackTableProps {\n playerHand: Card[];\n dealerHand: Card[];\n playerScore: number;\n dealerScore: number;\n gameOver: boolean;\n loading: boolean;\n onStart: () => void;\n onHit: () => void;\n onStand: () => void;\n}\n\n// Helper function to get card color\nconst getCardColor = (suit: string): string => {\n return ['Hearts', 'Diamonds'].includes(suit) ? 'red' : 'black';\n};\n\n// Helper function to get suit symbol\nconst getSuitSymbol = (suit: string): string => {\n switch (suit) {\n case 'Hearts': return '♥';\n case 'Diamonds': return '♦';\n case 'Clubs': return '♣';\n case 'Spades': return '♠';\n default: return '';\n }\n};\n\n// Component to display a single card\nconst Card: React.FC<{ card: Card, hidden?: boolean }> = ({ card, hidden = false }) => {\n if (hidden) {\n return (\n

\n ?\n

\n );\n }\n\n const color = getCardColor(card.suit);\n const symbol = getSuitSymbol(card.suit);\n\n return (\n

\n {card.value}\n

\n {symbol}\n

\n {card.value}\n

\n );\n};\n\nconst BlackjackTable: React.FC = ({\n playerHand,\n dealerHand,\n playerScore,\n dealerScore,\n gameOver,\n loading,\n onStart,\n onHit,\n onStand,\n}) => {\n return (\n

Blackjack Table

\n \n

Dealer's Hand {gameOver && `(Score: ${dealerScore})`}

\n {dealerHand.length > 0 ? (\n

\n {dealerHand.map((card, index) => (\n

\n ) : (\n

No cards dealt yet

\n )}\n

\n\n

Your Hand (Score: {playerScore})

\n {playerHand.length > 0 ? (\n

\n {playerHand.map((card, index) => (\n \n ))}\n

\n ) : (\n

No cards dealt yet

\n )}\n

\n\n

\n \n \n \n \n \n

\n );\n};\n\nexport default BlackjackTable;",[],[286,302,318],"76538216-0718-11f0-9b9a-569c3dd06744","App.tsx","60ff2054-6f82-410a-a834-9d53774202c2",["D",1742646209400],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport BlackjackTable from \"./BlackjackTable.tsx\";\nimport BoozeButton from \"./BoozeButton.tsx\";\nimport BoozeMeter from \"./BoozeMeter.tsx\";\nimport Scoreboard from \"./Scoreboard.tsx\";\n\n// Define types for our game state\ninterface Card {\n suit: string;\n value: string;\n}\n\ninterface Player {\n id: number;\n name: string;\n hand: Card[];\n score: number;\n isBusted: boolean;\n}\n\ninterface GameState {\n deck: Card[];\n player: Player;\n dealer: Player;\n boozeLevel: number;\n bet: number;\n bank: number;\n profit: number;\n}\n\nconst App: React.FC = () => {\n const [gameState, setGameState] = useState(null);\n const [message, setMessage] = useState(\"No game in progress yet. Click Start!\");\n const [loading, setLoading] = useState(false);\n const [gameOver, setGameOver] = useState(false);\n const [result, setResult] = useState(\"\");\n\n // Fetch the current game state\n const fetchGameState = async () => {\n try {\n const res = await fetch(\"/api/state\");\n const data = await res.json();\n \n if (data.error) {\n setGameState(null);\n setMessage(\"No game in progress yet. Click Start!\");\n setGameOver(false);\n } else {\n setGameState(data);\n setMessage(\"Game in progress...\");\n \n // Check if the game is over\n if (data.player.isBusted) {\n setGameOver(true);\n setResult(\"You busted! Dealer wins.\");\n } else if (data.dealer.isBusted) {\n setGameOver(true);\n setResult(\"Dealer busted! You win!\");\n } else if (data.dealer.score >= 17 && data.player.score > data.dealer.score) {\n setGameOver(true);\n setResult(\"You win!\");\n } else if (data.dealer.score >= 17 && data.player.score < data.dealer.score) {\n setGameOver(true);\n setResult(\"Dealer wins.\");\n } else if (data.dealer.score >= 17 && data.player.score === data.dealer.score) {\n setGameOver(true);\n setResult(\"Push! It's a tie.\");\n }\n }\n } catch (error) {\n setMessage(\"Error contacting the server.\");\n }\n };\n\n // Start a new game\n const startGame = async () => {\n setLoading(true);\n try {\n const res = await fetch(\"/api/start\", { method: \"POST\" });\n const data = await res.json();\n setGameState(data);\n setMessage(\"Game started! Your move.\");\n setGameOver(false);\n setResult(\"\");\n } catch (error) {\n setMessage(\"Error starting the game.\");\n } finally {\n setLoading(false);\n }\n };\n\n // Player hits\n const hit = async () => {\n if (gameOver) return;\n \n setLoading(true);\n try {\n const res = await fetch(\"/api/hit\", { method: \"POST\" });\n const data = await res.json();\n setGameState(data);\n \n if (data.player.isBusted) {\n setGameOver(true);\n setResult(\"You busted! Dealer wins.\");\n }\n } catch (error) {\n setMessage(\"Error hitting.\");\n } finally {\n setLoading(false);\n }\n };\n\n // Player stands\n const stand = async () => {\n if (gameOver) return;\n \n setLoading(true);\n try {\n const res = await fetch(\"/api/stand\", { method: \"POST\" });\n const data = await res.json();\n setGameState(data);\n \n // Determine result\n if (data.dealer.isBusted) {\n setResult(\"Dealer busted! You win!\");\n } else if (data.player.score > data.dealer.score) {\n setResult(\"You win!\");\n } else if (data.player.score < data.dealer.score) {\n setResult(\"Dealer wins.\");\n } else {\n setResult(\"Push! It's a tie.\");\n }\n \n setGameOver(true);\n } catch (error) {\n setMessage(\"Error standing.\");\n } finally {\n setLoading(false);\n }\n };\n\n // Booze up function\n const boozeUp = async () => {\n setLoading(true);\n try {\n const res = await fetch(\"/api/booze\", { method: \"POST\" });\n const data = await res.json();\n setGameState(data);\n \n // If game state changed significantly (like an auto-hit due to booze), check status\n if (data.player.isBusted) {\n setGameOver(true);\n setResult(\"You booze'd too much and busted! Dealer wins.\");\n }\n } catch (error) {\n setMessage(\"Error boozing up.\");\n } finally {\n setLoading(false);\n }\n };\n\n // Initial load\n useEffect(() => {\n fetchGameState();\n }, []);\n\n return (\n

Blackjack with React + Hono

{message}

\n {result &&

{result}

}\n \n \n \n \n \n \n \n \n \n

Booze level increases your bet and risk-taking. Be careful!

\n \n View source\n \n

\n );\n};\n\nexport default App;",[],[286,302,325],"76539814-0718-11f0-9b9a-569c3dd06744",["D",1742646209400],[247,248,249,250,251],[286,302],"76539b70-0718-11f0-9b9a-569c3dd06744",["D",1742646209400],[246,252,253],[286],["D",1742646209400],[],[18,90],["D",1742646209400],[],[18,108],"7653651a-0718-11f0-9b9a-569c3dd06744","deckUtils.ts","b2ed4cdf-6bf0-4a9c-9270-f3277b089dcc",["D",1742646209400],"import { Card } from \"../models/Card.ts\";\n\nconst suits = [\"Hearts\", \"Diamonds\", \"Clubs\", \"Spades\"];\nconst values = [\"A\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"10\", \"J\", \"Q\", \"K\"];\n\nexport const createDeck = (): Card[] => {\n const deck: Card[] = [];\n for (const suit of suits) {\n for (const value of values) {\n deck.push({ suit, value });\n }\n }\n return deck;\n};\n\nexport const shuffleDeck = (deck: Card[]): Card[] => {\n for (let i = deck.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [deck[i], deck[j]] = [deck[j], deck[i]];\n }\n return deck;\n};",[],[18,103,346],["D",1742646209400],[242],[18,103],"7652e518-0718-11f0-9b9a-569c3dd06744","Player.ts","33b2b650-b939-4b05-a66e-d92237d6b13f",["D",1742646209400],"import { Card } from \"./Card.ts\";\n\nexport interface Player {\n id: number;\n name: string;\n hand: Card[];\n score: number;\n isBusted: boolean;\n}",[],[18,78,356],"7652dfa0-0718-11f0-9b9a-569c3dd06744","GameState.ts","87962a73-f426-4c44-bd09-d4b5b23ae4c5",["D",1742646209400],"import { Card } from \"./Card.ts\";\nimport { Player } from \"./Player.ts\";\n\nexport interface GameState {\n deck: Card[];\n player: Player;\n dealer: Player;\n boozeLevel: number;\n bet: number;\n bank: number;\n profit: number;\n}",[],[18,78,363],"7652de4c-0718-11f0-9b9a-569c3dd06744","Card.ts","36f9be6a-40ec-4c3e-a141-37e69862cdd3",["D",1742646209400],"export interface Card {\n suit: string;\n value: string;\n}",[],[18,78,370],["D",1742646209400],[238,239,240],[18,78],"7652bdf4-0718-11f0-9b9a-569c3dd06744","gameController.ts","91eb4f00-5111-4439-a395-a49fff8f074f",["D",1742646209400],"import { Hono } from \"npm:hono\";\nimport { boozeUp, getState, hit, stand, startGame } from \"../gameEngine.ts\";\n\nconst gameRouter = new Hono();\n\ngameRouter.post(\"/start\", (c) => {\n const state = startGame();\n return c.json(state);\n});\n\ngameRouter.post(\"/hit\", (c) => {\n const state = hit();\n if (state) return c.json(state);\n return c.json({ error: \"No game in progress\" }, 400);\n});\n\ngameRouter.post(\"/stand\", (c) => {\n const state = stand();\n if (state) return c.json(state);\n return c.json({ error: \"No game in progress\" }, 400);\n});\n\ngameRouter.post(\"/booze\", (c) => {\n const state = boozeUp();\n if (state) return c.json(state);\n return c.json({ error: \"No game in progress\" }, 400);\n});\n\ngameRouter.get(\"/state\", (c) => {\n const state = getState();\n if (state) return c.json(state);\n return c.json({ error: \"No game in progress\" }, 400);\n});\n\nexport default gameRouter;",[],[18,97,380],["D",1742646209400],[236],[18,97],["D",1742646209400],[235,237,241,243,244],[18],["D",1742472925516],{"_11":12,"_158":84},{"_11":12,"_154":-5,"_83":84,"_31":82,"_155":156,"_157":30},{"_39":40,"_13":16,"_33":36,"_145":112,"_146":72,"_147":148,"_149":116,"_150":112,"_151":42,"_152":14,"_153":12},"ctx",{"_52":-5,"_179":429,"_430":431,"_432":433,"_434":30,"_435":30,"_436":30,"_437":24,"_438":-5,"_439":-7,"_440":-7,"_441":26,"_442":30,"_443":30,"_444":-5,"_445":30,"_446":30,"_447":30,"_448":-5},"ENV",{"_400":401,"_402":403,"_404":73,"_405":406,"_407":408,"_409":410,"_411":412,"_413":414,"_415":416,"_417":418,"_419":420,"_421":422,"_423":424,"_425":426,"_427":428},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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 · backend