import {imageLoader} from "./ImageLoader";
import {csv, json} from "d3-fetch";

export class Recourse {
    constructor() {
    }

    setup() {
        const promises = [] as Promise<any>[];
        for (const [key, promise] of this.imagesPromise) {
            promise.then((src: CanvasImageSource | null) => {
                if (src) return this.images.set(key, src);
                else return this.images;
            });
            promises.push(promise);
        }
        return Promise.all(promises);
    }

    private imagesPromise: Map<string,
        Promise<CanvasImageSource | null>> = new Map();
    images: Map<string, CanvasImageSource> = new Map();

    private dataPromise: Map<string, Promise<any>> = new Map();
    data: Map<string, any> = new Map();

    loadImage(path: string, name?: string) {
        const promise = imageLoader.load(path);
        if (name) {
            this.imagesPromise.set(name, promise);
        }
        this.imagesPromise.set(path, promise);
        return promise;
    }

    loadCSV(path: string | any, name: string) {
        if (typeof path !== "string") {
            path = path.default;
        }
        const promise = csv(path);
        this.dataPromise.set(name, promise);
        return promise;
    }

    loadJSON(path: string | any, name: string) {
        let data: any = [];
        if (typeof path !== "string") {
            data = path;
        }
        this.data.set(name, data);
    }
}

export const recourse = new Recourse();