leaflet routimg machine - lical osr

src/stores/leaflet.ts

@@ -1,11 +1,42 @@
 import { defineStore, acceptHMRUpdate } from 'pinia';
 import { favorites } from 'constants/favorites'
 
+interface RoutesSet {
+  [key: string]: RouteSet
+}
+
+interface LatLng {
+  lat: number | null | undefined;
+  lng: number | null | undefined;
+}
+
+interface routeSegments {
+  fromWaypoint: number;
+  toWaypoint: number;
+  distanceMeters: number;
+  timeSeconds: number;
+  toCoordinates: LatLng | null | undefined;
+}
+
+
+interface RouteSet {
+  start: [number, number] | [null, null] | [undefined, undefined] | null | undefined;
+  end: [number, number] | [null, null] | [undefined, undefined] | null | undefined;
+  wayPoints?: [number, number][] | [null, null] | [undefined, undefined] | null | undefined;
+}
+
 interface State {
-  zoom: number
-  center: [number, number] | [null, null] | null
-  markerLatLng: [number, number] | [null, null] | null
-  qLocDrawer: boolean
+  zoom: number;
+  center: [number, number] | [null, null] | null;
+  markerLatLng: [number, number] | [null, null] | null;
+  qLocDrawer: boolean;
+  routeSet: {
+    start: LatLng | null | undefined;
+    end: LatLng | null | undefined;
+    wayPoints?: LatLng[] | null | undefined;
+  };
+  routesSet: RoutesSet[] | null;
+  routeSegments?: routeSegments[] | null;
 }
 
 export const useLeafletStore = defineStore('leaflet', {
@@ -15,6 +46,15 @@ export const useLeafletStore = defineStore('leaflet', {
       center: [favorites.home.coords.lat, favorites.home.coords.lng],
       markerLatLng: null,
       qLocDrawer: false,
+      routeSet:
+        {
+          start: { lat: null, lng: null },
+          end: { lat: null, lng: null},
+          wayPoints: null,
+        },
+      routesSet: null,
+      routeSegments: null,
+
     }
   },
   actions: {