use-weather-forecast 0.1.0

package/README.md

@@ -0,0 +1,85 @@
+# use-weather-forecast
+
+React weather forecast component using Open-Meteo for current, hourly, and daily forecasts and Cloudflare/ip-api for IP geolocation.
+
+## Features
+
+- Current weather.
+- Next hours forecast.
+- Next days forecast.
+- IP geolocation fallback.
+- Latitude/longitude override.
+- Split SVG weather icon components.
+- TypeScript + tsup library scaffold.
+
+## Install
+
+```bash
+npm install use-weather-forecast
+```
+
+## Usage
+
+```tsx
+import { WeatherForecast } from 'use-weather-forecast';
+
+export default function App() {
+  return (
+    <WeatherForecast
+      forecastDays={5}
+      forecastHours={12}
+      temperatureUnit="fahrenheit"
+      geoEndpoint={import.meta.env.VITE_GEO_WORKER_URL}
+    />
+  );
+}
+```
+
+## Direct API usage
+
+```ts
+import { getWeatherForecast } from 'use-weather-forecast';
+
+const data = await getWeatherForecast({
+  latitude: 37.3688,
+  longitude: -122.0363,
+  forecastDays: 5,
+  forecastHours: 12,
+  temperatureUnit: 'fahrenheit',
+});
+```
+
+## Build
+
+```bash
+npm install
+npm run build
+```
+
+## IP geolocation
+
+This package no longer uses ipinfo.io. Instead:
+
+- Pass `geoEndpoint` pointing at a deployed instance of the bundled Cloudflare Worker
+  (`worker/geo-worker.ts`) for accurate results. The worker reads Cloudflare's built-in
+  geolocation (`request.cf`) for the visitor's own IP, and falls back to `ip-api.com`
+  when a `?ip=` query param (or the `ip` prop) is supplied for an arbitrary address.
+- If `geoEndpoint` is omitted, the package falls back to calling `ip-api.com` directly
+  from the browser. **Note:** ip-api.com's free tier only serves plain HTTP, so this
+  fallback will be blocked as mixed content on pages served over HTTPS — deploy the
+  worker and pass `geoEndpoint` for any HTTPS site.
+
+### Deploying the geo worker
+
+```bash
+cd packages/react-weather-forecast
+npm run worker:deploy
+```
+
+This deploys `worker/geo-worker.ts` via Wrangler. Use the resulting `*.workers.dev` URL
+(or a custom route) as `geoEndpoint`.
+
+## Notes
+
+- Open-Meteo powers the forecast data.
+- Cloudflare's `request.cf` and ip-api.com power IP geolocation (see above).

package/dist/index.cjs

