[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_354":355,"_356":357},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_265":-5,"_20":266,"_22":267,"_268":269,"_270":271,"_26":272,"_24":273,"_274":-5,"_275":-5,"_276":55,"_277":278,"_279":46,"_280":-5,"_281":-5,"_282":283},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","dukky","name","weather","branchName","main","version","path","shared","project",{"_34":212,"_13":14,"_47":213,"_214":-5,"_215":55,"_216":217,"_218":217,"_219":-5,"_220":-5,"_221":222,"_223":182,"_224":46,"_225":-5,"_226":-5,"_227":49,"_228":229,"_230":-5,"_231":-5,"_232":-5,"_233":-5,"_234":235,"_236":235,"_237":238,"_239":238,"_240":238,"_241":235,"_242":235,"_243":244,"_245":246,"_247":248,"_249":55},"tree",[62,63,64,65],"file",{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":59,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_18":61},"contents",[33],"upstream","pull","ahead","behind","envVars",{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":57},"id","710fabb4-40bf-11f0-9869-76b3cceeab13","types.ts","fileId","710fac5e-40bf-11f0-9869-76b3cceeab13","parentId","983905b3-7395-41b4-ba58-068e812d8ebd","branchId","3531cd02-40bf-11f0-ba67-76b3cceeab13","branchVersion",2,"latest",true,"createdAt",["D",1748985142819],0,"fileType","script","content","// Shared types for the weather application\n\nexport interface Location {\n name: string;\n latitude: number;\n longitude: number;\n country: string;\n admin1?: string; // State/region\n admin2?: string; // County\n}\n\nexport interface CurrentWeather {\n temperature: number;\n weatherCode: number;\n windSpeed: number;\n windDirection: number;\n humidity: number;\n pressure: number;\n visibility: number;\n uvIndex: number;\n time: string;\n}\n\nexport interface HourlyForecast {\n time: string[];\n temperature: number[];\n weatherCode: number[];\n precipitation: number[];\n windSpeed: number[];\n windDirection: number[];\n humidity: number[];\n}\n\nexport interface DailyForecast {\n time: string[];\n temperatureMax: number[];\n temperatureMin: number[];\n weatherCode: number[];\n precipitation: number[];\n windSpeedMax: number[];\n windDirectionDominant: number[];\n uvIndexMax: number[];\n sunrise: string[];\n sunset: string[];\n}\n\nexport interface WeatherData {\n current: CurrentWeather;\n hourly: HourlyForecast;\n daily: DailyForecast;\n location: Location;\n}\n\nexport interface MapWeatherPoint {\n latitude: number;\n longitude: number;\n temperature: number;\n weatherCode: number;\n name: string;\n}\n\n// Weather code mappings for Open-Meteo\nexport const WEATHER_CODES: Record = {\n 0: { description: \"Clear sky\", icon: \"☀️\" },\n 1: { description: \"Mainly clear\", icon: \"🌤️\" },\n 2: { description: \"Partly cloudy\", icon: \"⛅\" },\n 3: { description: \"Overcast\", icon: \"☁️\" },\n 45: { description: \"Fog\", icon: \"🌫️\" },\n 48: { description: \"Depositing rime fog\", icon: \"🌫️\" },\n 51: { description: \"Light drizzle\", icon: \"🌦️\" },\n 53: { description: \"Moderate drizzle\", icon: \"🌦️\" },\n 55: { description: \"Dense drizzle\", icon: \"🌧️\" },\n 56: { description: \"Light freezing drizzle\", icon: \"🌨️\" },\n 57: { description: \"Dense freezing drizzle\", icon: \"🌨️\" },\n 61: { description: \"Slight rain\", icon: \"🌧️\" },\n 63: { description: \"Moderate rain\", icon: \"🌧️\" },\n 65: { description: \"Heavy rain\", icon: \"🌧️\" },\n 66: { description: \"Light freezing rain\", icon: \"🌨️\" },\n 67: { description: \"Heavy freezing rain\", icon: \"🌨️\" },\n 71: { description: \"Slight snow\", icon: \"🌨️\" },\n 73: { description: \"Moderate snow\", icon: \"❄️\" },\n 75: { description: \"Heavy snow\", icon: \"❄️\" },\n 77: { description: \"Snow grains\", icon: \"🌨️\" },\n 80: { description: \"Slight rain showers\", icon: \"🌦️\" },\n 81: { description: \"Moderate rain showers\", icon: \"🌧️\" },\n 82: { description: \"Violent rain showers\", icon: \"⛈️\" },\n 85: { description: \"Slight snow showers\", icon: \"🌨️\" },\n 86: { description: \"Heavy snow showers\", icon: \"❄️\" },\n 95: { description: \"Thunderstorm\", icon: \"⛈️\" },\n 96: { description: \"Thunderstorm with slight hail\", icon: \"⛈️\" },\n 99: { description: \"Thunderstorm with heavy hail\", icon: \"⛈️\" }\n};\n\nexport function getWeatherDescription(code: number): { description: string; icon: string } {\n return WEATHER_CODES[code] || { description: \"Unknown\", icon: \"❓\" };\n}\n\nexport function formatTemperature(temp: number): string {\n return `${Math.round(temp)}°C`;\n}\n\nexport function formatWindSpeed(speed: number): string {\n return `${Math.round(speed)} km/h`;\n}\n\nexport function formatWindDirection(direction: number): string {\n const directions = [\"N\", \"NNE\", \"NE\", \"ENE\", \"E\", \"ESE\", \"SE\", \"SSE\", \"S\", \"SSW\", \"SW\", \"WSW\", \"W\", \"WNW\", \"NW\", \"NNW\"];\n const index = Math.round(direction / 22.5) % 16;\n return directions[index];\n}","deleted",false,"label",[19,36],"710fe732-40bf-11f0-9869-76b3cceeab13",["D",1748985142819],"directory",[19],{"_34":172,"_13":173,"_37":174,"_39":-5,"_41":42,"_43":71,"_45":46,"_47":175,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_73":176,"_18":177},{"_34":83,"_13":84,"_37":85,"_39":-5,"_41":42,"_43":86,"_45":46,"_47":87,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_73":88,"_18":89},{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":76,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_73":77,"_18":78},{"_34":66,"_13":67,"_37":68,"_39":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":71,"_50":24,"_52":72,"_54":55,"_56":-5,"_73":74,"_18":75},"de378f58-40c0-11f0-84ac-76b3cceeab13","README.md","652c6896-40bf-11f0-8361-76b3cceeab13",22,["D",1748985755430],3,"# UK Weather Forecast Site\n\nA comprehensive weather forecast application for the UK featuring:\n\n- Interactive weather map showing current conditions across the UK\n- Location-specific detailed forecasts\n- 7-day weather outlook\n- Current weather conditions\n- Responsive design for mobile and desktop\n\n## Features\n\n- **Weather Map**: Visual representation of weather conditions across the UK\n- **Location Search**: Enter any UK location to get detailed forecasts\n- **Geolocation Support**: Use your current location with one click\n- **Detailed Forecasts**: Hourly and daily weather predictions\n- **Current Conditions**: Real-time weather data\n- **Mobile Responsive**: Works seamlessly on all devices\n\n## Technology Stack\n\n- **Frontend**: React with TypeScript, TailwindCSS\n- **Backend**: Hono API framework\n- **Weather Data**: Open-Meteo API (no API key required)\n- **Mapping**: Leaflet for interactive maps\n- **Geocoding**: Open-Meteo geocoding API\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Main API server\n│ └── routes/\n│ ├── weather.ts # Weather data endpoints\n│ └── geocoding.ts # Location search endpoints\n├── frontend/\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # React app entry point\n│ ├── components/\n│ │ ├── App.tsx # Main app component\n│ │ ├── WeatherMap.tsx # Interactive weather map\n│ │ ├── LocationSearch.tsx # Location input component\n│ │ ├── WeatherDisplay.tsx # Weather details display\n│ │ └── ForecastCard.tsx # Individual forecast cards\n│ └── style.css # Custom styles\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## API Endpoints\n\n- `GET /api/weather?lat={lat}&lon={lon}` - Get weather data for coordinates\n- `GET /api/geocoding?q={location}` - Search for locations\n- `GET /api/weather/map` - Get weather data for UK map overlay\n\n## Usage\n\n1. **Visit the site** to see the UK weather map with real-time weather markers\n2. **Use your location** by clicking the \"Use My Location\" button for instant local weather\n3. **Search for locations** using the search box to find specific places\n4. **Click on the map** anywhere to get weather for that specific location\n5. **Click on weather markers** to get detailed forecasts for major UK cities\n5. **View detailed information** including:\n - Current weather conditions with temperature, wind, humidity, and pressure\n - 24-hour hourly forecast with precipitation and wind details\n - 7-day daily forecast with min/max temperatures and weather conditions\n - Sunrise/sunset times and UV index information\n\n## Features in Detail\n\n### Interactive Weather Map\n- Real-time weather data for 15+ major UK cities\n- Click anywhere on the map to get weather for that location\n- Weather markers show current temperature and conditions\n- Popup details with quick forecast access\n\n### Location Search\n- Search for any UK location by name\n- Auto-complete suggestions with location details\n- Prioritizes UK locations in search results\n- Shows coordinates and administrative regions\n\n### Comprehensive Weather Data\n- **Current Conditions**: Temperature, weather description, wind speed/direction, humidity, pressure, visibility, UV index\n- **Hourly Forecast**: Next 24 hours with temperature, precipitation, wind, and weather icons\n- **Daily Forecast**: 7-day outlook with high/low temperatures, precipitation, wind, UV index, sunrise/sunset\n- **Weather Icons**: Emoji-based weather representations for easy understanding\n\n### Responsive Design\n- Mobile-friendly interface that works on all screen sizes\n- Touch-friendly map controls and buttons\n- Optimized layout for both portrait and landscape orientations","children",[],[67],["D",1748985142819],[79],[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":80,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_73":81,"_18":82},["D",1748985142819],[],[19,36],"982926f8-40bf-11f0-8330-76b3cceeab13","frontend","e3b4d055-0333-4e3c-8f4f-58153a585cb8",6,["D",1748985208417],[90,91,92,93],[84],{"_34":119,"_13":120,"_37":121,"_39":85,"_41":42,"_43":122,"_45":46,"_47":123,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_73":124,"_18":125},{"_34":111,"_13":112,"_37":113,"_39":85,"_41":42,"_43":114,"_45":46,"_47":115,"_17":99,"_50":24,"_52":116,"_54":55,"_56":-5,"_73":117,"_18":118},{"_34":103,"_13":104,"_37":105,"_39":85,"_41":42,"_43":106,"_45":46,"_47":107,"_17":49,"_50":51,"_52":108,"_54":55,"_56":-5,"_73":109,"_18":110},{"_34":94,"_13":95,"_37":96,"_39":85,"_41":42,"_43":97,"_45":46,"_47":98,"_17":99,"_50":24,"_52":100,"_54":55,"_56":-5,"_73":101,"_18":102},"cc4cb232-40c0-11f0-9fe4-76b3cceeab13","style.css","06fb6b36-40c0-11f0-bd22-76b3cceeab13",19,["D",1748985725386],1,"/* Additional custom styles for the weather app */\n\n.weather-marker {\n background: none !important;\n border: none !important;\n}\n\n.leaflet-popup-content-wrapper {\n border-radius: 8px;\n}\n\n.leaflet-popup-content {\n margin: 12px 16px;\n}\n\n/* Ensure proper spacing for mobile */\n@media (max-width: 768px) {\n .weather-map {\n height: 300px;\n }\n \n .forecast-card {\n margin-bottom: 1rem;\n }\n}\n\n/* Custom scrollbar for search dropdown */\n.search-dropdown::-webkit-scrollbar {\n width: 6px;\n}\n\n.search-dropdown::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 3px;\n}\n\n.search-dropdown::-webkit-scrollbar-thumb {\n background: #c1c1c1;\n border-radius: 3px;\n}\n\n.search-dropdown::-webkit-scrollbar-thumb:hover {\n background: #a8a8a8;\n}\n\n/* Loading animation improvements */\n.loading-spinner {\n border-width: 2px;\n}\n\n/* Hover effects for interactive elements */\n.forecast-card:hover {\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n}\n\n/* Weather icon animations */\n.weather-icon {\n display: inline-block;\n animation: float 3s ease-in-out infinite;\n}\n\n@keyframes float {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-5px);\n }\n}\n\n/* Location button styles */\n.location-button {\n transition: all 0.2s ease-in-out;\n}\n\n.location-button:hover:not(:disabled) {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.location-button:active {\n transform: translateY(0);\n}\n\n/* Responsive adjustments for search container */\n@media (max-width: 640px) {\n .search-container {\n flex-direction: column;\n gap: 1rem;\n }\n \n .search-input-container {\n width: 100%;\n }\n \n .location-button {\n width: 100%;\n justify-content: center;\n }\n}",[],[84,95],"9c648712-40bf-11f0-9435-76b3cceeab13","index.tsx","9c6487e4-40bf-11f0-9435-76b3cceeab13",7,["D",1748985215493],"/** @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 App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[84,104],"28f54130-422d-11f0-b9e4-76b3cceeab13","index.html","982920f4-40bf-11f0-8330-76b3cceeab13",33,["D",1749142217633],"\n\n\n \n \n UK Weather Forecast\n \n \n \n \n \n \n \n \n \n \n\n\n

\n \n \n\n",[],[84,112],"ad251346-40bf-11f0-ac07-76b3cceeab13","components","0616d8a8-c91f-41e7-8a41-dc9943d52ccc",8,["D",1748985243619],[126,127,128,129,130],[84,120],{"_34":164,"_13":165,"_37":166,"_39":121,"_41":42,"_43":167,"_45":46,"_47":168,"_17":99,"_50":51,"_52":169,"_54":55,"_56":-5,"_73":170,"_18":171},{"_34":156,"_13":157,"_37":158,"_39":121,"_41":42,"_43":159,"_45":46,"_47":160,"_17":49,"_50":51,"_52":161,"_54":55,"_56":-5,"_73":162,"_18":163},{"_34":147,"_13":148,"_37":149,"_39":121,"_41":42,"_43":150,"_45":46,"_47":151,"_17":152,"_50":51,"_52":153,"_54":55,"_56":-5,"_73":154,"_18":155},{"_34":139,"_13":140,"_37":141,"_39":121,"_41":42,"_43":142,"_45":46,"_47":143,"_17":49,"_50":51,"_52":144,"_54":55,"_56":-5,"_73":145,"_18":146},{"_34":131,"_13":132,"_37":133,"_39":121,"_41":42,"_43":134,"_45":46,"_47":135,"_17":106,"_50":51,"_52":136,"_54":55,"_56":-5,"_73":137,"_18":138},"0d75aec2-422d-11f0-9f95-76b3cceeab13","WeatherMap.tsx","cb6d9e68-40bf-11f0-ab95-76b3cceeab13",32,["D",1749142171512],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { MapWeatherPoint } from \"../../shared/types.ts\";\nimport { getWeatherDescription, formatTemperature } from \"../../shared/types.ts\";\n\ndeclare global {\n interface Window {\n L: any;\n }\n}\n\ninterface WeatherMapProps {\n onLocationSelect: (lat: number, lon: number, name?: string) => void;\n selectedLocation?: { latitude: number; longitude: number } | null;\n}\n\nexport default function WeatherMap({ onLocationSelect, selectedLocation }: WeatherMapProps) {\n const mapRef = useRef(null);\n const mapInstanceRef = useRef(null);\n const markersRef = useRef([]);\n const selectedMarkerRef = useRef(null);\n const [weatherPoints, setWeatherPoints] = useState([]);\n const [loading, setLoading] = useState(true);\n\n // Initialize map\n useEffect(() => {\n if (!mapRef.current || !window.L) return;\n\n // Create map centered on UK\n const map = window.L.map(mapRef.current).setView([54.5, -2], 3);\n mapInstanceRef.current = map;\n\n // Add OpenStreetMap tiles\n window.L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {\n attribution: '© OpenStreetMap contributors'\n }).addTo(map);\n\n // Add click handler for map\n map.on('click', (e: any) => {\n const { lat, lng } = e.latlng;\n onLocationSelect(lat, lng);\n });\n\n // Fetch weather data for map points\n fetchMapWeatherData();\n\n return () => {\n if (mapInstanceRef.current) {\n mapInstanceRef.current.remove();\n mapInstanceRef.current = null;\n }\n if (selectedMarkerRef.current) {\n selectedMarkerRef.current = null;\n }\n };\n }, []);\n\n // Zoom to selected location when it changes\n useEffect(() => {\n if (!mapInstanceRef.current || !selectedLocation) return;\n\n const { latitude, longitude } = selectedLocation;\n \n // Remove previous selected location marker\n if (selectedMarkerRef.current) {\n mapInstanceRef.current.removeLayer(selectedMarkerRef.current);\n selectedMarkerRef.current = null;\n }\n\n // Zoom to the selected location with a nice animation\n mapInstanceRef.current.setView([latitude, longitude], 12, {\n animate: true,\n duration: 1.0\n });\n\n // Add a special marker for the selected location\n const selectedIcon = window.L.divIcon({\n html: `\n

\n \n `,\n className: 'selected-location-marker',\n iconSize: [20, 20],\n iconAnchor: [10, 10]\n });\n\n selectedMarkerRef.current = window.L.marker([latitude, longitude], {\n icon: selectedIcon,\n zIndexOffset: 1000 // Ensure it appears above other markers\n }).addTo(mapInstanceRef.current);\n\n }, [selectedLocation]);\n\n // Update markers when weather data changes\n useEffect(() => {\n if (!mapInstanceRef.current || !window.L) return;\n\n // Clear existing markers\n markersRef.current.forEach(marker => {\n mapInstanceRef.current.removeLayer(marker);\n });\n markersRef.current = [];\n\n // Add new markers\n weatherPoints.forEach(point => {\n const weather = getWeatherDescription(point.weatherCode);\n \n // Create custom icon with weather emoji and temperature\n const iconHtml = `\n

${weather.icon}

${formatTemperature(point.temperature)}

\n `;\n\n const customIcon = window.L.divIcon({\n html: iconHtml,\n className: 'weather-marker',\n iconSize: [60, 50],\n iconAnchor: [30, 25]\n });\n\n const marker = window.L.marker([point.latitude, point.longitude], {\n icon: customIcon\n }).addTo(mapInstanceRef.current);\n\n // Add popup with detailed info\n marker.bindPopup(`\n

${point.name}

${weather.icon}

${formatTemperature(point.temperature)}

${weather.description}

\n \n

\n `);\n\n // Add click handler\n marker.on('click', () => {\n onLocationSelect(point.latitude, point.longitude, point.name);\n });\n\n markersRef.current.push(marker);\n });\n }, [weatherPoints, onLocationSelect]);\n\n // Make location selection available globally for popup buttons\n useEffect(() => {\n (window as any).selectLocation = onLocationSelect;\n return () => {\n delete (window as any).selectLocation;\n };\n }, [onLocationSelect]);\n\n const fetchMapWeatherData = async () => {\n try {\n setLoading(true);\n const response = await fetch('/api/weather/map');\n if (response.ok) {\n const data = await response.json();\n setWeatherPoints(data);\n }\n } catch (error) {\n console.error('Failed to fetch map weather data:', error);\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

\n {loading && (\n

Loading weather data...

\n )}\n

💡 Tip: Click anywhere on the map or on a weather marker to get detailed forecasts for that location.

\n );\n}",[],[84,120,132],"e199c310-40bf-11f0-a373-76b3cceeab13","WeatherDisplay.tsx","e199c3b0-40bf-11f0-a373-76b3cceeab13",11,["D",1748985331631],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { WeatherData } from \"../../shared/types.ts\";\nimport ForecastCard from \"./ForecastCard.tsx\";\nimport { \n getWeatherDescription, \n formatTemperature, \n formatWindSpeed, \n formatWindDirection \n} from \"../../shared/types.ts\";\n\ninterface WeatherDisplayProps {\n weatherData: WeatherData;\n}\n\nexport default function WeatherDisplay({ weatherData }: WeatherDisplayProps) {\n const { current, hourly, daily, location } = weatherData;\n const currentWeather = getWeatherDescription(current.weatherCode);\n\n // Format time for display\n const formatTime = (timeString: string) => {\n return new Date(timeString).toLocaleTimeString('en-GB', {\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString('en-GB', {\n weekday: 'long',\n month: 'short',\n day: 'numeric'\n });\n };\n\n return (\n

\n {/* Current Weather */}\n

\n 📍 {location.name}\n

\n Current weather conditions\n

\n\n

\n {/* Main Temperature */}\n

{currentWeather.icon}

\n {formatTemperature(current.temperature)}\n

{currentWeather.description}

\n\n {/* Wind */}\n

💨

\n {formatWindSpeed(current.windSpeed)}\n

\n {formatWindDirection(current.windDirection)} Wind\n

\n\n {/* Humidity */}\n

💧

\n {Math.round(current.humidity)}%\n

Humidity

\n\n {/* Pressure */}\n

🌡️

\n {Math.round(current.pressure)} hPa\n

Pressure

\n\n {/* Additional Details */}\n

Visibility

{(current.visibility / 1000).toFixed(1)} km

UV Index

{current.uvIndex.toFixed(1)}

Updated

{formatTime(current.time)}

Coordinates

\n {location.latitude.toFixed(2)}, {location.longitude.toFixed(2)}\n

\n\n {/* Hourly Forecast */}\n

\n ⏰ 24-Hour Forecast\n

\n {hourly.time.slice(0, 24).map((time, index) => (\n

\n {index === 0 ? 'Now' : formatTime(time)}\n

\n {getWeatherDescription(hourly.weatherCode[index]).icon}\n

\n {formatTemperature(hourly.temperature[index])}\n

\n {formatWindSpeed(hourly.windSpeed[index])}\n

\n {hourly.precipitation[index] > 0 && (\n

\n {hourly.precipitation[index].toFixed(1)}mm\n

\n )}\n

\n ))}\n

\n\n {/* 7-Day Forecast */}\n

\n 📅 7-Day Forecast\n

\n {daily.time.slice(0, 7).map((date, index) => (\n \n ))}\n

\n );\n}",[],[84,120,140],"d1aab1ac-40c0-11f0-9028-76b3cceeab13","LocationSearch.tsx","bb2c75c4-40bf-11f0-b85c-76b3cceeab13",20,["D",1748985734392],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport type { Location } from \"../../shared/types.ts\";\n\ninterface LocationSearchProps {\n onLocationSelect: (location: Location) => void;\n}\n\nexport default function LocationSearch({ onLocationSelect }: LocationSearchProps) {\n const [query, setQuery] = useState(\"\");\n const [results, setResults] = useState([]);\n const [isSearching, setIsSearching] = useState(false);\n const [showDropdown, setShowDropdown] = useState(false);\n const [isGettingLocation, setIsGettingLocation] = useState(false);\n const [locationError, setLocationError] = useState(null);\n const searchTimeoutRef = useRef();\n const dropdownRef = useRef(null);\n\n // Close dropdown when clicking outside\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n setShowDropdown(false);\n }\n };\n\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\n }, []);\n\n // Search for locations with debouncing\n useEffect(() => {\n if (searchTimeoutRef.current) {\n clearTimeout(searchTimeoutRef.current);\n }\n\n if (query.trim().length < 2) {\n setResults([]);\n setShowDropdown(false);\n return;\n }\n\n searchTimeoutRef.current = window.setTimeout(async () => {\n setIsSearching(true);\n try {\n const response = await fetch(`/api/geocoding?q=${encodeURIComponent(query.trim())}`);\n if (response.ok) {\n const locations = await response.json();\n setResults(locations);\n setShowDropdown(locations.length > 0);\n }\n } catch (error) {\n console.error(\"Search error:\", error);\n setResults([]);\n setShowDropdown(false);\n } finally {\n setIsSearching(false);\n }\n }, 300);\n\n return () => {\n if (searchTimeoutRef.current) {\n clearTimeout(searchTimeoutRef.current);\n }\n };\n }, [query]);\n\n const handleLocationClick = (location: Location) => {\n setQuery(location.name);\n setShowDropdown(false);\n onLocationSelect(location);\n };\n\n const formatLocationName = (location: Location) => {\n let name = location.name;\n if (location.admin2 && location.admin2 !== location.name) {\n name += `, ${location.admin2}`;\n }\n if (location.admin1 && location.admin1 !== location.name && location.admin1 !== location.admin2) {\n name += `, ${location.admin1}`;\n }\n return name;\n };\n\n const handleUseMyLocation = () => {\n if (!navigator.geolocation) {\n setLocationError(\"Geolocation is not supported by this browser\");\n return;\n }\n\n setIsGettingLocation(true);\n setLocationError(null);\n\n navigator.geolocation.getCurrentPosition(\n async (position) => {\n const { latitude, longitude } = position.coords;\n \n try {\n // Try to get a readable name for the location using reverse geocoding\n const response = await fetch(\n `https://geocoding-api.open-meteo.com/v1/search?latitude=${latitude}&longitude=${longitude}&count=1&language=en&format=json`\n );\n \n let locationName = `${latitude.toFixed(3)}, ${longitude.toFixed(3)}`;\n \n if (response.ok) {\n const data = await response.json();\n if (data.results && data.results.length > 0) {\n const result = data.results[0];\n locationName = result.name;\n if (result.admin2) locationName += `, ${result.admin2}`;\n if (result.admin1) locationName += `, ${result.admin1}`;\n }\n }\n \n const location: Location = {\n name: locationName,\n latitude,\n longitude,\n country: \"GB\" // Assume UK for now, could be improved with better reverse geocoding\n };\n \n setQuery(locationName);\n onLocationSelect(location);\n } catch (error) {\n console.error(\"Error getting location name:\", error);\n // Still use the location even if we can't get a name\n const location: Location = {\n name: `${latitude.toFixed(3)}, ${longitude.toFixed(3)}`,\n latitude,\n longitude,\n country: \"GB\"\n };\n \n setQuery(location.name);\n onLocationSelect(location);\n } finally {\n setIsGettingLocation(false);\n }\n },\n (error) => {\n setIsGettingLocation(false);\n switch (error.code) {\n case error.PERMISSION_DENIED:\n setLocationError(\"Location access denied. Please enable location permissions.\");\n break;\n case error.POSITION_UNAVAILABLE:\n setLocationError(\"Location information is unavailable.\");\n break;\n case error.TIMEOUT:\n setLocationError(\"Location request timed out.\");\n break;\n default:\n setLocationError(\"An unknown error occurred while getting your location.\");\n break;\n }\n },\n {\n enableHighAccuracy: true,\n timeout: 10000,\n maximumAge: 300000 // 5 minutes\n }\n );\n };\n\n return (\n

\n {/* Search Input and Location Button Container */}\n

\n {/* Search Input */}\n

\n setQuery(e.target.value)}\n placeholder=\"Search for a UK location...\"\n className=\"w-full px-4 py-3 pl-12 text-lg border border-gray-300 rounded-lg shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none\"\n />\n

