homebox/frontend/composables/use-api.ts

import { PublicApi } from '~~/lib/api/public';
import { UserApi } from '~~/lib/api/user';
import { Requests } from '~~/lib/requests';
import { useAuthStore } from '~~/stores/auth';

function ApiDebugger(r: Response) {
  console.table({
    'Request Url': r.url,
    'Response Status': r.status,
    'Response Status Text': r.statusText,
  });
}

export function usePublicApi(): PublicApi {
  const requests = new Requests('', '', {});
  return new PublicApi(requests);
}

export function useUserApi(): UserApi {
  const authStore = useAuthStore();

  const requests = new Requests('', () => authStore.token, {});
  requests.addResponseInterceptor(ApiDebugger);
  requests.addResponseInterceptor(r => {
    if (r.status === 401) {
      authStore.clearSession();
    }
  });

  return new UserApi(requests);
}