Function authenticatedFetch

frontend/src/lib/authenticatedFetch.ts:66–110

(
  url: string,
  options: RequestInit = {},
  retryOnAuth: boolean = true
)

 * @returns Response from the fetch request
 */
export const authenticatedFetch = async (
  url: string,
  options: RequestInit = {},
  retryOnAuth: boolean = true
): Promise<Response> => {
  // Get current token
  const token = localStorage.getItem(LocalStore.accessToken);

  // Setup headers with authentication
  const headers = new Headers(options.headers || {});
  if (token) {
    headers.set('Authorization', `Bearer ${token}`);
  }

  // Make the request
  const response = await fetch(url, {
    ...options,
    headers,
  });

  // If we get a 401 and we should retry, attempt to refresh the token
  if (response.status === 401 && retryOnAuth) {
    const newToken = await refreshAccessToken();

    if (newToken) {
      // Update the authorization header with the new token
      headers.set('Authorization', `Bearer ${newToken}`);

      // Retry the request with the new token
      return fetch(url, {
        ...options,
        headers,
      });
    } else {
      // If refresh failed, redirect to home/login
      if (typeof window !== 'undefined') {
        localStorage.removeItem(LocalStore.accessToken);
        localStorage.removeItem(LocalStore.refreshToken);
        window.location.href = '/';
      }
    }
  }

  return response;
};

/**
 * Processes a streaming response from a server-sent events endpoint