Improve map loading functions

src/routes/map/[slug]/+page.ts

@@ -1,27 +1,30 @@
 import type { PageLoad } from '/$types';
 import { error } from '@sveltejs/kit';
 
-export const load: PageLoad = async ({ params, fetch }) => {
+const mapDataFiles = import.meta.glob('$lib/assets/route/*.json', { query: '?json' });
+
+export const load: PageLoad = async ({ params }) => {
 	const { slug } = params;
 
-	try {
-		const res = await fetch(`/mapFiles/json/${slug}.json`);
+	const path = `/src/lib/assets/route/${slug}.json`;
+	console.log(`Finding path: ${path}`);
 
-		if (!res.ok) {
+	if (!(path in mapDataFiles)) {
 		throw error(404, {
 			message: `Route ${slug} not found`
 		});
 	}
 
-		const rawData = await res.json();
+	try {
+		const rawData = await mapDataFiles[path]();
 
 		return {
 			route: rawData,
-			slug: slug
+			slug: slug,
 		};
+
 	} catch (err) {
 		console.error(`Error loading map ${slug}: `, err);
-
 		throw error(500, {
 			message: `Failed to parse map data for ${slug}`
 		});