\n {isSearching ? (\n

\n ) : (\n 🔍\n )}\n

\n\n {/* Search Results Dropdown */}\n {showDropdown && results.length > 0 && (\n

\n {results.map((location, index) => (\n handleLocationClick(location)}\n className=\"w-full px-4 py-3 text-left hover:bg-blue-50 focus:bg-blue-50 focus:outline-none border-b border-gray-100 last:border-b-0 first:rounded-t-lg last:rounded-b-lg\"\n >\n

\n {formatLocationName(location)}\n

\n {location.country === \"GB\" || location.country === \"UK\" ? \"United Kingdom\" : location.country}\n {\" • \"}\n {location.latitude.toFixed(3)}, {location.longitude.toFixed(3)}\n

\n \n ))}\n

\n )}\n\n {/* No results message */}\n {showDropdown && results.length === 0 && !isSearching && query.trim().length >= 2 && (\n

\n No locations found for \"{query}\"\n

\n )}\n

\n\n {/* Use My Location Button */}\n \n {isGettingLocation ? (\n <>\n

\n Getting Location...\n \n ) : (\n <>\n 📍\n Use My Location\n \n )}\n \n

\n\n {/* Location Error Message */}\n {locationError && (\n

\n ⚠️\n {locationError}\n

\n )}\n\n {/* Help Text */}\n