@@ -0,0 +1,407 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  WeatherForecast: () => WeatherForecast,
+  WeatherIcon: () => WeatherIcon,
+  getClientLocation: () => getClientLocation,
+  getWeatherForecast: () => getWeatherForecast,
+  getWeatherIcon: () => getWeatherIcon,
+  useWeatherForecast: () => useWeatherForecast
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/weatherCodes.ts
+function getWeatherIcon(code, isDay = 1) {
+  if (code === 0) return "sun";
+  if ([1, 2].includes(code)) return isDay ? "cloud-sun" : "clouds";
+  if (code === 3) return "clouds";
+  if ([45, 48].includes(code)) return "cloud-fog";
+  if ([51, 53, 55, 56, 57].includes(code)) return "cloud-drizzle";
+  if ([61, 63].includes(code)) return "cloud-showers";
+  if ([65, 66, 67, 80, 81, 82].includes(code)) return "cloud-showers-heavy";
+  if ([71, 73, 75, 77, 85, 86].includes(code)) return "cloud-snow";
+  if (code === 95) return "cloud-bolt";
+  if ([96, 99].includes(code)) return "cloud-hail";
+  return "clouds";
+}
+
+// src/api/geolocation.ts
+var DEFAULT_IP_API_URL = "http://ip-api.com/json/";
+async function getClientLocation(geoEndpoint, ip) {
+  if (geoEndpoint) {
+    const url = ip ? `${geoEndpoint}?ip=${encodeURIComponent(ip)}` : geoEndpoint;
+    const res2 = await fetch(url);
+    if (!res2.ok) throw new Error(`Geolocation worker lookup failed: ${res2.status}`);
+    const data2 = await res2.json();
+    return {
+      city: data2.city,
+      region: data2.region,
+      country: data2.country,
+      timezone: data2.timezone,
+      latitude: Number(data2.latitude),
+      longitude: Number(data2.longitude)
+    };
+  }
+  const res = await fetch(`${DEFAULT_IP_API_URL}${ip ? encodeURIComponent(ip) : ""}`);
+  if (!res.ok) throw new Error(`ip-api lookup failed: ${res.status}`);
+  const data = await res.json();
+  if (data.status === "fail") {
+    throw new Error(`ip-api lookup failed: ${data.message ?? "unknown error"}`);
+  }
+  return {
+    city: data.city,
+    region: data.regionName,
+    country: data.country,
+    timezone: data.timezone,
+    latitude: Number(data.lat),
+    longitude: Number(data.lon)
+  };
+}
+
+// src/api/forecast.ts
+function buildUrl(latitude, longitude, options) {
+  const params = new URLSearchParams({
+    latitude: String(latitude),
+    longitude: String(longitude),
+    timezone: options.location?.timezone || "auto",
+    temperature_unit: options.temperatureUnit || "fahrenheit",
+    wind_speed_unit: options.windSpeedUnit || "mph",
+    forecast_days: String(options.forecastDays ?? 5),
+    forecast_hours: String(options.forecastHours ?? 24),
+    current: [
+      "temperature_2m",
+      "weather_code",
+      "is_day",
+      "rain",
+      "showers",
+      "snowfall",
+      "wind_speed_10m"
+    ].join(","),
+    hourly: [
+      "temperature_2m",
+      "weather_code",
+      "precipitation_probability",
+      "rain",
+      "showers",
+      "snowfall"
+    ].join(","),
+    daily: [
+      "temperature_2m_max",
+      "temperature_2m_min",
+      "weather_code",
+      "precipitation_probability_max"
+    ].join(",")
+  });
+  return `https://api.open-meteo.com/v1/forecast?${params.toString()}`;
+}
+async function getWeatherForecast(options = {}) {
+  let location;
+  if (typeof options.latitude === "number" && typeof options.longitude === "number") {
+    location = {
+      ...options.location,
+      latitude: options.latitude,
+      longitude: options.longitude
+    };
+  } else {
+    location = await getClientLocation(options.geoEndpoint, options.ip);
+  }
+  const url = buildUrl(location.latitude, location.longitude, { ...options, location });
+  const response = await fetch(url, { headers: { "Content-Type": "application/json" } });
+  if (!response.ok) {
+    throw new Error(`Weather request failed: ${response.status} ${response.statusText}`);
+  }
+  const data = await response.json();
+  if (!data?.current || !data?.hourly || !data?.daily) {
+    throw new Error("Invalid weather response");
+  }
+  return {
+    location,
+    current: {
+      time: data.current.time,
+      temperature: Math.round(data.current.temperature_2m),
+      weatherCode: data.current.weather_code,
+      icon: getWeatherIcon(data.current.weather_code, data.current.is_day),
+      isDay: data.current.is_day,
+      rain: data.current.rain,
+      showers: data.current.showers,
+      snowfall: data.current.snowfall,
+      windSpeed: data.current.wind_speed_10m
+    },
+    hourly: data.hourly.time.map((time, index) => ({
+      time,
+      temperature: Math.round(data.hourly.temperature_2m[index]),
+      weatherCode: data.hourly.weather_code[index],
+      precipitationProbability: data.hourly.precipitation_probability?.[index],
+      rain: data.hourly.rain?.[index],
+      showers: data.hourly.showers?.[index],
+      snowfall: data.hourly.snowfall?.[index],
+      icon: getWeatherIcon(data.hourly.weather_code[index])
+    })),
+    daily: data.daily.time.map((date, index) => ({
+      date,
+      min: Math.round(data.daily.temperature_2m_min[index]),
+      max: Math.round(data.daily.temperature_2m_max[index]),
+      weatherCode: data.daily.weather_code[index],
+      precipitationProbabilityMax: data.daily.precipitation_probability_max?.[index],
+      icon: getWeatherIcon(data.daily.weather_code[index])
+    }))
+  };
+}
+
+// src/hooks/useWeatherForecast.ts
+var import_react = require("react");
+function useWeatherForecast(options = {}) {
+  const [data, setData] = (0, import_react.useState)(null);
+  const [error, setError] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  (0, import_react.useEffect)(() => {
+    let active = true;
+    setLoading(true);
+    setError(null);
+    getWeatherForecast(options).then((result) => {
+      if (active) setData(result);
+    }).catch((err) => {
+      if (active) setError(err instanceof Error ? err : new Error("Unknown error"));
+    }).finally(() => {
+      if (active) setLoading(false);
+    });
+    return () => {
+      active = false;
+    };
+  }, [
+    options.latitude,
+    options.longitude,
+    options.geoEndpoint,
+    options.ip,
+    options.forecastDays,
+    options.forecastHours,
+    options.temperatureUnit,
+    options.windSpeedUnit,
+    options.location?.timezone
+  ]);
+  return { data, error, loading };
+}
+
+// src/icons/BaseIcon.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function BaseIcon({ title, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      role: title ? "img" : "presentation",
+      "aria-hidden": title ? void 0 : true,
+      "aria-label": title,
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: title }) : null,
+        children
+      ]
+    }
+  );
+}
+
+// src/icons/weather-icons.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CloudBoltIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BaseIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M7 18a4.815 4.815 0 0 1-3.327-1.318A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 0 7h-1m-4.75-5L11 17.5h3.375l-2.25 4.5" }) });
+var CloudDrizzleIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BaseIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 18v1m-3-4v1m6-1v1m2 3v1M7 19v1m-3-3.034a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662" }) });
+var CloudFogIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BaseIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M4 16.966a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662M5 21h7m4 0h3M8 17h8" }) });
+var CloudHailIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BaseIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M8 17.45v.1m-1.5 3.9v.1m10.5-4.1v.1m-1.5 3.9v.1m-3-4.1v.1m-1.5 3.9v.1m10.475-4.575A3.5 3.5 0 0 0 19 11h-1c.146-.65.148-1.32.006-1.97a4.784 4.784 0 0 0-.831-1.823 5.36 5.36 0 0 0-1.544-1.398 5.964 5.964 0 0 0-2.02-.759 6.224 6.224 0 0 0-2.19-.006 5.971 5.971 0 0 0-2.024.749C8.157 6.533 7.295 7.687 7 9a4.815 4.815 0 0 0-3.327 1.318A4.403 4.403 0 0 0 2.295 13.5c0 1.194.496 2.338 1.378 3.182.105.1.214.195.327.284m4.5.534a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-1.5 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm10.5-4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-1.5 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-3-4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-1.5 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z" }) });
+var CloudShowersIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BaseIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M4 16.966a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662M12 13v2m0 3v2m4-5v2m0 3v2m-8-7v2m0 3v2" }) });
+var CloudShowersHeavyIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BaseIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M4 16.966a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662M16 15v6m-8-6v6m4-8v6" }) });
+var CloudSleetIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BaseIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M13.5 17.45a1 1 0 1 0-2 0h2Zm-2 .1a1 1 0 1 0 2 0h-2Zm.5 3.9a1 1 0 1 0-2 0h2Zm-2 .1a1 1 0 1 0 2 0h-2Zm-6.327-4.868.692-.723-.692.723ZM7 9v1a1 1 0 0 0 .976-.781L7 9Zm2.397-3.207.512.858-.512-.858ZM18 11l-.976-.219A1 1 0 0 0 18 12v-1Zm2.768 5.268a1 1 0 0 0 1.414 1.414l-.707-.707-.707-.707ZM3.379 17.75a1 1 0 0 0 1.242-1.567L4 16.966l-.62.784Zm5.55-.379a1 1 0 0 0-1.857-.742L8 17l.928.371ZM5.071 21.63a1 1 0 0 0 1.856.742L6 22l-.928-.371Zm13.857-4.258a1 1 0 0 0-1.857-.742L18 17l.928.371Zm-3.857 4.258a1 1 0 0 0 1.857.742L16 22l-.928-.371ZM13 17.5h-1a.5.5 0 0 1 .5-.5v2a1.5 1.5 0 0 0 1.5-1.5h-1Zm-.5.5v-1a.5.5 0 0 1 .5.5h-2a1.5 1.5 0 0 0 1.5 1.5v-1Zm-.5-.5h1a.5.5 0 0 1-.5.5v-2a1.5 1.5 0 0 0-1.5 1.5h1Zm.5-.5v1a.5.5 0 0 1-.5-.5h2a1.5 1.5 0 0 0-1.5-1.5v1Zm0 .45h-1v.1h2v-.1h-1Zm-1 4.05h-1a.5.5 0 0 1 .5-.5v2a1.5 1.5 0 0 0 1.5-1.5h-1Zm-.5.5v-1a.5.5 0 0 1 .5.5h-2A1.5 1.5 0 0 0 11 23v-1Zm-.5-.5h1a.5.5 0 0 1-.5.5v-2a1.5 1.5 0 0 0-1.5 1.5h1Zm.5-.5v1a.5.5 0 0 1-.5-.5h2A1.5 1.5 0 0 0 11 20v1Zm0 .45h-1v.1h2v-.1h-1Zm-7.327-4.768.692-.723a3.403 3.403 0 0 1-1.07-2.459h-2c0 1.473.613 2.877 1.687 3.905l.691-.723ZM2.295 13.5h1c0-.914.38-1.8 1.07-2.46l-.692-.722-.69-.723A5.403 5.403 0 0 0 1.294 13.5h1Zm1.378-3.182.692.723A3.815 3.815 0 0 1 7 10V8c-1.499 0-2.945.57-4.018 1.595l.691.723ZM7 9l.976.219c.23-1.024.91-1.956 1.933-2.568l-.512-.858-.513-.859c-1.456.87-2.5 2.245-2.86 3.847L7 9Zm2.397-3.207.512.858a4.972 4.972 0 0 1 1.686-.622l-.173-.985-.174-.985a6.971 6.971 0 0 0-2.364.875l.513.859Zm2.025-.749.173.985a5.223 5.223 0 0 1 1.837.005l.18-.984.178-.984a7.223 7.223 0 0 0-2.542-.007l.174.985Zm2.19.006-.18.984c.606.11 1.177.326 1.681.631l.518-.856.518-.855a6.963 6.963 0 0 0-2.359-.888l-.179.984Zm2.02.76-.519.855c.505.305.93.693 1.257 1.136l.805-.594.805-.594a6.361 6.361 0 0 0-1.831-1.659l-.518.855Zm1.543 1.397-.805.594c.326.442.549.932.66 1.441l.976-.212.978-.213a5.786 5.786 0 0 0-1.005-2.204l-.804.594Zm.831 1.823-.977.212c.111.509.11 1.031-.005 1.539L18 11l.976.219c.178-.792.18-1.609.008-2.402l-.978.213ZM18 11v1h1v-2h-1v1Zm1 0v1a2.5 2.5 0 0 1 1.768.732l.707-.707.707-.707A4.5 4.5 0 0 0 19 10v1Zm2.475 1.025-.707.707A2.5 2.5 0 0 1 21.5 14.5h2a4.5 4.5 0 0 0-1.318-3.182l-.707.707ZM22.5 14.5h-1a2.5 2.5 0 0 1-.732 1.768l.707.707.707.707A4.5 4.5 0 0 0 23.5 14.5h-1ZM4 16.966l.62-.784a3.684 3.684 0 0 1-.255-.223l-.692.723-.69.723c.126.121.259.237.396.345L4 16.966ZM8 17l-.928-.371-2 5L6 22l.928.371 2-5L8 17Zm10 0-.928-.371-2 5L16 22l.928.371 2-5L18 17Z" }) });
+var CloudSnowIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BaseIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M8 15h2m-1-1v2m5-1h2m-1-1v2M5 21h2m-1-1v2m5-2h2m-1-1v2m5 0h2m-1-1v2M4 16.966a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662" }) });
+var CloudSunIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BaseIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M10.201 19.997c-1.977 0-3.58-1.544-3.58-3.448 0-1.903 1.603-3.446 3.58-3.446.303-1.355 1.38-2.461 2.827-2.902 1.445-.44 3.042-.148 4.186.77 1.144.915 1.663 2.312 1.361 3.667h.761c1.472 0 2.664 1.2 2.664 2.68A2.672 2.672 0 0 1 19.336 20h-9.134m2.66-12.934a4.166 4.166 0 0 0-2.677-1.732m2.677 1.732 2.744-1.892m-2.744 1.892c.55.796.802 1.754.723 2.709m-3.4-4.44a4.167 4.167 0 0 0-3.118.667m3.118-.668.602-3.278m-3.72 3.946A4.167 4.167 0 0 0 5.334 8.68m1.733-2.678L5.174 3.26m.16 5.42c-.2 1.088.041 2.21.669 3.12m-.669-3.12-3.278-.601m3.947 3.72-2.744 1.893m2.744-1.893a4.167 4.167 0 0 0 2.174 1.607" }) });
+var CloudsIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BaseIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M8.958 21.05C6.772 21.05 5 19.344 5 17.24s1.772-3.81 3.958-3.81c.335-1.498 1.525-2.72 3.124-3.207 1.598-.487 3.363-.164 4.628.85 1.264 1.011 1.837 2.556 1.504 4.053h.842A2.953 2.953 0 0 1 22 18.09a2.954 2.954 0 0 1-2.945 2.964H8.958M18 8c-.5-2.5-3.532-3.401-5.5-2.5a3.117 3.117 0 0 0-2.11-2.312c-1.352-.411-2.845-.138-3.915.72-1.07.855-1.554 2.161-1.273 3.428h-.711A2.498 2.498 0 0 0 2 9.843c0 1.094.695 2.023 1.666 2.366" }) });
+var SnowflakeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BaseIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "m9.25 4-1 2H6m-2.25 4L5 12m0 0-1.25 2M5 12h3m-3 0H2.5m17.75-2L19 12l1.25 2M6 18h2.25l1 2M14 9h-4m4 0 3-5m-3 5 2 3m-6-3L7 4m3 5-2 3m0 0 2 3m0 0-3 5m3-5h4m2-3-2 3m2-3h5.5M14 15l3 5M14.75 4l1 2H18m0 12h-2.25l-1 2" }) });
+var SunIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BaseIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 4V2m0 20v-2m10-8h-2M4 12H2m15.657-5.657 1.414-1.414M4.93 19.07l1.414-1.414m12.728 1.414-1.414-1.414M6.343 6.343 4.93 4.929M7 12a5 5 0 1 0 10 0 5 5 0 0 0-10 0Z" }) });
+var WindIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BaseIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2" }) });
+
+// src/icons/WeatherIcon.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var iconMap = {
+  sun: SunIcon,
+  "cloud-sun": CloudSunIcon,
+  clouds: CloudsIcon,
+  "cloud-fog": CloudFogIcon,
+  "cloud-drizzle": CloudDrizzleIcon,
+  "cloud-showers": CloudShowersIcon,
+  "cloud-showers-heavy": CloudShowersHeavyIcon,
+  "cloud-sleet": CloudSleetIcon,
+  "cloud-snow": CloudSnowIcon,
+  snowflake: SnowflakeIcon,
+  "cloud-bolt": CloudBoltIcon,
+  "cloud-hail": CloudHailIcon
+};
+function WeatherIcon({ condition, ...props }) {
+  const Icon = iconMap[condition] || CloudsIcon;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { ...props });
+}
+
+// src/components/WeatherForecast.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var WIND_SPEED_UNIT_LABELS = {
+  kmh: "km/h",
+  mph: "mph",
+  ms: "m/s",
+  kn: "kn"
+};
+function closestHour(hourly, targetTime) {
+  return hourly.reduce((closest, hour) => {
+    const diff = Math.abs(new Date(hour.time).getTime() - targetTime.getTime());
+    const closestDiff = closest ? Math.abs(new Date(closest.time).getTime() - targetTime.getTime()) : Infinity;
+    return diff < closestDiff ? hour : closest;
+  }, void 0);
+}
+var styles = {
+  root: {
+    fontFamily: "system-ui, sans-serif",
+    border: "1px solid #e5e7eb",
+    borderRadius: 12,
+    padding: 16,
+    background: "#fff",
+    color: "#111827",
+    maxWidth: 640
+  },
+  row: { display: "flex", alignItems: "center", gap: 8 },
+  hours: { display: "flex", gap: 12, overflowX: "auto", paddingBottom: 4 },
+  hourCard: { minWidth: 72, textAlign: "center", padding: 8, borderRadius: 8, background: "#f9fafb" },
+  dayRow: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 10, padding: "8px 0", borderBottom: "1px solid #f3f4f6" },
+  compactRoot: { fontFamily: "system-ui, sans-serif", display: "flex", flexDirection: "column", gap: 8, padding: "10px 14px", borderRadius: 8 },
+  compactHeader: { display: "flex", alignItems: "center", gap: 10 },
+  compactHeaderText: { display: "flex", alignItems: "baseline", gap: 8, flexWrap: "wrap" },
+  compactDateTime: { fontSize: 11, opacity: 0.7 },
+  compactStats: { display: "flex", flexWrap: "wrap", gap: 12, fontSize: 12, opacity: 0.9 },
+  compactStat: { display: "flex", alignItems: "center", gap: 4, whiteSpace: "nowrap" }
+};
+function WeatherForecast(props) {
+  const { data, loading, error } = useWeatherForecast(props);
+  if (loading) return null;
+  if (error) return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: props.className, style: props.style, children: [
+    "Error: ",
+    error.message
+  ] });
+  if (!data) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: props.className, style: props.style, children: "No forecast available." });
+  if (props.compact) {
+    const now = new Date(data.current.time);
+    const today = data.daily[0];
+    const tomorrow = data.daily[1];
+    const in6Hours = closestHour(data.hourly, new Date(now.getTime() + 6 * 60 * 60 * 1e3));
+    const windSpeedUnitLabel = WIND_SPEED_UNIT_LABELS[props.windSpeedUnit ?? "mph"];
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: props.className, style: { ...styles.compactRoot, ...props.style }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: styles.compactHeader, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(WeatherIcon, { condition: data.current.icon, width: 24, height: 24, title: "Current weather" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: styles.compactHeaderText, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("strong", { style: { fontSize: 16 }, children: [
+              data.current.temperature,
+              "\xB0"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { fontSize: 14, opacity: 0.8 }, children: data.location?.city || "Current location" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: styles.compactDateTime, children: [
+            now.toLocaleDateString([], { weekday: "short", month: "short", day: "numeric" }),
+            " \xB7 ",
+            now.toLocaleTimeString([], { hour: "numeric", minute: "2-digit" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: styles.compactStats, children: [
+        today && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { style: styles.compactStat, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(WeatherIcon, { condition: today.icon, width: 16, height: 16, title: "Today's high and low" }),
+          today.max,
+          "\xB0 / ",
+          today.min,
+          "\xB0"
+        ] }),
+        tomorrow && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { style: styles.compactStat, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(WeatherIcon, { condition: tomorrow.icon, width: 16, height: 16, title: "Tomorrow" }),
+          "Tomorrow ",
+          tomorrow.max,
+          "\xB0"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { style: styles.compactStat, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(WindIcon, { width: 16, height: 16, title: "Wind speed" }),
+          data.current.windSpeed !== void 0 ? `${Math.round(data.current.windSpeed)} ${windSpeedUnitLabel}` : "\u2014"
+        ] }),
+        in6Hours && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { style: styles.compactStat, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(WeatherIcon, { condition: in6Hours.icon, width: 16, height: 16, title: "In 6 hours" }),
+          in6Hours.temperature,
+          "\xB0 in 6h"
+        ] })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: props.className, style: { ...styles.root, ...props.style }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("h3", { style: { margin: 0, fontSize: 20 }, children: [
+        data.location?.city || "Current location",
+        data.location?.region ? `, ${data.location.region}` : ""
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { ...styles.row, marginTop: 8 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(WeatherIcon, { condition: data.current.icon, width: 28, height: 28, title: "Current weather" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("strong", { style: { fontSize: 28 }, children: [
+          data.current.temperature,
+          "\xB0"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { marginTop: 20 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h4", { style: { margin: "0 0 10px 0" }, children: "Next hours" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: styles.hours, children: data.hourly.slice(0, props.forecastHours ?? 12).map((hour) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: styles.hourCard, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { fontSize: 12 }, children: new Date(hour.time).toLocaleTimeString([], { hour: "numeric" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(WeatherIcon, { condition: hour.icon, width: 20, height: 20, style: { margin: "6px auto" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+          hour.temperature,
+          "\xB0"
+        ] })
+      ] }, hour.time)) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { marginTop: 20 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h4", { style: { margin: "0 0 10px 0" }, children: "Next days" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: data.daily.map((day) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: styles.dayRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { width: 120 }, children: new Date(day.date).toLocaleDateString([], { weekday: "short", month: "short", day: "numeric" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(WeatherIcon, { condition: day.icon, width: 20, height: 20 }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+          day.min,
+          "\xB0 / ",
+          day.max,
+          "\xB0"
+        ] })
+      ] }, day.date)) })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WeatherForecast,
+  WeatherIcon,
+  getClientLocation,
+  getWeatherForecast,
+  getWeatherIcon,
+  useWeatherForecast
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/weatherCodes.ts","../src/api/geolocation.ts","../src/api/forecast.ts","../src/hooks/useWeatherForecast.ts","../src/icons/BaseIcon.tsx","../src/icons/weather-icons.tsx","../src/icons/WeatherIcon.tsx","../src/components/WeatherForecast.tsx"],"sourcesContent":["export * from './types';\nexport * from './weatherCodes';\nexport * from './api/geolocation';\nexport * from './api/forecast';\nexport * from './hooks/useWeatherForecast';\nexport * from './icons/WeatherIcon';\nexport * from './components/WeatherForecast';\n","import type { WeatherCondition } from './types';\n\nexport function getWeatherIcon(code: number, isDay = 1): WeatherCondition {\n  if (code === 0) return 'sun';\n  if ([1, 2].includes(code)) return isDay ? 'cloud-sun' : 'clouds';\n  if (code === 3) return 'clouds';\n  if ([45, 48].includes(code)) return 'cloud-fog';\n  if ([51, 53, 55, 56, 57].includes(code)) return 'cloud-drizzle';\n  if ([61, 63].includes(code)) return 'cloud-showers';\n  if ([65, 66, 67, 80, 81, 82].includes(code)) return 'cloud-showers-heavy';\n  if ([71, 73, 75, 77, 85, 86].includes(code)) return 'cloud-snow';\n  if (code === 95) return 'cloud-bolt';\n  if ([96, 99].includes(code)) return 'cloud-hail';\n  return 'clouds';\n}\n","import type { WeatherLocation } from '../types';\n\n// ip-api.com's free tier only serves plain HTTP (HTTPS requires their paid plan),\n// so this default will be blocked as mixed content on pages served over HTTPS.\n// Deploy worker/geo-worker.ts and pass its URL as `geoEndpoint` to avoid that.\nconst DEFAULT_IP_API_URL = 'http://ip-api.com/json/';\n\ntype IpApiResponse = {\n  status: 'success' | 'fail';\n  city?: string;\n  regionName?: string;\n  country?: string;\n  timezone?: string;\n  lat?: number;\n  lon?: number;\n  message?: string;\n};\n\ntype GeoWorkerResponse = {\n  city?: string;\n  region?: string;\n  country?: string;\n  timezone?: string;\n  latitude?: number | string;\n  longitude?: number | string;\n};\n\nexport async function getClientLocation(geoEndpoint?: string, ip?: string): Promise<WeatherLocation> {\n  if (geoEndpoint) {\n    const url = ip ? `${geoEndpoint}?ip=${encodeURIComponent(ip)}` : geoEndpoint;\n    const res = await fetch(url);\n    if (!res.ok) throw new Error(`Geolocation worker lookup failed: ${res.status}`);\n    const data: GeoWorkerResponse = await res.json();\n\n    return {\n      city: data.city,\n      region: data.region,\n      country: data.country,\n      timezone: data.timezone,\n      latitude: Number(data.latitude),\n      longitude: Number(data.longitude),\n    };\n  }\n\n  const res = await fetch(`${DEFAULT_IP_API_URL}${ip ? encodeURIComponent(ip) : ''}`);\n  if (!res.ok) throw new Error(`ip-api lookup failed: ${res.status}`);\n  const data: IpApiResponse = await res.json();\n\n  if (data.status === 'fail') {\n    throw new Error(`ip-api lookup failed: ${data.message ?? 'unknown error'}`);\n  }\n\n  return {\n    city: data.city,\n    region: data.regionName,\n    country: data.country,\n    timezone: data.timezone,\n    latitude: Number(data.lat),\n    longitude: Number(data.lon),\n  };\n}\n","import type { WeatherForecastData, WeatherForecastOptions, WeatherLocation } from '../types';\nimport { getWeatherIcon } from '../weatherCodes';\nimport { getClientLocation } from './geolocation';\n\nfunction buildUrl(latitude: number, longitude: number, options: WeatherForecastOptions) {\n  const params = new URLSearchParams({\n    latitude: String(latitude),\n    longitude: String(longitude),\n    timezone: options.location?.timezone || 'auto',\n    temperature_unit: options.temperatureUnit || 'fahrenheit',\n    wind_speed_unit: options.windSpeedUnit || 'mph',\n    forecast_days: String(options.forecastDays ?? 5),\n    forecast_hours: String(options.forecastHours ?? 24),\n    current: [\n      'temperature_2m',\n      'weather_code',\n      'is_day',\n      'rain',\n      'showers',\n      'snowfall',\n      'wind_speed_10m',\n    ].join(','),\n    hourly: [\n      'temperature_2m',\n      'weather_code',\n      'precipitation_probability',\n      'rain',\n      'showers',\n      'snowfall',\n    ].join(','),\n    daily: [\n      'temperature_2m_max',\n      'temperature_2m_min',\n      'weather_code',\n      'precipitation_probability_max',\n    ].join(','),\n  });\n\n  return `https://api.open-meteo.com/v1/forecast?${params.toString()}`;\n}\n\nexport async function getWeatherForecast(\n  options: WeatherForecastOptions = {}\n): Promise<WeatherForecastData> {\n  let location: WeatherLocation;\n\n  if (typeof options.latitude === 'number' && typeof options.longitude === 'number') {\n    location = {\n      ...options.location,\n      latitude: options.latitude,\n      longitude: options.longitude,\n    };\n  } else {\n    location = await getClientLocation(options.geoEndpoint, options.ip);\n  }\n\n  const url = buildUrl(location.latitude, location.longitude, { ...options, location });\n  const response = await fetch(url, { headers: { 'Content-Type': 'application/json' } });\n\n  if (!response.ok) {\n    throw new Error(`Weather request failed: ${response.status} ${response.statusText}`);\n  }\n\n  const data = await response.json();\n\n  if (!data?.current || !data?.hourly || !data?.daily) {\n    throw new Error('Invalid weather response');\n  }\n\n  return {\n    location,\n    current: {\n      time: data.current.time,\n      temperature: Math.round(data.current.temperature_2m),\n      weatherCode: data.current.weather_code,\n      icon: getWeatherIcon(data.current.weather_code, data.current.is_day),\n      isDay: data.current.is_day,\n      rain: data.current.rain,\n      showers: data.current.showers,\n      snowfall: data.current.snowfall,\n      windSpeed: data.current.wind_speed_10m,\n    },\n    hourly: data.hourly.time.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],\n      rain: data.hourly.rain?.[index],\n      showers: data.hourly.showers?.[index],\n      snowfall: data.hourly.snowfall?.[index],\n      icon: getWeatherIcon(data.hourly.weather_code[index]),\n    })),\n    daily: data.daily.time.map((date: string, index: number) => ({\n      date,\n      min: Math.round(data.daily.temperature_2m_min[index]),\n      max: Math.round(data.daily.temperature_2m_max[index]),\n      weatherCode: data.daily.weather_code[index],\n      precipitationProbabilityMax: data.daily.precipitation_probability_max?.[index],\n      icon: getWeatherIcon(data.daily.weather_code[index]),\n    })),\n  };\n}\n","import { useEffect, useState } from 'react';\nimport type { WeatherForecastData, WeatherForecastOptions } from '../types';\nimport { getWeatherForecast } from '../api/forecast';\n\nexport function useWeatherForecast(options: WeatherForecastOptions = {}) {\n  const [data, setData] = useState<WeatherForecastData | null>(null);\n  const [error, setError] = useState<Error | null>(null);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    let active = true;\n    setLoading(true);\n    setError(null);\n\n    getWeatherForecast(options)\n      .then((result) => { if (active) setData(result); })\n      .catch((err) => { if (active) setError(err instanceof Error ? err : new Error('Unknown error')); })\n      .finally(() => { if (active) setLoading(false); });\n\n    return () => { active = false; };\n  }, [\n    options.latitude,\n    options.longitude,\n    options.geoEndpoint,\n    options.ip,\n    options.forecastDays,\n    options.forecastHours,\n    options.temperatureUnit,\n    options.windSpeedUnit,\n    options.location?.timezone,\n  ]);\n\n  return { data, error, loading };\n}\n","import React from 'react';\nimport type { IconProps } from '../types';\n\nexport function BaseIcon({ title, children, ...props }: IconProps & { children: React.ReactNode }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      role={title ? 'img' : 'presentation'}\n      aria-hidden={title ? undefined : true}\n      aria-label={title}\n      {...props}\n    >\n      {title ? <title>{title}</title> : null}\n      {children}\n    </svg>\n  );\n}\n","import React from 'react';\nimport type { IconProps } from '../types';\nimport { BaseIcon } from './BaseIcon';\n\nexport const CloudBoltIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M7 18a4.815 4.815 0 0 1-3.327-1.318A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 0 7h-1m-4.75-5L11 17.5h3.375l-2.25 4.5\" /></BaseIcon>\n);\nexport const CloudDrizzleIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M12 18v1m-3-4v1m6-1v1m2 3v1M7 19v1m-3-3.034a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662\" /></BaseIcon>\n);\nexport const CloudFogIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M4 16.966a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662M5 21h7m4 0h3M8 17h8\" /></BaseIcon>\n);\nexport const CloudHailIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M8 17.45v.1m-1.5 3.9v.1m10.5-4.1v.1m-1.5 3.9v.1m-3-4.1v.1m-1.5 3.9v.1m10.475-4.575A3.5 3.5 0 0 0 19 11h-1c.146-.65.148-1.32.006-1.97a4.784 4.784 0 0 0-.831-1.823 5.36 5.36 0 0 0-1.544-1.398 5.964 5.964 0 0 0-2.02-.759 6.224 6.224 0 0 0-2.19-.006 5.971 5.971 0 0 0-2.024.749C8.157 6.533 7.295 7.687 7 9a4.815 4.815 0 0 0-3.327 1.318A4.403 4.403 0 0 0 2.295 13.5c0 1.194.496 2.338 1.378 3.182.105.1.214.195.327.284m4.5.534a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-1.5 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm10.5-4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-1.5 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-3-4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-1.5 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z\" /></BaseIcon>\n);\nexport const CloudShowersIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M4 16.966a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662M12 13v2m0 3v2m4-5v2m0 3v2m-8-7v2m0 3v2\" /></BaseIcon>\n);\nexport const CloudShowersHeavyIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M4 16.966a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662M16 15v6m-8-6v6m4-8v6\" /></BaseIcon>\n);\nexport const CloudSleetIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M13.5 17.45a1 1 0 1 0-2 0h2Zm-2 .1a1 1 0 1 0 2 0h-2Zm.5 3.9a1 1 0 1 0-2 0h2Zm-2 .1a1 1 0 1 0 2 0h-2Zm-6.327-4.868.692-.723-.692.723ZM7 9v1a1 1 0 0 0 .976-.781L7 9Zm2.397-3.207.512.858-.512-.858ZM18 11l-.976-.219A1 1 0 0 0 18 12v-1Zm2.768 5.268a1 1 0 0 0 1.414 1.414l-.707-.707-.707-.707ZM3.379 17.75a1 1 0 0 0 1.242-1.567L4 16.966l-.62.784Zm5.55-.379a1 1 0 0 0-1.857-.742L8 17l.928.371ZM5.071 21.63a1 1 0 0 0 1.856.742L6 22l-.928-.371Zm13.857-4.258a1 1 0 0 0-1.857-.742L18 17l.928.371Zm-3.857 4.258a1 1 0 0 0 1.857.742L16 22l-.928-.371ZM13 17.5h-1a.5.5 0 0 1 .5-.5v2a1.5 1.5 0 0 0 1.5-1.5h-1Zm-.5.5v-1a.5.5 0 0 1 .5.5h-2a1.5 1.5 0 0 0 1.5 1.5v-1Zm-.5-.5h1a.5.5 0 0 1-.5.5v-2a1.5 1.5 0 0 0-1.5 1.5h1Zm.5-.5v1a.5.5 0 0 1-.5-.5h2a1.5 1.5 0 0 0-1.5-1.5v1Zm0 .45h-1v.1h2v-.1h-1Zm-1 4.05h-1a.5.5 0 0 1 .5-.5v2a1.5 1.5 0 0 0 1.5-1.5h-1Zm-.5.5v-1a.5.5 0 0 1 .5.5h-2A1.5 1.5 0 0 0 11 23v-1Zm-.5-.5h1a.5.5 0 0 1-.5.5v-2a1.5 1.5 0 0 0-1.5 1.5h1Zm.5-.5v1a.5.5 0 0 1-.5-.5h2A1.5 1.5 0 0 0 11 20v1Zm0 .45h-1v.1h2v-.1h-1Zm-7.327-4.768.692-.723a3.403 3.403 0 0 1-1.07-2.459h-2c0 1.473.613 2.877 1.687 3.905l.691-.723ZM2.295 13.5h1c0-.914.38-1.8 1.07-2.46l-.692-.722-.69-.723A5.403 5.403 0 0 0 1.294 13.5h1Zm1.378-3.182.692.723A3.815 3.815 0 0 1 7 10V8c-1.499 0-2.945.57-4.018 1.595l.691.723ZM7 9l.976.219c.23-1.024.91-1.956 1.933-2.568l-.512-.858-.513-.859c-1.456.87-2.5 2.245-2.86 3.847L7 9Zm2.397-3.207.512.858a4.972 4.972 0 0 1 1.686-.622l-.173-.985-.174-.985a6.971 6.971 0 0 0-2.364.875l.513.859Zm2.025-.749.173.985a5.223 5.223 0 0 1 1.837.005l.18-.984.178-.984a7.223 7.223 0 0 0-2.542-.007l.174.985Zm2.19.006-.18.984c.606.11 1.177.326 1.681.631l.518-.856.518-.855a6.963 6.963 0 0 0-2.359-.888l-.179.984Zm2.02.76-.519.855c.505.305.93.693 1.257 1.136l.805-.594.805-.594a6.361 6.361 0 0 0-1.831-1.659l-.518.855Zm1.543 1.397-.805.594c.326.442.549.932.66 1.441l.976-.212.978-.213a5.786 5.786 0 0 0-1.005-2.204l-.804.594Zm.831 1.823-.977.212c.111.509.11 1.031-.005 1.539L18 11l.976.219c.178-.792.18-1.609.008-2.402l-.978.213ZM18 11v1h1v-2h-1v1Zm1 0v1a2.5 2.5 0 0 1 1.768.732l.707-.707.707-.707A4.5 4.5 0 0 0 19 10v1Zm2.475 1.025-.707.707A2.5 2.5 0 0 1 21.5 14.5h2a4.5 4.5 0 0 0-1.318-3.182l-.707.707ZM22.5 14.5h-1a2.5 2.5 0 0 1-.732 1.768l.707.707.707.707A4.5 4.5 0 0 0 23.5 14.5h-1ZM4 16.966l.62-.784a3.684 3.684 0 0 1-.255-.223l-.692.723-.69.723c.126.121.259.237.396.345L4 16.966ZM8 17l-.928-.371-2 5L6 22l.928.371 2-5L8 17Zm10 0-.928-.371-2 5L16 22l.928.371 2-5L18 17Z\" /></BaseIcon>\n);\nexport const CloudSnowIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M8 15h2m-1-1v2m5-1h2m-1-1v2M5 21h2m-1-1v2m5-2h2m-1-1v2m5 0h2m-1-1v2M4 16.966a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662\" /></BaseIcon>\n);\nexport const CloudSunIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M10.201 19.997c-1.977 0-3.58-1.544-3.58-3.448 0-1.903 1.603-3.446 3.58-3.446.303-1.355 1.38-2.461 2.827-2.902 1.445-.44 3.042-.148 4.186.77 1.144.915 1.663 2.312 1.361 3.667h.761c1.472 0 2.664 1.2 2.664 2.68A2.672 2.672 0 0 1 19.336 20h-9.134m2.66-12.934a4.166 4.166 0 0 0-2.677-1.732m2.677 1.732 2.744-1.892m-2.744 1.892c.55.796.802 1.754.723 2.709m-3.4-4.44a4.167 4.167 0 0 0-3.118.667m3.118-.668.602-3.278m-3.72 3.946A4.167 4.167 0 0 0 5.334 8.68m1.733-2.678L5.174 3.26m.16 5.42c-.2 1.088.041 2.21.669 3.12m-.669-3.12-3.278-.601m3.947 3.72-2.744 1.893m2.744-1.893a4.167 4.167 0 0 0 2.174 1.607\" /></BaseIcon>\n);\nexport const CloudsIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M8.958 21.05C6.772 21.05 5 19.344 5 17.24s1.772-3.81 3.958-3.81c.335-1.498 1.525-2.72 3.124-3.207 1.598-.487 3.363-.164 4.628.85 1.264 1.011 1.837 2.556 1.504 4.053h.842A2.953 2.953 0 0 1 22 18.09a2.954 2.954 0 0 1-2.945 2.964H8.958M18 8c-.5-2.5-3.532-3.401-5.5-2.5a3.117 3.117 0 0 0-2.11-2.312c-1.352-.411-2.845-.138-3.915.72-1.07.855-1.554 2.161-1.273 3.428h-.711A2.498 2.498 0 0 0 2 9.843c0 1.094.695 2.023 1.666 2.366\" /></BaseIcon>\n);\nexport const SnowflakeIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"m9.25 4-1 2H6m-2.25 4L5 12m0 0-1.25 2M5 12h3m-3 0H2.5m17.75-2L19 12l1.25 2M6 18h2.25l1 2M14 9h-4m4 0 3-5m-3 5 2 3m-6-3L7 4m3 5-2 3m0 0 2 3m0 0-3 5m3-5h4m2-3-2 3m2-3h5.5M14 15l3 5M14.75 4l1 2H18m0 12h-2.25l-1 2\" /></BaseIcon>\n);\nexport const SunIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M12 4V2m0 20v-2m10-8h-2M4 12H2m15.657-5.657 1.414-1.414M4.93 19.07l1.414-1.414m12.728 1.414-1.414-1.414M6.343 6.343 4.93 4.929M7 12a5 5 0 1 0 10 0 5 5 0 0 0-10 0Z\" /></BaseIcon>\n);\nexport const WindIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2\" /></BaseIcon>\n);\n","import React from 'react';\nimport type { IconProps, WeatherCondition } from '../types';\nimport {\n  CloudBoltIcon,\n  CloudDrizzleIcon,\n  CloudFogIcon,\n  CloudHailIcon,\n  CloudShowersHeavyIcon,\n  CloudShowersIcon,\n  CloudSleetIcon,\n  CloudSnowIcon,\n  CloudSunIcon,\n  CloudsIcon,\n  SnowflakeIcon,\n  SunIcon,\n} from './weather-icons';\n\nconst iconMap: Record<WeatherCondition, React.ComponentType<IconProps>> = {\n  sun: SunIcon,\n  'cloud-sun': CloudSunIcon,\n  clouds: CloudsIcon,\n  'cloud-fog': CloudFogIcon,\n  'cloud-drizzle': CloudDrizzleIcon,\n  'cloud-showers': CloudShowersIcon,\n  'cloud-showers-heavy': CloudShowersHeavyIcon,\n  'cloud-sleet': CloudSleetIcon,\n  'cloud-snow': CloudSnowIcon,\n  snowflake: SnowflakeIcon,\n  'cloud-bolt': CloudBoltIcon,\n  'cloud-hail': CloudHailIcon,\n};\n\nexport function WeatherIcon({ condition, ...props }: IconProps & { condition: WeatherCondition }) {\n  const Icon = iconMap[condition] || CloudsIcon;\n  return <Icon {...props} />;\n}\n","import React from 'react';\nimport { useWeatherForecast } from '../hooks/useWeatherForecast';\nimport type { HourlyWeather, WeatherForecastOptions, WindSpeedUnit } from '../types';\nimport { WeatherIcon } from '../icons/WeatherIcon';\nimport { WindIcon } from '../icons/weather-icons';\n\ntype Props = WeatherForecastOptions & {\n  className?: string;\n  style?: React.CSSProperties;\n  compact?: boolean;\n};\n\nconst WIND_SPEED_UNIT_LABELS: Record<WindSpeedUnit, string> = {\n  kmh: 'km/h',\n  mph: 'mph',\n  ms: 'm/s',\n  kn: 'kn',\n};\n\nfunction closestHour(hourly: HourlyWeather[], targetTime: Date): HourlyWeather | undefined {\n  return hourly.reduce<HourlyWeather | undefined>((closest, hour) => {\n    const diff = Math.abs(new Date(hour.time).getTime() - targetTime.getTime());\n    const closestDiff = closest ? Math.abs(new Date(closest.time).getTime() - targetTime.getTime()) : Infinity;\n    return diff < closestDiff ? hour : closest;\n  }, undefined);\n}\n\nconst styles = {\n  root: {\n    fontFamily: 'system-ui, sans-serif',\n    border: '1px solid #e5e7eb',\n    borderRadius: 12,\n    padding: 16,\n    background: '#fff',\n    color: '#111827',\n    maxWidth: 640,\n  } as React.CSSProperties,\n  row: { display: 'flex', alignItems: 'center', gap: 8 } as React.CSSProperties,\n  hours: { display: 'flex', gap: 12, overflowX: 'auto', paddingBottom: 4 } as React.CSSProperties,\n  hourCard: { minWidth: 72, textAlign: 'center' as const, padding: 8, borderRadius: 8, background: '#f9fafb' },\n  dayRow: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, padding: '8px 0', borderBottom: '1px solid #f3f4f6' } as React.CSSProperties,\n  compactRoot: { fontFamily: 'system-ui, sans-serif', display: 'flex', flexDirection: 'column', gap: 8, padding: '10px 14px', borderRadius: 8 } as React.CSSProperties,\n  compactHeader: { display: 'flex', alignItems: 'center', gap: 10 } as React.CSSProperties,\n  compactHeaderText: { display: 'flex', alignItems: 'baseline', gap: 8, flexWrap: 'wrap' } as React.CSSProperties,\n  compactDateTime: { fontSize: 11, opacity: 0.7 } as React.CSSProperties,\n  compactStats: { display: 'flex', flexWrap: 'wrap', gap: 12, fontSize: 12, opacity: 0.9 } as React.CSSProperties,\n  compactStat: { display: 'flex', alignItems: 'center', gap: 4, whiteSpace: 'nowrap' } as React.CSSProperties,\n};\n\nexport function WeatherForecast(props: Props) {\n  const { data, loading, error } = useWeatherForecast(props);\n\n  if (loading) return null;\n  if (error) return <div className={props.className} style={props.style}>Error: {error.message}</div>;\n  if (!data) return <div className={props.className} style={props.style}>No forecast available.</div>;\n\n  if (props.compact) {\n    const now = new Date(data.current.time);\n    const today = data.daily[0];\n    const tomorrow = data.daily[1];\n    const in6Hours = closestHour(data.hourly, new Date(now.getTime() + 6 * 60 * 60 * 1000));\n    const windSpeedUnitLabel = WIND_SPEED_UNIT_LABELS[props.windSpeedUnit ?? 'mph'];\n\n    return (\n      <div className={props.className} style={{ ...styles.compactRoot, ...props.style }}>\n        <div style={styles.compactHeader}>\n          <WeatherIcon condition={data.current.icon} width={24} height={24} title=\"Current weather\" />\n          <div>\n            <div style={styles.compactHeaderText}>\n              <strong style={{ fontSize: 16 }}>{data.current.temperature}°</strong>\n              <span style={{ fontSize: 14, opacity: 0.8 }}>\n                {data.location?.city || 'Current location'}\n              </span>\n            </div>\n            <div style={styles.compactDateTime}>\n              {now.toLocaleDateString([], { weekday: 'short', month: 'short', day: 'numeric' })}\n              {' · '}\n              {now.toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' })}\n            </div>\n          </div>\n        </div>\n\n        <div style={styles.compactStats}>\n          {today && (\n            <span style={styles.compactStat}>\n              <WeatherIcon condition={today.icon} width={16} height={16} title=\"Today's high and low\" />\n              {today.max}° / {today.min}°\n            </span>\n          )}\n          {tomorrow && (\n            <span style={styles.compactStat}>\n              <WeatherIcon condition={tomorrow.icon} width={16} height={16} title=\"Tomorrow\" />\n              Tomorrow {tomorrow.max}°\n            </span>\n          )}\n          <span style={styles.compactStat}>\n            <WindIcon width={16} height={16} title=\"Wind speed\" />\n            {data.current.windSpeed !== undefined ? `${Math.round(data.current.windSpeed)} ${windSpeedUnitLabel}` : '—'}\n          </span>\n          {in6Hours && (\n            <span style={styles.compactStat}>\n              <WeatherIcon condition={in6Hours.icon} width={16} height={16} title=\"In 6 hours\" />\n              {in6Hours.temperature}° in 6h\n            </span>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={props.className} style={{ ...styles.root, ...props.style }}>\n      <div>\n        <h3 style={{ margin: 0, fontSize: 20 }}>\n          {data.location?.city || 'Current location'}\n          {data.location?.region ? `, ${data.location.region}` : ''}\n        </h3>\n        <div style={{ ...styles.row, marginTop: 8 }}>\n          <WeatherIcon condition={data.current.icon} width={28} height={28} title=\"Current weather\" />\n          <strong style={{ fontSize: 28 }}>{data.current.temperature}°</strong>\n        </div>\n      </div>\n\n      <div style={{ marginTop: 20 }}>\n        <h4 style={{ margin: '0 0 10px 0' }}>Next hours</h4>\n        <div style={styles.hours}>\n          {data.hourly.slice(0, props.forecastHours ?? 12).map((hour) => (\n            <div key={hour.time} style={styles.hourCard}>\n              <div style={{ fontSize: 12 }}>{new Date(hour.time).toLocaleTimeString([], { hour: 'numeric' })}</div>\n              <WeatherIcon condition={hour.icon} width={20} height={20} style={{ margin: '6px auto' }} />\n              <div>{hour.temperature}°</div>\n            </div>\n          ))}\n        </div>\n      </div>\n\n      <div style={{ marginTop: 20 }}>\n        <h4 style={{ margin: '0 0 10px 0' }}>Next days</h4>\n        <div>\n          {data.daily.map((day) => (\n            <div key={day.date} style={styles.dayRow}>\n              <div style={{ width: 120 }}>{new Date(day.date).toLocaleDateString([], { weekday: 'short', month: 'short', day: 'numeric' })}</div>\n              <WeatherIcon condition={day.icon} width={20} height={20} />\n              <div>{day.min}° / {day.max}°</div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["res","data","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime"]}

