\n \n \n\n",[],[231,233],"92efacc8-3fa9-11f0-95ff-76b3cceeab13","App.tsx","92efad90-3fa9-11f0-95ff-76b3cceeab13","2695c095-3261-4909-9b81-2fe80df6d653",["D",1748865799558],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport SearchBar from \"./SearchBar.tsx\";\nimport WeatherCard from \"./WeatherCard.tsx\";\nimport Forecast from \"./Forecast.tsx\";\nimport type { WeatherData, Location } from \"../../shared/types.ts\";\n\nexport default function App() {\n const [weatherData, setWeatherData] = useState(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n // Load default location (New York) on initial load\n useEffect(() => {\n loadWeatherForLocation({ \n id: 1, \n name: \"New York\", \n latitude: 40.7128, \n longitude: -74.0060, \n country: \"US\" \n });\n }, []);\n\n const loadWeatherForLocation = async (location: Location) => {\n setLoading(true);\n setError(null);\n \n try {\n const response = await fetch(\n `/api/weather?lat=${location.latitude}&lon=${location.longitude}&name=${encodeURIComponent(location.name)}`\n );\n \n if (!response.ok) {\n throw new Error(`Failed to fetch weather data: ${response.status}`);\n }\n \n const data = await response.json();\n setWeatherData(data);\n } catch (err) {\n setError(err instanceof Error ? err.message : \"Failed to load weather data\");\n console.error(\"Weather loading error:\", err);\n } finally {\n setLoading(false);\n }\n };\n\n const handleLocationSelect = (location: Location) => {\n loadWeatherForLocation(location);\n };\n\n const handleUseCurrentLocation = () => {\n if (!navigator.geolocation) {\n setError(\"Geolocation is not supported by this browser\");\n return;\n }\n\n setLoading(true);\n navigator.geolocation.getCurrentPosition(\n async (position) => {\n const { latitude, longitude } = position.coords;\n try {\n const response = await fetch(\n `/api/weather?lat=${latitude}&lon=${longitude}&name=Current Location`\n );\n \n if (!response.ok) {\n throw new Error(`Failed to fetch weather data: ${response.status}`);\n }\n \n const data = await response.json();\n setWeatherData(data);\n } catch (err) {\n setError(err instanceof Error ? err.message : \"Failed to load weather data\");\n } finally {\n setLoading(false);\n }\n },\n (err) => {\n setError(\"Failed to get your location\");\n setLoading(false);\n }\n );\n };\n\n return (\n

\n {/* Header */}\n

\n 🌤️ Weather Forecast\n

\n Get accurate weather forecasts for any location worldwide\n

\n\n {/* Search Bar */}\n

\n \n

\n\n {/* Error Message */}\n {error && (\n

⚠️ {error}

\n )}\n\n {/* Loading State */}\n {loading && (\n

Loading weather data...

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

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

\n )}\n\n {/* Footer */}\n

Weather data provided by Open-Meteo

\n );\n}",[],[231,248,241],"components","92efbd3a-3fa9-11f0-95ff-76b3cceeab13",["D",1748865799558],[183],[231,248],"82717f02-3fa9-11f0-9704-76b3cceeab13",["D",1748865771886],[182,184,185],[231],"7b78a8c4-3fa9-11f0-ab25-76b3cceeab13","index.ts","72427535-bc7b-4485-8c01-b6503be4f7a2",6,["D",1748865760189],"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\";\nimport type { Location, WeatherData, CurrentWeather, DailyForecast, HourlyForecast } from \"../shared/types.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve main page\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Geocoding API - search for locations\napp.get(\"/api/geocode\", 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 const response = await fetch(\n `https://geocoding-api.open-meteo.com/v1/search?name=${encodeURIComponent(query)}&count=5&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 const locations: Location[] = (data.results || []).map((result: any) => ({\n id: result.id,\n name: result.name,\n latitude: result.latitude,\n longitude: result.longitude,\n country: result.country,\n admin1: result.admin1,\n }));\n \n return c.json({ locations });\n } catch (error) {\n console.error(\"Geocoding error:\", error);\n return c.json({ error: \"Failed to search locations\" }, 500);\n }\n});\n\n// Weather API - get weather data for coordinates\napp.get(\"/api/weather\", async c => {\n const lat = c.req.query(\"lat\");\n const lon = c.req.query(\"lon\");\n const locationName = c.req.query(\"name\") || \"Unknown Location\";\n \n if (!lat || !lon) {\n return c.json({ error: \"Latitude and longitude parameters 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,is_day&daily=weather_code,temperature_2m_max,temperature_2m_min,precipitation_probability_max,wind_speed_10m_max,wind_direction_10m_dominant&hourly=temperature_2m,weather_code,precipitation_probability&timezone=auto&forecast_days=7`\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 // Parse current weather\n const current: CurrentWeather = {\n temperature: Math.round(data.current.temperature_2m),\n weatherCode: data.current.weather_code,\n windSpeed: Math.round(data.current.wind_speed_10m),\n windDirection: data.current.wind_direction_10m,\n humidity: data.current.relative_humidity_2m,\n pressure: Math.round(data.current.surface_pressure),\n isDay: data.current.is_day === 1,\n time: data.current.time,\n };\n \n // Parse daily forecast\n const daily: DailyForecast[] = data.daily.time.map((date: string, index: number) => ({\n date,\n weatherCode: data.daily.weather_code[index],\n temperatureMax: Math.round(data.daily.temperature_2m_max[index]),\n temperatureMin: Math.round(data.daily.temperature_2m_min[index]),\n precipitationProbability: data.daily.precipitation_probability_max[index] || 0,\n windSpeed: Math.round(data.daily.wind_speed_10m_max[index]),\n windDirection: data.daily.wind_direction_10m_dominant[index],\n }));\n \n // Parse hourly forecast (next 24 hours)\n const hourly: HourlyForecast[] = data.hourly.time.slice(0, 24).map((time: string, index: number) => ({\n time,\n temperature: Math.round(data.hourly.temperature_2m[index]),\n weatherCode: data.hourly.weather_code[index],\n precipitationProbability: data.hourly.precipitation_probability[index] || 0,\n }));\n \n const weatherData: WeatherData = {\n current,\n daily,\n hourly,\n location: {\n name: locationName,\n latitude: parseFloat(lat),\n longitude: parseFloat(lon),\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\nexport default app.fetch;",[],[266,258],"backend","79416186-3fa9-11f0-88df-76b3cceeab13",5,["D",1748865756473],[180],[266],["D",1748865386218],{"_11":12,"_124":70},{"_11":12,"_120":-5,"_69":70,"_31":68,"_121":122,"_123":30},{"_39":108,"_13":16,"_33":36,"_109":74,"_110":111,"_112":113,"_114":79,"_115":116,"_117":42,"_118":14,"_119":12},"ctx",{"_52":-5,"_145":309,"_310":311,"_312":313,"_314":30,"_315":30,"_316":30,"_317":24,"_318":-5,"_319":-7,"_320":-7,"_321":26,"_322":30,"_323":30,"_324":-5,"_325":30,"_326":30,"_327":30,"_328":-5},"ENV",{"_280":281,"_282":283,"_284":16,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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"]

History · shared