💡 Search for any UK location or use your current location for instant weather forecasts

\n );\n}",[],[84,120,148],"ed47629e-40bf-11f0-b85c-76b3cceeab13","ForecastCard.tsx","ed476410-40bf-11f0-b85c-76b3cceeab13",12,["D",1748985351223],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { \n getWeatherDescription, \n formatTemperature, \n formatWindSpeed, \n formatWindDirection \n} from \"../../shared/types.ts\";\n\ninterface ForecastCardProps {\n date: string;\n temperatureMax: number;\n temperatureMin: number;\n weatherCode: number;\n precipitation: number;\n windSpeed: number;\n windDirection: number;\n uvIndex: number;\n sunrise: string;\n sunset: string;\n isToday: boolean;\n}\n\nexport default function ForecastCard({\n date,\n temperatureMax,\n temperatureMin,\n weatherCode,\n precipitation,\n windSpeed,\n windDirection,\n uvIndex,\n sunrise,\n sunset,\n isToday\n}: ForecastCardProps) {\n const weather = getWeatherDescription(weatherCode);\n \n const formatDate = (dateString: string) => {\n const date = new Date(dateString);\n return date.toLocaleDateString('en-GB', {\n weekday: 'short',\n month: 'short',\n day: 'numeric'\n });\n };\n\n const formatTime = (timeString: string) => {\n return new Date(timeString).toLocaleTimeString('en-GB', {\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n\n return (\n

