Allow only "fit-in" modification with certain sizes for frontend API calls

[valeriblack]

Hello,

We'd like to use the handler only as a resize service for our website images stored in S3.

Since we don't need any other function, is there a way to allow only "fit-in" modification with certain predefined sizes to be accessible via frontend API?

E.g., we'd like to allow requests to
https://<ApiEndpoint>/fit-in/<300x400>/<image.jpeg>
with sizes 1500x750, 800x400, 300x150

and block any other modifications like "filters" or "crop" and any other sizes.

Could you please explain how to do it correctly?

[bensquire]

I have also been looking for this sort of restriction.

[simonkrol]

Hi @valeriblack and @bensquire.

While this isn't officially supported, you could make the following changes to achieve similar functionality to what you're describing:

1. Remove the option for if ( requestType == RequestTypes.DEFAULT) from /source/image-handler/image-request.ts:260-263
   This prevents the user from using anything other than Thumbor style requests (Keep in mind this will break the demo ui)
2. Replace the entirety of the contents of mapPathToEdits function in source/image-handler/thumbor-mapper.ts:19-35 with

    let edits: ImageEdits = this.mapFitIn(path);
    return edits;

This will only parse for the fit in filter

3. To handle only allowing certain sizes, you may be able to make changes to source/image-handler/image-handler.ts:85 which check those values.

Let me know how it goes,
Simon