chore: switch to process.env.VITE_API_URI until js/typescript refactored

Author: andypols

src/ui/apiBase.ts

@@ -0,0 +1,8 @@
+const strip = (s: string) => s.replace(/\/+$/, '');
+/**
+ * The base URL for API requests.
+ *
+ * Uses the `VITE_API_URI` environment variable if set, otherwise defaults to the current origin.
+ * @return {string} The base URL to use for API requests.
+ */
+export const API_BASE = process.env.VITE_API_URI ? strip(process.env.VITE_API_URI) : '';

src/ui/components/Navbars/DashboardNavbarLinks.tsx

@@ -17,7 +17,8 @@ import { getUser } from '../../services/user';
 import axios from 'axios';
 import { getAxiosConfig } from '../../services/auth';
 import { UserData } from '../../../types/models';
-import { API_BASE } from '../../utils';
+
+import { API_BASE } from '../../apiBase';
 
 const useStyles = makeStyles(styles);
 

src/ui/services/user.ts

@@ -1,7 +1,8 @@
 import axios, { AxiosError, AxiosResponse } from 'axios';
 import { getAxiosConfig, processAuthError } from './auth';
 import { UserData } from '../../types/models';
-import { API_BASE } from '../utils';
+
+import { API_BASE } from '../apiBase';
 
 type SetStateCallback<T> = (value: T | ((prevValue: T) => T)) => void;
 

src/ui/utils.tsx

@@ -1,23 +1,13 @@
 import axios from 'axios';
 import React from 'react';
 import {
-  SCMRepositoryMetadata,
+  CommitData,
   GitHubRepositoryMetadata,
   GitLabRepositoryMetadata,
-  CommitData,
+  SCMRepositoryMetadata,
 } from '../types/models';
 import moment from 'moment';
 
-const strip = (s: string) => s.replace(/\/+$/, '');
-
-/**
- * The base URL for API requests.
- *
- * Uses the `VITE_API_URI` environment variable if set, otherwise defaults to the current origin.
- * @return {string} The base URL to use for API requests.
- */
-export const API_BASE = import.meta.env.VITE_API_URI ? strip(import.meta.env.VITE_API_URI) : '';
-
 /**
  * Retrieve a decoded cookie value from `document.cookie` with given `name`.
  * @param {string} name - The name of the cookie to retrieve

src/ui/views/Login/Login.tsx

@@ -13,8 +13,9 @@ import CardFooter from '../../components/Card/CardFooter';
 import axios, { AxiosError } from 'axios';
 import logo from '../../assets/img/git-proxy.png';
 import { Badge, CircularProgress, Snackbar } from '@material-ui/core';
-import { API_BASE, getCookie } from '../../utils';
+import { getCookie } from '../../utils';
 import { useAuth } from '../../auth/AuthProvider';
+import { API_BASE } from '../../apiBase';
 
 interface LoginResponse {
   username: string;