Function fetchWeatherData

src/components/FieldComparisonColumn.tsx:154–205

()

  // Fetch weather data
  useEffect(() => {
    const fetchWeatherData = async () => {
      setLoading(true);
      try {
        const { lat, lng } = getFieldCenter(field);
        const start = format(startDate, "yyyy-MM-dd");
        const end = format(endDate, "yyyy-MM-dd");
        const [weatherRes, soilRes] = await Promise.all([
          fetch(`https://archive-api.open-meteo.com/v1/archive?latitude=${lat}&longitude=${lng}&start_date=${start}&end_date=${end}&daily=precipitation_sum,temperature_2m_max,temperature_2m_min,et0_fao_evapotranspiration`),
          fetch(`https://archive-api.open-meteo.com/v1/archive?latitude=${lat}&longitude=${lng}&start_date=${start}&end_date=${end}&daily=soil_moisture_0_to_7cm_mean,soil_moisture_7_to_28cm_mean`),
        ]);
        const data = await weatherRes.json();
        const soilData = await soilRes.json();

        if (data.daily) {
          const daily = data.daily.time.map((date: string, i: number) => ({
            date, label: format(new Date(date + "T00:00:00"), "MMM dd"),
            precipitation: data.daily.precipitation_sum[i] || 0,
            tempMax: data.daily.temperature_2m_max[i], tempMin: data.daily.temperature_2m_min[i],
            evap: data.daily.et0_fao_evapotranspiration[i] || 0,
          }));
          const monthMap = new Map<string, { precip: number; count: number; tMax: number; tMin: number; evap: number }>();
          daily.forEach((d: any) => {
            const key = format(new Date(d.date + "T00:00:00"), "MMM yyyy");
            const m = monthMap.get(key) || { precip: 0, count: 0, tMax: -999, tMin: 999, evap: 0 };
            m.precip += d.precipitation; m.count++; m.tMax = Math.max(m.tMax, d.tempMax ?? -999); m.tMin = Math.min(m.tMin, d.tempMin ?? 999); m.evap += d.evap;
            monthMap.set(key, m);
          });
          let accumulated = 0;
          const monthly = Array.from(monthMap.entries()).map(([month, v]) => {
            accumulated += v.precip;
            return { month: month.split(" ")[0], precipitation: Math.round(v.precip * 10) / 10, accumulated: Math.round(accumulated * 10) / 10, tempMax: Math.round(v.tMax), tempMin: Math.round(v.tMin), evapotranspiration: Math.round(v.evap * 10) / 10 };
          });
          setMonthlyData(monthly);
          setDailyData(daily.filter((_: any, i: number) => i % 2 === 0));
        }
        if (soilData.daily) {
          const soilMonthMap = new Map<string, { shallow: number; deep: number; count: number }>();
          soilData.daily.time.forEach((date: string, i: number) => {
            const key = format(new Date(date + "T00:00:00"), "MMM yyyy");
            const m = soilMonthMap.get(key) || { shallow: 0, deep: 0, count: 0 };
            m.shallow += soilData.daily.soil_moisture_0_to_7cm_mean?.[i] || 0;
            m.deep += soilData.daily.soil_moisture_7_to_28cm_mean?.[i] || 0;
            m.count++; soilMonthMap.set(key, m);
          });
          const soilMonthly = Array.from(soilMonthMap.entries()).map(([month, v]) => ({
            month: month.split(" ")[0], shallow: Math.round(v.shallow / v.count * 1000) / 10, deep: Math.round(v.deep / v.count * 1000) / 10,
          }));
          setSoilMoistureData(soilMonthly);
        }
      } catch (e) { console.error("Failed to fetch weather data", e); }
      finally { setLoading(false); }
    };
    fetchWeatherData();
  }, [startDate, endDate, field.id]);