4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:Td85,"use client" import { useEffect, useState } from "react" import { cn } from "@/lib/utils" /** Edit lat/lon after install. Open-Meteo — no API key. */ const CONTENT = { lat: 40.7128, lon: -74.006, label: "Local", } type WeatherData = { temperature: number feelsLike: number weatherCode: number isDay: boolean } function weatherGlyph(code: number, isDay = true): string { if (code === 0) return isDay ? "☀️" : "🌙" if (code <= 3) return "⛅" if (code <= 48) return "🌫️" if (code <= 67) return "🌧️" if (code <= 77) return "🌨️" if (code <= 82) return "🌦️" if (code <= 86) return "❄️" if (code <= 99) return "⛈️" return "🌡️" } function useWeather(lat: number | null, lon: number | null) { const [data, setData] = useState(null) const [error, setError] = useState(null) const [isLoading, setIsLoading] = useState(false) useEffect(() => { if (lat === null || lon === null) return let cancelled = false const fetchWeather = async () => { setIsLoading(true) setError(null) try { const response = await fetch( `https://api.open-meteo.com/v1/forecast?latitude=${lat}&longitude=${lon}¤t=temperature_2m,apparent_temperature,weather_code,is_day` ) if (!response.ok) throw new Error("Failed to fetch weather data") const result = await response.json() if (cancelled) return setData({ temperature: Math.round(result.current.temperature_2m), feelsLike: Math.round(result.current.apparent_temperature), weatherCode: result.current.weather_code, isDay: result.current.is_day === 1, }) } catch (err: unknown) { if (cancelled) return setError(err instanceof Error ? err.message : "Weather unavailable") } finally { if (!cancelled) setIsLoading(false) } } fetchWeather() return () => { cancelled = true } }, [lat, lon]) return { data, error, isLoading } } export function WeatherChip({ lat = CONTENT.lat, lon = CONTENT.lon, label = CONTENT.label, className, }: { lat?: number lon?: number label?: string className?: string } = {}) { const { data: weather, isLoading, error } = useWeather(lat, lon) if (isLoading) { return ( ··· ) } if (error || !weather) { return ( — ) } const glyph = weatherGlyph(weather.weatherCode, weather.isDay) return ( {glyph} {weather.temperature}° ) } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4e",null,{"namespace":"@atroui","registryDependencies":["@atroui/utils"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/default/blocks/weather-chip.tsx","content":"$50","type":"registry:component","target":"components/blocks/weather-chip.tsx"}],"className":"h-[70svh] min-h-80"}]]}]