Playcanvas get thumbnail of any object

PlayCanvas-Thumbnail.js

function defineThumbnailGenerator(canvas){
    if(!canvas){
        return false;
    }

    if(canvas.hasThumbnailGenerator){
        return false;
    }

    canvas.hasThumbnailGenerator = true;
    canvas.addEventListener('contextmenu', function (e) {
        e.preventDefault(); // prevent the default context menu from showing
    
        // Create a temporary canvas to draw the flipped image
        var tempCanvas = document.createElement('canvas');
        var tempCtx = tempCanvas.getContext('2d');
        tempCanvas.width = canvas.width;
        tempCanvas.height = canvas.height;
    
        // Translate and scale to flip the context
        tempCtx.translate(0, canvas.height);
        tempCtx.scale(1, -1); // Flip horizontally on Y axis
    
        // Draw the original canvas onto the temporary canvas
        tempCtx.drawImage(canvas, 0, 0);
    
        // Convert the temporary canvas to a data URL
        var flippedImageURL = tempCanvas.toDataURL();
    
        // Create an anchor for downloading
        var downloadLink = document.createElement('a');
        downloadLink.href = flippedImageURL;
        downloadLink.download = 'flipped_canvas_image.png';
        downloadLink.click();
    
        // Clean up the temporary canvas
        tempCanvas = null;
    }, false);
};

setInterval(function(){
    var canvas = document.querySelector('.pcui-asset-preview-container-large > .pcui-asset-preview-canvas-flip');

    if(canvas){
        defineThumbnailGenerator(canvas);
    }
}, 1000);