package/dist/index.d.cts

@@ -0,0 +1,87 @@
+import React from 'react';
+
+type TemperatureUnit = 'celsius' | 'fahrenheit';
+type WindSpeedUnit = 'kmh' | 'mph' | 'ms' | 'kn';
+type WeatherLocation = {
+    city?: string;
+    region?: string;
+    country?: string;
+    timezone?: string;
+    latitude: number;
+    longitude: number;
+};
+type WeatherCondition = 'sun' | 'cloud-sun' | 'clouds' | 'cloud-fog' | 'cloud-drizzle' | 'cloud-showers' | 'cloud-showers-heavy' | 'cloud-sleet' | 'cloud-snow' | 'snowflake' | 'cloud-bolt' | 'cloud-hail';
+type CurrentWeather = {
+    time: string;
+    temperature: number;
+    weatherCode: number;
+    icon: WeatherCondition;
+    isDay?: number;
+    rain?: number;
+    showers?: number;
+    snowfall?: number;
+    windSpeed?: number;
+};
+type HourlyWeather = {
+    time: string;
+    temperature: number;
+    weatherCode: number;
+    precipitationProbability?: number;
+    rain?: number;
+    showers?: number;
+    snowfall?: number;
+    icon: WeatherCondition;
+};
+type DailyWeather = {
+    date: string;
+    min: number;
+    max: number;
+    weatherCode: number;
+    precipitationProbabilityMax?: number;
+    icon: WeatherCondition;
+};
+type WeatherForecastData = {
+    location?: WeatherLocation;
+    current: CurrentWeather;
+    hourly: HourlyWeather[];
+    daily: DailyWeather[];
+};
+type WeatherForecastOptions = {
+    latitude?: number;
+    longitude?: number;
+    location?: Partial<WeatherLocation>;
+    geoEndpoint?: string;
+    ip?: string;
+    forecastDays?: number;
+    forecastHours?: number;
+    temperatureUnit?: TemperatureUnit;
+    windSpeedUnit?: WindSpeedUnit;
+};
+type IconProps = React.SVGProps<SVGSVGElement> & {
+    title?: string;
+};
+
+declare function getWeatherIcon(code: number, isDay?: number): WeatherCondition;
+
+declare function getClientLocation(geoEndpoint?: string, ip?: string): Promise<WeatherLocation>;
+
+declare function getWeatherForecast(options?: WeatherForecastOptions): Promise<WeatherForecastData>;
+
+declare function useWeatherForecast(options?: WeatherForecastOptions): {
+    data: WeatherForecastData | null;
+    error: Error | null;
+    loading: boolean;
+};
+
+declare function WeatherIcon({ condition, ...props }: IconProps & {
+    condition: WeatherCondition;
+}): React.JSX.Element;
+
+type Props = WeatherForecastOptions & {
+    className?: string;
+    style?: React.CSSProperties;
+    compact?: boolean;
+};
+declare function WeatherForecast(props: Props): React.JSX.Element | null;
+
+export { type CurrentWeather, type DailyWeather, type HourlyWeather, type IconProps, type TemperatureUnit, type WeatherCondition, WeatherForecast, type WeatherForecastData, type WeatherForecastOptions, WeatherIcon, type WeatherLocation, type WindSpeedUnit, getClientLocation, getWeatherForecast, getWeatherIcon, useWeatherForecast };

