import {xbr2x, xbr3x, xbr4x} from 'xbr-js';
 
...
 
const 
  scaledWidth = sourceWidth * 2,
  scaledHeight = sourceHeight * 2,
  originalImageData = context.getImageData(
    0,
    0,
    sourceWidth,
    sourceHeight);
 
const originalPixelView = new Uint32Array(originalImageData.data.buffer);
 
const scaledPixelView = xbr2x(originalPixelView, sourceWidth, sourceHeight);
 
const scaledImageData = new ImageData(new Uint8ClampedArray(scaledPixelView.buffer), scaledWidth, scaledHeight);
canvas.width = scaledWidth;
canvas.height = scaledHeight;
 
context.putImageData(scaledImageData, 0, 0);