Initial Vite Configuration & addition of prettierrc.

client/src/utils/CleanAxios.js

@@ -1,10 +1,13 @@
 import axios from "axios";
 import {auth} from "../firebase/firebase.utils";
 
-if (process.env.NODE_ENV === "production") {
-    axios.defaults.baseURL =
-        process.env.REACT_APP_AXIOS_BASE_API_URL || "https://api.imex.online/";
-}
+axios.defaults.baseURL =
+    import.meta.env.VITE_APP_AXIOS_BASE_API_URL ||
+    (
+        import.meta.env.MODE === "production" ?
+            "https://api.imex.online/" :
+            "http://localhost:4000/"
+    );
 
 export const axiosAuthInterceptorId = axios.interceptors.request.use(
     async (config) => {

client/src/utils/DatePickerRanges.js

@@ -59,7 +59,7 @@ const range = [
     }
 ];
 
-if (process.env.NODE_ENV === "development") {
+if (import.meta.env.DEV) {
     range.push({
         label: 'Last Year',
         value: [

client/src/utils/GraphQLClient.js

@@ -13,25 +13,25 @@ import {SentryLink} from "apollo-link-sentry";
 
 //import { store } from "../redux/store";
 const httpLink = new HttpLink({
-    uri: process.env.REACT_APP_GRAPHQL_ENDPOINT,
+  uri: import.meta.env.VITE_APP_GRAPHQL_ENDPOINT,
 });
 
 const wsLink = new WebSocketLink({
-    uri: process.env.REACT_APP_GRAPHQL_ENDPOINT_WS,
-    options: {
-        lazy: true,
-        reconnect: true,
-        connectionParams: async () => {
-            const token = auth.currentUser && (await auth.currentUser.getIdToken());
-            if (token) {
-                return {
-                    headers: {
-                        authorization: token ? `Bearer ${token}` : "",
-                    },
-                };
-            }
-        },
+  uri: import.meta.env.VITE_APP_GRAPHQL_ENDPOINT_WS,
+  options: {
+    lazy: true,
+    reconnect: true,
+    connectionParams: async () => {
+      const token = auth.currentUser && (await auth.currentUser.getIdToken());
+      if (token) {
+        return {
+          headers: {
+            authorization: token ? `Bearer ${token}` : "",
+          },
+        };
+      }
     },
+  },
 });
 
 const roundTripLink = new ApolloLink((operation, forward) => {
@@ -144,8 +144,8 @@ const retryLink = new RetryLink({
 });
 
 const middlewares = [];
-if (process.env.NODE_ENV === "development") {
-    middlewares.push(apolloLogger);
+if (import.meta.env.DEV) {
+  middlewares.push(apolloLogger);
 }
 
 middlewares.push(
@@ -167,22 +167,22 @@ const cache = new InMemoryCache({
 });
 
 const client = new ApolloClient({
-    link: ApolloLink.from(middlewares),
-    cache,
-    connectToDevTools: process.env.NODE_ENV !== "production",
-    defaultOptions: {
-        watchQuery: {
-            fetchPolicy: "network-only",
-            nextFetchPolicy: "network-only",
-            errorPolicy: "ignore",
-        },
-        query: {
-            fetchPolicy: "network-only",
-            errorPolicy: "all",
-        },
-        mutate: {
-            errorPolicy: "all",
-        },
+  link: ApolloLink.from(middlewares),
+  cache,
+  connectToDevTools: import.meta.env.DEV,
+  defaultOptions: {
+    watchQuery: {
+      fetchPolicy: "network-only",
+      nextFetchPolicy: "network-only",
+      errorPolicy: "ignore",
     },
+    query: {
+      fetchPolicy: "network-only",
+      errorPolicy: "all",
+    },
+    mutate: {
+      errorPolicy: "all",
+    },
+  },
 });
 export default client;

client/src/utils/RenderTemplate.js

@@ -8,10 +8,9 @@ import {setEmailOptions} from "../redux/email/email.actions";
 import {store} from "../redux/store";
 import client from "../utils/GraphQLClient";
 import cleanAxios from "./CleanAxios";
-import {TemplateList} from "./TemplateConstants";
+import { TemplateList } from "./TemplateConstants";
 import {generateTemplate} from "./graphQLmodifier";
-
-const server = process.env.REACT_APP_REPORTS_SERVER_URL;
+const server = import.meta.env.VITE_APP_REPORTS_SERVER_URL;
 
 jsreport.serverUrl = server;
 
@@ -480,4 +479,4 @@ function extend(o1, o2, o3) {
         }
     }
     return result;
-}
+}

client/src/utils/instanceRenderMgr.js

@@ -12,7 +12,7 @@
 export default function InstanceRenderManager({ executeFunction, rome, promanager, imex, debug }) {
   let propToReturn = null;
 
-  switch (process.env.REACT_APP_INSTANCE) {
+  switch (import.meta.env.VITE_APP_INSTANCE) {
     case 'IMEX':
       propToReturn = imex;
       break;