\n \n \n\n",[19,70],"ad251346-40bf-11f0-ac07-76b3cceeab13","components","0616d8a8-c91f-41e7-8a41-dc9943d52ccc",8,["D",1748985243619],"directory",[19,77],"982926f8-40bf-11f0-8330-76b3cceeab13",6,["D",1748985208417],[19],{"_37":181,"_13":182,"_40":183,"_42":-5,"_44":45,"_46":96,"_48":49,"_50":184,"_17":65,"_53":81,"_54":-5,"_56":57,"_58":-5,"_98":185,"_18":186},{"_37":83,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":84,"_48":49,"_50":116,"_17":65,"_53":81,"_54":-5,"_56":57,"_58":-5,"_98":117,"_18":118},{"_37":101,"_13":102,"_40":103,"_42":-5,"_44":45,"_46":104,"_48":49,"_50":105,"_17":65,"_53":81,"_54":-5,"_56":57,"_58":-5,"_98":106,"_18":107},{"_37":91,"_13":92,"_40":93,"_42":-5,"_44":45,"_46":94,"_48":49,"_50":95,"_17":96,"_53":24,"_54":97,"_56":57,"_58":-5,"_98":99,"_18":100},"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",[],[92],"710fe732-40bf-11f0-9869-76b3cceeab13","shared","983905b3-7395-41b4-ba58-068e812d8ebd",2,["D",1748985142819],[108],[102],{"_37":109,"_13":110,"_40":111,"_42":103,"_44":45,"_46":104,"_48":49,"_50":112,"_17":65,"_53":66,"_54":113,"_56":57,"_58":-5,"_98":114,"_18":115},"710fabb4-40bf-11f0-9869-76b3cceeab13","types.ts","710fac5e-40bf-11f0-9869-76b3cceeab13",["D",1748985142819],"// 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}",[],[102,110],["D",1748985208417],[119,120,121,122],[19],{"_37":76,"_13":77,"_40":78,"_42":43,"_44":45,"_46":79,"_48":49,"_50":132,"_17":65,"_53":81,"_54":-5,"_56":57,"_58":-5,"_98":133,"_18":134},{"_37":69,"_13":70,"_40":71,"_42":43,"_44":45,"_46":72,"_48":49,"_50":129,"_17":52,"_53":24,"_54":74,"_56":57,"_58":-5,"_98":130,"_18":131},{"_37":60,"_13":61,"_40":62,"_42":43,"_44":45,"_46":63,"_48":49,"_50":126,"_17":65,"_53":66,"_54":67,"_56":57,"_58":-5,"_98":127,"_18":128},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":123,"_17":52,"_53":24,"_54":55,"_56":57,"_58":-5,"_98":124,"_18":125},["D",1748985725386],[],[19,39],["D",1748985215493],[],[19,61],["D",1749142217633],[],[19,70],["D",1748985243619],[135,136,137,138,139],[19,77],{"_37":173,"_13":174,"_40":175,"_42":78,"_44":45,"_46":176,"_48":49,"_50":177,"_17":52,"_53":66,"_54":178,"_56":57,"_58":-5,"_98":179,"_18":180},{"_37":165,"_13":166,"_40":167,"_42":78,"_44":45,"_46":168,"_48":49,"_50":169,"_17":65,"_53":66,"_54":170,"_56":57,"_58":-5,"_98":171,"_18":172},{"_37":156,"_13":157,"_40":158,"_42":78,"_44":45,"_46":159,"_48":49,"_50":160,"_17":161,"_53":66,"_54":162,"_56":57,"_58":-5,"_98":163,"_18":164},{"_37":148,"_13":149,"_40":150,"_42":78,"_44":45,"_46":151,"_48":49,"_50":152,"_17":65,"_53":66,"_54":153,"_56":57,"_58":-5,"_98":154,"_18":155},{"_37":140,"_13":141,"_40":142,"_42":78,"_44":45,"_46":143,"_48":49,"_50":144,"_17":63,"_53":66,"_54":145,"_56":57,"_58":-5,"_98":146,"_18":147},"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}",[],[19,77,141],"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}",[],[19,77,149],"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}",[],[19,77,157],"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}",[],[19,77,166],"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}",[],[19,77,174],"7c5b3506-40bf-11f0-87df-76b3cceeab13","backend","204948c4-44da-4deb-b183-b858fe2fc618",["D",1748985161767],[187,188],[182],{"_37":198,"_13":199,"_40":200,"_42":183,"_44":45,"_46":161,"_48":49,"_50":201,"_17":65,"_53":81,"_54":-5,"_56":57,"_58":-5,"_98":202,"_18":203},{"_37":189,"_13":190,"_40":191,"_42":183,"_44":45,"_46":192,"_48":49,"_50":193,"_17":96,"_53":194,"_54":195,"_56":57,"_58":14,"_98":196,"_18":197},"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;",[],[182,190],"8a5d9bf8-40bf-11f0-bac9-76b3cceeab13","routes","82d0447b-5405-41ce-993d-bb7c61c06d82",["D",1748985185272],[204,205],[182,199],{"_37":213,"_13":214,"_40":215,"_42":200,"_44":45,"_46":216,"_48":49,"_50":217,"_17":65,"_53":66,"_54":218,"_56":57,"_58":-5,"_98":219,"_18":220},{"_37":206,"_13":207,"_40":208,"_42":200,"_44":45,"_46":161,"_48":49,"_50":209,"_17":65,"_53":66,"_54":210,"_56":57,"_58":-5,"_98":211,"_18":212},"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;",[],[182,199,207],"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;",[],[182,199,214],"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,"_273":269},"org",{"_11":12,"_267":-5,"_268":269,"_230":231,"_270":271,"_272":57},"branch",{"_17":72,"_13":16,"_37":45,"_259":221,"_260":-5,"_261":-5,"_262":-5,"_263":-5,"_264":-5,"_265":14,"_266":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yeGs4TzJrOEp2Sm9YTlhRNFk5U1J5dDRPNVkifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_37":221,"_13":14,"_50":365,"_223":-5,"_224":57,"_225":226,"_227":226,"_228":-5,"_229":-5,"_230":231,"_232":191,"_233":49,"_234":-5,"_235":-5,"_236":65,"_237":238,"_239":-5,"_240":-5,"_241":-5,"_242":-5,"_243":244,"_245":244,"_246":247,"_248":247,"_249":247,"_250":244,"_251":244,"_252":366,"_254":367,"_256":368,"_258":57},[311,316,326,328],"files",[311,312,313,314,315,316,317,318,319,320,321,322,323,324,325,326,327,328],"counts",{"_302":65,"_303":52,"_304":65,"_32":305,"_306":307},[294,295,296,297],{"_37":83,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":84,"_48":49,"_50":85,"_17":65,"_53":81,"_54":-5,"_56":57,"_58":-5,"_18":293},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_37":76,"_13":77,"_40":78,"_42":43,"_44":45,"_46":79,"_48":49,"_50":80,"_17":65,"_53":81,"_54":-5,"_56":57,"_58":-5,"_18":301},{"_37":69,"_13":70,"_40":71,"_42":43,"_44":45,"_46":72,"_48":49,"_50":73,"_17":52,"_53":24,"_54":74,"_56":57,"_58":-5,"_18":300},{"_37":60,"_13":61,"_40":62,"_42":43,"_44":45,"_46":63,"_48":49,"_50":64,"_17":65,"_53":66,"_54":67,"_56":57,"_58":-5,"_18":299},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_17":52,"_53":24,"_54":55,"_56":57,"_58":-5,"_18":298},[19,39],[19,61],[19,70],[19,77],"pulls","branches","forks",{"_308":65,"_310":65},"connections",{"_308":65,"_309":65},"count","unfilledCount","emptyCount",{"_37":181,"_13":182,"_40":183,"_42":-5,"_44":45,"_46":96,"_48":49,"_50":184,"_17":65,"_53":81,"_54":-5,"_56":57,"_58":-5,"_98":363,"_18":364},{"_37":198,"_13":199,"_40":200,"_42":183,"_44":45,"_46":161,"_48":49,"_50":201,"_17":65,"_53":81,"_54":-5,"_56":57,"_58":-5,"_98":361,"_18":362},{"_37":213,"_13":214,"_40":215,"_42":200,"_44":45,"_46":216,"_48":49,"_50":217,"_17":65,"_53":66,"_54":218,"_56":57,"_58":-5,"_98":359,"_18":360},{"_37":206,"_13":207,"_40":208,"_42":200,"_44":45,"_46":161,"_48":49,"_50":209,"_17":65,"_53":66,"_54":210,"_56":57,"_58":-5,"_98":357,"_18":358},{"_37":189,"_13":190,"_40":191,"_42":183,"_44":45,"_46":192,"_48":49,"_50":193,"_17":96,"_53":194,"_54":195,"_56":57,"_58":14,"_98":355,"_18":356},{"_37":83,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":84,"_48":49,"_50":116,"_17":65,"_53":81,"_54":-5,"_56":57,"_58":-5,"_98":353,"_18":354},{"_37":76,"_13":77,"_40":78,"_42":43,"_44":45,"_46":79,"_48":49,"_50":132,"_17":65,"_53":81,"_54":-5,"_56":57,"_58":-5,"_98":351,"_18":352},{"_37":173,"_13":174,"_40":175,"_42":78,"_44":45,"_46":176,"_48":49,"_50":177,"_17":52,"_53":66,"_54":178,"_56":57,"_58":-5,"_98":349,"_18":350},{"_37":165,"_13":166,"_40":167,"_42":78,"_44":45,"_46":168,"_48":49,"_50":169,"_17":65,"_53":66,"_54":170,"_56":57,"_58":-5,"_98":347,"_18":348},{"_37":156,"_13":157,"_40":158,"_42":78,"_44":45,"_46":159,"_48":49,"_50":160,"_17":161,"_53":66,"_54":162,"_56":57,"_58":-5,"_98":345,"_18":346},{"_37":148,"_13":149,"_40":150,"_42":78,"_44":45,"_46":151,"_48":49,"_50":152,"_17":65,"_53":66,"_54":153,"_56":57,"_58":-5,"_98":343,"_18":344},{"_37":140,"_13":141,"_40":142,"_42":78,"_44":45,"_46":143,"_48":49,"_50":144,"_17":63,"_53":66,"_54":145,"_56":57,"_58":-5,"_98":341,"_18":342},{"_37":69,"_13":70,"_40":71,"_42":43,"_44":45,"_46":72,"_48":49,"_50":129,"_17":52,"_53":24,"_54":74,"_56":57,"_58":-5,"_98":339,"_18":340},{"_37":60,"_13":61,"_40":62,"_42":43,"_44":45,"_46":63,"_48":49,"_50":126,"_17":65,"_53":66,"_54":67,"_56":57,"_58":-5,"_98":337,"_18":338},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":123,"_17":52,"_53":24,"_54":55,"_56":57,"_58":-5,"_98":335,"_18":336},{"_37":101,"_13":102,"_40":103,"_42":-5,"_44":45,"_46":104,"_48":49,"_50":105,"_17":65,"_53":81,"_54":-5,"_56":57,"_58":-5,"_98":333,"_18":334},{"_37":109,"_13":110,"_40":111,"_42":103,"_44":45,"_46":104,"_48":49,"_50":112,"_17":65,"_53":66,"_54":113,"_56":57,"_58":-5,"_98":331,"_18":332},{"_37":91,"_13":92,"_40":93,"_42":-5,"_44":45,"_46":94,"_48":49,"_50":95,"_17":96,"_53":24,"_54":97,"_56":57,"_58":-5,"_98":329,"_18":330},[],[92],[],[102,110],[327],[102],[],[19,39],[],[19,61],[],[19,70],[],[19,77,141],[],[19,77,149],[],[19,77,157],[],[19,77,166],[],[19,77,174],[318,319,320,321,322],[19,77],[317,323,324,325],[19],[],[182,190],[],[182,199,207],[],[182,199,214],[313,314],[182,199],[312,315],[182],["D",1748985042383],{"_11":12,"_273":269},{"_11":12,"_267":-5,"_268":269,"_230":231,"_270":271,"_272":57},{"_17":72,"_13":16,"_37":45,"_259":221,"_260":-5,"_261":-5,"_262":-5,"_263":-5,"_264":-5,"_265":14,"_266":12},"ctx",{"_252":-5,"_290":402,"_403":404,"_405":406,"_407":57,"_408":57,"_409":57,"_410":49,"_411":-5,"_412":-7,"_413":-7,"_414":65,"_415":57,"_416":57,"_417":-5,"_418":57,"_419":57,"_420":57,"_421":-5},"ENV",{"_373":374,"_375":376,"_377":16,"_378":379,"_380":381,"_382":383,"_384":385,"_386":387,"_388":389,"_390":391,"_392":393,"_394":395,"_396":397,"_398":399,"_400":401},"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"]