// Custom hand-drawn weather icons (clean line / filled SVG)
// Mapped from OpenWeather icon codes: 01..50 + d/n suffix.
const Icon = {
Sun: ({ size = 24, ...p }) => (
),
Moon: ({ size = 24, ...p }) => (
),
Cloud: ({ size = 24, ...p }) => (
),
PartlyDay: ({ size = 24, ...p }) => (
),
PartlyNight: ({ size = 24, ...p }) => (
),
Rain: ({ size = 24, ...p }) => (
),
Drizzle: ({ size = 24, ...p }) => (
),
Storm: ({ size = 24, ...p }) => (
),
Snow: ({ size = 24, ...p }) => (
),
Mist: ({ size = 24, ...p }) => (
),
// UI icons
Search: ({ size = 16, ...p }) => (
),
SunUI: ({ size = 14 }) => ,
MoonUI: ({ size = 14 }) => ,
Pin: ({ size = 14, ...p }) => (
),
X: ({ size = 14, ...p }) => (
),
Drop: ({ size = 14, ...p }) => (
),
Wind: ({ size = 14, ...p }) => (
),
Eye: ({ size = 14, ...p }) => (
),
Gauge: ({ size = 14, ...p }) => (
),
Thermo: ({ size = 14, ...p }) => (
),
Sparkle: ({ size = 14, ...p }) => (
),
Map: ({ size = 14, ...p }) => (
),
Calendar: ({ size = 14, ...p }) => (
),
Clock: ({ size = 14, ...p }) => (
),
History: ({ size = 14, ...p }) => (
),
};
// Map an OpenWeather icon code to one of our SVGs.
function iconFor(code, isDay = true) {
if (!code) return isDay ? Icon.Sun : Icon.Moon;
const c = String(code).slice(0, 2);
const n = !isDay || /n$/.test(String(code));
switch (c) {
case '01': return n ? Icon.Moon : Icon.Sun;
case '02': return n ? Icon.PartlyNight : Icon.PartlyDay;
case '03':
case '04': return Icon.Cloud;
case '09': return Icon.Drizzle;
case '10': return Icon.Rain;
case '11': return Icon.Storm;
case '13': return Icon.Snow;
case '50': return Icon.Mist;
default: return Icon.Cloud;
}
}
// Bucket OpenWeather code → mood for background gradients.
function moodFor(code) {
if (!code) return 'clear';
const c = String(code).slice(0, 2);
if (c === '01' || c === '02') return 'clear';
if (c === '03' || c === '04') return 'clouds';
if (c === '09' || c === '10') return 'rain';
if (c === '11') return 'storm';
if (c === '13') return 'snow';
if (c === '50') return 'mist';
return 'clear';
}
Object.assign(window, { Icon, iconFor, moodFor });