react-logo/frontend/src/services/api-client.service.js

import { UnauthorizedError } from '../errors/unauthorized.error.js';

export const UnauthorizedStatusCode = 401;

export class APIClient {
  	constructor(baseURL = 'http://localhost:8001/api/v1') {
		this.baseURL = baseURL;
		this.login = this.login.bind(this);
		this.logout = this.logout.bind(this);
		this.retrieveSessionUser = this.retrieveSessionUser.bind(this);
		this.listUsers = this.listUsers.bind(this);
		this.listRequests = this.listRequests.bind(this);
  	}

	login(username, password) {
	  	return this._callAPI('/login', { username, password }, 'POST')
	}

	logout() {
	  	return this._callAPI('/logout')
	}

	retrieveSessionUser() {
	  	return this._callAPI('/me')
	}

	listUsers() {
	  	return this._callAPI('/users')
	}

	listRequests() {

	}

	createRequest(request) {

	}

	updateRequestStatus(reqID, newStatus) {

	}

	_callAPI(path, body, method='GET') {
	  return fetch(this.baseURL + path, {
		method,
		headers: {
			'Content-Type': 'application/json',
		},
		mode: 'cors',
		credentials: 'include',
		body: JSON.stringify(body),
	  })
	  .then(res => {
		if (res.status === UnauthorizedStatusCode) {
			throw new UnauthorizedError();
		}
		return res;
	  })
	  .then(res => res.json())
	}

}