vue-mobx-finegrained/src/tests/Helpers/Core/HttpGateway.ts

Vue 3 composable for a complete MobX state management integration.

import { inject, injectable } from 'inversify'
import { Config } from './Config'
import { UserModel } from '../Authentication/UserModel'

@injectable()
export class HttpGateway {
  @inject(Config) config

  @inject(UserModel) userModel

  async get (path) {
    const response = await fetch(this.config.apiUrl + path, {
      method: 'GET',
      headers: {
        'Content-Type': 'application/json',
        Authorization: this.userModel.token,
      },
    })
    const dto = response.json()
    return dto
  }

  async post (path, requestDto) {
    const response = await fetch(this.config.apiUrl + path, {
      method: 'POST',
      body: JSON.stringify(requestDto),
      headers: {
        'Content-Type': 'application/json',
        Authorization: this.userModel.token,
      },
    })
    const dto = response.json()
    return dto
  }

  async delete (path) {
    const response = await fetch(this.config.apiUrl + path, {
      method: 'DELETE',
      headers: {
        'Content-Type': 'application/json',
        Authorization: this.userModel.token,
      },
    })
    const dto = response.json()
    return dto
  }
}