feat: move nav bar to the side (#6)

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

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

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { onDestroy, onMount } from 'svelte';
+	import { onMount } from 'svelte';
 	import { SvelteDate } from 'svelte/reactivity';
 
 	import { storedLocation } from '$lib/stores/settings';
@@ -31,38 +31,19 @@
 	let loading = $state(true);
 
 	const selectedDay = new SvelteDate();
-	let selectedDayIndex = $state(1);
 
 	let fetchedHourly: FetchedHourly | null = $state(null);
 	let fetchedDaily: FetchedDaily | null = $state(null);
 
 	let meteogramCharts: MeteogramCharts | undefined = $state();
 
-	const switchDay = (date: Date, index: number) => {
+	const switchDay = (date: Date) => {
 		selectedDay.setTime(date.getTime());
-		selectedDayIndex = index;
 		meteogramCharts?.scrollToDay(date);
 	};
 
 	onMount(() => {
 		mounted = true;
-
-		document.onkeydown = (e) => {
-			if (!fetchedDaily) return;
-			const days = fetchedDaily.dailyDates;
-
-			if (e.key === 'ArrowLeft') {
-				const i = selectedDayIndex - 1;
-				if (i >= 0 && i < days.length) switchDay(days[i], i);
-			} else if (e.key === 'ArrowRight') {
-				const i = selectedDayIndex + 1;
-				if (i >= 0 && i < days.length) switchDay(days[i], i);
-			}
-		};
-	});
-
-	onDestroy(() => {
-		document.onkeydown = null;
 	});
 
 	$effect(() => {

src/routes/weather/week/[location]/+page.ts

@@ -1,89 +1,13 @@
-import { error, redirect } from '@sveltejs/kit';
-
-import { type GeoLocation, storedLocation } from '$lib/stores/settings';
-
-import { geoLocationNameToRoute } from '$lib/utils/meteo';
+import { resolveLocationFromRoute } from '$lib/utils/location';
 
 import type { PageLoad } from './$types';
 
 export const load: PageLoad = async (event) => {
-	const urlLocation = event.params.location;
-	let urlLocationSplit, urlLocationName, urlLocationId;
+	const location = await resolveLocationFromRoute({
+		urlLocation: event.params.location,
+		routePrefix: '/weather/week/',
+		event
+	});
 
-	if (urlLocation.includes('_')) {
-		urlLocationSplit = urlLocation.split('_');
-		urlLocationName = urlLocationSplit[0];
-		urlLocationId = urlLocationSplit[1];
-	} else if (/^\d+$/.test(urlLocation)) {
-		// only numbers in location, must be geonames id
-		urlLocationName = '';
-		urlLocationId = urlLocation;
-	} else if (/^[a-zA-Z]/.test(urlLocation)) {
-		// only letters in location, must be geonames query
-		urlLocationName = urlLocation;
-		urlLocationId = undefined;
-	}
-
-	let location: GeoLocation;
-
-	// lat, long coordinates
-	if (urlLocation.includes('N') && urlLocation.includes('E')) {
-		urlLocationSplit = urlLocation.split(/N|E/);
-		const latitude = parseFloat(urlLocationSplit[0]);
-		const longitude = parseFloat(urlLocationSplit[1]);
-
-		location = {
-			id: 0,
-			name: `${latitude}N° ${longitude}E°`,
-			latitude: latitude,
-			longitude: longitude,
-			elevation: 0,
-			feature_code: 'COORD',
-			country_code: undefined,
-			admin1_id: undefined,
-			admin3_id: undefined,
-			admin4_id: undefined,
-			timezone: 'UTC',
-			population: undefined,
-			postcodes: undefined,
-			country_id: undefined,
-			country: undefined,
-			admin1: undefined,
-			admin3: undefined,
-			admin4: undefined
-		};
-	} else {
-		if (urlLocationId) {
-			const res = await event.fetch(
-				`https://geocoding-api.open-meteo.com/v1/get?id=${urlLocationId}`
-			);
-			location = await res.json();
-		} else {
-			const res = await event.fetch(
-				`https://geocoding-api.open-meteo.com/v1/search?name=${urlLocationName}&count=1&language=en&format=json`
-			);
-			const geocodingResponse = await res.json();
-			if (geocodingResponse.results) {
-				location = geocodingResponse.results[0];
-			} else {
-				error(404, 'Location not found');
-			}
-		}
-
-		const locationRoute = geoLocationNameToRoute(location.name);
-
-		if (location.population && location.population > 543000) {
-			// 1000 biggest cities
-			if (event.url.pathname !== `/weather/week/${locationRoute}`) {
-				throw redirect(303, `/weather/week/${locationRoute}`);
-			}
-		} else {
-			if (event.url.pathname !== `/weather/week/${locationRoute + '_' + location.id}`) {
-				throw redirect(303, `/weather/week/${locationRoute + '_' + location.id}`);
-			}
-		}
-	}
-
-	storedLocation.set(location);
-	return { location: location };
+	return { location };
 };