\n \n\n",[],[67,114],"e5b0110e-37cb-11f0-aa59-9e149126039e","components","b7344c47-dc3a-40fa-81fd-13bc02164982",6,["D",1748000931984],[128,129,130,131,132],[67,122],{"_36":180,"_13":181,"_39":182,"_41":123,"_42":43,"_44":183,"_46":47,"_48":184,"_17":63,"_51":64,"_52":-5,"_54":55,"_56":-5,"_83":185,"_18":186},{"_36":156,"_13":157,"_39":158,"_41":123,"_42":43,"_44":159,"_46":47,"_48":160,"_17":63,"_51":64,"_52":-5,"_54":55,"_56":-5,"_83":161,"_18":162},{"_36":149,"_13":150,"_39":151,"_41":123,"_42":43,"_44":124,"_46":47,"_48":152,"_17":63,"_51":95,"_52":153,"_54":55,"_56":-5,"_83":154,"_18":155},{"_36":141,"_13":142,"_39":143,"_41":123,"_42":43,"_44":144,"_46":47,"_48":145,"_17":63,"_51":95,"_52":146,"_54":55,"_56":-5,"_83":147,"_18":148},{"_36":133,"_13":134,"_39":135,"_41":123,"_42":43,"_44":136,"_46":47,"_48":137,"_17":63,"_51":95,"_52":138,"_54":55,"_56":-5,"_83":139,"_18":140},"ef13ccb8-37cb-11f0-aff0-9e149126039e","WeatherWidget.tsx","ef13cd4e-37cb-11f0-aff0-9e149126039e",7,["D",1748000947736],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { WeatherData } from \"../../shared/types.ts\";\n\ninterface WeatherWidgetProps {\n weather: WeatherData | null;\n}\n\nexport default function WeatherWidget({ weather: initialWeather }: WeatherWidgetProps) {\n const [weather, setWeather] = useState(initialWeather);\n const [loading, setLoading] = useState(false);\n\n const refreshWeather = async () => {\n setLoading(true);\n try {\n // Try to get user's location\n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(\n async (position) => {\n const { latitude, longitude } = position.coords;\n const response = await fetch(`/api/weather?lat=${latitude}&lon=${longitude}`);\n const data = await response.json();\n setWeather(data.weather);\n setLoading(false);\n },\n async () => {\n // Fallback to default location\n const response = await fetch('/api/weather');\n const data = await response.json();\n setWeather(data.weather);\n setLoading(false);\n }\n );\n } else {\n const response = await fetch('/api/weather');\n const data = await response.json();\n setWeather(data.weather);\n setLoading(false);\n }\n } catch (error) {\n console.error('Failed to refresh weather:', error);\n setLoading(false);\n }\n };\n\n const getWeatherIcon = (description: string) => {\n const desc = description.toLowerCase();\n if (desc.includes('clear')) return '☀️';\n if (desc.includes('cloud') || desc.includes('overcast')) return '☁️';\n if (desc.includes('rain') || desc.includes('drizzle')) return '🌧️';\n if (desc.includes('snow')) return '❄️';\n if (desc.includes('thunder')) return '⛈️';\n if (desc.includes('fog')) return '🌫️';\n return '🌤️';\n };\n\n return (\n

Weather

\n \n {loading ? (\n

\n ) : (\n '🔄'\n )}\n \n

\n\n {weather ? (\n

{getWeatherIcon(weather.description)}

\n {weather.temperature}°C\n

\n {weather.description}\n

\n\n

Humidity

{weather.humidity}%

Wind

{weather.windSpeed} km/h

\n\n

\n 📍 {weather.location}\n

\n ) : (\n

🌍

Weather data unavailable

\n \n Try again\n \n

\n )}\n

