[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_279":280,"_281":282},"routes/_app.x.$handle.$name",{"_93":92,"_31":44,"_101":83,"_26":102,"_13":14,"_103":-5,"_11":104,"_105":106,"_107":108,"_109":110,"_111":112,"_20":-5,"_113":-5,"_114":-5,"_115":24,"_116":117,"_118":24,"_119":-5,"_120":-5,"_121":122},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":76,"_77":78,"_79":80,"_81":24},"version",14,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/components/UI/Menu.tsx","latestPath","fileId","7276f850-37cc-11f0-82c2-9e149126039e","name","Menu.tsx","fileType","script","content","/** @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}","createdAt",["D",1748001168168],"branchVersion","branchId","a6b9d2aa-37cb-11f0-a005-9e149126039e","id","a6b98994-37cb-11f0-a005-9e149126039e","MyApp",["D",1748000826353],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","4f2203e0-f80c-11ef-9837-89444453db5f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","c9d9348e-97d9-49c6-9f75-ab7a49b69640","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_93":92,"_100":96},"org",{"_93":92,"_94":-5,"_95":96,"_18":53,"_97":98,"_99":24},"branch",{"_13":82,"_31":83,"_42":41,"_84":43,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":44,"_91":92},"isOwned",18,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Desidev","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydG5kSjhTU054MXM3bE9Vb0dPYWpqczZRRjkifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":275,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":276,"_77":277,"_79":278,"_81":24},"tree",[168,170,180,182],"files",[168,169,170,171,172,173,174,175,176,177,178,179,180,181,182],"counts",{"_158":59,"_159":135,"_160":59,"_161":162,"_163":164},"contents",[123,124,125,126],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":152,"_31":153,"_29":154,"_130":-5,"_40":41,"_39":155,"_132":133,"_37":156,"_13":59,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":157},{"_42":146,"_31":147,"_29":148,"_130":-5,"_40":41,"_39":149,"_132":133,"_37":150,"_13":59,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":151},{"_42":139,"_31":140,"_29":141,"_130":-5,"_40":41,"_39":142,"_132":133,"_37":143,"_13":59,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":145},{"_42":127,"_31":128,"_29":129,"_130":-5,"_40":41,"_39":131,"_132":133,"_37":134,"_13":135,"_33":20,"_35":136,"_23":24,"_137":-5,"_26":138},"3016a154-37cc-11f0-bc6f-9e149126039e","README.md","c33d3a5c-37cb-11f0-8efc-9e149126039e","parentId",8,"latest",true,["D",1748001056807],1,"# 3D Car Racing Game\n\nA thrilling 3D car racing game built with Three.js, featuring realistic physics, multiple tracks, and smooth controls.\n\n## Features\n\n- 🏎️ 3D car models with realistic physics\n- 🏁 Multiple racing tracks\n- 🎮 Smooth keyboard controls (WASD/Arrow keys)\n- 📊 Real-time speedometer and lap timing\n- 🎯 Checkpoints and lap counting\n- 🌟 Particle effects and visual enhancements\n- 📱 Responsive design that works on desktop and mobile\n\n## Controls\n\n- **W/↑**: Accelerate\n- **S/↓**: Brake/Reverse\n- **A/←**: Turn Left\n- **D/→**: Turn Right\n- **Space**: Handbrake\n- **R**: Reset car position\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Hono server for static files\n├── frontend/\n│ ├── components/\n│ │ ├── Game.tsx # Main game component\n│ │ ├── UI/\n│ │ │ ├── HUD.tsx # Heads-up display\n│ │ │ ├── Menu.tsx # Main menu\n│ │ │ └── Controls.tsx # Control instructions\n│ │ └── Game/\n│ │ ├── Car.ts # Car physics and rendering\n│ │ ├── Track.ts # Track generation and management\n│ │ ├── Camera.ts # Camera controls\n│ │ └── Physics.ts # Physics engine integration\n│ ├── assets/\n│ │ ├── models/ # 3D models (if any)\n│ │ └── textures/ # Texture files\n│ ├── index.html # Main HTML template\n│ └── index.tsx # Frontend entry point\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Tech Stack\n\n- **3D Engine**: Three.js\n- **Physics**: Cannon.js (for realistic car physics)\n- **Frontend**: React 18.2.0 with TypeScript\n- **Styling**: TailwindCSS\n- **Backend**: Hono (for serving static assets)\n- **Controls**: Keyboard input handling\n\n## Game Mechanics\n\n- Realistic car physics with acceleration, braking, and steering\n- Track boundaries and collision detection\n- Lap timing and checkpoint system\n- Speed-based camera effects\n- Particle systems for exhaust and dust effects","label",[128],"c5b09f4a-37cb-11f0-9799-9e149126039e","shared","3ac8ed1b-a689-47bc-b09d-18ec25a826e3",2,["D",1748000878298],"directory",[140],"d86fedf2-37cb-11f0-83a6-9e149126039e","frontend","848a90b8-4571-4ef9-bdaa-ef9ef17db7f0",4,["D",1748000909752],[147],"d2a140e2-37cb-11f0-b4e8-9e149126039e","backend","b507ea6d-2910-4a3a-8c84-f1b738408f4d",3,["D",1748000900009],[153],"pulls","branches","forks","envVars",{"_165":59,"_167":59},"connections",{"_165":59,"_166":59},"count","unfilledCount","emptyCount",{"_42":152,"_31":153,"_29":154,"_130":-5,"_40":41,"_39":155,"_132":133,"_37":272,"_13":59,"_33":144,"_35":-5,"_23":24,"_137":-5,"_184":273,"_26":274},{"_42":265,"_31":266,"_29":267,"_130":154,"_40":41,"_39":155,"_132":24,"_37":268,"_13":59,"_33":34,"_35":269,"_23":24,"_137":-5,"_184":270,"_26":271},{"_42":146,"_31":147,"_29":148,"_130":-5,"_40":41,"_39":149,"_132":133,"_37":262,"_13":59,"_33":144,"_35":-5,"_23":24,"_137":-5,"_184":263,"_26":264},{"_42":258,"_31":223,"_29":217,"_130":148,"_40":41,"_39":235,"_132":133,"_37":259,"_13":59,"_33":144,"_35":-5,"_23":24,"_137":-5,"_184":260,"_26":261},{"_42":254,"_31":245,"_29":241,"_130":217,"_40":41,"_39":249,"_132":133,"_37":255,"_13":59,"_33":144,"_35":-5,"_23":24,"_137":-5,"_184":256,"_26":257},{"_42":246,"_31":247,"_29":248,"_130":241,"_40":41,"_39":249,"_132":133,"_37":250,"_13":59,"_33":34,"_35":251,"_23":24,"_137":-5,"_184":252,"_26":253},{"_42":240,"_31":32,"_29":30,"_130":241,"_40":41,"_39":14,"_132":133,"_37":242,"_13":59,"_33":34,"_35":36,"_23":24,"_137":-5,"_184":243,"_26":244},{"_42":232,"_31":233,"_29":234,"_130":217,"_40":41,"_39":235,"_132":133,"_37":236,"_13":59,"_33":34,"_35":237,"_23":24,"_137":-5,"_184":238,"_26":239},{"_42":224,"_31":225,"_29":226,"_130":217,"_40":41,"_39":227,"_132":133,"_37":228,"_13":59,"_33":34,"_35":229,"_23":24,"_137":-5,"_184":230,"_26":231},{"_42":214,"_31":215,"_29":216,"_130":217,"_40":41,"_39":218,"_132":133,"_37":219,"_13":59,"_33":34,"_35":220,"_23":24,"_137":-5,"_184":221,"_26":222},{"_42":206,"_31":207,"_29":208,"_130":148,"_40":41,"_39":209,"_132":133,"_37":210,"_13":135,"_33":20,"_35":211,"_23":24,"_137":-5,"_184":212,"_26":213},{"_42":198,"_31":199,"_29":200,"_130":148,"_40":41,"_39":201,"_132":133,"_37":202,"_13":135,"_33":34,"_35":203,"_23":24,"_137":-5,"_184":204,"_26":205},{"_42":139,"_31":140,"_29":141,"_130":-5,"_40":41,"_39":142,"_132":133,"_37":195,"_13":59,"_33":144,"_35":-5,"_23":24,"_137":-5,"_184":196,"_26":197},{"_42":187,"_31":188,"_29":189,"_130":141,"_40":41,"_39":190,"_132":133,"_37":191,"_13":135,"_33":34,"_35":192,"_23":24,"_137":-5,"_184":193,"_26":194},{"_42":127,"_31":128,"_29":129,"_130":-5,"_40":41,"_39":131,"_132":133,"_37":183,"_13":135,"_33":20,"_35":136,"_23":24,"_137":-5,"_184":185,"_26":186},["D",1748001056807],"children",[],[128],"35836de8-37cc-11f0-ba93-9e149126039e","types.ts","c5b08280-37cb-11f0-9799-9e149126039e",9,["D",1748001065906],"// Shared types for the 3D Car Racing Game\n\nexport interface Vector3 {\n x: number;\n y: number;\n z: number;\n}\n\nexport interface CarState {\n position: Vector3;\n rotation: Vector3;\n velocity: Vector3;\n speed: number;\n acceleration: number;\n steering: number;\n isAccelerating: boolean;\n isBraking: boolean;\n isHandbraking: boolean;\n}\n\nexport interface GameState {\n isPlaying: boolean;\n isPaused: boolean;\n currentLap: number;\n totalLaps: number;\n lapTime: number;\n bestLapTime: number;\n checkpointsHit: number;\n totalCheckpoints: number;\n raceStartTime: number;\n}\n\nexport interface Checkpoint {\n id: number;\n position: Vector3;\n rotation: number;\n width: number;\n height: number;\n isFinishLine: boolean;\n}\n\nexport interface Track {\n id: string;\n name: string;\n checkpoints: Checkpoint[];\n startPosition: Vector3;\n startRotation: Vector3;\n boundaries: Vector3[];\n}\n\nexport interface Controls {\n forward: boolean;\n backward: boolean;\n left: boolean;\n right: boolean;\n handbrake: boolean;\n reset: boolean;\n}\n\nexport interface GameSettings {\n graphics: {\n shadows: boolean;\n particles: boolean;\n antialiasing: boolean;\n };\n audio: {\n engine: boolean;\n effects: boolean;\n music: boolean;\n volume: number;\n };\n controls: {\n sensitivity: number;\n invertY: boolean;\n };\n}\n\nexport interface RaceResult {\n lapTimes: number[];\n totalTime: number;\n bestLap: number;\n averageSpeed: number;\n topSpeed: number;\n}",[],[140,188],["D",1748000878298],[181],[140],"4330ce7c-37cc-11f0-a6db-9e149126039e","index.tsx","dc0b3d18-37cb-11f0-9ccb-9e149126039e",11,["D",1748001088856],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport Game from \"./components/Game.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[147,199],"406fd2fa-37cc-11f0-bcbd-9e149126039e","index.html","d86fc8d6-37cb-11f0-83a6-9e149126039e",10,["D",1748001084232],"\n\n\n \n \n 3D Car Racing Game\n \n \n \n\n\n

\n \n\n",[],[147,207],"ef13ccb8-37cb-11f0-aff0-9e149126039e","WeatherWidget.tsx","ef13cd4e-37cb-11f0-aff0-9e149126039e","b7344c47-dc3a-40fa-81fd-13bc02164982",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}",[],[147,223,215],"components","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}",[],[147,223,225],"e5aff318-37cb-11f0-aa59-9e149126039e","App.tsx","e5aff3c2-37cb-11f0-aa59-9e149126039e",6,["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}",[],[147,223,233],"7276f684-37cc-11f0-82c2-9e149126039e","4eae227a-dc2a-4361-ae59-5dd433d5dd85",["D",1748001168168],[],[147,223,245,32],"UI","64fc1c82-37cc-11f0-a5c6-9e149126039e","HUD.tsx","64fc1d36-37cc-11f0-a5c6-9e149126039e",13,["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}",[],[147,223,245,247],"64fc4130-37cc-11f0-a5c6-9e149126039e",["D",1748001145554],[173,174],[147,223,245],"e5b0110e-37cb-11f0-aa59-9e149126039e",["D",1748000931984],[172,175,176,177],[147,223],["D",1748000909752],[171,178,179],[147],"d2a10280-37cb-11f0-b4e8-9e149126039e","index.ts","d2a1032a-37cb-11f0-b4e8-9e149126039e",["D",1748000900009],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport type { WeatherData, QuickLink, Note, DashboardData } from \"../shared/types.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\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Get weather data from Open-Meteo API\nasync function getWeatherData(lat: number = 40.7128, lon: number = -74.0060): Promise {\n try {\n const response = await fetch(\n `https://api.open-meteo.com/v1/forecast?latitude=${lat}&longitude=${lon}¤t=temperature_2m,relative_humidity_2m,wind_speed_10m,weather_code&timezone=auto`\n );\n const data = await response.json();\n \n const weatherCodes: { [key: number]: string } = {\n 0: \"Clear sky\",\n 1: \"Mainly clear\",\n 2: \"Partly cloudy\",\n 3: \"Overcast\",\n 45: \"Foggy\",\n 48: \"Depositing rime fog\",\n 51: \"Light drizzle\",\n 53: \"Moderate drizzle\",\n 55: \"Dense drizzle\",\n 61: \"Slight rain\",\n 63: \"Moderate rain\",\n 65: \"Heavy rain\",\n 71: \"Slight snow\",\n 73: \"Moderate snow\",\n 75: \"Heavy snow\",\n 95: \"Thunderstorm\"\n };\n\n return {\n temperature: Math.round(data.current.temperature_2m),\n description: weatherCodes[data.current.weather_code] || \"Unknown\",\n location: \"New York, NY\", // Default location\n humidity: data.current.relative_humidity_2m,\n windSpeed: data.current.wind_speed_10m\n };\n } catch (error) {\n console.error(\"Failed to fetch weather:\", error);\n return null;\n }\n}\n\n// Get default quick links\nfunction getDefaultQuickLinks(): QuickLink[] {\n return [\n { id: \"1\", title: \"Gmail\", url: \"https://gmail.com\", icon: \"📧\" },\n { id: \"2\", title: \"GitHub\", url: \"https://github.com\", icon: \"🐙\" },\n { id: \"3\", title: \"Twitter\", url: \"https://twitter.com\", icon: \"🐦\" },\n { id: \"4\", title: \"YouTube\", url: \"https://youtube.com\", icon: \"📺\" },\n { id: \"5\", title: \"LinkedIn\", url: \"https://linkedin.com\", icon: \"💼\" },\n { id: \"6\", title: \"Reddit\", url: \"https://reddit.com\", icon: \"🤖\" }\n ];\n}\n\n// Main dashboard route\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Get initial data\n const weather = await getWeatherData();\n const quickLinks = await blob.getJSON(\"dashboard_quick_links\") || getDefaultQuickLinks();\n const notes = await blob.getJSON(\"dashboard_notes\") || [];\n \n const initialData: DashboardData = {\n weather,\n quickLinks,\n notes\n };\n \n // Inject initial data\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n});\n\n// API Routes\napp.get(\"/api/weather\", async (c) => {\n const lat = c.req.query(\"lat\") ? parseFloat(c.req.query(\"lat\")!) : 40.7128;\n const lon = c.req.query(\"lon\") ? parseFloat(c.req.query(\"lon\")!) : -74.0060;\n \n const weather = await getWeatherData(lat, lon);\n return c.json({ weather });\n});\n\napp.get(\"/api/quick-links\", async (c) => {\n const quickLinks = await blob.getJSON(\"dashboard_quick_links\") || getDefaultQuickLinks();\n return c.json({ quickLinks });\n});\n\napp.post(\"/api/quick-links\", async (c) => {\n const { quickLinks } = await c.req.json();\n await blob.setJSON(\"dashboard_quick_links\", quickLinks);\n return c.json({ success: true });\n});\n\napp.get(\"/api/notes\", async (c) => {\n const notes = await blob.getJSON(\"dashboard_notes\") || [];\n return c.json({ notes });\n});\n\napp.post(\"/api/notes\", async (c) => {\n const { content } = await c.req.json();\n const notes = await blob.getJSON(\"dashboard_notes\") || [];\n \n const newNote: Note = {\n id: Date.now().toString(),\n content,\n createdAt: new Date().toISOString(),\n updatedAt: new Date().toISOString()\n };\n \n notes.unshift(newNote);\n \n // Keep only the latest 10 notes\n if (notes.length > 10) {\n notes.splice(10);\n }\n \n await blob.setJSON(\"dashboard_notes\", notes);\n return c.json({ note: newNote });\n});\n\napp.delete(\"/api/notes/:id\", async (c) => {\n const noteId = c.req.param(\"id\");\n const notes = await blob.getJSON(\"dashboard_notes\") || [];\n \n const filteredNotes = notes.filter((note: Note) => note.id !== noteId);\n await blob.setJSON(\"dashboard_notes\", filteredNotes);\n \n return c.json({ success: true });\n});\n\nexport default app.fetch;",[],[153,266],["D",1748000900009],[169],[153],["D",1748000826353],{"_93":92,"_100":96},{"_93":92,"_94":-5,"_95":96,"_18":53,"_97":98,"_99":24},{"_13":82,"_31":83,"_42":41,"_84":43,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":44,"_91":92},"ctx",{"_75":-5,"_120":312,"_313":314,"_315":316,"_317":24,"_318":24,"_319":24,"_320":133,"_321":-5,"_322":-7,"_323":-7,"_324":59,"_325":24,"_326":24,"_327":-5,"_328":24,"_329":24,"_330":24,"_331":-5},"ENV",{"_283":284,"_285":286,"_287":83,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","81405aa0531e90dfbb71a5bf473aaa0cf4c8702f","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"]

Diff · v14