app/services/data/imageManager.ts

import ApiRequestService from "./apiRequestService";
import ImageUtils from "~/services/utils/imageUtils";

class ImageManager {
    private apiRequestService: ApiRequestService;
    public 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 height  Height of the image (does not apply to default image)
     * @param width   Width of the image (does not apply to default image)
     */
    public async get(
        id: number | null,
        defaultImage: string | null,
        height: number = 0,
        width: number = 0
    ): Promise<string> {

        const defaultUrl = defaultImage ?? this.defaultImage

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

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

        // Set requested size if needed
        if (height > 0 || width > 0) {
            // @see https://thumbor.readthedocs.io/en/latest/crop_and_resize_algorithms.html
            // TODO: ajouter le support de ces options dans ap2i
            // url = Url.join(url, `${height}x${width}`)
        }

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

        const response: any = await this.apiRequestService.get(imageUrl, query)
        // console.log(response)

        if(!response || response.size === 0) {
            console.error('Error: image ' + id + ' not found or invalid')
            return defaultUrl
        }

        const blob = await ImageUtils.newBlob(response)
        return await ImageUtils.blobToBase64(blob)
    }
}

export default ImageManager