\n );\n}",[],[67,122,134],"57addf70-37cc-11f0-a6db-9e149126039e","Game.tsx","57ade038-37cc-11f0-a6db-9e149126039e",12,["D",1748001123232],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport * as THREE from \"https://esm.sh/three@0.158.0\";\nimport * as CANNON from \"https://esm.sh/cannon-es@0.20.0\";\nimport { GameState, CarState, Controls } from \"../../shared/types.ts\";\nimport HUD from \"./UI/HUD.tsx\";\nimport Menu from \"./UI/Menu.tsx\";\nimport { CarController } from \"./Game/Car.ts\";\nimport { TrackController } from \"./Game/Track.ts\";\nimport { CameraController } from \"./Game/Camera.ts\";\n\nexport default function Game() {\n const mountRef = useRef(null);\n const [gameState, setGameState] = useState({\n isPlaying: false,\n isPaused: false,\n currentLap: 1,\n totalLaps: 3,\n lapTime: 0,\n bestLapTime: 0,\n checkpointsHit: 0,\n totalCheckpoints: 4,\n raceStartTime: 0,\n });\n \n const [carState, setCarState] = useState({\n position: { x: 0, y: 0, z: 0 },\n rotation: { x: 0, y: 0, z: 0 },\n velocity: { x: 0, y: 0, z: 0 },\n speed: 0,\n acceleration: 0,\n steering: 0,\n isAccelerating: false,\n isBraking: false,\n isHandbraking: false,\n });\n \n const [controls, setControls] = useState({\n forward: false,\n backward: false,\n left: false,\n right: false,\n handbrake: false,\n reset: false,\n });\n \n const [loading, setLoading] = useState(true);\n const gameRef = useRef<{\n scene: THREE.Scene;\n camera: THREE.PerspectiveCamera;\n renderer: THREE.WebGLRenderer;\n world: CANNON.World;\n car: CarController;\n track: TrackController;\n cameraController: CameraController;\n animationId: number;\n } | null>(null);\n\n useEffect(() => {\n if (!mountRef.current) return;\n\n // Initialize Three.js scene\n const scene = new THREE.Scene();\n scene.fog = new THREE.Fog(0x87CEEB, 100, 1000);\n \n const camera = new THREE.PerspectiveCamera(\n 75,\n window.innerWidth / window.innerHeight,\n 0.1,\n 2000\n );\n \n const renderer = new THREE.WebGLRenderer({ \n antialias: true,\n powerPreference: \"high-performance\"\n });\n renderer.setSize(window.innerWidth, window.innerHeight);\n renderer.shadowMap.enabled = true;\n renderer.shadowMap.type = THREE.PCFSoftShadowMap;\n renderer.setClearColor(0x87CEEB);\n mountRef.current.appendChild(renderer.domElement);\n\n // Initialize physics world\n const world = new CANNON.World();\n world.gravity.set(0, -30, 0);\n world.broadphase = new CANNON.NaiveBroadphase();\n\n // Add lighting\n const ambientLight = new THREE.AmbientLight(0x404040, 0.6);\n scene.add(ambientLight);\n \n const directionalLight = new THREE.DirectionalLight(0xffffff, 1);\n directionalLight.position.set(100, 100, 50);\n directionalLight.castShadow = true;\n directionalLight.shadow.mapSize.width = 2048;\n directionalLight.shadow.mapSize.height = 2048;\n directionalLight.shadow.camera.near = 0.5;\n directionalLight.shadow.camera.far = 500;\n directionalLight.shadow.camera.left = -100;\n directionalLight.shadow.camera.right = 100;\n directionalLight.shadow.camera.top = 100;\n directionalLight.shadow.camera.bottom = -100;\n scene.add(directionalLight);\n\n // Initialize game components\n const track = new TrackController(scene, world);\n const car = new CarController(scene, world);\n const cameraController = new CameraController(camera);\n \n // Position car at start\n car.setPosition(0, 2, 0);\n \n gameRef.current = {\n scene,\n camera,\n renderer,\n world,\n car,\n track,\n cameraController,\n animationId: 0,\n };\n\n setLoading(false);\n\n // Game loop\n let lastTime = 0;\n const animate = (time: number) => {\n const deltaTime = (time - lastTime) / 1000;\n lastTime = time;\n\n // Update physics\n world.step(1/60, deltaTime, 3);\n \n // Update car\n car.update(controls, deltaTime);\n \n // Update camera\n cameraController.update(car.getPosition(), car.getRotation(), deltaTime);\n \n // Update car state for UI\n setCarState({\n position: car.getPosition(),\n rotation: car.getRotation(),\n velocity: car.getVelocity(),\n speed: car.getSpeed(),\n acceleration: car.getAcceleration(),\n steering: car.getSteering(),\n isAccelerating: controls.forward,\n isBraking: controls.backward,\n isHandbraking: controls.handbrake,\n });\n \n // Update game state\n if (gameState.isPlaying && !gameState.isPaused) {\n const currentTime = (time - gameState.raceStartTime) / 1000;\n setGameState(prev => ({\n ...prev,\n lapTime: currentTime,\n }));\n }\n \n // Render\n renderer.render(scene, camera);\n \n if (gameRef.current) {\n gameRef.current.animationId = requestAnimationFrame(animate);\n }\n };\n \n animate(0);\n\n // Handle window resize\n const handleResize = () => {\n camera.aspect = window.innerWidth / window.innerHeight;\n camera.updateProjectionMatrix();\n renderer.setSize(window.innerWidth, window.innerHeight);\n };\n \n window.addEventListener('resize', handleResize);\n\n return () => {\n window.removeEventListener('resize', handleResize);\n if (gameRef.current) {\n cancelAnimationFrame(gameRef.current.animationId);\n mountRef.current?.removeChild(renderer.domElement);\n renderer.dispose();\n }\n };\n }, []);\n\n // Keyboard controls\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n switch (event.code) {\n case 'KeyW':\n case 'ArrowUp':\n setControls(prev => ({ ...prev, forward: true }));\n break;\n case 'KeyS':\n case 'ArrowDown':\n setControls(prev => ({ ...prev, backward: true }));\n break;\n case 'KeyA':\n case 'ArrowLeft':\n setControls(prev => ({ ...prev, left: true }));\n break;\n case 'KeyD':\n case 'ArrowRight':\n setControls(prev => ({ ...prev, right: true }));\n break;\n case 'Space':\n event.preventDefault();\n setControls(prev => ({ ...prev, handbrake: true }));\n break;\n case 'KeyR':\n setControls(prev => ({ ...prev, reset: true }));\n break;\n }\n };\n\n const handleKeyUp = (event: KeyboardEvent) => {\n switch (event.code) {\n case 'KeyW':\n case 'ArrowUp':\n setControls(prev => ({ ...prev, forward: false }));\n break;\n case 'KeyS':\n case 'ArrowDown':\n setControls(prev => ({ ...prev, backward: false }));\n break;\n case 'KeyA':\n case 'ArrowLeft':\n setControls(prev => ({ ...prev, left: false }));\n break;\n case 'KeyD':\n case 'ArrowRight':\n setControls(prev => ({ ...prev, right: false }));\n break;\n case 'Space':\n setControls(prev => ({ ...prev, handbrake: false }));\n break;\n case 'KeyR':\n setControls(prev => ({ ...prev, reset: false }));\n break;\n }\n };\n\n window.addEventListener('keydown', handleKeyDown);\n window.addEventListener('keyup', handleKeyUp);\n\n return () => {\n window.removeEventListener('keydown', handleKeyDown);\n window.removeEventListener('keyup', handleKeyUp);\n };\n }, []);\n\n const startRace = () => {\n setGameState(prev => ({\n ...prev,\n isPlaying: true,\n isPaused: false,\n raceStartTime: performance.now(),\n lapTime: 0,\n currentLap: 1,\n checkpointsHit: 0,\n }));\n };\n\n const pauseRace = () => {\n setGameState(prev => ({\n ...prev,\n isPaused: !prev.isPaused,\n }));\n };\n\n const resetRace = () => {\n if (gameRef.current) {\n gameRef.current.car.setPosition(0, 2, 0);\n gameRef.current.car.setRotation(0, 0, 0);\n }\n setGameState(prev => ({\n ...prev,\n isPlaying: false,\n isPaused: false,\n lapTime: 0,\n currentLap: 1,\n checkpointsHit: 0,\n }));\n };\n\n return (\n

\n \n {loading && (\n

\n Loading Game\n

\n )}\n \n {!loading && (\n <>\n \n \n {!gameState.isPlaying && (\n {}}\n />\n )}\n \n )}\n

\n );\n}",[],[67,122,142],"e5aff318-37cb-11f0-aa59-9e149126039e","App.tsx","e5aff3c2-37cb-11f0-aa59-9e149126039e",["D",1748000931984],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport WeatherWidget from \"./WeatherWidget.tsx\";\nimport QuickLinks from \"./QuickLinks.tsx\";\nimport NotesWidget from \"./NotesWidget.tsx\";\nimport type { DashboardData } from \"../../shared/types.ts\";\n\ndeclare global {\n interface Window {\n __INITIAL_DATA__?: DashboardData;\n }\n}\n\nexport default function App() {\n const [data, setData] = useState(null);\n const [currentTime, setCurrentTime] = useState(new Date());\n\n useEffect(() => {\n // Load initial data\n if (window.__INITIAL_DATA__) {\n setData(window.__INITIAL_DATA__);\n }\n\n // Update time every second\n const timer = setInterval(() => {\n setCurrentTime(new Date());\n }, 1000);\n\n return () => clearInterval(timer);\n }, []);\n\n const formatTime = (date: Date) => {\n return date.toLocaleTimeString([], { \n hour: '2-digit', \n minute: '2-digit',\n hour12: true \n });\n };\n\n const formatDate = (date: Date) => {\n return date.toLocaleDateString([], { \n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n };\n\n if (!data) {\n return (\n

\n );\n }\n\n return (\n

\n {/* Header */}\n

\n {formatTime(currentTime)}\n

\n {formatDate(currentTime)}\n

\n\n {/* Main Grid */}\n

\n {/* Weather Widget */}\n

\n \n

\n\n {/* Quick Links */}\n

\n setData(prev => prev ? {...prev, quickLinks: links} : null)}\n />\n

\n\n {/* Notes Widget */}\n

\n setData(prev => prev ? {...prev, notes} : null)}\n />\n

\n\n {/* Footer */}\n

\n Built with ❤️ on Val Town\n

