Current MLB Scores

\n {scores.length === 0 ? (\n

No games in progress.

\n ) : (\n

\n {game.homeTeam} {game.homeScore} - {game.awayTeam} {game.awayScore}\n {game.status && ({game.status})}\n

\n )}\n

\n \n Data source: MLB Stats API |{\" \"}\n View source\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n \n if (url.pathname === '/api/scores') {\n try {\n const mlbResponse = await fetch('https://statsapi.mlb.com/api/v1/schedule/games/?sportId=1');\n const mlbData = await mlbResponse.json();\n \n const scores = mlbData.dates[0]?.games.map(game => ({\n homeTeam: game.teams.home.team.name,\n homeScore: game.teams.home.score,\n awayTeam: game.teams.away.team.name,\n awayScore: game.teams.away.score,\n status: game.status.detailedState\n })) || [];\n\n return new Response(JSON.stringify(scores), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: 'Failed to fetch MLB scores' }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n return new Response(`\n \n \n MLB Scores\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n color: #333;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n}\nh1 {\n color: #1a365d;\n}\nul {\n list-style-type: none;\n padding: 0;\n}\nli {\n margin-bottom: 10px;\n padding: 10px;\n background-color: #f0f4f8;\n border-radius: 5px;\n}\na {\n color: #2b6cb0;\n}\n`;","deleted","label",[99],"permalink","https://www.val.town/x/charmaine/mlbScoreFetcher/code/main.tsx","extension","actionData","errors"]