frontend/src/hooks.client.ts

@@ -1,5 +1,4 @@
 export async function handleError({ error, event, status, message }) {
-	console.error(error)
 	return {
 		message
 	};

frontend/src/hooks.server.ts

@@ -4,7 +4,6 @@ export async function handle({ event, resolve }) {
 }
 
 export async function handleError({ error, event, status, message }) {
-	console.error(error)
 	return {
 		message
 	};

frontend/src/lib/repo.ts

@@ -1,6 +1,6 @@
 const API_URL = "https://ale-dev.teck-developer.com/api";
 
-const getAllRoutes = async (fetch) => {
+const getAllRoutes = async () => {
     let data = [];
 
     const response = await fetch(`${API_URL}/all-routes`);
@@ -10,7 +10,7 @@ const getAllRoutes = async (fetch) => {
     return data;
 }
 
-const getRouteCategories = async (fetch) => {
+const getRouteCategories = async () => {
     let data = [];
 
     const response = await fetch(`${API_URL}/route-categories`);
@@ -20,7 +20,7 @@ const getRouteCategories = async (fetch) => {
     return data;
 }
 
-const getRouteByCategory = async (fetch,categoryId: number) => {
+const getRouteByCategory = async (categoryId: number) => {
     let data = [];
     const response = await fetch(`${API_URL}/route-by-category/${categoryId}`);
     const json = await response.json();
@@ -29,7 +29,7 @@ const getRouteByCategory = async (fetch,categoryId: number) => {
     return data;
 }
 
-const getRoute = async (fetch,routeId: number) => {
+const getRoute = async (routeId: number) => {
     let data = {};
     const response = await fetch(`${API_URL}/route/${routeId}`);
     const json = await response.json();
@@ -39,7 +39,7 @@ const getRoute = async (fetch,routeId: number) => {
 }
 
 
-const getSport = async (fetch,routeId: number, sportId: number) => {
+const getSport = async (routeId: number, sportId: number) => {
     let data = {};
     const response = await fetch(`${API_URL}/route/${routeId}/${sportId}`);
     const json = await response.json();
@@ -48,7 +48,7 @@ const getSport = async (fetch,routeId: number, sportId: number) => {
     return data;
 }
 
-const getPlacemarks = async (fetch,routeId: number, sportId: number) => {
+const getPlacemarks = async (routeId: number, sportId: number) => {
     let data = {};
     const response = await fetch(`${API_URL}/getPlacemarks/${routeId}/${sportId}`);
     const json = await response.json();

frontend/src/routes/+layout.server.ts

@@ -1,3 +1,11 @@
 export const prerender = false;
 export const ssr = true;
 export const csr = true;
+
+/**
+ * This is a global configuration for using sveltekit
+ * custom 'fetch' function that enables a lot of things
+ */
+export async function load({ fetch }) {
+    window.fetch = fetch;
+}

frontend/src/routes/+page.ts

@@ -2,10 +2,10 @@
 import { getRouteCategories } from '$lib/repo.js';
 import { error } from '@sveltejs/kit';
 
-export async function load({fetch}) {
+export async function load() {
     let categories = [];
     try {
-        categories = await getRouteCategories(fetch);
+        categories = await getRouteCategories();
     } catch (ex) {
         error(500);
     }

frontend/src/routes/paths/[slug]/+page.ts

@@ -1,8 +1,8 @@
 import { getRouteByCategory, getRouteCategories } from '$lib/repo.js';
 import { error } from '@sveltejs/kit';
 
-export async function load({ fetch, params }) {
+export async function load({ params }) {
-    const categories: App.Category[] = await getRouteCategories(fetch);
+    const categories: App.Category[] = await getRouteCategories();
     const categoryId = Number(params.slug);
 
     const category: App.Category = categories.find(c => c.id === categoryId) as App.Category;
@@ -13,7 +13,7 @@ export async function load({ fetch, params }) {
 
     const toReturn = {
         category: category.name_it,
-        routes: await getRouteByCategory(fetch, categoryId),
+        routes: await getRouteByCategory(categoryId),
     }
     
     return toReturn;

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

@@ -1,9 +1,9 @@
 import { getRoute } from '$lib/repo.js';
 import { error } from '@sveltejs/kit';
 
-export async function load({ fetch, params }) {
+export async function load({ params }) {
     const routeId = Number(params.slug);
-    const route = await getRoute(fetch, routeId);
+    const route = await getRoute(routeId);
 
     if (!route) {
         error(404);