Gulp task to downscale & convert images using sharp

gulpfile.js

const gulp = require('gulp')
const rename = require('gulp-rename')
const sharp = require('sharp')
var useAsync = require('gulp-use').async

export default function convertImages () {
  return gulp
    .src('static/original/uploads/*.*')
    .pipe(useAsync(async function (file, next) {
      try {
        const input = sharp(file.contents)
        console.log(file.relative)
        const newImage = input
          .rotate() // physically rotate according to metadata (as browser often ignore orientation meta for webp) - https://stackoverflow.com/a/58828508
          .resize({
            width: 1024,
            height: 786,
            fit: 'inside', // interprets the above as maximum bounds
            withoutEnlargement: true, // don't enlarge if within bounds
          })
          .toFormat('webp')

        // const newImageWithOrientation = await sharp(await newImage.toBuffer())
        //   .withMetadata({ orientation: meta.orientation })
        // console.log('-> newMeta:', (await newImageWithOrientation.metadata()).orientation)

        file.contents = await newImage.toBuffer()
        next(null, file)
      } catch (err) {
        console.error(file, err)
        return next(err)
      }
    })
    )
    .pipe(rename({ extname: '.webp' }))
    .pipe(gulp.dest('static/uploads/'))
}

fancy. thanks!