\n {/* Header */}\n

\n {isToday ? 'Today' : formatDate(date)}\n

\n\n {/* Weather Icon and Description */}\n

{weather.icon}

{weather.description}

\n\n {/* Temperature */}\n

\n \n {formatTemperature(temperatureMax)}\n \n /\n \n {formatTemperature(temperatureMin)}\n \n

\n\n {/* Details */}\n

\n {/* Wind */}\n

\n 💨 Wind\n \n {formatWindSpeed(windSpeed)} {formatWindDirection(windDirection)}\n \n

\n\n {/* Precipitation */}\n {precipitation > 0 && (\n

\n 🌧️ Rain\n {precipitation.toFixed(1)}mm\n

\n )}\n\n {/* UV Index */}\n

\n ☀️ UV\n {uvIndex.toFixed(1)}\n

\n\n {/* Sunrise/Sunset */}\n

\n 🌅 {formatTime(sunrise)}\n 🌇 {formatTime(sunset)}\n

\n );\n}",[],[84,120,157],"3bdf334a-40c1-11f0-b9d1-76b3cceeab13","App.tsx","ad24f924-40bf-11f0-ac07-76b3cceeab13",27,["D",1748985912572],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport WeatherMap from \"./WeatherMap.tsx\";\nimport LocationSearch from \"./LocationSearch.tsx\";\nimport WeatherDisplay from \"./WeatherDisplay.tsx\";\nimport type { Location, WeatherData } from \"../../shared/types.ts\";\n\ndeclare global {\n interface Window {\n __INITIAL_DATA__?: {\n ukWeather: any;\n defaultLocation: Location;\n };\n }\n}\n\nexport default function App() {\n const [selectedLocation, setSelectedLocation] = useState(null);\n const [weatherData, setWeatherData] = useState(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n // Load initial data\n useEffect(() => {\n const initialData = window.__INITIAL_DATA__;\n if (initialData) {\n setSelectedLocation(initialData.defaultLocation);\n // Transform initial weather data\n const data = initialData.ukWeather;\n if (data) {\n const transformedData: WeatherData = {\n current: {\n temperature: data.current.temperature_2m,\n weatherCode: data.current.weather_code,\n windSpeed: data.current.wind_speed_10m,\n windDirection: data.current.wind_direction_10m,\n humidity: data.current.relative_humidity_2m,\n pressure: data.current.surface_pressure,\n visibility: data.current.visibility,\n uvIndex: data.current.uv_index,\n time: data.current.time\n },\n hourly: {\n time: data.hourly.time.slice(0, 24),\n temperature: data.hourly.temperature_2m.slice(0, 24),\n weatherCode: data.hourly.weather_code.slice(0, 24),\n precipitation: data.hourly.precipitation.slice(0, 24),\n windSpeed: data.hourly.wind_speed_10m.slice(0, 24),\n windDirection: data.hourly.wind_direction_10m.slice(0, 24),\n humidity: data.hourly.relative_humidity_2m.slice(0, 24)\n },\n daily: {\n time: data.daily.time,\n temperatureMax: data.daily.temperature_2m_max,\n temperatureMin: data.daily.temperature_2m_min,\n weatherCode: data.daily.weather_code,\n precipitation: data.daily.precipitation_sum,\n windSpeedMax: data.daily.wind_speed_10m_max,\n windDirectionDominant: data.daily.wind_direction_10m_dominant,\n uvIndexMax: data.daily.uv_index_max,\n sunrise: data.daily.sunrise,\n sunset: data.daily.sunset\n },\n location: initialData.defaultLocation\n };\n setWeatherData(transformedData);\n }\n }\n }, []);\n\n const handleLocationSelect = async (location: Location) => {\n setSelectedLocation(location);\n setLoading(true);\n setError(null);\n\n try {\n const response = await fetch(`/api/weather?lat=${location.latitude}&lon=${location.longitude}`);\n if (!response.ok) {\n throw new Error('Failed to fetch weather data');\n }\n \n const data = await response.json();\n setWeatherData({ ...data, location });\n } catch (err) {\n setError(err instanceof Error ? err.message : 'An error occurred');\n console.error('Error fetching weather data:', err);\n } finally {\n setLoading(false);\n }\n };\n\n const handleMapLocationSelect = (lat: number, lon: number, name?: string) => {\n const location: Location = {\n name: name || `${lat.toFixed(2)}, ${lon.toFixed(2)}`,\n latitude: lat,\n longitude: lon,\n country: \"GB\"\n };\n handleLocationSelect(location);\n };\n\n return (\n

