type LoadImageFunc = (url: string) => Promise<CanvasImageSource | null>
export class ImageLoader {
  load: LoadImageFunc
  constructor () {
    this.load = async (url: string) =>
      await new Promise((resolve) => {
        const image = new Image()
        image.onload = () => {
          resolve(image)
        }
        image.onerror = () => {
          // if error, still accept the result but not load this image
          resolve(null)
        }
        image.src = url
        image.crossOrigin = 'anonymous'
      })
  }
}

export const imageLoader = new ImageLoader()