Handle image before adding file in filepond

How can i handle image before adding file in filepond? I want something like this:

pond.on('beforeadd', (file) => {
    const newFile = addWatermark(file);
    return newFile;
});

I know i can do this with transform plugin but it is firing only while image is processing. I want to add edited file directly preview.