frontend/src/lib/repo.ts

@@ -1,39 +1,53 @@
-const API_URL = "https://ale-dev.teck-developer.com/api";
+const API_URL = "http://localhost:8000/api";
 
 const getAllRoutes = async () => {
     let data = [];
-
+    if (import.meta.env.DEV && import.meta.env.PROD) {
-    const response = await fetch(`${API_URL}/all-routes`);
+        const response = await fetch(`${API_URL}/all-routes`);
-    const json = await response.json();
+        const json = await response.json();
-    data = json;
+        data = json;
+    } else {
+        data = (await import('./mock/routes.json')).default;
+    }
 
     return data;
 }
 
 const getRouteCategories = async () => {
     let data = [];
-
+    if (import.meta.env.DEV && import.meta.env.PROD) {
-    const response = await fetch(`${API_URL}/route-categories`);
+        const response = await fetch(`${API_URL}/route-categories`);
-    const json = await response.json();
+        const json = await response.json();
-    data = json;
+        data = json;
+    } else {
+        data = (await import('./mock/routeCategories.json')).default;
+    }
 
     return data;
 }
 
 const getRouteByCategory = async (categoryId: number) => {
     let data = [];
-    const response = await fetch(`${API_URL}/route-by-category/${categoryId}`);
+    if (import.meta.env.DEV && import.meta.env.PROD) {
-    const json = await response.json();
+        const response = await fetch(`${API_URL}/route-by-category/${categoryId}`);
-    data = json;
+        const json = await response.json();
+        data = json;
+    } else {
+        data = (await import('./mock/routeByCategory.json')).default;
+    }
 
     return data;
 }
 
 const getRoute = async (routeId: number) => {
     let data = {};
-    const response = await fetch(`${API_URL}/route/${routeId}`);
+    if (import.meta.env.DEV && import.meta.env.PROD) {
-    const json = await response.json();
+        const response = await fetch(`${API_URL}/route/${routeId}`);
-    data = json;
+        const json = await response.json();
+        data = json;
+    } else {
+        data = (await import('./mock/route.json')).default;
+    }
 
     return data;
 }
@@ -41,18 +55,30 @@ const getRoute = async (routeId: number) => {
 
 const getSport = async (routeId: number, sportId: number) => {
     let data = {};
-    const response = await fetch(`${API_URL}/route/${routeId}/${sportId}`);
+    if (import.meta.env.DEV && import.meta.env.PROD) {
-    const json = await response.json();
+        const response = await fetch(`${API_URL}/route/${routeId}/${sportId}`);
-    data = json;
+        const json = await response.json();
+        data = json;
+    } else {
+        data = (await import('./mock/sport.json')).default;
+    }
 
     return data;
 }
 
+const downloadGPX = async (routeId: number, sportId: number) => {
+    // Code for downloading this gpx
+}
+
 const getPlacemarks = async (routeId: number, sportId: number) => {
     let data = {};
-    const response = await fetch(`${API_URL}/getPlacemarks/${routeId}/${sportId}`);
+    if (import.meta.env.DEV && import.meta.env.PROD) {
-    const json = await response.json();
+        const response = await fetch(`${API_URL}/getPlacemarks/${routeId}/${sportId}`);
-    data = json;
+        const json = await response.json();
+        data = json;
+    } else {
+        data = (await import('./mock/placemark.json')).default;
+    }
 
     return data;
 }