\n );\n}",[],[67,122,150],"64fc4130-37cc-11f0-a5c6-9e149126039e","UI","4eae227a-dc2a-4361-ae59-5dd433d5dd85",13,["D",1748001145554],[163,164],[67,122,157],{"_36":173,"_13":174,"_39":175,"_41":158,"_42":43,"_44":159,"_46":47,"_48":176,"_17":63,"_51":95,"_52":177,"_54":55,"_56":-5,"_83":178,"_18":179},{"_36":165,"_13":166,"_39":167,"_41":158,"_42":43,"_44":168,"_46":47,"_48":169,"_17":63,"_51":95,"_52":170,"_54":55,"_56":-5,"_83":171,"_18":172},"7276f684-37cc-11f0-82c2-9e149126039e","Menu.tsx","7276f850-37cc-11f0-82c2-9e149126039e",14,["D",1748001168168],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface MenuProps {\n onStartRace: () => void;\n onSettings: () => void;\n}\n\nexport default function Menu({ onStartRace, onSettings }: MenuProps) {\n const [showInstructions, setShowInstructions] = useState(false);\n\n return (\n

\n {!showInstructions ? (\n <>\n

🏎️ 3D Racing

\n Experience the thrill of high-speed racing!\n

\n \n

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

\n \n

Built with Three.js & React

Use WASD or Arrow Keys to drive

\n \n ) : (\n <>\n

📖 How to Play

\n \n

🎮 Controls

W / ↑ Accelerate

S / ↓ Brake/Reverse

A / ← Turn Left

D / → Turn Right

Space Handbrake

R Reset Position

\n \n

🏁 Objective

• Complete 3 laps as fast as possible
• Pass through all checkpoints in order
• Try to beat your best lap time
• Stay on track for maximum speed

\n \n

💡 Tips

• Brake before sharp turns
• Use handbrake for tight corners
• Smooth steering = faster times
• Watch your speed on curves

\n \n

\n \n \n

\n \n )}\n

\n );\n}",[],[67,122,157,166],"64fc1c82-37cc-11f0-a5c6-9e149126039e","HUD.tsx","64fc1d36-37cc-11f0-a5c6-9e149126039e",["D",1748001145554],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { GameState, CarState } from \"../../../shared/types.ts\";\n\ninterface HUDProps {\n gameState: GameState;\n carState: CarState;\n onPause: () => void;\n onReset: () => void;\n}\n\nexport default function HUD({ gameState, carState, onPause, onReset }: HUDProps) {\n const formatTime = (seconds: number) => {\n const mins = Math.floor(seconds / 60);\n const secs = (seconds % 60).toFixed(2);\n return `${mins}:${secs.padStart(5, '0')}`;\n };\n\n const speedKmh = Math.round(carState.speed * 3.6); // Convert m/s to km/h\n const speedMph = Math.round(carState.speed * 2.237); // Convert m/s to mph\n\n return (\n

\n {/* Lap Information */}\n

🏁 Race Info

Lap: {gameState.currentLap} / {gameState.totalLaps}

Time: {formatTime(gameState.lapTime)}

\n {gameState.bestLapTime > 0 && (\n

Best: {formatTime(gameState.bestLapTime)}

\n )}\n

Checkpoints: {gameState.checkpointsHit} / {gameState.totalCheckpoints}

\n \n {gameState.isPlaying && (\n

\n \n \n

\n )}\n

\n\n {/* Speedometer */}\n

{speedKmh}

KM/H

{speedMph} MPH

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

🎮 Controls

W/↑: Accelerate

S/↓: Brake

A/←: Turn Left

D/→: Turn Right

Space: Handbrake

R: Reset Car

\n\n {/* Status Indicators */}\n

\n {carState.isAccelerating && (\n

\n 🚀 ACCELERATING\n

\n )}\n {carState.isBraking && (\n

\n 🛑 BRAKING\n

\n )}\n {carState.isHandbraking && (\n

\n ⚠️ HANDBRAKE\n

\n )}\n {carState.speed > 50 && (\n

\n ⚡ HIGH SPEED\n

\n )}\n

\n\n {/* Pause Overlay */}\n {gameState.isPaused && (\n

⏸️ PAUSED

Press Resume to continue racing

\n \n

\n )}\n

