export function urlToImage(base64Str: string) {
    return new Promise<HTMLImageElement>((resolve, reject) => {
        const imageSrc = new Image();
        imageSrc.addEventListener("load", () => {
            resolve(imageSrc);
        });
        imageSrc.addEventListener("error", () => {
            reject(new Error("Failed to load image"));
        });
        imageSrc.src = base64Str;
    });
}

export function imageToCanvas(image: HTMLImageElement) {
    const canvas = document.createElement("canvas");
    canvas.width = image.naturalWidth;
    canvas.height = image.naturalHeight;

    const ctx = canvas.getContext("2d");
    if (!ctx) throw new Error("No canvas context");

    ctx.drawImage(image, 0, 0);
    return canvas;
}

export function canvasToBlob(canvas: HTMLCanvasElement) {
    return new Promise<Blob>((resolve, reject) => {
        canvas.toBlob((b) => {
            if (!b) reject(new Error("Failed to create blob"));
            else resolve(b);
        }, "image/png");
    });
}