\n \n \n\n",[],[100,128],"ad251346-40bf-11f0-ac07-76b3cceeab13","components","0616d8a8-c91f-41e7-8a41-dc9943d52ccc",8,["D",1748985243619],[142,143,144,145,146],[100,136],{"_35":179,"_13":180,"_38":181,"_40":137,"_42":43,"_44":182,"_46":47,"_48":183,"_17":115,"_51":95,"_53":184,"_55":56,"_57":-5,"_80":185,"_18":186},{"_35":171,"_13":172,"_38":173,"_40":137,"_42":43,"_44":174,"_46":47,"_48":175,"_17":64,"_51":95,"_53":176,"_55":56,"_57":-5,"_80":177,"_18":178},{"_35":163,"_13":164,"_38":165,"_40":137,"_42":43,"_44":166,"_46":47,"_48":167,"_17":62,"_51":95,"_53":168,"_55":56,"_57":-5,"_80":169,"_18":170},{"_35":155,"_13":156,"_38":157,"_40":137,"_42":43,"_44":158,"_46":47,"_48":159,"_17":64,"_51":95,"_53":160,"_55":56,"_57":-5,"_80":161,"_18":162},{"_35":147,"_13":148,"_38":149,"_40":137,"_42":43,"_44":150,"_46":47,"_48":151,"_17":122,"_51":95,"_53":152,"_55":56,"_57":-5,"_80":153,"_18":154},"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}",[],[100,136,148],"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}",[],[100,136,156],"d1aab1ac-40c0-11f0-9028-76b3cceeab13","LocationSearch.tsx","bb2c75c4-40bf-11f0-b85c-76b3cceeab13",20,["D",1748985734392],"/** @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}",[],[100,136,164],"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}",[],[100,136,172],"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}",[],[100,136,180],["D",1748985161767],[190,191],[19],{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":195,"_17":64,"_51":65,"_53":-5,"_55":56,"_57":-5,"_80":196,"_18":197},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":192,"_17":50,"_51":52,"_53":54,"_55":56,"_57":14,"_80":193,"_18":194},["D",1748986007105],[],[19,37],["D",1748985185272],[198,199],[19,60],{"_35":207,"_13":208,"_38":209,"_40":61,"_42":43,"_44":210,"_46":47,"_48":211,"_17":64,"_51":95,"_53":212,"_55":56,"_57":-5,"_80":213,"_18":214},{"_35":200,"_13":201,"_38":202,"_40":61,"_42":43,"_44":62,"_46":47,"_48":203,"_17":64,"_51":95,"_53":204,"_55":56,"_57":-5,"_80":205,"_18":206},"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;",[],[19,60,201],"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;",[],[19,60,208],"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,"_267":263},"org",{"_11":12,"_261":-5,"_262":263,"_224":225,"_264":265,"_266":56},"branch",{"_17":130,"_13":16,"_35":43,"_253":215,"_254":-5,"_255":-5,"_256":-5,"_257":-5,"_258":-5,"_259":14,"_260":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yeGs4TzJrOEp2Sm9YTlhRNFk5U1J5dDRPNVkifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":215,"_13":14,"_48":355,"_217":-5,"_218":56,"_219":220,"_221":220,"_222":-5,"_223":-5,"_224":225,"_226":39,"_227":47,"_228":-5,"_229":-5,"_230":64,"_231":232,"_233":-5,"_234":-5,"_235":-5,"_236":-5,"_237":238,"_239":238,"_240":241,"_242":241,"_243":241,"_244":238,"_245":238,"_246":356,"_248":357,"_250":358,"_252":56},[301,306,316,318],"files",[301,302,303,304,305,306,307,308,309,310,311,312,313,314,315,316,317,318],"counts",{"_292":64,"_293":115,"_294":64,"_32":295,"_296":297},[288,289],{"_35":67,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":50,"_46":47,"_48":68,"_17":64,"_51":65,"_53":-5,"_55":56,"_57":-5,"_18":287},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":63,"_17":64,"_51":65,"_53":-5,"_55":56,"_57":-5,"_18":291},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":14,"_18":290},[19,37],[19,60],"pulls","branches","forks",{"_298":64,"_300":64},"connections",{"_298":64,"_299":64},"count","unfilledCount","emptyCount",{"_35":67,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":50,"_46":47,"_48":187,"_17":64,"_51":65,"_53":-5,"_55":56,"_57":-5,"_80":353,"_18":354},{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":195,"_17":64,"_51":65,"_53":-5,"_55":56,"_57":-5,"_80":351,"_18":352},{"_35":207,"_13":208,"_38":209,"_40":61,"_42":43,"_44":210,"_46":47,"_48":211,"_17":64,"_51":95,"_53":212,"_55":56,"_57":-5,"_80":349,"_18":350},{"_35":200,"_13":201,"_38":202,"_40":61,"_42":43,"_44":62,"_46":47,"_48":203,"_17":64,"_51":95,"_53":204,"_55":56,"_57":-5,"_80":347,"_18":348},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":192,"_17":50,"_51":52,"_53":54,"_55":56,"_57":14,"_80":345,"_18":346},{"_35":99,"_13":100,"_38":101,"_40":-5,"_42":43,"_44":102,"_46":47,"_48":103,"_17":64,"_51":65,"_53":-5,"_55":56,"_57":-5,"_80":343,"_18":344},{"_35":135,"_13":136,"_38":137,"_40":101,"_42":43,"_44":138,"_46":47,"_48":139,"_17":64,"_51":65,"_53":-5,"_55":56,"_57":-5,"_80":341,"_18":342},{"_35":179,"_13":180,"_38":181,"_40":137,"_42":43,"_44":182,"_46":47,"_48":183,"_17":115,"_51":95,"_53":184,"_55":56,"_57":-5,"_80":339,"_18":340},{"_35":171,"_13":172,"_38":173,"_40":137,"_42":43,"_44":174,"_46":47,"_48":175,"_17":64,"_51":95,"_53":176,"_55":56,"_57":-5,"_80":337,"_18":338},{"_35":163,"_13":164,"_38":165,"_40":137,"_42":43,"_44":166,"_46":47,"_48":167,"_17":62,"_51":95,"_53":168,"_55":56,"_57":-5,"_80":335,"_18":336},{"_35":155,"_13":156,"_38":157,"_40":137,"_42":43,"_44":158,"_46":47,"_48":159,"_17":64,"_51":95,"_53":160,"_55":56,"_57":-5,"_80":333,"_18":334},{"_35":147,"_13":148,"_38":149,"_40":137,"_42":43,"_44":150,"_46":47,"_48":151,"_17":122,"_51":95,"_53":152,"_55":56,"_57":-5,"_80":331,"_18":332},{"_35":127,"_13":128,"_38":129,"_40":101,"_42":43,"_44":130,"_46":47,"_48":131,"_17":115,"_51":24,"_53":132,"_55":56,"_57":-5,"_80":329,"_18":330},{"_35":119,"_13":120,"_38":121,"_40":101,"_42":43,"_44":122,"_46":47,"_48":123,"_17":64,"_51":95,"_53":124,"_55":56,"_57":-5,"_80":327,"_18":328},{"_35":110,"_13":111,"_38":112,"_40":101,"_42":43,"_44":113,"_46":47,"_48":114,"_17":115,"_51":24,"_53":116,"_55":56,"_57":-5,"_80":325,"_18":326},{"_35":83,"_13":84,"_38":85,"_40":-5,"_42":43,"_44":86,"_46":47,"_48":87,"_17":64,"_51":65,"_53":-5,"_55":56,"_57":-5,"_80":323,"_18":324},{"_35":91,"_13":92,"_38":93,"_40":85,"_42":43,"_44":86,"_46":47,"_48":94,"_17":64,"_51":95,"_53":96,"_55":56,"_57":-5,"_80":321,"_18":322},{"_35":74,"_13":75,"_38":76,"_40":-5,"_42":43,"_44":77,"_46":47,"_48":78,"_17":50,"_51":24,"_53":79,"_55":56,"_57":-5,"_80":319,"_18":320},[],[75],[],[84,92],[317],[84],[],[100,111],[],[100,120],[],[100,128],[],[100,136,148],[],[100,136,156],[],[100,136,164],[],[100,136,172],[],[100,136,180],[308,309,310,311,312],[100,136],[307,313,314,315],[100],[],[19,37],[],[19,60,201],[],[19,60,208],[303,304],[19,60],[302,305],[19],["D",1748985042383],{"_11":12,"_267":263},{"_11":12,"_261":-5,"_262":263,"_224":225,"_264":265,"_266":56},{"_17":130,"_13":16,"_35":43,"_253":215,"_254":-5,"_255":-5,"_256":-5,"_257":-5,"_258":-5,"_259":14,"_260":12},"ctx",{"_246":-5,"_284":392,"_393":394,"_395":396,"_397":56,"_398":56,"_399":56,"_400":47,"_401":-5,"_402":-7,"_403":-7,"_404":64,"_405":56,"_406":56,"_407":-5,"_408":56,"_409":56,"_410":56,"_411":-5},"ENV",{"_363":364,"_365":366,"_367":16,"_368":369,"_370":371,"_372":373,"_374":375,"_376":377,"_378":379,"_380":381,"_382":383,"_384":385,"_386":387,"_388":389,"_390":391},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]