added vite

.env

@@ -0,0 +1,4 @@
+VITE_REACT_APP_MAPBOX_TOKEN=
+VITE_REACT_APP_REST_API_BASE_URL=https://developer.trimet.org/ws/v2
+VITE_REACT_APP_REST_API_APP_ID=
+VITE_SOME_KEY=hello

.env.local

@@ -0,0 +1,3 @@
+VITE_REACT_APP_MAPBOX_TOKEN=pk.eyJ1IjoiZHNhdmlub3YiLCJhIjoiY2xsd2VocjRsMjVpbzNwcDhsc3E1ZzAzNiJ9.3xSNq_gwuOMHPUTDkO4OzQ
+VITE_REACT_APP_REST_API_BASE_URL=https://developer.trimet.org/ws/v2
+VITE_REACT_APP_REST_API_APP_ID=97B28D2ED40DA08AB53687356

package.json

@@ -59,7 +59,8 @@
     "recharts": "^2.1.13",
     "regenerator-runtime": "^0.13.9",
     "styled-components": "^5.3.3",
-    "uuid": "^9.0.0"
+    "uuid": "^9.0.0",
+    "vite": "^4.5.0"
   },
   "devDependencies": {
     "@babel/core": "^7.17.0",

src/components/google-maps-wrapper/google-maps-wrapper.tsx

@@ -17,7 +17,7 @@ import { useAppDispatch, useAppSelector } from "../../redux/hooks";
 // import { appActions } from "../../redux/slices/app.slice";
 
 const googleMapsApiToken = "";
-// import.meta.env.VITE_GOOGLE_MAPS_API_KEY;
+//import.meta.env.VITE_GOOGLE_MAPS_API_KEY;
 const googleMapsMapId = "";
 // import.meta.env.VITE_GOOGLE_MAP_VECTOR_ID;
 

src/constants/base-map-providers.ts

@@ -17,7 +17,8 @@ export const BASE_MAP_PROVIDERS: BaseMapProvider[] = [
 ];
 
 const mapboxAccessToken = "";
-//import.meta.env.VITE_MAPBOX_API_KEY;
+// import.meta.env.VITE_MAPBOX_API_KEY;
+console.log("vite: ", import.meta.env);
 
 export const MAP_PROVIDER_PROPERTIES: Record<
   BaseMapProviderId.mapbox2 | BaseMapProviderId.maplibre,

src/redux/slices/app.slice.ts

@@ -34,7 +34,7 @@ export interface AppState {
 }
 
 export const initialState: AppState = {
-  baseMapProvider: BASE_MAP_PROVIDERS[0],
+  baseMapProvider: BASE_MAP_PROVIDERS[3],
   baseMapMode: BaseMapMode.OVERLAID,
   //  fps: 60,
   //  openedPopoverId: null,

tsconfig.json

@@ -12,7 +12,8 @@
     "esModuleInterop": true,
     "sourceMap": true,
     // Docs - https://www.typescriptlang.org/tsconfig#noImplicitAny
-    "noImplicitAny": false
+    "noImplicitAny": false,
+    "types": ["node", "vite/client"]
   },
   "exclude": ["src/**/*.spec.ts"],
   "include": ["./jest-setup.ts", "src", "index.d.ts", "styled.d.ts"]