ktc-reborn/repository/api.ts

import { $fetch } from 'ofetch'
import { useLogger } from '@/composables/useLogger'
import { useUser } from '~/store/useUser'

interface TUserData {
  user_id: number
  access_token: string
}

interface Detail {
  type: string
  loc: string[]
  msg: string
}

interface TException {
  error?: string
  code?: number
  detail?: Detail[]
}

export class API {
  private log
  private module: string = 'API'
  private API_URL: string = useRuntimeConfig().public.API_URL
  private user = useUser()
  private snackbar = useSnackbar()

  constructor(module: string) {
    this.module = module
    this.log = useLogger(this.module)
  }

  private throwError(request: string, data: TException, body?: unknown) {
    const err = {
      info: '',
      request,
      body,
    }
    if (Object.prototype.hasOwnProperty.call(data, 'code') && Object.prototype.hasOwnProperty.call(data, 'error')) {
      err.info = `${data.error} (${data.code})`
    }
    else if (Object.prototype.hasOwnProperty.call(data, 'detail')) {
      const details = data.detail[0]
      err.info = `${details.type} ${details.loc.join(', ')} (${details.msg})`
    }
    else {
      err.info = data
    }

    this.log.error(err)
    this.snackbar.add({
      type: 'error',
      text: 'Возникла ошибка на сервере. Не переживайте, мы уже знаем о проблеме 👌'
    })
  }

  private instance = $fetch.create({
    baseURL: this.API_URL,

    onRequest: (ctx) => {
      if (!this.user.data.access_token && ctx.request !== '/login')
        navigateTo('/auth')
    },
    onResponse: (ctx) => {
      const statusCode = ctx.response.status
      if (statusCode > 300 && statusCode !== 400) {
        this.throwError(ctx.request.toString(), ctx.response._data, ctx.options.body)
      }
    },
    onResponseError: async (ctx) => {
      const statusCode = ctx.response.status

      if (statusCode === 401) {
        const newToken: TUserData = await this.get('/user/refresh', {
          access_token: ctx.request.toString().split('?')[1].split('=')[1],
        })

        this.user.data.access_token = newToken.access_token
        this.log.log('Access token обновлен:', this.user.data.access_token)
        
        return this.instance(ctx.request, {
          method: ctx.request.method,
          body: ctx.request.body,
          params: ctx.request.params,
        })
      }
      else if (statusCode === 400 && ctx.request !== `${this.API_URL}/user/login`) {
        this.user.logout()
      }
      else if (statusCode !== 400) {
        this.throwError(ctx.request.toString(), ctx.response._data, ctx.options.body)
      }
    },
  })

  get = <T>(url: string, params?: object): Promise<T> => {
    return this.instance(url, {
      method: 'GET',
      params: {
        access_token: this.user.data.access_token,
        ...params,
      },
    })
  }

  post = <T>(url: string, body?: object, params?: object): Promise<T> => {
    return this.instance(url, {
      method: 'POST',
      body,
      params: {
        access_token: this.user.data.access_token,
        ...params,
      },
    })
  }

  put = <T>(url: string, body?: object, params?: object): Promise<T> => {
    return this.instance(url, {
      method: 'PUT',
      body,
      params: {
        access_token: this.user.data.access_token,
        ...params,
      },
    })
  }

  delete = <T>(url: string, body?: object, params?: object): Promise<T> => {
    return this.instance(url, {
      method: 'DELETE',
      body,
      params: {
        access_token: this.user.data.access_token,
        ...params,
      },
    })
  }
}