app/services/data/imageManager.ts

import ApiRequestService from './apiRequestService'
import FileUtils from '~/services/utils/fileUtils'
import { FILE_TYPE, FILE_VISIBILITY, IMAGE_SIZE } from '~/types/enum/enums'

/**
 * Permet le requêtage, l'upload et la manipulation des images via l'API Opentalent
 */
class ImageManager {
  private apiRequestService: ApiRequestService
  public static readonly defaultImage = '/images/default/picture.jpeg'

  public constructor(apiRequestService: ApiRequestService) {
    this.apiRequestService = apiRequestService
  }

  /**
   * Retourne l'image correspondante sous forme d'un blob encodé au format base64,
   * ou l'url d'une image par défaut si l'image est introuvable ou si l'id passé en paramètre est null
   *
   * Attention, les dimensions (hauteur / largeur) ne s'appliqueront pas à l'image par défaut, il est nécessaire de
   * les redéfinir dans le composant lui-même.
   *
   * @param id  The id of the image; if null, the url to the default image is returned
   * @param defaultImage The path of an image in the 'public' folder, default: '/images/default/picture.jpeg'
   * @param size
   */
  public async get(
    id: number | null,
    defaultImage: string | null = null,
    size: IMAGE_SIZE = IMAGE_SIZE.MD
  ): Promise<string> {
    const defaultUrl = defaultImage ?? ImageManager.defaultImage

    if (id === null) {
      return defaultUrl
    }

    const imageUrl = `api/image/download/${id}/${size}`

    // Une image doit toujours avoir le time en options pour éviter les problèmes de cache
    const query = [this.getCacheKey()]

    const response = await this.apiRequestService.get(imageUrl, query);

    const cachedImageUrl = response.toString()

    if (!cachedImageUrl) {
      console.error('Error: image ' + id + ' not found');
      return defaultUrl;
    }

    return cachedImageUrl
  }

  public async upload(
    filename: string,
    content: string,
    visibility: string = FILE_VISIBILITY.NOBODY,
    config: string | null = null,
  ) {
    content = content.replace(/^data:image\/[\w/]+;base64,/, '')

    const data = JSON.stringify({
      filename,
      content,
      type: FILE_TYPE.UPLOADED,
      visibility,
      config,
    })

    return await this.apiRequestService.post('api/upload', data)
  }

  /**
   * Convert the API response into base64
   * @param data
   * @protected
   */
  protected async toBase64(data: BlobPart) {
    const blob = FileUtils.newBlob(data)
    return (await FileUtils.blobToBase64(blob)) ?? ''
  }

  /**
   * On passe cette clé en paramètres des requêtes pour éviter les problèmes de cache
   *
   * @protected
   */
  protected getCacheKey() {
    return new Date().getTime().toString()
  }
}

export default ImageManager