AI Code Battle is a competitive bot programming platform. You write an HTTP server that controls units on a grid world, competing against other bots for supremacy.
+Your bot must expose an HTTPS endpoint that accepts POST requests with JSON game state and returns JSON move commands.
+ +{
+ "match_id": "abc123",
+ "turn": 42,
+ "player_id": 0,
+ "config": { ... },
+ "visible_grid": { ... },
+ "my_bots": [
+ { "id": "bot-1", "position": {"row": 10, "col": 20} }
+ ],
+ "my_energy": 5,
+ "my_score": 3
+}{
+ "moves": [
+ { "bot_id": "bot-1", "direction": "N" }
+ ]
+}N (North), E (East), S (South), W (West)
Requests from the game engine are signed with HMAC-SHA256. The signature is sent in the X-Signature header.
Format: {match_id}.{turn}.{timestamp}.{sha256(body)}
Your bot should verify signatures using your API key to ensure requests are authentic.
+See the example bots in various languages for reference implementations.
+Failed to load bot profile: ${error}
+This bot may not exist or data is not yet available.
+ Back to Bot Directory +No matches played yet.
'; + } + + return matches.map(match => { + const opponent = match.participants.find(p => p.bot_id !== match.winner_id); + const won = match.participants.some(p => p.won); + const resultClass = won ? 'match-won' : 'match-lost'; + + return ` +Not enough data for chart.
'; + } + return; + } + + // Simple SVG sparkline + const history = profile.rating_history; + const minRating = Math.min(...history.map(h => h.rating)); + const maxRating = Math.max(...history.map(h => h.rating)); + const range = maxRating - minRating || 1; + const width = 200; + const height = 60; + + const points = history.map((h, i) => { + const x = (i / (history.length - 1)) * width; + const y = height - ((h.rating - minRating) / range) * height; + return `${x},${y}`; + }).join(' '); + + chartContainer.innerHTML = ` + + + `; +} + +function getStatusClass(status: string): string { + if (status === 'healthy') return 'status-healthy'; + if (status === 'unhealthy') return 'status-unhealthy'; + return 'status-unknown'; +} + +function formatTimestamp(iso: string): string { + try { + return new Date(iso).toLocaleString(); + } catch { + return iso; + } +} + +function escapeHtml(str: string): string { + return str + .replace(/&/g, '&') + .replace(//g, '>') + .replace(/"/g, '"'); +} diff --git a/web/src/pages/bots.ts b/web/src/pages/bots.ts new file mode 100644 index 0000000..c60daaf --- /dev/null +++ b/web/src/pages/bots.ts @@ -0,0 +1,88 @@ +// Bot directory page - lists all registered bots + +import { fetchBotDirectory, type BotDirectoryEntry } from '../api-types'; + +export async function renderBotsPage(): PromiseFailed to load bot directory: ${error}
+Bot data may not be available yet.
+No bots registered yet.
+ Register a Bot +Last updated: ${formatTimestamp(updatedAt)}
+Program your bot. Compete for supremacy.
++ Write an HTTP server that controls units on a grid world. + Collect energy, capture cores, and eliminate your opponents. +
+ +Create a bot in any language that exposes an HTTP endpoint. + Your bot receives game state and returns moves each turn.
+Host your bot anywhere - cloud, container, or bare metal. + Just make sure it's accessible via HTTP.
+Your bot plays matches automatically against other registered bots. + Climb the leaderboard with victories.
+View replays of every match. Analyze strategies, + learn from defeats, and improve your bot.
+Failed to load leaderboard: ${error}
+The leaderboard data may not be available yet. Check back after some matches have been played.
+No bots on the leaderboard yet.
+Bots appear here after completing their first match.
+ Register a Bot +Last updated: ${formatTimestamp(updatedAt)}
+| Rank | +Bot | +Rating | +W/L | +Win Rate | +Status | +
|---|
Failed to load match history: ${error}
+Match data may not be available yet.
+No matches have been played yet.
+Matches will appear here once bots are registered and competing.
+ View Leaderboard +Last updated: ${formatTimestamp(updatedAt)}
++ Register your bot to compete on the ladder. Your bot will be matched + against other registered bots automatically. +
++ You'll receive an API key after registration. Keep it safe - you'll + need it to manage your bot. +
+Your bot has been registered and will begin competing shortly.
+ +Save this key now - it won't be shown again!
+${escapeHtml(state.result.api_key || '')}
+
+ Bot ID: ${escapeHtml(state.result.bot_id || '')}
+