\n {/* Header */}\n

\n 🌤️ UK Weather Forecast\n

\n Interactive weather map and detailed forecasts for the United Kingdom\n

\n\n {/* Location Search */}\n

\n \n

\n\n {/* Weather Map */}\n

\n 🗺️ UK Weather Map\n

\n Click on any location on the map to get detailed weather information\n

\n \n

\n\n {/* Weather Display */}\n {loading && (\n

\n Loading weather data...\n

\n )}\n\n {error && (\n

\n Error: {error}\n

\n )}\n\n {weatherData && !loading && (\n \n )}\n\n {/* Footer */}\n

Weather data provided by Open-Meteo API

\n Built with React, TypeScript, and Leaflet • Hosted on Val Town\n

\n );\n}",[],[84,120,165],"7c5b3506-40bf-11f0-87df-76b3cceeab13","backend","204948c4-44da-4deb-b183-b858fe2fc618",["D",1748985161767],[178,179],[173],{"_34":189,"_13":190,"_37":191,"_39":174,"_41":42,"_43":152,"_45":46,"_47":192,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_73":193,"_18":194},{"_34":180,"_13":181,"_37":182,"_39":174,"_41":42,"_43":183,"_45":46,"_47":184,"_17":71,"_50":185,"_52":186,"_54":55,"_56":14,"_73":187,"_18":188},"74377e64-40c1-11f0-b336-76b3cceeab13","index.ts","7c5b29c6-40bf-11f0-87df-76b3cceeab13",29,["D",1748986007105],"http","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// API routes - inline for now to avoid import issues\napp.get(\"/api/weather\", async (c) => {\n const lat = c.req.query(\"lat\");\n const lon = c.req.query(\"lon\");\n \n if (!lat || !lon) {\n return c.json({ error: \"Latitude and longitude are required\" }, 400);\n }\n \n try {\n const response = await fetch(\n `https://api.open-meteo.com/v1/forecast?latitude=${lat}&longitude=${lon}¤t=temperature_2m,weather_code,wind_speed_10m,wind_direction_10m,relative_humidity_2m,surface_pressure,visibility,uv_index&hourly=temperature_2m,weather_code,precipitation,wind_speed_10m,wind_direction_10m,relative_humidity_2m&daily=temperature_2m_max,temperature_2m_min,weather_code,precipitation_sum,wind_speed_10m_max,wind_direction_10m_dominant,uv_index_max,sunrise,sunset&timezone=Europe/London`\n );\n \n if (!response.ok) {\n throw new Error(`Weather API error: ${response.status}`);\n }\n \n const data = await response.json();\n \n // Transform the data to match our interface\n const weatherData = {\n current: {\n temperature: data.current.temperature_2m,\n weatherCode: data.current.weather_code,\n windSpeed: data.current.wind_speed_10m,\n windDirection: data.current.wind_direction_10m,\n humidity: data.current.relative_humidity_2m,\n pressure: data.current.surface_pressure,\n visibility: data.current.visibility,\n uvIndex: data.current.uv_index,\n time: data.current.time\n },\n hourly: {\n time: data.hourly.time.slice(0, 24), // Next 24 hours\n temperature: data.hourly.temperature_2m.slice(0, 24),\n weatherCode: data.hourly.weather_code.slice(0, 24),\n precipitation: data.hourly.precipitation.slice(0, 24),\n windSpeed: data.hourly.wind_speed_10m.slice(0, 24),\n windDirection: data.hourly.wind_direction_10m.slice(0, 24),\n humidity: data.hourly.relative_humidity_2m.slice(0, 24)\n },\n daily: {\n time: data.daily.time,\n temperatureMax: data.daily.temperature_2m_max,\n temperatureMin: data.daily.temperature_2m_min,\n weatherCode: data.daily.weather_code,\n precipitation: data.daily.precipitation_sum,\n windSpeedMax: data.daily.wind_speed_10m_max,\n windDirectionDominant: data.daily.wind_direction_10m_dominant,\n uvIndexMax: data.daily.uv_index_max,\n sunrise: data.daily.sunrise,\n sunset: data.daily.sunset\n }\n };\n \n return c.json(weatherData);\n } catch (error) {\n console.error(\"Weather API error:\", error);\n return c.json({ error: \"Failed to fetch weather data\" }, 500);\n }\n});\n\napp.get(\"/api/weather/map\", async (c) => {\n try {\n // Major UK cities for map overlay\n const ukCities = [\n { name: \"London\", lat: 51.5074, lon: -0.1278 },\n { name: \"Birmingham\", lat: 52.4862, lon: -1.8904 },\n { name: \"Manchester\", lat: 53.4808, lon: -2.2426 },\n { name: \"Glasgow\", lat: 55.8642, lon: -4.2518 },\n { name: \"Liverpool\", lat: 53.4084, lon: -2.9916 },\n { name: \"Leeds\", lat: 53.8008, lon: -1.5491 },\n { name: \"Sheffield\", lat: 53.3811, lon: -1.4701 },\n { name: \"Edinburgh\", lat: 55.9533, lon: -3.1883 },\n { name: \"Bristol\", lat: 51.4545, lon: -2.5879 },\n { name: \"Cardiff\", lat: 51.4816, lon: -3.1791 },\n { name: \"Belfast\", lat: 54.5973, lon: -5.9301 },\n { name: \"Newcastle\", lat: 54.9783, lon: -1.6178 },\n { name: \"Nottingham\", lat: 52.9548, lon: -1.1581 },\n { name: \"Plymouth\", lat: 50.3755, lon: -4.1427 },\n { name: \"Aberdeen\", lat: 57.1497, lon: -2.0943 }\n ];\n \n const weatherPromises = ukCities.map(async (city) => {\n try {\n const response = await fetch(\n `https://api.open-meteo.com/v1/forecast?latitude=${city.lat}&longitude=${city.lon}¤t=temperature_2m,weather_code&timezone=Europe/London`\n );\n \n if (!response.ok) {\n throw new Error(`Weather API error for ${city.name}: ${response.status}`);\n }\n \n const data = await response.json();\n \n return {\n latitude: city.lat,\n longitude: city.lon,\n temperature: data.current.temperature_2m,\n weatherCode: data.current.weather_code,\n name: city.name\n };\n } catch (error) {\n console.error(`Failed to fetch weather for ${city.name}:`, error);\n return null;\n }\n });\n \n const weatherData = await Promise.all(weatherPromises);\n const validWeatherData = weatherData.filter(data => data !== null);\n \n return c.json(validWeatherData);\n } catch (error) {\n console.error(\"Map weather API error:\", error);\n return c.json({ error: \"Failed to fetch map weather data\" }, 500);\n }\n});\n\napp.get(\"/api/geocoding\", async (c) => {\n const query = c.req.query(\"q\");\n \n if (!query) {\n return c.json({ error: \"Query parameter 'q' is required\" }, 400);\n }\n \n try {\n // Use Open-Meteo geocoding API with focus on UK\n const response = await fetch(\n `https://geocoding-api.open-meteo.com/v1/search?name=${encodeURIComponent(query)}&count=10&language=en&format=json`\n );\n \n if (!response.ok) {\n throw new Error(`Geocoding API error: ${response.status}`);\n }\n \n const data = await response.json();\n \n if (!data.results) {\n return c.json([]);\n }\n \n // Transform results to match our Location interface\n const locations = data.results.map((result: any) => ({\n name: result.name,\n latitude: result.latitude,\n longitude: result.longitude,\n country: result.country_code || result.country,\n admin1: result.admin1,\n admin2: result.admin2\n }));\n \n // Filter and prioritize UK locations\n const ukLocations = locations.filter((loc: any) => \n loc.country === \"GB\" || loc.country === \"UK\" || loc.country === \"United Kingdom\"\n );\n \n const otherLocations = locations.filter((loc: any) => \n loc.country !== \"GB\" && loc.country !== \"UK\" && loc.country !== \"United Kingdom\"\n );\n \n // Return UK locations first, then others\n return c.json([...ukLocations, ...otherLocations]);\n \n } catch (error) {\n console.error(\"Geocoding API error:\", error);\n return c.json({ error: \"Failed to search locations\" }, 500);\n }\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// Serve main page with initial data\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject initial UK weather data to avoid extra round-trips\n try {\n const ukWeatherResponse = await fetch(\n \"https://api.open-meteo.com/v1/forecast?latitude=54.5&longitude=-2¤t=temperature_2m,weather_code,wind_speed_10m,wind_direction_10m,relative_humidity_2m,surface_pressure,visibility,uv_index&hourly=temperature_2m,weather_code,precipitation,wind_speed_10m,wind_direction_10m,relative_humidity_2m&daily=temperature_2m_max,temperature_2m_min,weather_code,precipitation_sum,wind_speed_10m_max,wind_direction_10m_dominant,uv_index_max,sunrise,sunset&timezone=Europe/London\"\n );\n const ukWeatherData = await ukWeatherResponse.json();\n \n const initialData = {\n ukWeather: ukWeatherData,\n defaultLocation: {\n name: \"United Kingdom\",\n latitude: 54.5,\n longitude: -2,\n country: \"GB\"\n }\n };\n \n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n } catch (error) {\n console.error(\"Failed to fetch initial weather data:\", error);\n }\n \n return c.html(html);\n});\n\nexport default app.fetch;",[],[173,181],"8a5d9bf8-40bf-11f0-bac9-76b3cceeab13","routes","82d0447b-5405-41ce-993d-bb7c61c06d82",["D",1748985185272],[195,196],[173,190],{"_34":204,"_13":205,"_37":206,"_39":191,"_41":42,"_43":207,"_45":46,"_47":208,"_17":49,"_50":51,"_52":209,"_54":55,"_56":-5,"_73":210,"_18":211},{"_34":197,"_13":198,"_37":199,"_39":191,"_41":42,"_43":152,"_45":46,"_47":200,"_17":49,"_50":51,"_52":201,"_54":55,"_56":-5,"_73":202,"_18":203},"8a5d8af0-40bf-11f0-bac9-76b3cceeab13","weather.ts","8a5d8b9a-40bf-11f0-bac9-76b3cceeab13",["D",1748985185272],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport type { WeatherData, MapWeatherPoint } from \"../../shared/types.ts\";\n\nconst app = new Hono();\n\n// Get weather data for specific coordinates\napp.get(\"/\", async (c) => {\n const lat = c.req.query(\"lat\");\n const lon = c.req.query(\"lon\");\n \n if (!lat || !lon) {\n return c.json({ error: \"Latitude and longitude are required\" }, 400);\n }\n \n try {\n const response = await fetch(\n `https://api.open-meteo.com/v1/forecast?latitude=${lat}&longitude=${lon}¤t=temperature_2m,weather_code,wind_speed_10m,wind_direction_10m,relative_humidity_2m,surface_pressure,visibility,uv_index&hourly=temperature_2m,weather_code,precipitation,wind_speed_10m,wind_direction_10m,relative_humidity_2m&daily=temperature_2m_max,temperature_2m_min,weather_code,precipitation_sum,wind_speed_10m_max,wind_direction_10m_dominant,uv_index_max,sunrise,sunset&timezone=Europe/London`\n );\n \n if (!response.ok) {\n throw new Error(`Weather API error: ${response.status}`);\n }\n \n const data = await response.json();\n \n // Transform the data to match our interface\n const weatherData: Partial = {\n current: {\n temperature: data.current.temperature_2m,\n weatherCode: data.current.weather_code,\n windSpeed: data.current.wind_speed_10m,\n windDirection: data.current.wind_direction_10m,\n humidity: data.current.relative_humidity_2m,\n pressure: data.current.surface_pressure,\n visibility: data.current.visibility,\n uvIndex: data.current.uv_index,\n time: data.current.time\n },\n hourly: {\n time: data.hourly.time.slice(0, 24), // Next 24 hours\n temperature: data.hourly.temperature_2m.slice(0, 24),\n weatherCode: data.hourly.weather_code.slice(0, 24),\n precipitation: data.hourly.precipitation.slice(0, 24),\n windSpeed: data.hourly.wind_speed_10m.slice(0, 24),\n windDirection: data.hourly.wind_direction_10m.slice(0, 24),\n humidity: data.hourly.relative_humidity_2m.slice(0, 24)\n },\n daily: {\n time: data.daily.time,\n temperatureMax: data.daily.temperature_2m_max,\n temperatureMin: data.daily.temperature_2m_min,\n weatherCode: data.daily.weather_code,\n precipitation: data.daily.precipitation_sum,\n windSpeedMax: data.daily.wind_speed_10m_max,\n windDirectionDominant: data.daily.wind_direction_10m_dominant,\n uvIndexMax: data.daily.uv_index_max,\n sunrise: data.daily.sunrise,\n sunset: data.daily.sunset\n }\n };\n \n return c.json(weatherData);\n } catch (error) {\n console.error(\"Weather API error:\", error);\n return c.json({ error: \"Failed to fetch weather data\" }, 500);\n }\n});\n\n// Get weather data for UK map overlay\napp.get(\"/map\", async (c) => {\n try {\n // Major UK cities for map overlay\n const ukCities = [\n { name: \"London\", lat: 51.5074, lon: -0.1278 },\n { name: \"Birmingham\", lat: 52.4862, lon: -1.8904 },\n { name: \"Manchester\", lat: 53.4808, lon: -2.2426 },\n { name: \"Glasgow\", lat: 55.8642, lon: -4.2518 },\n { name: \"Liverpool\", lat: 53.4084, lon: -2.9916 },\n { name: \"Leeds\", lat: 53.8008, lon: -1.5491 },\n { name: \"Sheffield\", lat: 53.3811, lon: -1.4701 },\n { name: \"Edinburgh\", lat: 55.9533, lon: -3.1883 },\n { name: \"Bristol\", lat: 51.4545, lon: -2.5879 },\n { name: \"Cardiff\", lat: 51.4816, lon: -3.1791 },\n { name: \"Belfast\", lat: 54.5973, lon: -5.9301 },\n { name: \"Newcastle\", lat: 54.9783, lon: -1.6178 },\n { name: \"Nottingham\", lat: 52.9548, lon: -1.1581 },\n { name: \"Plymouth\", lat: 50.3755, lon: -4.1427 },\n { name: \"Aberdeen\", lat: 57.1497, lon: -2.0943 }\n ];\n \n const weatherPromises = ukCities.map(async (city) => {\n try {\n const response = await fetch(\n `https://api.open-meteo.com/v1/forecast?latitude=${city.lat}&longitude=${city.lon}¤t=temperature_2m,weather_code&timezone=Europe/London`\n );\n \n if (!response.ok) {\n throw new Error(`Weather API error for ${city.name}: ${response.status}`);\n }\n \n const data = await response.json();\n \n return {\n latitude: city.lat,\n longitude: city.lon,\n temperature: data.current.temperature_2m,\n weatherCode: data.current.weather_code,\n name: city.name\n } as MapWeatherPoint;\n } catch (error) {\n console.error(`Failed to fetch weather for ${city.name}:`, error);\n return null;\n }\n });\n \n const weatherData = await Promise.all(weatherPromises);\n const validWeatherData = weatherData.filter(data => data !== null);\n \n return c.json(validWeatherData);\n } catch (error) {\n console.error(\"Map weather API error:\", error);\n return c.json({ error: \"Failed to fetch map weather data\" }, 500);\n }\n});\n\nexport default app;",[],[173,190,198],"90f500e6-40bf-11f0-bd22-76b3cceeab13","geocoding.ts","90f501a4-40bf-11f0-bd22-76b3cceeab13",5,["D",1748985196332],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport type { Location } from \"../../shared/types.ts\";\n\nconst app = new Hono();\n\n// Search for locations using Open-Meteo geocoding API\napp.get(\"/\", async (c) => {\n const query = c.req.query(\"q\");\n \n if (!query) {\n return c.json({ error: \"Query parameter 'q' is required\" }, 400);\n }\n \n try {\n // Use Open-Meteo geocoding API with focus on UK\n const response = await fetch(\n `https://geocoding-api.open-meteo.com/v1/search?name=${encodeURIComponent(query)}&count=10&language=en&format=json`\n );\n \n if (!response.ok) {\n throw new Error(`Geocoding API error: ${response.status}`);\n }\n \n const data = await response.json();\n \n if (!data.results) {\n return c.json([]);\n }\n \n // Transform results to match our Location interface\n const locations: Location[] = data.results.map((result: any) => ({\n name: result.name,\n latitude: result.latitude,\n longitude: result.longitude,\n country: result.country_code || result.country,\n admin1: result.admin1,\n admin2: result.admin2\n }));\n \n // Filter and prioritize UK locations\n const ukLocations = locations.filter(loc => \n loc.country === \"GB\" || loc.country === \"UK\" || loc.country === \"United Kingdom\"\n );\n \n const otherLocations = locations.filter(loc => \n loc.country !== \"GB\" && loc.country !== \"UK\" && loc.country !== \"United Kingdom\"\n );\n \n // Return UK locations first, then others\n return c.json([...ukLocations, ...otherLocations]);\n \n } catch (error) {\n console.error(\"Geocoding API error:\", error);\n return c.json({ error: \"Failed to search locations\" }, 500);\n }\n});\n\nexport default app;",[],[173,190,205],"35317384-40bf-11f0-ba67-76b3cceeab13",["D",1748985042383],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","cf9f7590-3c11-11f0-8f77-839c97346035","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","e3e157f9-3173-491d-8140-0688c103679e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_264":260},"org",{"_11":12,"_258":-5,"_259":260,"_221":222,"_261":262,"_263":55},"branch",{"_17":114,"_13":16,"_34":42,"_250":212,"_251":-5,"_252":-5,"_253":-5,"_254":-5,"_255":-5,"_256":14,"_257":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yeGs4TzJrOEp2Sm9YTlhRNFk5U1J5dDRPNVkifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":212,"_13":14,"_47":350,"_214":-5,"_215":55,"_216":217,"_218":217,"_219":-5,"_220":-5,"_221":222,"_223":182,"_224":46,"_225":-5,"_226":-5,"_227":49,"_228":229,"_230":-5,"_231":-5,"_232":-5,"_233":-5,"_234":235,"_236":235,"_237":238,"_239":238,"_240":238,"_241":235,"_242":235,"_243":351,"_245":352,"_247":353,"_249":55},[296,301,311,313],"files",[296,297,298,299,300,301,302,303,304,305,306,307,308,309,310,311,312,313],"counts",{"_287":49,"_288":99,"_289":49,"_32":290,"_291":292},[285],{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":59,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_18":284},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":286},[19,36],"pulls","branches","forks",{"_293":49,"_295":49},"connections",{"_293":49,"_294":49},"count","unfilledCount","emptyCount",{"_34":172,"_13":173,"_37":174,"_39":-5,"_41":42,"_43":71,"_45":46,"_47":175,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_73":348,"_18":349},{"_34":189,"_13":190,"_37":191,"_39":174,"_41":42,"_43":152,"_45":46,"_47":192,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_73":346,"_18":347},{"_34":204,"_13":205,"_37":206,"_39":191,"_41":42,"_43":207,"_45":46,"_47":208,"_17":49,"_50":51,"_52":209,"_54":55,"_56":-5,"_73":344,"_18":345},{"_34":197,"_13":198,"_37":199,"_39":191,"_41":42,"_43":152,"_45":46,"_47":200,"_17":49,"_50":51,"_52":201,"_54":55,"_56":-5,"_73":342,"_18":343},{"_34":180,"_13":181,"_37":182,"_39":174,"_41":42,"_43":183,"_45":46,"_47":184,"_17":71,"_50":185,"_52":186,"_54":55,"_56":14,"_73":340,"_18":341},{"_34":83,"_13":84,"_37":85,"_39":-5,"_41":42,"_43":86,"_45":46,"_47":87,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_73":338,"_18":339},{"_34":119,"_13":120,"_37":121,"_39":85,"_41":42,"_43":122,"_45":46,"_47":123,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_73":336,"_18":337},{"_34":164,"_13":165,"_37":166,"_39":121,"_41":42,"_43":167,"_45":46,"_47":168,"_17":99,"_50":51,"_52":169,"_54":55,"_56":-5,"_73":334,"_18":335},{"_34":156,"_13":157,"_37":158,"_39":121,"_41":42,"_43":159,"_45":46,"_47":160,"_17":49,"_50":51,"_52":161,"_54":55,"_56":-5,"_73":332,"_18":333},{"_34":147,"_13":148,"_37":149,"_39":121,"_41":42,"_43":150,"_45":46,"_47":151,"_17":152,"_50":51,"_52":153,"_54":55,"_56":-5,"_73":330,"_18":331},{"_34":139,"_13":140,"_37":141,"_39":121,"_41":42,"_43":142,"_45":46,"_47":143,"_17":49,"_50":51,"_52":144,"_54":55,"_56":-5,"_73":328,"_18":329},{"_34":131,"_13":132,"_37":133,"_39":121,"_41":42,"_43":134,"_45":46,"_47":135,"_17":106,"_50":51,"_52":136,"_54":55,"_56":-5,"_73":326,"_18":327},{"_34":111,"_13":112,"_37":113,"_39":85,"_41":42,"_43":114,"_45":46,"_47":115,"_17":99,"_50":24,"_52":116,"_54":55,"_56":-5,"_73":324,"_18":325},{"_34":103,"_13":104,"_37":105,"_39":85,"_41":42,"_43":106,"_45":46,"_47":107,"_17":49,"_50":51,"_52":108,"_54":55,"_56":-5,"_73":322,"_18":323},{"_34":94,"_13":95,"_37":96,"_39":85,"_41":42,"_43":97,"_45":46,"_47":98,"_17":99,"_50":24,"_52":100,"_54":55,"_56":-5,"_73":320,"_18":321},{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":76,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_73":318,"_18":319},{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":80,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_73":316,"_18":317},{"_34":66,"_13":67,"_37":68,"_39":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":71,"_50":24,"_52":72,"_54":55,"_56":-5,"_73":314,"_18":315},[],[67],[],[19,36],[312],[19],[],[84,95],[],[84,104],[],[84,112],[],[84,120,132],[],[84,120,140],[],[84,120,148],[],[84,120,157],[],[84,120,165],[303,304,305,306,307],[84,120],[302,308,309,310],[84],[],[173,181],[],[173,190,198],[],[173,190,205],[298,299],[173,190],[297,300],[173],["D",1748985042383],{"_11":12,"_264":260},{"_11":12,"_258":-5,"_259":260,"_221":222,"_261":262,"_263":55},{"_17":114,"_13":16,"_34":42,"_250":212,"_251":-5,"_252":-5,"_253":-5,"_254":-5,"_255":-5,"_256":14,"_257":12},"ctx",{"_243":-5,"_281":387,"_388":389,"_390":391,"_392":55,"_393":55,"_394":55,"_395":46,"_396":-5,"_397":-7,"_398":-7,"_399":49,"_400":55,"_401":55,"_402":-5,"_403":55,"_404":55,"_405":55,"_406":-5},"ENV",{"_358":359,"_360":361,"_362":16,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382,"_383":384,"_385":386},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]