1 files changed, 103 insertions, 0 deletions
diff --git a/src/client/views/nodes/MapBox/MapboxApiUtility.ts b/src/client/views/nodes/MapBox/MapboxApiUtility.ts
new file mode 100644
index 000000000..80962f435
--- /dev/null
+++ b/src/client/views/nodes/MapBox/MapboxApiUtility.ts
@@ -0,0 +1,103 @@
+
+const MAPBOX_FORWARD_GEOCODE_BASE_URL = 'https://api.mapbox.com/geocoding/v5/mapbox.places/';
+const MAPBOX_REVERSE_GEOCODE_BASE_URL = 'https://api.mapbox.com/geocoding/v5/mapbox.places/';
+const MAPBOX_DIRECTIONS_BASE_URL = 'https://api.mapbox.com/directions/v5/mapbox';
+const MAPBOX_ACCESS_TOKEN = 'pk.eyJ1IjoiemF1bHRhdmFuZ2FyIiwiYSI6ImNscHgwNDd1MDA3MXIydm92ODdianp6cGYifQ.WFAqbhwxtMHOWSPtu0l2uQ';
+
+export type TransportationType = 'driving' | 'cycling' | 'walking';
+
+export class MapboxApiUtility {
+
+    static forwardGeocodeForFeatures = async (searchText: string) => {
+        try {
+            const url = MAPBOX_FORWARD_GEOCODE_BASE_URL + encodeURI(searchText) +'.json' +`?access_token=${MAPBOX_ACCESS_TOKEN}`;
+            const response = await fetch(url);
+            const data = await response.json();
+            return data.features;
+        } catch (error: any){
+            // TODO: handle error in better way 
+            return null;
+        }
+    }
+
+    static reverseGeocodeForFeatures = async (longitude: number, latitude: number) => {
+        try {
+            const url = MAPBOX_REVERSE_GEOCODE_BASE_URL + encodeURI(longitude.toString() + "," + latitude.toString()) + '.json' +
+                `?access_token=${MAPBOX_ACCESS_TOKEN}`;
+            const response = await fetch(url);
+            const data = await response.json();
+            return data.features;
+        } catch (error: any){
+            return null;
+        }
+    }
+
+    static getDirections = async (origin: number[], destination: number[]): Promise<Record<TransportationType, any> | undefined> => {
+        try {
+            const drivingQuery = await fetch(
+                `${MAPBOX_DIRECTIONS_BASE_URL}/driving/${origin[0]},${origin[1]};${destination[0]},${destination[1]}?steps=true&geometries=geojson&access_token=${MAPBOX_ACCESS_TOKEN}`);
+
+            const cyclingQuery = await fetch(
+                `${MAPBOX_DIRECTIONS_BASE_URL}/cycling/${origin[0]},${origin[1]};${destination[0]},${destination[1]}?steps=true&geometries=geojson&access_token=${MAPBOX_ACCESS_TOKEN}`);
+
+            const walkingQuery = await fetch(
+                `${MAPBOX_DIRECTIONS_BASE_URL}/walking/${origin[0]},${origin[1]};${destination[0]},${destination[1]}?steps=true&geometries=geojson&access_token=${MAPBOX_ACCESS_TOKEN}`);
+
+            const drivingJson = await drivingQuery.json();
+            const cyclingJson = await cyclingQuery.json();
+            const walkingJson = await walkingQuery.json();
+
+            console.log("Driving: ", drivingJson);
+            console.log("Cycling: ", cyclingJson);
+            console.log("Waling: ", walkingJson);
+
+            const routeMap = {
+                'driving': drivingJson.routes[0],
+                'cycling': cyclingJson.routes[0],
+                'walking': walkingJson.routes[0]
+            }
+
+            const routeInfoMap: Record<TransportationType, any> = {
+                'driving': {},
+                'cycling': {},
+                'walking': {},
+              };
+
+            Object.entries(routeMap).forEach(([key, routeData]) => {
+                const transportationTypeKey = key as TransportationType;
+                const geometry = routeData.geometry;
+                const coordinates = geometry.coordinates;
+
+                routeInfoMap[transportationTypeKey] = {
+                    duration: this.secondsToMinutesHours(routeData.duration),
+                    distance: this.metersToMiles(routeData.distance),
+                    coordinates: coordinates
+                }
+            })
+
+            return routeInfoMap;
+
+            // return current route info, and the temporary route 
+
+        } catch (error: any){
+            return undefined;
+            console.log("Error: ", error);
+        }
+    }
+
+    private static secondsToMinutesHours = (seconds: number) => {
+        const hours = Math.floor(seconds / 3600);
+        const minutes = Math.floor((seconds % 3600) / 60).toFixed(2);
+
+        if (hours === 0){
+            return `${minutes} min`
+        } else {
+            return `${hours} hr ${minutes} min`
+        }
+    }
+
+    private static metersToMiles = (meters: number) => {
+        return `${parseFloat((meters/1609.34).toFixed(2))} mi`;
+    }   
+
+}
+\ No newline at end of file