\n \n \n\n",[],[135,206],"0d75aec2-422d-11f0-9f95-76b3cceeab13","WeatherMap.tsx","cb6d9e68-40bf-11f0-ab95-76b3cceeab13","0616d8a8-c91f-41e7-8a41-dc9943d52ccc",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}",[],[135,221,213],"components","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}",[],[135,221,223],"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}",[],[135,221,231],"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}",[],[135,221,240],"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}",[],[135,221,248],"ad251346-40bf-11f0-ac07-76b3cceeab13",8,["D",1748985243619],[163,164,165,166,167],[135,221],["D",1748985208417],[162,168,169,170],[135],"74377e64-40c1-11f0-b336-76b3cceeab13","index.ts",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;",[],[141,264],"8a5d8af0-40bf-11f0-bac9-76b3cceeab13","weather.ts","8a5d8b9a-40bf-11f0-bac9-76b3cceeab13","82d0447b-5405-41ce-993d-bb7c61c06d82",["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;",[],[141,279,272],"routes","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;",[],[141,279,281],"8a5d9bf8-40bf-11f0-bac9-76b3cceeab13",["D",1748985185272],[158,159],[141,279],["D",1748985161767],[157,160],[141],["D",1748985042383],{"_16":17,"_82":78},{"_16":17,"_76":-5,"_77":78,"_32":33,"_79":80,"_81":26},{"_64":65,"_20":66,"_18":67,"_68":19,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":21,"_75":17},"ctx",{"_57":-5,"_103":332,"_333":334,"_335":336,"_337":26,"_338":26,"_339":26,"_340":37,"_341":-5,"_342":-7,"_343":-7,"_344":41,"_345":26,"_346":26,"_347":-5,"_348":26,"_349":26,"_350":26,"_351":-5},"ENV",{"_303":304,"_305":306,"_307":66,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331},"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"]