resize() after composite() cause error

Hi,

There is a wierd issue when Im trying to resize() after composite(), the source is:

sharp({
    create: {
        width: 789,
        height: 789,
        channels: 4,
        background: '#bfff00'
    }
}).png().composite([{ input: content }]).resize(192).toBuffer((err, data) => {
    if (err)
        return callback(err);
    this.emitFile(target, data);
    callback(null, '');
});

And it halted with Image to composite must have same dimensions or smaller.

If I deleted .resize(192), it works fine.

If I deleted .png(), the same error would be occurred again.

[lovell]

You’ll need to break this into two pipelines, something like (untested):

sharp({
  create: {
    width: 789,
    height: 789,
    channels: 4,
    background: '#bfff00'
  }
})
  .composite([{
    input: content
  }])
  .png()
  .toBuffer()
  .then(data => sharp(data)
    .resize(192)
    .toBuffer()
  )
  .then( ... );

[djardine]

Think @johannwagner is correct above, but regardless of the call order, to me it would seem to make more sense if the resize() is applied to the final composite image, not just the input base image, but not sure how others feel about that…?