\n );\n}",[],[67,122,157,174],"8e2531ca-37cc-11f0-8995-9e149126039e","Game","f2977ac3-cfff-40bb-83ba-00c04fdd70d5",15,["D",1748001214608],[187,188,189],[67,122,181],{"_36":205,"_13":206,"_39":207,"_41":182,"_42":43,"_44":208,"_46":47,"_48":209,"_17":63,"_51":95,"_52":210,"_54":55,"_56":-5,"_83":211,"_18":212},{"_36":198,"_13":199,"_39":200,"_41":182,"_42":43,"_44":183,"_46":47,"_48":201,"_17":63,"_51":95,"_52":202,"_54":55,"_56":-5,"_83":203,"_18":204},{"_36":190,"_13":191,"_39":192,"_41":182,"_42":43,"_44":193,"_46":47,"_48":194,"_17":63,"_51":95,"_52":195,"_54":55,"_56":-5,"_83":196,"_18":197},"afdb2694-37cc-11f0-b347-9e149126039e","Track.ts","afdb278e-37cc-11f0-b347-9e149126039e",16,["D",1748001271167],"import * as THREE from \"https://esm.sh/three@0.158.0\";\nimport * as CANNON from \"https://esm.sh/cannon-es@0.20.0\";\nimport { Track, Checkpoint } from \"../../../shared/types.ts\";\n\nexport class TrackController {\n private scene: THREE.Scene;\n private world: CANNON.World;\n private track: Track;\n private checkpointMeshes: THREE.Mesh[] = [];\n\n constructor(scene: THREE.Scene, world: CANNON.World) {\n this.scene = scene;\n this.world = world;\n this.createTrack();\n }\n\n private createTrack() {\n // Create ground\n this.createGround();\n \n // Create track boundaries\n this.createTrackBoundaries();\n \n // Create checkpoints\n this.createCheckpoints();\n \n // Add environment elements\n this.createEnvironment();\n }\n\n private createGround() {\n // Main track surface\n const trackGeometry = new THREE.PlaneGeometry(200, 200);\n const trackMaterial = new THREE.MeshLambertMaterial({ \n color: 0x404040,\n transparent: true,\n opacity: 0.8\n });\n const trackMesh = new THREE.Mesh(trackGeometry, trackMaterial);\n trackMesh.rotation.x = -Math.PI / 2;\n trackMesh.receiveShadow = true;\n this.scene.add(trackMesh);\n\n // Physics ground\n const groundShape = new CANNON.Plane();\n const groundBody = new CANNON.Body({ mass: 0 });\n groundBody.addShape(groundShape);\n groundBody.quaternion.setFromAxisAngle(new CANNON.Vec3(1, 0, 0), -Math.PI / 2);\n groundBody.material = new CANNON.Material({ friction: 0.8, restitution: 0.1 });\n this.world.addBody(groundBody);\n\n // Add track markings\n this.createTrackMarkings();\n }\n\n private createTrackMarkings() {\n // Center line\n const lineGeometry = new THREE.PlaneGeometry(2, 150);\n const lineMaterial = new THREE.MeshBasicMaterial({ \n color: 0xffff00,\n transparent: true,\n opacity: 0.8\n });\n const centerLine = new THREE.Mesh(lineGeometry, lineMaterial);\n centerLine.rotation.x = -Math.PI / 2;\n centerLine.position.y = 0.01;\n this.scene.add(centerLine);\n\n // Track outline - create a simple oval track\n this.createOvalTrack();\n }\n\n private createOvalTrack() {\n const trackWidth = 20;\n const trackLength = 80;\n const trackRadius = 30;\n\n // Create track surface with better material\n const trackSurface = new THREE.Group();\n\n // Straight sections\n const straightGeometry = new THREE.PlaneGeometry(trackWidth, trackLength);\n const trackSurfaceMaterial = new THREE.MeshLambertMaterial({ \n color: 0x333333,\n transparent: true,\n opacity: 0.9\n });\n\n // Left straight\n const leftStraight = new THREE.Mesh(straightGeometry, trackSurfaceMaterial);\n leftStraight.rotation.x = -Math.PI / 2;\n leftStraight.position.set(-trackRadius, 0.005, 0);\n trackSurface.add(leftStraight);\n\n // Right straight\n const rightStraight = new THREE.Mesh(straightGeometry, trackSurfaceMaterial);\n rightStraight.rotation.x = -Math.PI / 2;\n rightStraight.position.set(trackRadius, 0.005, 0);\n trackSurface.add(rightStraight);\n\n // Curved sections\n const curveGeometry = new THREE.RingGeometry(trackRadius - trackWidth/2, trackRadius + trackWidth/2, 0, Math.PI, 16);\n \n // Top curve\n const topCurve = new THREE.Mesh(curveGeometry, trackSurfaceMaterial);\n topCurve.rotation.x = -Math.PI / 2;\n topCurve.position.set(0, 0.005, trackLength/2);\n trackSurface.add(topCurve);\n\n // Bottom curve\n const bottomCurve = new THREE.Mesh(curveGeometry, trackSurfaceMaterial);\n bottomCurve.rotation.x = -Math.PI / 2;\n bottomCurve.rotation.z = Math.PI;\n bottomCurve.position.set(0, 0.005, -trackLength/2);\n trackSurface.add(bottomCurve);\n\n this.scene.add(trackSurface);\n }\n\n private createTrackBoundaries() {\n // Create invisible walls around the track to keep cars on track\n const wallHeight = 5;\n const wallThickness = 1;\n\n const boundaries = [\n // Outer boundaries\n { pos: [0, wallHeight/2, 60], size: [80, wallHeight, wallThickness] }, // Top\n { pos: [0, wallHeight/2, -60], size: [80, wallHeight, wallThickness] }, // Bottom\n { pos: [-50, wallHeight/2, 0], size: [wallThickness, wallHeight, 120] }, // Left\n { pos: [50, wallHeight/2, 0], size: [wallThickness, wallHeight, 120] }, // Right\n ];\n\n boundaries.forEach(boundary => {\n // Physics wall\n const wallShape = new CANNON.Box(new CANNON.Vec3(\n boundary.size[0] / 2,\n boundary.size[1] / 2,\n boundary.size[2] / 2\n ));\n const wallBody = new CANNON.Body({ mass: 0 });\n wallBody.addShape(wallShape);\n wallBody.position.set(boundary.pos[0], boundary.pos[1], boundary.pos[2]);\n wallBody.material = new CANNON.Material({ friction: 0.1, restitution: 0.8 });\n this.world.addBody(wallBody);\n\n // Visual wall (optional, can be made invisible)\n const wallGeometry = new THREE.BoxGeometry(boundary.size[0], boundary.size[1], boundary.size[2]);\n const wallMaterial = new THREE.MeshLambertMaterial({ \n color: 0xff0000,\n transparent: true,\n opacity: 0.3\n });\n const wallMesh = new THREE.Mesh(wallGeometry, wallMaterial);\n wallMesh.position.set(boundary.pos[0], boundary.pos[1], boundary.pos[2]);\n this.scene.add(wallMesh);\n });\n }\n\n private createCheckpoints() {\n // Define checkpoint positions for an oval track\n const checkpoints: Checkpoint[] = [\n {\n id: 0,\n position: { x: 0, y: 2, z: 35 },\n rotation: 0,\n width: 25,\n height: 8,\n isFinishLine: true\n },\n {\n id: 1,\n position: { x: 25, y: 2, z: 0 },\n rotation: Math.PI / 2,\n width: 25,\n height: 8,\n isFinishLine: false\n },\n {\n id: 2,\n position: { x: 0, y: 2, z: -35 },\n rotation: 0,\n width: 25,\n height: 8,\n isFinishLine: false\n },\n {\n id: 3,\n position: { x: -25, y: 2, z: 0 },\n rotation: Math.PI / 2,\n width: 25,\n height: 8,\n isFinishLine: false\n }\n ];\n\n this.track = {\n id: \"oval\",\n name: \"Oval Track\",\n checkpoints,\n startPosition: { x: 0, y: 2, z: 30 },\n startRotation: { x: 0, y: 0, z: 0 },\n boundaries: []\n };\n\n // Create visual checkpoints\n checkpoints.forEach(checkpoint => {\n this.createCheckpointMesh(checkpoint);\n });\n }\n\n private createCheckpointMesh(checkpoint: Checkpoint) {\n const group = new THREE.Group();\n\n // Checkpoint gate posts\n const postGeometry = new THREE.CylinderGeometry(0.3, 0.3, checkpoint.height);\n const postMaterial = new THREE.MeshLambertMaterial({ \n color: checkpoint.isFinishLine ? 0x00ff00 : 0x0088ff \n });\n\n const leftPost = new THREE.Mesh(postGeometry, postMaterial);\n leftPost.position.set(-checkpoint.width / 2, checkpoint.height / 2, 0);\n leftPost.castShadow = true;\n group.add(leftPost);\n\n const rightPost = new THREE.Mesh(postGeometry, postMaterial);\n rightPost.position.set(checkpoint.width / 2, checkpoint.height / 2, 0);\n rightPost.castShadow = true;\n group.add(rightPost);\n\n // Checkpoint banner\n const bannerGeometry = new THREE.PlaneGeometry(checkpoint.width, 2);\n const bannerMaterial = new THREE.MeshLambertMaterial({ \n color: checkpoint.isFinishLine ? 0x00ff00 : 0x0088ff,\n transparent: true,\n opacity: 0.7,\n side: THREE.DoubleSide\n });\n const banner = new THREE.Mesh(bannerGeometry, bannerMaterial);\n banner.position.set(0, checkpoint.height - 1, 0);\n group.add(banner);\n\n // Add checkered pattern for finish line\n if (checkpoint.isFinishLine) {\n const checkerGeometry = new THREE.PlaneGeometry(checkpoint.width, 2);\n const checkerMaterial = new THREE.MeshLambertMaterial({ \n color: 0xffffff,\n transparent: true,\n opacity: 0.8,\n side: THREE.DoubleSide\n });\n const checker = new THREE.Mesh(checkerGeometry, checkerMaterial);\n checker.position.set(0, checkpoint.height - 1, 0.01);\n group.add(checker);\n\n // Add \"FINISH\" text\n const textGeometry = new THREE.PlaneGeometry(checkpoint.width * 0.8, 1);\n const textMaterial = new THREE.MeshLambertMaterial({ \n color: 0x000000,\n transparent: true,\n opacity: 0.9,\n side: THREE.DoubleSide\n });\n const text = new THREE.Mesh(textGeometry, textMaterial);\n text.position.set(0, checkpoint.height - 1, 0.02);\n group.add(text);\n }\n\n // Position and rotate the checkpoint\n group.position.set(checkpoint.position.x, checkpoint.position.y, checkpoint.position.z);\n group.rotation.y = checkpoint.rotation;\n\n this.scene.add(group);\n this.checkpointMeshes.push(group as any);\n\n // Add physics trigger for checkpoint detection\n const triggerShape = new CANNON.Box(new CANNON.Vec3(\n checkpoint.width / 2,\n checkpoint.height / 2,\n 2\n ));\n const triggerBody = new CANNON.Body({ \n mass: 0,\n isTrigger: true\n });\n triggerBody.addShape(triggerShape);\n triggerBody.position.set(checkpoint.position.x, checkpoint.position.y, checkpoint.position.z);\n this.world.addBody(triggerBody);\n }\n\n private createEnvironment() {\n // Add some trees around the track\n this.createTrees();\n \n // Add sky\n this.createSky();\n \n // Add some decorative elements\n this.createDecorations();\n }\n\n private createTrees() {\n const treePositions = [\n { x: -70, z: 40 }, { x: -60, z: 50 }, { x: -80, z: 30 },\n { x: 70, z: 40 }, { x: 60, z: 50 }, { x: 80, z: 30 },\n { x: -70, z: -40 }, { x: -60, z: -50 }, { x: -80, z: -30 },\n { x: 70, z: -40 }, { x: 60, z: -50 }, { x: 80, z: -30 },\n ];\n\n treePositions.forEach(pos => {\n const tree = new THREE.Group();\n\n // Trunk\n const trunkGeometry = new THREE.CylinderGeometry(0.5, 0.8, 8);\n const trunkMaterial = new THREE.MeshLambertMaterial({ color: 0x8B4513 });\n const trunk = new THREE.Mesh(trunkGeometry, trunkMaterial);\n trunk.position.y = 4;\n trunk.castShadow = true;\n tree.add(trunk);\n\n // Leaves\n const leavesGeometry = new THREE.SphereGeometry(4, 8, 8);\n const leavesMaterial = new THREE.MeshLambertMaterial({ color: 0x228B22 });\n const leaves = new THREE.Mesh(leavesGeometry, leavesMaterial);\n leaves.position.y = 10;\n leaves.castShadow = true;\n tree.add(leaves);\n\n tree.position.set(pos.x, 0, pos.z);\n this.scene.add(tree);\n });\n }\n\n private createSky() {\n // Simple sky sphere\n const skyGeometry = new THREE.SphereGeometry(500, 32, 32);\n const skyMaterial = new THREE.MeshBasicMaterial({ \n color: 0x87CEEB,\n side: THREE.BackSide\n });\n const sky = new THREE.Mesh(skyGeometry, skyMaterial);\n this.scene.add(sky);\n }\n\n private createDecorations() {\n // Add some spectator stands\n const standPositions = [\n { x: -40, z: 20, rotation: Math.PI / 4 },\n { x: 40, z: 20, rotation: -Math.PI / 4 },\n { x: -40, z: -20, rotation: -Math.PI / 4 },\n { x: 40, z: -20, rotation: Math.PI / 4 },\n ];\n\n standPositions.forEach(pos => {\n const standGeometry = new THREE.BoxGeometry(15, 8, 5);\n const standMaterial = new THREE.MeshLambertMaterial({ color: 0x666666 });\n const stand = new THREE.Mesh(standGeometry, standMaterial);\n stand.position.set(pos.x, 4, pos.z);\n stand.rotation.y = pos.rotation;\n stand.castShadow = true;\n stand.receiveShadow = true;\n this.scene.add(stand);\n });\n\n // Add some flags\n const flagPositions = [\n { x: -30, z: 45 }, { x: 30, z: 45 },\n { x: -30, z: -45 }, { x: 30, z: -45 }\n ];\n\n flagPositions.forEach(pos => {\n const poleGeometry = new THREE.CylinderGeometry(0.1, 0.1, 10);\n const poleMaterial = new THREE.MeshLambertMaterial({ color: 0xffffff });\n const pole = new THREE.Mesh(poleGeometry, poleMaterial);\n pole.position.set(pos.x, 5, pos.z);\n this.scene.add(pole);\n\n const flagGeometry = new THREE.PlaneGeometry(3, 2);\n const flagMaterial = new THREE.MeshLambertMaterial({ \n color: Math.random() * 0xffffff,\n side: THREE.DoubleSide\n });\n const flag = new THREE.Mesh(flagGeometry, flagMaterial);\n flag.position.set(pos.x + 1.5, 8, pos.z);\n this.scene.add(flag);\n });\n }\n\n getTrack(): Track {\n return this.track;\n }\n\n getCheckpoints(): Checkpoint[] {\n return this.track.checkpoints;\n }\n\n getStartPosition() {\n return this.track.startPosition;\n }\n\n getStartRotation() {\n return this.track.startRotation;\n }\n}",[],[67,122,181,191],"8e24f426-37cc-11f0-8995-9e149126039e","Car.ts","8e24f4e4-37cc-11f0-8995-9e149126039e",["D",1748001214608],"import * as THREE from \"https://esm.sh/three@0.158.0\";\nimport * as CANNON from \"https://esm.sh/cannon-es@0.20.0\";\nimport { Controls, Vector3 } from \"../../../shared/types.ts\";\n\nexport class CarController {\n private scene: THREE.Scene;\n private world: CANNON.World;\n private carMesh: THREE.Group;\n private carBody: CANNON.Body;\n private wheels: THREE.Mesh[] = [];\n private wheelBodies: CANNON.Body[] = [];\n private constraints: CANNON.PointToPointConstraint[] = [];\n \n // Car physics properties\n private maxSteerVal = 0.5;\n private maxForce = 1500;\n private brakeForce = 1000;\n private maxSpeed = 80;\n \n // Current state\n private currentSteer = 0;\n private currentForce = 0;\n private currentBrake = 0;\n\n constructor(scene: THREE.Scene, world: CANNON.World) {\n this.scene = scene;\n this.world = world;\n this.createCar();\n }\n\n private createCar() {\n // Create car body (main chassis)\n const carGeometry = new THREE.BoxGeometry(4, 1, 8);\n const carMaterial = new THREE.MeshLambertMaterial({ color: 0xff0000 });\n this.carMesh = new THREE.Group();\n \n // Main body\n const bodyMesh = new THREE.Mesh(carGeometry, carMaterial);\n bodyMesh.castShadow = true;\n bodyMesh.receiveShadow = true;\n this.carMesh.add(bodyMesh);\n \n // Add some car details\n // Windshield\n const windshieldGeometry = new THREE.BoxGeometry(3.5, 0.8, 2);\n const windshieldMaterial = new THREE.MeshLambertMaterial({ \n color: 0x87CEEB, \n transparent: true, \n opacity: 0.7 \n });\n const windshield = new THREE.Mesh(windshieldGeometry, windshieldMaterial);\n windshield.position.set(0, 0.9, 1);\n this.carMesh.add(windshield);\n \n // Headlights\n const headlightGeometry = new THREE.SphereGeometry(0.3, 8, 8);\n const headlightMaterial = new THREE.MeshLambertMaterial({ color: 0xffffaa });\n \n const leftHeadlight = new THREE.Mesh(headlightGeometry, headlightMaterial);\n leftHeadlight.position.set(-1.5, 0.2, 4);\n this.carMesh.add(leftHeadlight);\n \n const rightHeadlight = new THREE.Mesh(headlightGeometry, headlightMaterial);\n rightHeadlight.position.set(1.5, 0.2, 4);\n this.carMesh.add(rightHeadlight);\n \n this.scene.add(this.carMesh);\n\n // Physics body\n const carShape = new CANNON.Box(new CANNON.Vec3(2, 0.5, 4));\n this.carBody = new CANNON.Body({ mass: 500 });\n this.carBody.addShape(carShape);\n this.carBody.position.set(0, 2, 0);\n this.carBody.material = new CANNON.Material({ friction: 0.4, restitution: 0.3 });\n this.world.addBody(this.carBody);\n\n // Create wheels\n this.createWheels();\n }\n\n private createWheels() {\n const wheelGeometry = new THREE.CylinderGeometry(0.8, 0.8, 0.5, 8);\n const wheelMaterial = new THREE.MeshLambertMaterial({ color: 0x333333 });\n \n const wheelPositions = [\n { x: -1.7, z: 2.5 }, // Front left\n { x: 1.7, z: 2.5 }, // Front right\n { x: -1.7, z: -2.5 }, // Rear left\n { x: 1.7, z: -2.5 } // Rear right\n ];\n\n wheelPositions.forEach((pos, index) => {\n // Visual wheel\n const wheel = new THREE.Mesh(wheelGeometry, wheelMaterial);\n wheel.rotation.z = Math.PI / 2;\n wheel.castShadow = true;\n this.wheels.push(wheel);\n this.carMesh.add(wheel);\n \n // Physics wheel\n const wheelShape = new CANNON.Cylinder(0.8, 0.8, 0.5, 8);\n const wheelBody = new CANNON.Body({ mass: 10 });\n wheelBody.addShape(wheelShape);\n wheelBody.material = new CANNON.Material({ friction: 1.5, restitution: 0.1 });\n this.wheelBodies.push(wheelBody);\n this.world.addBody(wheelBody);\n \n // Connect wheel to car with constraint\n const constraint = new CANNON.PointToPointConstraint(\n this.carBody,\n new CANNON.Vec3(pos.x, -0.5, pos.z),\n wheelBody,\n new CANNON.Vec3(0, 0, 0)\n );\n this.constraints.push(constraint);\n this.world.addConstraint(constraint);\n });\n }\n\n update(controls: Controls, deltaTime: number) {\n // Handle reset\n if (controls.reset) {\n this.resetPosition();\n return;\n }\n\n // Calculate steering\n let targetSteer = 0;\n if (controls.left) targetSteer += this.maxSteerVal;\n if (controls.right) targetSteer -= this.maxSteerVal;\n \n // Smooth steering\n this.currentSteer = THREE.MathUtils.lerp(this.currentSteer, targetSteer, deltaTime * 5);\n\n // Calculate force\n let targetForce = 0;\n if (controls.forward) targetForce = this.maxForce;\n if (controls.backward) targetForce = -this.maxForce * 0.7; // Reverse is slower\n \n // Smooth acceleration\n this.currentForce = THREE.MathUtils.lerp(this.currentForce, targetForce, deltaTime * 3);\n\n // Handle braking\n this.currentBrake = controls.handbrake ? this.brakeForce : 0;\n\n // Apply forces to wheels\n this.applyWheelForces();\n \n // Update visual wheels\n this.updateWheelVisuals();\n \n // Update car mesh position and rotation\n this.carMesh.position.copy(this.carBody.position as any);\n this.carMesh.quaternion.copy(this.carBody.quaternion as any);\n \n // Add some engine sound effect (visual feedback)\n if (Math.abs(this.currentForce) > 100) {\n this.addExhaustParticles();\n }\n }\n\n private applyWheelForces() {\n const speed = this.carBody.velocity.length();\n \n // Limit max speed\n if (speed > this.maxSpeed && this.currentForce > 0) {\n this.currentForce *= 0.1;\n }\n\n // Apply steering to front wheels\n const frontWheels = [0, 1]; // Front left and right\n frontWheels.forEach(i => {\n const wheel = this.wheelBodies[i];\n \n // Steering force\n const steerForce = new CANNON.Vec3(\n Math.sin(this.currentSteer) * this.currentForce,\n 0,\n Math.cos(this.currentSteer) * this.currentForce\n );\n \n // Transform force to world space\n this.carBody.quaternion.vmult(steerForce, steerForce);\n wheel.applyForce(steerForce, wheel.position);\n \n // Apply brake\n if (this.currentBrake > 0) {\n const brakeForce = wheel.velocity.clone();\n brakeForce.scale(-this.currentBrake);\n wheel.applyForce(brakeForce, wheel.position);\n }\n });\n\n // Apply force to rear wheels (for acceleration)\n const rearWheels = [2, 3]; // Rear left and right\n rearWheels.forEach(i => {\n const wheel = this.wheelBodies[i];\n \n // Forward/backward force\n const driveForce = new CANNON.Vec3(0, 0, this.currentForce);\n this.carBody.quaternion.vmult(driveForce, driveForce);\n wheel.applyForce(driveForce, wheel.position);\n \n // Apply brake\n if (this.currentBrake > 0) {\n const brakeForce = wheel.velocity.clone();\n brakeForce.scale(-this.currentBrake);\n wheel.applyForce(brakeForce, wheel.position);\n }\n });\n }\n\n private updateWheelVisuals() {\n this.wheels.forEach((wheel, index) => {\n const wheelBody = this.wheelBodies[index];\n wheel.position.copy(wheelBody.position as any);\n wheel.quaternion.copy(wheelBody.quaternion as any);\n \n // Convert to local coordinates relative to car\n this.carMesh.worldToLocal(wheel.position);\n });\n }\n\n private addExhaustParticles() {\n // Simple particle effect for exhaust\n const particleGeometry = new THREE.SphereGeometry(0.1, 4, 4);\n const particleMaterial = new THREE.MeshBasicMaterial({ \n color: 0x666666,\n transparent: true,\n opacity: 0.5\n });\n \n const particle = new THREE.Mesh(particleGeometry, particleMaterial);\n \n // Position behind the car\n const exhaustPos = new THREE.Vector3(0, 0, -4);\n this.carMesh.localToWorld(exhaustPos);\n particle.position.copy(exhaustPos);\n \n this.scene.add(particle);\n \n // Animate particle\n const startTime = Date.now();\n const animate = () => {\n const elapsed = Date.now() - startTime;\n if (elapsed > 1000) {\n this.scene.remove(particle);\n return;\n }\n \n particle.position.y += 0.02;\n particle.material.opacity = 0.5 * (1 - elapsed / 1000);\n particle.scale.multiplyScalar(1.02);\n \n requestAnimationFrame(animate);\n };\n animate();\n }\n\n resetPosition() {\n this.carBody.position.set(0, 2, 0);\n this.carBody.quaternion.set(0, 0, 0, 1);\n this.carBody.velocity.set(0, 0, 0);\n this.carBody.angularVelocity.set(0, 0, 0);\n \n // Reset wheels\n this.wheelBodies.forEach((wheel, index) => {\n const positions = [\n { x: -1.7, z: 2.5 }, // Front left\n { x: 1.7, z: 2.5 }, // Front right\n { x: -1.7, z: -2.5 }, // Rear left\n { x: 1.7, z: -2.5 } // Rear right\n ];\n \n wheel.position.set(positions[index].x, 1.5, positions[index].z);\n wheel.quaternion.set(0, 0, 0, 1);\n wheel.velocity.set(0, 0, 0);\n wheel.angularVelocity.set(0, 0, 0);\n });\n }\n\n // Getters for game state\n getPosition(): Vector3 {\n return {\n x: this.carBody.position.x,\n y: this.carBody.position.y,\n z: this.carBody.position.z\n };\n }\n\n getRotation(): Vector3 {\n const euler = new THREE.Euler().setFromQuaternion(this.carBody.quaternion as any);\n return {\n x: euler.x,\n y: euler.y,\n z: euler.z\n };\n }\n\n getVelocity(): Vector3 {\n return {\n x: this.carBody.velocity.x,\n y: this.carBody.velocity.y,\n z: this.carBody.velocity.z\n };\n }\n\n getSpeed(): number {\n return this.carBody.velocity.length();\n }\n\n getAcceleration(): number {\n return this.currentForce / this.maxForce;\n }\n\n getSteering(): number {\n return this.currentSteer / this.maxSteerVal;\n }\n\n setPosition(x: number, y: number, z: number) {\n this.carBody.position.set(x, y, z);\n }\n\n setRotation(x: number, y: number, z: number) {\n const quaternion = new THREE.Quaternion().setFromEuler(new THREE.Euler(x, y, z));\n this.carBody.quaternion.set(quaternion.x, quaternion.y, quaternion.z, quaternion.w);\n }\n}",[],[67,122,181,199],"bb68f766-37cc-11f0-b79d-9e149126039e","Camera.ts","bb68f810-37cc-11f0-b79d-9e149126039e",17,["D",1748001290550],"import * as THREE from \"https://esm.sh/three@0.158.0\";\nimport { Vector3 } from \"../../../shared/types.ts\";\n\nexport class CameraController {\n private camera: THREE.PerspectiveCamera;\n private targetPosition = new THREE.Vector3();\n private targetLookAt = new THREE.Vector3();\n private currentPosition = new THREE.Vector3();\n private currentLookAt = new THREE.Vector3();\n \n // Camera settings\n private followDistance = 15;\n private followHeight = 8;\n private lookAheadDistance = 5;\n private smoothness = 0.05;\n private speedInfluence = 0.3;\n\n constructor(camera: THREE.PerspectiveCamera) {\n this.camera = camera;\n \n // Initialize camera position\n this.camera.position.set(0, this.followHeight, -this.followDistance);\n this.camera.lookAt(0, 0, 0);\n \n this.currentPosition.copy(this.camera.position);\n this.currentLookAt.set(0, 0, 0);\n }\n\n update(carPosition: Vector3, carRotation: Vector3, deltaTime: number) {\n // Convert car rotation to direction vector\n const carDirection = new THREE.Vector3(0, 0, 1);\n const carQuaternion = new THREE.Quaternion().setFromEuler(\n new THREE.Euler(carRotation.x, carRotation.y, carRotation.z)\n );\n carDirection.applyQuaternion(carQuaternion);\n\n // Calculate target camera position (behind the car)\n const carPos = new THREE.Vector3(carPosition.x, carPosition.y, carPosition.z);\n const behindCar = carDirection.clone().multiplyScalar(-this.followDistance);\n \n this.targetPosition.copy(carPos)\n .add(behindCar)\n .add(new THREE.Vector3(0, this.followHeight, 0));\n\n // Calculate look-at target (ahead of the car)\n const aheadOfCar = carDirection.clone().multiplyScalar(this.lookAheadDistance);\n this.targetLookAt.copy(carPos)\n .add(aheadOfCar)\n .add(new THREE.Vector3(0, 2, 0));\n\n // Smooth camera movement\n this.currentPosition.lerp(this.targetPosition, this.smoothness);\n this.currentLookAt.lerp(this.targetLookAt, this.smoothness);\n\n // Apply position and look-at\n this.camera.position.copy(this.currentPosition);\n this.camera.lookAt(this.currentLookAt);\n\n // Add some camera shake for high speeds (optional)\n // this.addSpeedShake(speed);\n }\n\n private addSpeedShake(speed: number) {\n if (speed > 30) {\n const shakeIntensity = Math.min((speed - 30) * 0.01, 0.5);\n const shakeX = (Math.random() - 0.5) * shakeIntensity;\n const shakeY = (Math.random() - 0.5) * shakeIntensity;\n const shakeZ = (Math.random() - 0.5) * shakeIntensity;\n \n this.camera.position.add(new THREE.Vector3(shakeX, shakeY, shakeZ));\n }\n }\n\n // Camera mode switching (for future enhancement)\n setCameraMode(mode: 'follow' | 'cockpit' | 'overhead') {\n switch (mode) {\n case 'follow':\n this.followDistance = 15;\n this.followHeight = 8;\n break;\n case 'cockpit':\n this.followDistance = 0;\n this.followHeight = 1;\n break;\n case 'overhead':\n this.followDistance = 0;\n this.followHeight = 50;\n break;\n }\n }\n\n // Adjust camera settings\n setFollowDistance(distance: number) {\n this.followDistance = distance;\n }\n\n setFollowHeight(height: number) {\n this.followHeight = height;\n }\n\n setSmoothness(smoothness: number) {\n this.smoothness = Math.max(0.01, Math.min(1, smoothness));\n }\n}",[],[67,122,181,206],["D",1748000900009],[216],[73],{"_36":217,"_13":218,"_39":219,"_41":74,"_42":43,"_44":220,"_46":47,"_48":221,"_17":50,"_51":95,"_52":222,"_54":55,"_56":-5,"_83":223,"_18":224},"c1b8153e-37cc-11f0-83df-9e149126039e","index.ts","d2a1032a-37cb-11f0-b4e8-9e149126039e",18,["D",1748001301131],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files from frontend and shared directories\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve the main game page\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Add any initial game data if needed\n const gameData = {\n version: \"1.0.0\",\n timestamp: Date.now()\n };\n \n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n});\n\n// API endpoint for game statistics (future enhancement)\napp.get(\"/api/stats\", c => {\n return c.json({\n totalRaces: 0,\n bestLapTime: null,\n averageSpeed: 0\n });\n});\n\n// API endpoint for leaderboard (future enhancement)\napp.get(\"/api/leaderboard\", c => {\n return c.json([]);\n});\n\nexport default app;",[],[73,218],"a6b98994-37cb-11f0-a005-9e149126039e",["D",1748000826353],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","4f2203e0-f80c-11ef-9837-89444453db5f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","c9d9348e-97d9-49c6-9f75-ab7a49b69640","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_277":273},"org",{"_11":12,"_271":-5,"_272":273,"_234":235,"_274":275,"_276":55},"branch",{"_17":220,"_13":16,"_36":43,"_263":225,"_264":-5,"_265":-5,"_266":-5,"_267":-5,"_268":-5,"_269":14,"_270":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydG5kSjhTU054MXM3bE9Vb0dPYWpqczZRRjkifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":225,"_13":14,"_48":370,"_227":-5,"_228":55,"_229":230,"_231":230,"_232":-5,"_233":-5,"_234":235,"_236":-5,"_237":55,"_238":-5,"_239":-5,"_240":63,"_241":242,"_243":-5,"_244":-5,"_245":-5,"_246":-5,"_247":248,"_249":248,"_250":251,"_252":251,"_253":251,"_254":248,"_255":248,"_256":371,"_258":372,"_260":373,"_262":55},[313,315,329,331],"files",[313,314,315,316,317,318,319,320,321,322,323,324,325,326,327,328,329,330,331],"counts",{"_304":63,"_305":50,"_306":63,"_31":307,"_308":309},[296,297,298,299],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":72,"_13":73,"_39":74,"_41":-5,"_42":43,"_44":75,"_46":47,"_48":76,"_17":63,"_51":64,"_52":-5,"_54":55,"_56":-5,"_18":303},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":70,"_17":63,"_51":64,"_52":-5,"_54":55,"_56":-5,"_18":302},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":62,"_17":63,"_51":64,"_52":-5,"_54":55,"_56":-5,"_18":301},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":300},[38],[59],[67],[73],"pulls","branches","forks",{"_310":63,"_312":63},"connections",{"_310":63,"_311":63},"count","unfilledCount","emptyCount",{"_36":72,"_13":73,"_39":74,"_41":-5,"_42":43,"_44":75,"_46":47,"_48":213,"_17":63,"_51":64,"_52":-5,"_54":55,"_56":-5,"_83":368,"_18":369},{"_36":217,"_13":218,"_39":219,"_41":74,"_42":43,"_44":220,"_46":47,"_48":221,"_17":50,"_51":95,"_52":222,"_54":55,"_56":-5,"_83":366,"_18":367},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":99,"_17":63,"_51":64,"_52":-5,"_54":55,"_56":-5,"_83":364,"_18":365},{"_36":121,"_13":122,"_39":123,"_41":68,"_42":43,"_44":124,"_46":47,"_48":125,"_17":63,"_51":64,"_52":-5,"_54":55,"_56":-5,"_83":362,"_18":363},{"_36":180,"_13":181,"_39":182,"_41":123,"_42":43,"_44":183,"_46":47,"_48":184,"_17":63,"_51":64,"_52":-5,"_54":55,"_56":-5,"_83":360,"_18":361},{"_36":205,"_13":206,"_39":207,"_41":182,"_42":43,"_44":208,"_46":47,"_48":209,"_17":63,"_51":95,"_52":210,"_54":55,"_56":-5,"_83":358,"_18":359},{"_36":198,"_13":199,"_39":200,"_41":182,"_42":43,"_44":183,"_46":47,"_48":201,"_17":63,"_51":95,"_52":202,"_54":55,"_56":-5,"_83":356,"_18":357},{"_36":190,"_13":191,"_39":192,"_41":182,"_42":43,"_44":193,"_46":47,"_48":194,"_17":63,"_51":95,"_52":195,"_54":55,"_56":-5,"_83":354,"_18":355},{"_36":156,"_13":157,"_39":158,"_41":123,"_42":43,"_44":159,"_46":47,"_48":160,"_17":63,"_51":64,"_52":-5,"_54":55,"_56":-5,"_83":352,"_18":353},{"_36":173,"_13":174,"_39":175,"_41":158,"_42":43,"_44":159,"_46":47,"_48":176,"_17":63,"_51":95,"_52":177,"_54":55,"_56":-5,"_83":350,"_18":351},{"_36":165,"_13":166,"_39":167,"_41":158,"_42":43,"_44":168,"_46":47,"_48":169,"_17":63,"_51":95,"_52":170,"_54":55,"_56":-5,"_83":348,"_18":349},{"_36":149,"_13":150,"_39":151,"_41":123,"_42":43,"_44":124,"_46":47,"_48":152,"_17":63,"_51":95,"_52":153,"_54":55,"_56":-5,"_83":346,"_18":347},{"_36":141,"_13":142,"_39":143,"_41":123,"_42":43,"_44":144,"_46":47,"_48":145,"_17":63,"_51":95,"_52":146,"_54":55,"_56":-5,"_83":344,"_18":345},{"_36":133,"_13":134,"_39":135,"_41":123,"_42":43,"_44":136,"_46":47,"_48":137,"_17":63,"_51":95,"_52":138,"_54":55,"_56":-5,"_83":342,"_18":343},{"_36":113,"_13":114,"_39":115,"_41":68,"_42":43,"_44":116,"_46":47,"_48":117,"_17":50,"_51":24,"_52":118,"_54":55,"_56":-5,"_83":340,"_18":341},{"_36":105,"_13":106,"_39":107,"_41":68,"_42":43,"_44":108,"_46":47,"_48":109,"_17":50,"_51":95,"_52":110,"_54":55,"_56":-5,"_83":338,"_18":339},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":86,"_17":63,"_51":64,"_52":-5,"_54":55,"_56":-5,"_83":336,"_18":337},{"_36":90,"_13":91,"_39":92,"_41":60,"_42":43,"_44":93,"_46":47,"_48":94,"_17":50,"_51":95,"_52":96,"_54":55,"_56":-5,"_83":334,"_18":335},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":82,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_83":332,"_18":333},[],[38],[],[59,91],[330],[59],[],[67,106],[],[67,114],[],[67,122,134],[],[67,122,142],[],[67,122,150],[],[67,122,157,166],[],[67,122,157,174],[322,323],[67,122,157],[],[67,122,181,191],[],[67,122,181,199],[],[67,122,181,206],[318,319,320],[67,122,181],[317,321,324,325,326],[67,122],[316,327,328],[67],[],[73,218],[314],[73],["D",1748000826353],{"_11":12,"_277":273},{"_11":12,"_271":-5,"_272":273,"_234":235,"_274":275,"_276":55},{"_17":220,"_13":16,"_36":43,"_263":225,"_264":-5,"_265":-5,"_266":-5,"_267":-5,"_268":-5,"_269":14,"_270":12},"ctx",{"_256":-5,"_293":407,"_408":409,"_410":411,"_412":55,"_413":55,"_414":55,"_415":47,"_416":-5,"_417":-7,"_418":-7,"_419":63,"_420":55,"_421":55,"_422":-5,"_423":55,"_424":55,"_425":55,"_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","c73f21da490985bff19c279eb0e09db24d688e4f","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"]

Code