feat: local time (#7)

Co-authored-by: terraputix <terraputix@mailbox.org>
Reviewed-on: useweb/ombrella#7

src/routes/weather/compare/[location]/+page.svelte

@@ -53,13 +53,21 @@
 
 	let params = $state({
 		...defaultParameters,
-		hourly: ['temperature_2m', 'rain', 'relative_humidity_2m'],
+		hourly: [
+			'temperature_2m',
+			'rain',
+			'relative_humidity_2m',
+			'wind_speed_10m',
+			'wind_direction_10m'
+		],
 		models: [
+			'ecmwf_ifs',
 			'ecmwf_ifs025',
 			'meteofrance_seamless',
 			'ukmo_seamless',
 			'icon_seamless',
-			'gem_seamless'
+			'gem_seamless',
+			'gfs_seamless'
 		]
 	});
 
@@ -68,7 +76,7 @@
 	interface FetchedData {
 		hourly: Record<string, unknown>;
 		hourly_units: Record<string, string>;
-		utc_offset_seconds: number;
+		timezone: string;
 		markAreas: MarkArea[];
 		timestamps: number[];
 	}
@@ -115,13 +123,14 @@
 				models: modelList,
 				temperature_unit: params.temperature_unit as 'celsius' | 'fahrenheit',
 				wind_speed_unit: params.wind_speed_unit as 'kmh' | 'ms' | 'mph' | 'kn',
-				precipitation_unit: params.precipitation_unit as 'mm' | 'inch'
+				precipitation_unit: params.precipitation_unit as 'mm' | 'inch',
+				timezone: loc.timezone
 			});
 
 			fetchedData = {
 				hourly: result.hourlyFlat,
 				hourly_units: result.hourlyUnitsFlat,
-				utc_offset_seconds: result.utcOffsetSeconds,
+				timezone: result.timezone,
 				markAreas: result.markAreas,
 				timestamps: result.timestamps
 			};
@@ -137,13 +146,7 @@
 	$effect(() => {
 		if (!fetchedData) return;
 
-		const {
-			hourly: hourlyData,
-			hourly_units,
-			utc_offset_seconds,
-			markAreas,
-			timestamps
-		} = fetchedData;
+		const { hourly: hourlyData, hourly_units, timezone, markAreas, timestamps } = fetchedData;
 		const _showLegend = showLegend;
 
 		const colors = getThemeColors();
@@ -178,7 +181,7 @@
 			const averageData = average.map((val, idx) => [timestamps[idx], val] as [number, number]);
 			series.push(buildAverageSeries({ variable, data: averageData, unit }));
 
-			series.push(buildCurrentTimeSeries({ utcOffsetSeconds: utc_offset_seconds }));
+			series.push(buildCurrentTimeSeries());
 
 			const daylightSeries = buildDaylightSeries({ markAreas });
 			if (daylightSeries) {
@@ -195,7 +198,7 @@
 							subtext: `Compare ${params.hourly?.join(', ') || ''} in models: ${params.models?.join(', ') || ''}`
 						}
 					: null,
-				tooltip: { unit },
+				tooltip: { unit, timezone },
 				legend: { show: _showLegend },
 				grid: {
 					hasTitle: isFirst,
@@ -206,7 +209,8 @@
 				series,
 				toolbox: false,
 				showCredit: isLast,
-				colors
+				colors,
+				timezone
 			});
 
 			newOptions.push(option);