Possible to add a height restriction as well?

[spiralsteno]

I'm functionally attempting to replicate the behavior of an imagemagick -resize 1000x1000 command, where the output is just going to be a proportionately scaled image with the largest dimension being no more than 1000px. Sharp seems to be able to do this thanks to withoutEnlargement: true and fit: inside but I'm running into issues trying to pass sharp options.

I've tried a ton of permutations of the below (specifying widths instead of auto, using sharpResizeOptions, so on and so forth), but nothing seems to take. The sharp width and height options just seem to be fully ignored no matter what

eleventyConfig.addPlugin(eleventyImageTransformPlugin, {
   // output image formats
   formats: ["webp"],
   // output image widths
   widths: ["auto"],
   outputDir: "public_html/data/",
   urlPath: "/data/",
   sharpOptions: {
      resize: {
         width: 1000,
         height: 1000,
         fit: "inside",
         withoutEnlargement: true
      }
   },
});

At this point I'm not sure if I'm doing something wrong or if this is just unsupported behavior, and if it is the latter, would supporting it be a potential enhancement? I know most folks are doing something way more complicated than my use case, which is just a simple 1 size transform, but having the option to easily override the plugin's "widths" (assuming that is where the issue rests) and specify via sharpOptions instead would be handy here.

[zachleat]

I might point you in the direction of #271 (comment) if you’d like to do something outside of the traditional path

[spiralsteno]

Thank you for that! Due to being a complete novice who has only learned bits and pieces of JS from tinkering with 11ty, I wasn't sure what to search for and didn't hit that post. I thought implementing it would be beyond my means but using that as a template and taking a few guesses I think I ended up duplicating the behavior I was hoping for. Bit of a blunt instrument but that's what I needed for this project! For posterity and for anybody else who might stagger on this in the future, this is what I ended up with, and so far it's behaving as I'd hoped. The only thing I'm not sure about is if the initial 'widths' is even necessary or if I'm double-processing somehow (mostly due to not fully understanding how transform works) but that doesn't seem to be the case from looking at the readout.

eleventyConfig.addPlugin(eleventyImageTransformPlugin, {
   // output image formats
   formats: ["webp"],
   // output image widths
   widths: [1000],
   outputDir: "public_html/data/",
   urlPath: "/data/",
   transform: function(sharp) {
      sharp.resize({
         width: 1000,
         height: 1000,
         fit: Sharp.fit.inside,
         withoutEnlargement: true,
      })
   },
   sharpWebpOptions: {
      quality: 85,
      effort: 6,
   }
});