package/dist/index.d.ts

@@ -0,0 +1,87 @@
+import React from 'react';
+
+type TemperatureUnit = 'celsius' | 'fahrenheit';
+type WindSpeedUnit = 'kmh' | 'mph' | 'ms' | 'kn';
+type WeatherLocation = {
+    city?: string;
+    region?: string;
+    country?: string;
+    timezone?: string;
+    latitude: number;
+    longitude: number;
+};
+type WeatherCondition = 'sun' | 'cloud-sun' | 'clouds' | 'cloud-fog' | 'cloud-drizzle' | 'cloud-showers' | 'cloud-showers-heavy' | 'cloud-sleet' | 'cloud-snow' | 'snowflake' | 'cloud-bolt' | 'cloud-hail';
+type CurrentWeather = {
+    time: string;
+    temperature: number;
+    weatherCode: number;
+    icon: WeatherCondition;
+    isDay?: number;
+    rain?: number;
+    showers?: number;
+    snowfall?: number;
+    windSpeed?: number;
+};
+type HourlyWeather = {
+    time: string;
+    temperature: number;
+    weatherCode: number;
+    precipitationProbability?: number;
+    rain?: number;
+    showers?: number;
+    snowfall?: number;
+    icon: WeatherCondition;
+};
+type DailyWeather = {
+    date: string;
+    min: number;
+    max: number;
+    weatherCode: number;
+    precipitationProbabilityMax?: number;
+    icon: WeatherCondition;
+};
+type WeatherForecastData = {
+    location?: WeatherLocation;
+    current: CurrentWeather;
+    hourly: HourlyWeather[];
+    daily: DailyWeather[];
+};
+type WeatherForecastOptions = {
+    latitude?: number;
+    longitude?: number;
+    location?: Partial<WeatherLocation>;
+    geoEndpoint?: string;
+    ip?: string;
+    forecastDays?: number;
+    forecastHours?: number;
+    temperatureUnit?: TemperatureUnit;
+    windSpeedUnit?: WindSpeedUnit;
+};
+type IconProps = React.SVGProps<SVGSVGElement> & {
+    title?: string;
+};
+
+declare function getWeatherIcon(code: number, isDay?: number): WeatherCondition;
+
+declare function getClientLocation(geoEndpoint?: string, ip?: string): Promise<WeatherLocation>;
+
+declare function getWeatherForecast(options?: WeatherForecastOptions): Promise<WeatherForecastData>;
+
+declare function useWeatherForecast(options?: WeatherForecastOptions): {
+    data: WeatherForecastData | null;
+    error: Error | null;
+    loading: boolean;
+};
+
+declare function WeatherIcon({ condition, ...props }: IconProps & {
+    condition: WeatherCondition;
+}): React.JSX.Element;
+
+type Props = WeatherForecastOptions & {
+    className?: string;
+    style?: React.CSSProperties;
+    compact?: boolean;
+};
+declare function WeatherForecast(props: Props): React.JSX.Element | null;
+
+export { type CurrentWeather, type DailyWeather, type HourlyWeather, type IconProps, type TemperatureUnit, type WeatherCondition, WeatherForecast, type WeatherForecastData, type WeatherForecastOptions, WeatherIcon, type WeatherLocation, type WindSpeedUnit, getClientLocation, getWeatherForecast, getWeatherIcon, useWeatherForecast };

