Browser: Turn Uint8Array into ImageData

index.ts

function bufferIntoImageData (data: Uint8Array): Promise<ImageData> {
  const canvas = document.createElement('canvas');
  const context = canvas.getContext('2d', {
    willReadFrequently: true
  });

  if (!context) {
    throw new Error('Canvas context is not available.');
  }

  return new Promise((resolve) => {
    const blob = new Blob([ data ], { type: 'image/png' });
    const image = new Image();

    image.onload = () => {
      canvas.width = image.width;
      canvas.height = image.height;
      context.drawImage(image, 0, 0);
      
      resolve(context.getImageData(0, 0, image.width, image.height));
    }

    image.src = URL.createObjectURL(blob);
  })
}