package/dist/index.js

@@ -0,0 +1,375 @@
+// src/weatherCodes.ts
+function getWeatherIcon(code, isDay = 1) {
+  if (code === 0) return "sun";
+  if ([1, 2].includes(code)) return isDay ? "cloud-sun" : "clouds";
+  if (code === 3) return "clouds";
+  if ([45, 48].includes(code)) return "cloud-fog";
+  if ([51, 53, 55, 56, 57].includes(code)) return "cloud-drizzle";
+  if ([61, 63].includes(code)) return "cloud-showers";
+  if ([65, 66, 67, 80, 81, 82].includes(code)) return "cloud-showers-heavy";
+  if ([71, 73, 75, 77, 85, 86].includes(code)) return "cloud-snow";
+  if (code === 95) return "cloud-bolt";
+  if ([96, 99].includes(code)) return "cloud-hail";
+  return "clouds";
+}
+
+// src/api/geolocation.ts
+var DEFAULT_IP_API_URL = "http://ip-api.com/json/";
+async function getClientLocation(geoEndpoint, ip) {
+  if (geoEndpoint) {
+    const url = ip ? `${geoEndpoint}?ip=${encodeURIComponent(ip)}` : geoEndpoint;
+    const res2 = await fetch(url);
+    if (!res2.ok) throw new Error(`Geolocation worker lookup failed: ${res2.status}`);
+    const data2 = await res2.json();
+    return {
+      city: data2.city,
+      region: data2.region,
+      country: data2.country,
+      timezone: data2.timezone,
+      latitude: Number(data2.latitude),
+      longitude: Number(data2.longitude)
+    };
+  }
+  const res = await fetch(`${DEFAULT_IP_API_URL}${ip ? encodeURIComponent(ip) : ""}`);
+  if (!res.ok) throw new Error(`ip-api lookup failed: ${res.status}`);
+  const data = await res.json();
+  if (data.status === "fail") {
+    throw new Error(`ip-api lookup failed: ${data.message ?? "unknown error"}`);
+  }
+  return {
+    city: data.city,
+    region: data.regionName,
+    country: data.country,
+    timezone: data.timezone,
+    latitude: Number(data.lat),
+    longitude: Number(data.lon)
+  };
+}
+
+// src/api/forecast.ts
+function buildUrl(latitude, longitude, options) {
+  const params = new URLSearchParams({
+    latitude: String(latitude),
+    longitude: String(longitude),
+    timezone: options.location?.timezone || "auto",
+    temperature_unit: options.temperatureUnit || "fahrenheit",
+    wind_speed_unit: options.windSpeedUnit || "mph",
+    forecast_days: String(options.forecastDays ?? 5),
+    forecast_hours: String(options.forecastHours ?? 24),
+    current: [
+      "temperature_2m",
+      "weather_code",
+      "is_day",
+      "rain",
+      "showers",
+      "snowfall",
+      "wind_speed_10m"
+    ].join(","),
+    hourly: [
+      "temperature_2m",
+      "weather_code",
+      "precipitation_probability",
+      "rain",
+      "showers",
+      "snowfall"
+    ].join(","),
+    daily: [
+      "temperature_2m_max",
+      "temperature_2m_min",
+      "weather_code",
+      "precipitation_probability_max"
+    ].join(",")
+  });
+  return `https://api.open-meteo.com/v1/forecast?${params.toString()}`;
+}
+async function getWeatherForecast(options = {}) {
+  let location;
+  if (typeof options.latitude === "number" && typeof options.longitude === "number") {
+    location = {
+      ...options.location,
+      latitude: options.latitude,
+      longitude: options.longitude
+    };
+  } else {
+    location = await getClientLocation(options.geoEndpoint, options.ip);
+  }
+  const url = buildUrl(location.latitude, location.longitude, { ...options, location });
+  const response = await fetch(url, { headers: { "Content-Type": "application/json" } });
+  if (!response.ok) {
+    throw new Error(`Weather request failed: ${response.status} ${response.statusText}`);
+  }
+  const data = await response.json();
+  if (!data?.current || !data?.hourly || !data?.daily) {
+    throw new Error("Invalid weather response");
+  }
+  return {
+    location,
+    current: {
+      time: data.current.time,
+      temperature: Math.round(data.current.temperature_2m),
+      weatherCode: data.current.weather_code,
+      icon: getWeatherIcon(data.current.weather_code, data.current.is_day),
+      isDay: data.current.is_day,
+      rain: data.current.rain,
+      showers: data.current.showers,
+      snowfall: data.current.snowfall,
+      windSpeed: data.current.wind_speed_10m
+    },
+    hourly: data.hourly.time.map((time, index) => ({
+      time,
+      temperature: Math.round(data.hourly.temperature_2m[index]),
+      weatherCode: data.hourly.weather_code[index],
+      precipitationProbability: data.hourly.precipitation_probability?.[index],
+      rain: data.hourly.rain?.[index],
+      showers: data.hourly.showers?.[index],
+      snowfall: data.hourly.snowfall?.[index],
+      icon: getWeatherIcon(data.hourly.weather_code[index])
+    })),
+    daily: data.daily.time.map((date, index) => ({
+      date,
+      min: Math.round(data.daily.temperature_2m_min[index]),
+      max: Math.round(data.daily.temperature_2m_max[index]),
+      weatherCode: data.daily.weather_code[index],
+      precipitationProbabilityMax: data.daily.precipitation_probability_max?.[index],
+      icon: getWeatherIcon(data.daily.weather_code[index])
+    }))
+  };
+}
+
+// src/hooks/useWeatherForecast.ts
+import { useEffect, useState } from "react";
+function useWeatherForecast(options = {}) {
+  const [data, setData] = useState(null);
+  const [error, setError] = useState(null);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    let active = true;
+    setLoading(true);
+    setError(null);
+    getWeatherForecast(options).then((result) => {
+      if (active) setData(result);
+    }).catch((err) => {
+      if (active) setError(err instanceof Error ? err : new Error("Unknown error"));
+    }).finally(() => {
+      if (active) setLoading(false);
+    });
+    return () => {
+      active = false;
+    };
+  }, [
+    options.latitude,
+    options.longitude,
+    options.geoEndpoint,
+    options.ip,
+    options.forecastDays,
+    options.forecastHours,
+    options.temperatureUnit,
+    options.windSpeedUnit,
+    options.location?.timezone
+  ]);
+  return { data, error, loading };
+}
+
+// src/icons/BaseIcon.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function BaseIcon({ title, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      role: title ? "img" : "presentation",
+      "aria-hidden": title ? void 0 : true,
+      "aria-label": title,
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+        children
+      ]
+    }
+  );
+}
+
+// src/icons/weather-icons.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CloudBoltIcon = (props) => /* @__PURE__ */ jsx2(BaseIcon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M7 18a4.815 4.815 0 0 1-3.327-1.318A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 0 7h-1m-4.75-5L11 17.5h3.375l-2.25 4.5" }) });
+var CloudDrizzleIcon = (props) => /* @__PURE__ */ jsx2(BaseIcon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M12 18v1m-3-4v1m6-1v1m2 3v1M7 19v1m-3-3.034a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662" }) });
+var CloudFogIcon = (props) => /* @__PURE__ */ jsx2(BaseIcon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M4 16.966a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662M5 21h7m4 0h3M8 17h8" }) });
+var CloudHailIcon = (props) => /* @__PURE__ */ jsx2(BaseIcon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M8 17.45v.1m-1.5 3.9v.1m10.5-4.1v.1m-1.5 3.9v.1m-3-4.1v.1m-1.5 3.9v.1m10.475-4.575A3.5 3.5 0 0 0 19 11h-1c.146-.65.148-1.32.006-1.97a4.784 4.784 0 0 0-.831-1.823 5.36 5.36 0 0 0-1.544-1.398 5.964 5.964 0 0 0-2.02-.759 6.224 6.224 0 0 0-2.19-.006 5.971 5.971 0 0 0-2.024.749C8.157 6.533 7.295 7.687 7 9a4.815 4.815 0 0 0-3.327 1.318A4.403 4.403 0 0 0 2.295 13.5c0 1.194.496 2.338 1.378 3.182.105.1.214.195.327.284m4.5.534a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-1.5 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm10.5-4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-1.5 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-3-4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-1.5 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z" }) });
+var CloudShowersIcon = (props) => /* @__PURE__ */ jsx2(BaseIcon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M4 16.966a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662M12 13v2m0 3v2m4-5v2m0 3v2m-8-7v2m0 3v2" }) });
+var CloudShowersHeavyIcon = (props) => /* @__PURE__ */ jsx2(BaseIcon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M4 16.966a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662M16 15v6m-8-6v6m4-8v6" }) });
+var CloudSleetIcon = (props) => /* @__PURE__ */ jsx2(BaseIcon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M13.5 17.45a1 1 0 1 0-2 0h2Zm-2 .1a1 1 0 1 0 2 0h-2Zm.5 3.9a1 1 0 1 0-2 0h2Zm-2 .1a1 1 0 1 0 2 0h-2Zm-6.327-4.868.692-.723-.692.723ZM7 9v1a1 1 0 0 0 .976-.781L7 9Zm2.397-3.207.512.858-.512-.858ZM18 11l-.976-.219A1 1 0 0 0 18 12v-1Zm2.768 5.268a1 1 0 0 0 1.414 1.414l-.707-.707-.707-.707ZM3.379 17.75a1 1 0 0 0 1.242-1.567L4 16.966l-.62.784Zm5.55-.379a1 1 0 0 0-1.857-.742L8 17l.928.371ZM5.071 21.63a1 1 0 0 0 1.856.742L6 22l-.928-.371Zm13.857-4.258a1 1 0 0 0-1.857-.742L18 17l.928.371Zm-3.857 4.258a1 1 0 0 0 1.857.742L16 22l-.928-.371ZM13 17.5h-1a.5.5 0 0 1 .5-.5v2a1.5 1.5 0 0 0 1.5-1.5h-1Zm-.5.5v-1a.5.5 0 0 1 .5.5h-2a1.5 1.5 0 0 0 1.5 1.5v-1Zm-.5-.5h1a.5.5 0 0 1-.5.5v-2a1.5 1.5 0 0 0-1.5 1.5h1Zm.5-.5v1a.5.5 0 0 1-.5-.5h2a1.5 1.5 0 0 0-1.5-1.5v1Zm0 .45h-1v.1h2v-.1h-1Zm-1 4.05h-1a.5.5 0 0 1 .5-.5v2a1.5 1.5 0 0 0 1.5-1.5h-1Zm-.5.5v-1a.5.5 0 0 1 .5.5h-2A1.5 1.5 0 0 0 11 23v-1Zm-.5-.5h1a.5.5 0 0 1-.5.5v-2a1.5 1.5 0 0 0-1.5 1.5h1Zm.5-.5v1a.5.5 0 0 1-.5-.5h2A1.5 1.5 0 0 0 11 20v1Zm0 .45h-1v.1h2v-.1h-1Zm-7.327-4.768.692-.723a3.403 3.403 0 0 1-1.07-2.459h-2c0 1.473.613 2.877 1.687 3.905l.691-.723ZM2.295 13.5h1c0-.914.38-1.8 1.07-2.46l-.692-.722-.69-.723A5.403 5.403 0 0 0 1.294 13.5h1Zm1.378-3.182.692.723A3.815 3.815 0 0 1 7 10V8c-1.499 0-2.945.57-4.018 1.595l.691.723ZM7 9l.976.219c.23-1.024.91-1.956 1.933-2.568l-.512-.858-.513-.859c-1.456.87-2.5 2.245-2.86 3.847L7 9Zm2.397-3.207.512.858a4.972 4.972 0 0 1 1.686-.622l-.173-.985-.174-.985a6.971 6.971 0 0 0-2.364.875l.513.859Zm2.025-.749.173.985a5.223 5.223 0 0 1 1.837.005l.18-.984.178-.984a7.223 7.223 0 0 0-2.542-.007l.174.985Zm2.19.006-.18.984c.606.11 1.177.326 1.681.631l.518-.856.518-.855a6.963 6.963 0 0 0-2.359-.888l-.179.984Zm2.02.76-.519.855c.505.305.93.693 1.257 1.136l.805-.594.805-.594a6.361 6.361 0 0 0-1.831-1.659l-.518.855Zm1.543 1.397-.805.594c.326.442.549.932.66 1.441l.976-.212.978-.213a5.786 5.786 0 0 0-1.005-2.204l-.804.594Zm.831 1.823-.977.212c.111.509.11 1.031-.005 1.539L18 11l.976.219c.178-.792.18-1.609.008-2.402l-.978.213ZM18 11v1h1v-2h-1v1Zm1 0v1a2.5 2.5 0 0 1 1.768.732l.707-.707.707-.707A4.5 4.5 0 0 0 19 10v1Zm2.475 1.025-.707.707A2.5 2.5 0 0 1 21.5 14.5h2a4.5 4.5 0 0 0-1.318-3.182l-.707.707ZM22.5 14.5h-1a2.5 2.5 0 0 1-.732 1.768l.707.707.707.707A4.5 4.5 0 0 0 23.5 14.5h-1ZM4 16.966l.62-.784a3.684 3.684 0 0 1-.255-.223l-.692.723-.69.723c.126.121.259.237.396.345L4 16.966ZM8 17l-.928-.371-2 5L6 22l.928.371 2-5L8 17Zm10 0-.928-.371-2 5L16 22l.928.371 2-5L18 17Z" }) });
+var CloudSnowIcon = (props) => /* @__PURE__ */ jsx2(BaseIcon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M8 15h2m-1-1v2m5-1h2m-1-1v2M5 21h2m-1-1v2m5-2h2m-1-1v2m5 0h2m-1-1v2M4 16.966a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662" }) });
+var CloudSunIcon = (props) => /* @__PURE__ */ jsx2(BaseIcon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M10.201 19.997c-1.977 0-3.58-1.544-3.58-3.448 0-1.903 1.603-3.446 3.58-3.446.303-1.355 1.38-2.461 2.827-2.902 1.445-.44 3.042-.148 4.186.77 1.144.915 1.663 2.312 1.361 3.667h.761c1.472 0 2.664 1.2 2.664 2.68A2.672 2.672 0 0 1 19.336 20h-9.134m2.66-12.934a4.166 4.166 0 0 0-2.677-1.732m2.677 1.732 2.744-1.892m-2.744 1.892c.55.796.802 1.754.723 2.709m-3.4-4.44a4.167 4.167 0 0 0-3.118.667m3.118-.668.602-3.278m-3.72 3.946A4.167 4.167 0 0 0 5.334 8.68m1.733-2.678L5.174 3.26m.16 5.42c-.2 1.088.041 2.21.669 3.12m-.669-3.12-3.278-.601m3.947 3.72-2.744 1.893m2.744-1.893a4.167 4.167 0 0 0 2.174 1.607" }) });
+var CloudsIcon = (props) => /* @__PURE__ */ jsx2(BaseIcon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M8.958 21.05C6.772 21.05 5 19.344 5 17.24s1.772-3.81 3.958-3.81c.335-1.498 1.525-2.72 3.124-3.207 1.598-.487 3.363-.164 4.628.85 1.264 1.011 1.837 2.556 1.504 4.053h.842A2.953 2.953 0 0 1 22 18.09a2.954 2.954 0 0 1-2.945 2.964H8.958M18 8c-.5-2.5-3.532-3.401-5.5-2.5a3.117 3.117 0 0 0-2.11-2.312c-1.352-.411-2.845-.138-3.915.72-1.07.855-1.554 2.161-1.273 3.428h-.711A2.498 2.498 0 0 0 2 9.843c0 1.094.695 2.023 1.666 2.366" }) });
+var SnowflakeIcon = (props) => /* @__PURE__ */ jsx2(BaseIcon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "m9.25 4-1 2H6m-2.25 4L5 12m0 0-1.25 2M5 12h3m-3 0H2.5m17.75-2L19 12l1.25 2M6 18h2.25l1 2M14 9h-4m4 0 3-5m-3 5 2 3m-6-3L7 4m3 5-2 3m0 0 2 3m0 0-3 5m3-5h4m2-3-2 3m2-3h5.5M14 15l3 5M14.75 4l1 2H18m0 12h-2.25l-1 2" }) });
+var SunIcon = (props) => /* @__PURE__ */ jsx2(BaseIcon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M12 4V2m0 20v-2m10-8h-2M4 12H2m15.657-5.657 1.414-1.414M4.93 19.07l1.414-1.414m12.728 1.414-1.414-1.414M6.343 6.343 4.93 4.929M7 12a5 5 0 1 0 10 0 5 5 0 0 0-10 0Z" }) });
+var WindIcon = (props) => /* @__PURE__ */ jsx2(BaseIcon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2" }) });
+
+// src/icons/WeatherIcon.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var iconMap = {
+  sun: SunIcon,
+  "cloud-sun": CloudSunIcon,
+  clouds: CloudsIcon,
+  "cloud-fog": CloudFogIcon,
+  "cloud-drizzle": CloudDrizzleIcon,
+  "cloud-showers": CloudShowersIcon,
+  "cloud-showers-heavy": CloudShowersHeavyIcon,
+  "cloud-sleet": CloudSleetIcon,
+  "cloud-snow": CloudSnowIcon,
+  snowflake: SnowflakeIcon,
+  "cloud-bolt": CloudBoltIcon,
+  "cloud-hail": CloudHailIcon
+};
+function WeatherIcon({ condition, ...props }) {
+  const Icon = iconMap[condition] || CloudsIcon;
+  return /* @__PURE__ */ jsx3(Icon, { ...props });
+}
+
+// src/components/WeatherForecast.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var WIND_SPEED_UNIT_LABELS = {
+  kmh: "km/h",
+  mph: "mph",
+  ms: "m/s",
+  kn: "kn"
+};
+function closestHour(hourly, targetTime) {
+  return hourly.reduce((closest, hour) => {
+    const diff = Math.abs(new Date(hour.time).getTime() - targetTime.getTime());
+    const closestDiff = closest ? Math.abs(new Date(closest.time).getTime() - targetTime.getTime()) : Infinity;
+    return diff < closestDiff ? hour : closest;
+  }, void 0);
+}
+var styles = {
+  root: {
+    fontFamily: "system-ui, sans-serif",
+    border: "1px solid #e5e7eb",
+    borderRadius: 12,
+    padding: 16,
+    background: "#fff",
+    color: "#111827",
+    maxWidth: 640
+  },
+  row: { display: "flex", alignItems: "center", gap: 8 },
+  hours: { display: "flex", gap: 12, overflowX: "auto", paddingBottom: 4 },
+  hourCard: { minWidth: 72, textAlign: "center", padding: 8, borderRadius: 8, background: "#f9fafb" },
+  dayRow: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 10, padding: "8px 0", borderBottom: "1px solid #f3f4f6" },
+  compactRoot: { fontFamily: "system-ui, sans-serif", display: "flex", flexDirection: "column", gap: 8, padding: "10px 14px", borderRadius: 8 },
+  compactHeader: { display: "flex", alignItems: "center", gap: 10 },
+  compactHeaderText: { display: "flex", alignItems: "baseline", gap: 8, flexWrap: "wrap" },
+  compactDateTime: { fontSize: 11, opacity: 0.7 },
+  compactStats: { display: "flex", flexWrap: "wrap", gap: 12, fontSize: 12, opacity: 0.9 },
+  compactStat: { display: "flex", alignItems: "center", gap: 4, whiteSpace: "nowrap" }
+};
+function WeatherForecast(props) {
+  const { data, loading, error } = useWeatherForecast(props);
+  if (loading) return null;
+  if (error) return /* @__PURE__ */ jsxs2("div", { className: props.className, style: props.style, children: [
+    "Error: ",
+    error.message
+  ] });
+  if (!data) return /* @__PURE__ */ jsx4("div", { className: props.className, style: props.style, children: "No forecast available." });
+  if (props.compact) {
+    const now = new Date(data.current.time);
+    const today = data.daily[0];
+    const tomorrow = data.daily[1];
+    const in6Hours = closestHour(data.hourly, new Date(now.getTime() + 6 * 60 * 60 * 1e3));
+    const windSpeedUnitLabel = WIND_SPEED_UNIT_LABELS[props.windSpeedUnit ?? "mph"];
+    return /* @__PURE__ */ jsxs2("div", { className: props.className, style: { ...styles.compactRoot, ...props.style }, children: [
+      /* @__PURE__ */ jsxs2("div", { style: styles.compactHeader, children: [
+        /* @__PURE__ */ jsx4(WeatherIcon, { condition: data.current.icon, width: 24, height: 24, title: "Current weather" }),
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsxs2("div", { style: styles.compactHeaderText, children: [
+            /* @__PURE__ */ jsxs2("strong", { style: { fontSize: 16 }, children: [
+              data.current.temperature,
+              "\xB0"
+            ] }),
+            /* @__PURE__ */ jsx4("span", { style: { fontSize: 14, opacity: 0.8 }, children: data.location?.city || "Current location" })
+          ] }),
+          /* @__PURE__ */ jsxs2("div", { style: styles.compactDateTime, children: [
+            now.toLocaleDateString([], { weekday: "short", month: "short", day: "numeric" }),
+            " \xB7 ",
+            now.toLocaleTimeString([], { hour: "numeric", minute: "2-digit" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { style: styles.compactStats, children: [
+        today && /* @__PURE__ */ jsxs2("span", { style: styles.compactStat, children: [
+          /* @__PURE__ */ jsx4(WeatherIcon, { condition: today.icon, width: 16, height: 16, title: "Today's high and low" }),
+          today.max,
+          "\xB0 / ",
+          today.min,
+          "\xB0"
+        ] }),
+        tomorrow && /* @__PURE__ */ jsxs2("span", { style: styles.compactStat, children: [
+          /* @__PURE__ */ jsx4(WeatherIcon, { condition: tomorrow.icon, width: 16, height: 16, title: "Tomorrow" }),
+          "Tomorrow ",
+          tomorrow.max,
+          "\xB0"
+        ] }),
+        /* @__PURE__ */ jsxs2("span", { style: styles.compactStat, children: [
+          /* @__PURE__ */ jsx4(WindIcon, { width: 16, height: 16, title: "Wind speed" }),
+          data.current.windSpeed !== void 0 ? `${Math.round(data.current.windSpeed)} ${windSpeedUnitLabel}` : "\u2014"
+        ] }),
+        in6Hours && /* @__PURE__ */ jsxs2("span", { style: styles.compactStat, children: [
+          /* @__PURE__ */ jsx4(WeatherIcon, { condition: in6Hours.icon, width: 16, height: 16, title: "In 6 hours" }),
+          in6Hours.temperature,
+          "\xB0 in 6h"
+        ] })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs2("div", { className: props.className, style: { ...styles.root, ...props.style }, children: [
+    /* @__PURE__ */ jsxs2("div", { children: [
+      /* @__PURE__ */ jsxs2("h3", { style: { margin: 0, fontSize: 20 }, children: [
+        data.location?.city || "Current location",
+        data.location?.region ? `, ${data.location.region}` : ""
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { style: { ...styles.row, marginTop: 8 }, children: [
+        /* @__PURE__ */ jsx4(WeatherIcon, { condition: data.current.icon, width: 28, height: 28, title: "Current weather" }),
+        /* @__PURE__ */ jsxs2("strong", { style: { fontSize: 28 }, children: [
+          data.current.temperature,
+          "\xB0"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { style: { marginTop: 20 }, children: [
+      /* @__PURE__ */ jsx4("h4", { style: { margin: "0 0 10px 0" }, children: "Next hours" }),
+      /* @__PURE__ */ jsx4("div", { style: styles.hours, children: data.hourly.slice(0, props.forecastHours ?? 12).map((hour) => /* @__PURE__ */ jsxs2("div", { style: styles.hourCard, children: [
+        /* @__PURE__ */ jsx4("div", { style: { fontSize: 12 }, children: new Date(hour.time).toLocaleTimeString([], { hour: "numeric" }) }),
+        /* @__PURE__ */ jsx4(WeatherIcon, { condition: hour.icon, width: 20, height: 20, style: { margin: "6px auto" } }),
+        /* @__PURE__ */ jsxs2("div", { children: [
+          hour.temperature,
+          "\xB0"
+        ] })
+      ] }, hour.time)) })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { style: { marginTop: 20 }, children: [
+      /* @__PURE__ */ jsx4("h4", { style: { margin: "0 0 10px 0" }, children: "Next days" }),
+      /* @__PURE__ */ jsx4("div", { children: data.daily.map((day) => /* @__PURE__ */ jsxs2("div", { style: styles.dayRow, children: [
+        /* @__PURE__ */ jsx4("div", { style: { width: 120 }, children: new Date(day.date).toLocaleDateString([], { weekday: "short", month: "short", day: "numeric" }) }),
+        /* @__PURE__ */ jsx4(WeatherIcon, { condition: day.icon, width: 20, height: 20 }),
+        /* @__PURE__ */ jsxs2("div", { children: [
+          day.min,
+          "\xB0 / ",
+          day.max,
+          "\xB0"
+        ] })
+      ] }, day.date)) })
+    ] })
+  ] });
+}
+export {
+  WeatherForecast,
+  WeatherIcon,
+  getClientLocation,
+  getWeatherForecast,
+  getWeatherIcon,
+  useWeatherForecast
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/weatherCodes.ts","../src/api/geolocation.ts","../src/api/forecast.ts","../src/hooks/useWeatherForecast.ts","../src/icons/BaseIcon.tsx","../src/icons/weather-icons.tsx","../src/icons/WeatherIcon.tsx","../src/components/WeatherForecast.tsx"],"sourcesContent":["import type { WeatherCondition } from './types';\n\nexport function getWeatherIcon(code: number, isDay = 1): WeatherCondition {\n  if (code === 0) return 'sun';\n  if ([1, 2].includes(code)) return isDay ? 'cloud-sun' : 'clouds';\n  if (code === 3) return 'clouds';\n  if ([45, 48].includes(code)) return 'cloud-fog';\n  if ([51, 53, 55, 56, 57].includes(code)) return 'cloud-drizzle';\n  if ([61, 63].includes(code)) return 'cloud-showers';\n  if ([65, 66, 67, 80, 81, 82].includes(code)) return 'cloud-showers-heavy';\n  if ([71, 73, 75, 77, 85, 86].includes(code)) return 'cloud-snow';\n  if (code === 95) return 'cloud-bolt';\n  if ([96, 99].includes(code)) return 'cloud-hail';\n  return 'clouds';\n}\n","import type { WeatherLocation } from '../types';\n\n// ip-api.com's free tier only serves plain HTTP (HTTPS requires their paid plan),\n// so this default will be blocked as mixed content on pages served over HTTPS.\n// Deploy worker/geo-worker.ts and pass its URL as `geoEndpoint` to avoid that.\nconst DEFAULT_IP_API_URL = 'http://ip-api.com/json/';\n\ntype IpApiResponse = {\n  status: 'success' | 'fail';\n  city?: string;\n  regionName?: string;\n  country?: string;\n  timezone?: string;\n  lat?: number;\n  lon?: number;\n  message?: string;\n};\n\ntype GeoWorkerResponse = {\n  city?: string;\n  region?: string;\n  country?: string;\n  timezone?: string;\n  latitude?: number | string;\n  longitude?: number | string;\n};\n\nexport async function getClientLocation(geoEndpoint?: string, ip?: string): Promise<WeatherLocation> {\n  if (geoEndpoint) {\n    const url = ip ? `${geoEndpoint}?ip=${encodeURIComponent(ip)}` : geoEndpoint;\n    const res = await fetch(url);\n    if (!res.ok) throw new Error(`Geolocation worker lookup failed: ${res.status}`);\n    const data: GeoWorkerResponse = await res.json();\n\n    return {\n      city: data.city,\n      region: data.region,\n      country: data.country,\n      timezone: data.timezone,\n      latitude: Number(data.latitude),\n      longitude: Number(data.longitude),\n    };\n  }\n\n  const res = await fetch(`${DEFAULT_IP_API_URL}${ip ? encodeURIComponent(ip) : ''}`);\n  if (!res.ok) throw new Error(`ip-api lookup failed: ${res.status}`);\n  const data: IpApiResponse = await res.json();\n\n  if (data.status === 'fail') {\n    throw new Error(`ip-api lookup failed: ${data.message ?? 'unknown error'}`);\n  }\n\n  return {\n    city: data.city,\n    region: data.regionName,\n    country: data.country,\n    timezone: data.timezone,\n    latitude: Number(data.lat),\n    longitude: Number(data.lon),\n  };\n}\n","import type { WeatherForecastData, WeatherForecastOptions, WeatherLocation } from '../types';\nimport { getWeatherIcon } from '../weatherCodes';\nimport { getClientLocation } from './geolocation';\n\nfunction buildUrl(latitude: number, longitude: number, options: WeatherForecastOptions) {\n  const params = new URLSearchParams({\n    latitude: String(latitude),\n    longitude: String(longitude),\n    timezone: options.location?.timezone || 'auto',\n    temperature_unit: options.temperatureUnit || 'fahrenheit',\n    wind_speed_unit: options.windSpeedUnit || 'mph',\n    forecast_days: String(options.forecastDays ?? 5),\n    forecast_hours: String(options.forecastHours ?? 24),\n    current: [\n      'temperature_2m',\n      'weather_code',\n      'is_day',\n      'rain',\n      'showers',\n      'snowfall',\n      'wind_speed_10m',\n    ].join(','),\n    hourly: [\n      'temperature_2m',\n      'weather_code',\n      'precipitation_probability',\n      'rain',\n      'showers',\n      'snowfall',\n    ].join(','),\n    daily: [\n      'temperature_2m_max',\n      'temperature_2m_min',\n      'weather_code',\n      'precipitation_probability_max',\n    ].join(','),\n  });\n\n  return `https://api.open-meteo.com/v1/forecast?${params.toString()}`;\n}\n\nexport async function getWeatherForecast(\n  options: WeatherForecastOptions = {}\n): Promise<WeatherForecastData> {\n  let location: WeatherLocation;\n\n  if (typeof options.latitude === 'number' && typeof options.longitude === 'number') {\n    location = {\n      ...options.location,\n      latitude: options.latitude,\n      longitude: options.longitude,\n    };\n  } else {\n    location = await getClientLocation(options.geoEndpoint, options.ip);\n  }\n\n  const url = buildUrl(location.latitude, location.longitude, { ...options, location });\n  const response = await fetch(url, { headers: { 'Content-Type': 'application/json' } });\n\n  if (!response.ok) {\n    throw new Error(`Weather request failed: ${response.status} ${response.statusText}`);\n  }\n\n  const data = await response.json();\n\n  if (!data?.current || !data?.hourly || !data?.daily) {\n    throw new Error('Invalid weather response');\n  }\n\n  return {\n    location,\n    current: {\n      time: data.current.time,\n      temperature: Math.round(data.current.temperature_2m),\n      weatherCode: data.current.weather_code,\n      icon: getWeatherIcon(data.current.weather_code, data.current.is_day),\n      isDay: data.current.is_day,\n      rain: data.current.rain,\n      showers: data.current.showers,\n      snowfall: data.current.snowfall,\n      windSpeed: data.current.wind_speed_10m,\n    },\n    hourly: data.hourly.time.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],\n      rain: data.hourly.rain?.[index],\n      showers: data.hourly.showers?.[index],\n      snowfall: data.hourly.snowfall?.[index],\n      icon: getWeatherIcon(data.hourly.weather_code[index]),\n    })),\n    daily: data.daily.time.map((date: string, index: number) => ({\n      date,\n      min: Math.round(data.daily.temperature_2m_min[index]),\n      max: Math.round(data.daily.temperature_2m_max[index]),\n      weatherCode: data.daily.weather_code[index],\n      precipitationProbabilityMax: data.daily.precipitation_probability_max?.[index],\n      icon: getWeatherIcon(data.daily.weather_code[index]),\n    })),\n  };\n}\n","import { useEffect, useState } from 'react';\nimport type { WeatherForecastData, WeatherForecastOptions } from '../types';\nimport { getWeatherForecast } from '../api/forecast';\n\nexport function useWeatherForecast(options: WeatherForecastOptions = {}) {\n  const [data, setData] = useState<WeatherForecastData | null>(null);\n  const [error, setError] = useState<Error | null>(null);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    let active = true;\n    setLoading(true);\n    setError(null);\n\n    getWeatherForecast(options)\n      .then((result) => { if (active) setData(result); })\n      .catch((err) => { if (active) setError(err instanceof Error ? err : new Error('Unknown error')); })\n      .finally(() => { if (active) setLoading(false); });\n\n    return () => { active = false; };\n  }, [\n    options.latitude,\n    options.longitude,\n    options.geoEndpoint,\n    options.ip,\n    options.forecastDays,\n    options.forecastHours,\n    options.temperatureUnit,\n    options.windSpeedUnit,\n    options.location?.timezone,\n  ]);\n\n  return { data, error, loading };\n}\n","import React from 'react';\nimport type { IconProps } from '../types';\n\nexport function BaseIcon({ title, children, ...props }: IconProps & { children: React.ReactNode }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      role={title ? 'img' : 'presentation'}\n      aria-hidden={title ? undefined : true}\n      aria-label={title}\n      {...props}\n    >\n      {title ? <title>{title}</title> : null}\n      {children}\n    </svg>\n  );\n}\n","import React from 'react';\nimport type { IconProps } from '../types';\nimport { BaseIcon } from './BaseIcon';\n\nexport const CloudBoltIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M7 18a4.815 4.815 0 0 1-3.327-1.318A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 0 7h-1m-4.75-5L11 17.5h3.375l-2.25 4.5\" /></BaseIcon>\n);\nexport const CloudDrizzleIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M12 18v1m-3-4v1m6-1v1m2 3v1M7 19v1m-3-3.034a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662\" /></BaseIcon>\n);\nexport const CloudFogIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M4 16.966a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662M5 21h7m4 0h3M8 17h8\" /></BaseIcon>\n);\nexport const CloudHailIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M8 17.45v.1m-1.5 3.9v.1m10.5-4.1v.1m-1.5 3.9v.1m-3-4.1v.1m-1.5 3.9v.1m10.475-4.575A3.5 3.5 0 0 0 19 11h-1c.146-.65.148-1.32.006-1.97a4.784 4.784 0 0 0-.831-1.823 5.36 5.36 0 0 0-1.544-1.398 5.964 5.964 0 0 0-2.02-.759 6.224 6.224 0 0 0-2.19-.006 5.971 5.971 0 0 0-2.024.749C8.157 6.533 7.295 7.687 7 9a4.815 4.815 0 0 0-3.327 1.318A4.403 4.403 0 0 0 2.295 13.5c0 1.194.496 2.338 1.378 3.182.105.1.214.195.327.284m4.5.534a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-1.5 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm10.5-4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-1.5 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-3-4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-1.5 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z\" /></BaseIcon>\n);\nexport const CloudShowersIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M4 16.966a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662M12 13v2m0 3v2m4-5v2m0 3v2m-8-7v2m0 3v2\" /></BaseIcon>\n);\nexport const CloudShowersHeavyIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M4 16.966a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662M16 15v6m-8-6v6m4-8v6\" /></BaseIcon>\n);\nexport const CloudSleetIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M13.5 17.45a1 1 0 1 0-2 0h2Zm-2 .1a1 1 0 1 0 2 0h-2Zm.5 3.9a1 1 0 1 0-2 0h2Zm-2 .1a1 1 0 1 0 2 0h-2Zm-6.327-4.868.692-.723-.692.723ZM7 9v1a1 1 0 0 0 .976-.781L7 9Zm2.397-3.207.512.858-.512-.858ZM18 11l-.976-.219A1 1 0 0 0 18 12v-1Zm2.768 5.268a1 1 0 0 0 1.414 1.414l-.707-.707-.707-.707ZM3.379 17.75a1 1 0 0 0 1.242-1.567L4 16.966l-.62.784Zm5.55-.379a1 1 0 0 0-1.857-.742L8 17l.928.371ZM5.071 21.63a1 1 0 0 0 1.856.742L6 22l-.928-.371Zm13.857-4.258a1 1 0 0 0-1.857-.742L18 17l.928.371Zm-3.857 4.258a1 1 0 0 0 1.857.742L16 22l-.928-.371ZM13 17.5h-1a.5.5 0 0 1 .5-.5v2a1.5 1.5 0 0 0 1.5-1.5h-1Zm-.5.5v-1a.5.5 0 0 1 .5.5h-2a1.5 1.5 0 0 0 1.5 1.5v-1Zm-.5-.5h1a.5.5 0 0 1-.5.5v-2a1.5 1.5 0 0 0-1.5 1.5h1Zm.5-.5v1a.5.5 0 0 1-.5-.5h2a1.5 1.5 0 0 0-1.5-1.5v1Zm0 .45h-1v.1h2v-.1h-1Zm-1 4.05h-1a.5.5 0 0 1 .5-.5v2a1.5 1.5 0 0 0 1.5-1.5h-1Zm-.5.5v-1a.5.5 0 0 1 .5.5h-2A1.5 1.5 0 0 0 11 23v-1Zm-.5-.5h1a.5.5 0 0 1-.5.5v-2a1.5 1.5 0 0 0-1.5 1.5h1Zm.5-.5v1a.5.5 0 0 1-.5-.5h2A1.5 1.5 0 0 0 11 20v1Zm0 .45h-1v.1h2v-.1h-1Zm-7.327-4.768.692-.723a3.403 3.403 0 0 1-1.07-2.459h-2c0 1.473.613 2.877 1.687 3.905l.691-.723ZM2.295 13.5h1c0-.914.38-1.8 1.07-2.46l-.692-.722-.69-.723A5.403 5.403 0 0 0 1.294 13.5h1Zm1.378-3.182.692.723A3.815 3.815 0 0 1 7 10V8c-1.499 0-2.945.57-4.018 1.595l.691.723ZM7 9l.976.219c.23-1.024.91-1.956 1.933-2.568l-.512-.858-.513-.859c-1.456.87-2.5 2.245-2.86 3.847L7 9Zm2.397-3.207.512.858a4.972 4.972 0 0 1 1.686-.622l-.173-.985-.174-.985a6.971 6.971 0 0 0-2.364.875l.513.859Zm2.025-.749.173.985a5.223 5.223 0 0 1 1.837.005l.18-.984.178-.984a7.223 7.223 0 0 0-2.542-.007l.174.985Zm2.19.006-.18.984c.606.11 1.177.326 1.681.631l.518-.856.518-.855a6.963 6.963 0 0 0-2.359-.888l-.179.984Zm2.02.76-.519.855c.505.305.93.693 1.257 1.136l.805-.594.805-.594a6.361 6.361 0 0 0-1.831-1.659l-.518.855Zm1.543 1.397-.805.594c.326.442.549.932.66 1.441l.976-.212.978-.213a5.786 5.786 0 0 0-1.005-2.204l-.804.594Zm.831 1.823-.977.212c.111.509.11 1.031-.005 1.539L18 11l.976.219c.178-.792.18-1.609.008-2.402l-.978.213ZM18 11v1h1v-2h-1v1Zm1 0v1a2.5 2.5 0 0 1 1.768.732l.707-.707.707-.707A4.5 4.5 0 0 0 19 10v1Zm2.475 1.025-.707.707A2.5 2.5 0 0 1 21.5 14.5h2a4.5 4.5 0 0 0-1.318-3.182l-.707.707ZM22.5 14.5h-1a2.5 2.5 0 0 1-.732 1.768l.707.707.707.707A4.5 4.5 0 0 0 23.5 14.5h-1ZM4 16.966l.62-.784a3.684 3.684 0 0 1-.255-.223l-.692.723-.69.723c.126.121.259.237.396.345L4 16.966ZM8 17l-.928-.371-2 5L6 22l.928.371 2-5L8 17Zm10 0-.928-.371-2 5L16 22l.928.371 2-5L18 17Z\" /></BaseIcon>\n);\nexport const CloudSnowIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M8 15h2m-1-1v2m5-1h2m-1-1v2M5 21h2m-1-1v2m5-2h2m-1-1v2m5 0h2m-1-1v2M4 16.966a4.63 4.63 0 0 1-.327-.284A4.403 4.403 0 0 1 2.295 13.5c0-1.194.496-2.338 1.378-3.182A4.815 4.815 0 0 1 7 9c.295-1.313 1.157-2.466 2.397-3.207a5.971 5.971 0 0 1 2.025-.749 6.224 6.224 0 0 1 2.19.006c.721.131 1.408.39 2.02.76a5.36 5.36 0 0 1 1.543 1.397c.407.552.69 1.172.831 1.823.142.65.14 1.32-.006 1.97h1a3.5 3.5 0 0 1 1.5 6.662\" /></BaseIcon>\n);\nexport const CloudSunIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M10.201 19.997c-1.977 0-3.58-1.544-3.58-3.448 0-1.903 1.603-3.446 3.58-3.446.303-1.355 1.38-2.461 2.827-2.902 1.445-.44 3.042-.148 4.186.77 1.144.915 1.663 2.312 1.361 3.667h.761c1.472 0 2.664 1.2 2.664 2.68A2.672 2.672 0 0 1 19.336 20h-9.134m2.66-12.934a4.166 4.166 0 0 0-2.677-1.732m2.677 1.732 2.744-1.892m-2.744 1.892c.55.796.802 1.754.723 2.709m-3.4-4.44a4.167 4.167 0 0 0-3.118.667m3.118-.668.602-3.278m-3.72 3.946A4.167 4.167 0 0 0 5.334 8.68m1.733-2.678L5.174 3.26m.16 5.42c-.2 1.088.041 2.21.669 3.12m-.669-3.12-3.278-.601m3.947 3.72-2.744 1.893m2.744-1.893a4.167 4.167 0 0 0 2.174 1.607\" /></BaseIcon>\n);\nexport const CloudsIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M8.958 21.05C6.772 21.05 5 19.344 5 17.24s1.772-3.81 3.958-3.81c.335-1.498 1.525-2.72 3.124-3.207 1.598-.487 3.363-.164 4.628.85 1.264 1.011 1.837 2.556 1.504 4.053h.842A2.953 2.953 0 0 1 22 18.09a2.954 2.954 0 0 1-2.945 2.964H8.958M18 8c-.5-2.5-3.532-3.401-5.5-2.5a3.117 3.117 0 0 0-2.11-2.312c-1.352-.411-2.845-.138-3.915.72-1.07.855-1.554 2.161-1.273 3.428h-.711A2.498 2.498 0 0 0 2 9.843c0 1.094.695 2.023 1.666 2.366\" /></BaseIcon>\n);\nexport const SnowflakeIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"m9.25 4-1 2H6m-2.25 4L5 12m0 0-1.25 2M5 12h3m-3 0H2.5m17.75-2L19 12l1.25 2M6 18h2.25l1 2M14 9h-4m4 0 3-5m-3 5 2 3m-6-3L7 4m3 5-2 3m0 0 2 3m0 0-3 5m3-5h4m2-3-2 3m2-3h5.5M14 15l3 5M14.75 4l1 2H18m0 12h-2.25l-1 2\" /></BaseIcon>\n);\nexport const SunIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M12 4V2m0 20v-2m10-8h-2M4 12H2m15.657-5.657 1.414-1.414M4.93 19.07l1.414-1.414m12.728 1.414-1.414-1.414M6.343 6.343 4.93 4.929M7 12a5 5 0 1 0 10 0 5 5 0 0 0-10 0Z\" /></BaseIcon>\n);\nexport const WindIcon = (props: IconProps) => (\n  <BaseIcon {...props}><path d=\"M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2\" /></BaseIcon>\n);\n","import React from 'react';\nimport type { IconProps, WeatherCondition } from '../types';\nimport {\n  CloudBoltIcon,\n  CloudDrizzleIcon,\n  CloudFogIcon,\n  CloudHailIcon,\n  CloudShowersHeavyIcon,\n  CloudShowersIcon,\n  CloudSleetIcon,\n  CloudSnowIcon,\n  CloudSunIcon,\n  CloudsIcon,\n  SnowflakeIcon,\n  SunIcon,\n} from './weather-icons';\n\nconst iconMap: Record<WeatherCondition, React.ComponentType<IconProps>> = {\n  sun: SunIcon,\n  'cloud-sun': CloudSunIcon,\n  clouds: CloudsIcon,\n  'cloud-fog': CloudFogIcon,\n  'cloud-drizzle': CloudDrizzleIcon,\n  'cloud-showers': CloudShowersIcon,\n  'cloud-showers-heavy': CloudShowersHeavyIcon,\n  'cloud-sleet': CloudSleetIcon,\n  'cloud-snow': CloudSnowIcon,\n  snowflake: SnowflakeIcon,\n  'cloud-bolt': CloudBoltIcon,\n  'cloud-hail': CloudHailIcon,\n};\n\nexport function WeatherIcon({ condition, ...props }: IconProps & { condition: WeatherCondition }) {\n  const Icon = iconMap[condition] || CloudsIcon;\n  return <Icon {...props} />;\n}\n","import React from 'react';\nimport { useWeatherForecast } from '../hooks/useWeatherForecast';\nimport type { HourlyWeather, WeatherForecastOptions, WindSpeedUnit } from '../types';\nimport { WeatherIcon } from '../icons/WeatherIcon';\nimport { WindIcon } from '../icons/weather-icons';\n\ntype Props = WeatherForecastOptions & {\n  className?: string;\n  style?: React.CSSProperties;\n  compact?: boolean;\n};\n\nconst WIND_SPEED_UNIT_LABELS: Record<WindSpeedUnit, string> = {\n  kmh: 'km/h',\n  mph: 'mph',\n  ms: 'm/s',\n  kn: 'kn',\n};\n\nfunction closestHour(hourly: HourlyWeather[], targetTime: Date): HourlyWeather | undefined {\n  return hourly.reduce<HourlyWeather | undefined>((closest, hour) => {\n    const diff = Math.abs(new Date(hour.time).getTime() - targetTime.getTime());\n    const closestDiff = closest ? Math.abs(new Date(closest.time).getTime() - targetTime.getTime()) : Infinity;\n    return diff < closestDiff ? hour : closest;\n  }, undefined);\n}\n\nconst styles = {\n  root: {\n    fontFamily: 'system-ui, sans-serif',\n    border: '1px solid #e5e7eb',\n    borderRadius: 12,\n    padding: 16,\n    background: '#fff',\n    color: '#111827',\n    maxWidth: 640,\n  } as React.CSSProperties,\n  row: { display: 'flex', alignItems: 'center', gap: 8 } as React.CSSProperties,\n  hours: { display: 'flex', gap: 12, overflowX: 'auto', paddingBottom: 4 } as React.CSSProperties,\n  hourCard: { minWidth: 72, textAlign: 'center' as const, padding: 8, borderRadius: 8, background: '#f9fafb' },\n  dayRow: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, padding: '8px 0', borderBottom: '1px solid #f3f4f6' } as React.CSSProperties,\n  compactRoot: { fontFamily: 'system-ui, sans-serif', display: 'flex', flexDirection: 'column', gap: 8, padding: '10px 14px', borderRadius: 8 } as React.CSSProperties,\n  compactHeader: { display: 'flex', alignItems: 'center', gap: 10 } as React.CSSProperties,\n  compactHeaderText: { display: 'flex', alignItems: 'baseline', gap: 8, flexWrap: 'wrap' } as React.CSSProperties,\n  compactDateTime: { fontSize: 11, opacity: 0.7 } as React.CSSProperties,\n  compactStats: { display: 'flex', flexWrap: 'wrap', gap: 12, fontSize: 12, opacity: 0.9 } as React.CSSProperties,\n  compactStat: { display: 'flex', alignItems: 'center', gap: 4, whiteSpace: 'nowrap' } as React.CSSProperties,\n};\n\nexport function WeatherForecast(props: Props) {\n  const { data, loading, error } = useWeatherForecast(props);\n\n  if (loading) return null;\n  if (error) return <div className={props.className} style={props.style}>Error: {error.message}</div>;\n  if (!data) return <div className={props.className} style={props.style}>No forecast available.</div>;\n\n  if (props.compact) {\n    const now = new Date(data.current.time);\n    const today = data.daily[0];\n    const tomorrow = data.daily[1];\n    const in6Hours = closestHour(data.hourly, new Date(now.getTime() + 6 * 60 * 60 * 1000));\n    const windSpeedUnitLabel = WIND_SPEED_UNIT_LABELS[props.windSpeedUnit ?? 'mph'];\n\n    return (\n      <div className={props.className} style={{ ...styles.compactRoot, ...props.style }}>\n        <div style={styles.compactHeader}>\n          <WeatherIcon condition={data.current.icon} width={24} height={24} title=\"Current weather\" />\n          <div>\n            <div style={styles.compactHeaderText}>\n              <strong style={{ fontSize: 16 }}>{data.current.temperature}°</strong>\n              <span style={{ fontSize: 14, opacity: 0.8 }}>\n                {data.location?.city || 'Current location'}\n              </span>\n            </div>\n            <div style={styles.compactDateTime}>\n              {now.toLocaleDateString([], { weekday: 'short', month: 'short', day: 'numeric' })}\n              {' · '}\n              {now.toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' })}\n            </div>\n          </div>\n        </div>\n\n        <div style={styles.compactStats}>\n          {today && (\n            <span style={styles.compactStat}>\n              <WeatherIcon condition={today.icon} width={16} height={16} title=\"Today's high and low\" />\n              {today.max}° / {today.min}°\n            </span>\n          )}\n          {tomorrow && (\n            <span style={styles.compactStat}>\n              <WeatherIcon condition={tomorrow.icon} width={16} height={16} title=\"Tomorrow\" />\n              Tomorrow {tomorrow.max}°\n            </span>\n          )}\n          <span style={styles.compactStat}>\n            <WindIcon width={16} height={16} title=\"Wind speed\" />\n            {data.current.windSpeed !== undefined ? `${Math.round(data.current.windSpeed)} ${windSpeedUnitLabel}` : '—'}\n          </span>\n          {in6Hours && (\n            <span style={styles.compactStat}>\n              <WeatherIcon condition={in6Hours.icon} width={16} height={16} title=\"In 6 hours\" />\n              {in6Hours.temperature}° in 6h\n            </span>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={props.className} style={{ ...styles.root, ...props.style }}>\n      <div>\n        <h3 style={{ margin: 0, fontSize: 20 }}>\n          {data.location?.city || 'Current location'}\n          {data.location?.region ? `, ${data.location.region}` : ''}\n        </h3>\n        <div style={{ ...styles.row, marginTop: 8 }}>\n          <WeatherIcon condition={data.current.icon} width={28} height={28} title=\"Current weather\" />\n          <strong style={{ fontSize: 28 }}>{data.current.temperature}°</strong>\n        </div>\n      </div>\n\n      <div style={{ marginTop: 20 }}>\n        <h4 style={{ margin: '0 0 10px 0' }}>Next hours</h4>\n        <div style={styles.hours}>\n          {data.hourly.slice(0, props.forecastHours ?? 12).map((hour) => (\n            <div key={hour.time} style={styles.hourCard}>\n              <div style={{ fontSize: 12 }}>{new Date(hour.time).toLocaleTimeString([], { hour: 'numeric' })}</div>\n              <WeatherIcon condition={hour.icon} width={20} height={20} style={{ margin: '6px auto' }} />\n              <div>{hour.temperature}°</div>\n            </div>\n          ))}\n        </div>\n      </div>\n\n      <div style={{ marginTop: 20 }}>\n        <h4 style={{ margin: '0 0 10px 0' }}>Next days</h4>\n        <div>\n          {data.daily.map((day) => (\n            <div key={day.date} style={styles.dayRow}>\n              <div style={{ width: 120 }}>{new Date(day.date).toLocaleDateString([], { weekday: 'short', month: 'short', day: 'numeric' })}</div>\n              <WeatherIcon condition={day.icon} width={20} height={20} />\n              <div>{day.min}° / {day.max}°</div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["res","data","jsx","jsx","jsx","jsxs"]}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "use-weather-forecast",
+  "version": "0.1.0",
+  "description": "React weather forecast component using Open-Meteo and IP geolocation",
+  "keywords": [
+    "react",
+    "weather",
+    "forecast",
+    "open-meteo",
+    "cloudflare",
+    "ip-api",
+    "component-library"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/OpenSourceAGI/qwksearch-research-agent.git",
+    "directory": "packages/react-weather-forecast"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "peerDependencies": {
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
+  },
+  "devDependencies": {
+    "@cloudflare/workers-types": "^4.20250115.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "tsup": "^8.2.4",
+    "typescript": "^5.6.3",
+    "wrangler": "^3.88.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "worker:typecheck": "tsc --noEmit -p worker/tsconfig.json",
+    "worker:dev": "wrangler dev --config worker/wrangler.jsonc",
+    "worker:deploy": "wrangler deploy --config worker/wrangler.jsonc"
+  }
+}