REWRITE_MATCH_PATTERN / REWRITE_SUBSTITUTION Feature

[espietrobom]

Hello Guys !

Can someone help me with the REWRITE_MATCH_PATTERN / REWRITE_SUBSTITUTION feature ?, its the first time that i'm using this solution and I need to rewrite the path to automate the resize and image convertion, so right now my image is *.jpg and I need to resize to 200x200 and convert to webp. In my lab i have this situation:

https://drbcl8n949yxk.cloudfront.net/ilha-grande.jpg

and i need something like this:

https://drbcl8n949yxk.cloudfront.net/fit-in/200x200/filters:format(webp)/ilha-grande.jpg

Manualy it works fine using the browser. I probably misunderstood how to use.

Reading the documentation (https://docs.aws.amazon.com/solutions/latest/serverless-image-handler/use-the-rewrite-feature.html) I understood that we have to use regex, locking to the URI path, but it didn't work.

I tried these 2 models, but apparently neither worked,

"REWRITE_MATCH_PATTERN": '^https?://[a-zA-Z0-9-.]+.[a-zA-Z]{2,}(?:/[\w-./])(?:.jpg|.jpeg|.png|.gif)?$'
"REWRITE_SUBSTITUTION": "$1fit-in/200x200/filters:format(webp)/$2",

"REWRITE_MATCH_PATTERN": "^/[a-zA-Z0-9-./]*.jpg$",
"REWRITE_SUBSTITUTION": "$1fit-in/200x200/filters:format(webp)/$2",

Thanks in advance !!

[simonkrol]

Hi @espietrobom,

You're pretty close with your solutions. In the first solution, we aren't hitting the match since the CloudFront URL isn't included when testing the match. In the second solution, it doesn't look like you're capturing any match groups, so rebuilding the path in the substitutions has nothing to build from.

For this particular problem, I had success with the following values:

REWRITE_MATCH_PATTER: /^(.+\.jpg)$/gm
REWRITE_SUBSTITUTION: /200x200/filters:format(webp)/$1

This will match any path that ends in .jpg and will append that matched value to /200x200/filters:format(webp)/

Let me know if you run into any issues,
Simon

[jgrims91]

Can you have more than one REWRITE_MATCH_PATTERN / REWRITE_SUBSTITUTION

I am currently using the solution provided in the guide to allow for moving all of the filters to the end:
REWRITE_MATCH_PATTERN: /^/(.?..?)/(.+)$/gm
REWRITE_SUBSTITUTION: /$2/$1

That works fine and well. But, wanted to also do what is shown above where and .png gets these attached automatically "/filters:format(webp)...plus any other values"

Also, something similar for size. It would be convenient if I could use the url: http:///filename.png/[sm | md | lg]
each of the sizes rewrites to preset sizes... sm: /400x400/, md: /900x900/, lg: /1200x1200/

that would rewrite: filename.png/filters:format(webp)/quality(80)/400x400

Hope that makes sense and is possible. more importantly would be the automatic application of format/quality. size shortcut would be a bonus.

[simonkrol]

Hi @jgrims91,
I haven't found a way to have those sorts of modifications handled by the REWRITE feature, you could modify the REWRITE_SUBSTITUTION: /$2/$1 to be REWRITE_SUBSTITUTION: /filters:format(webp)/$2/$1 but we don't currently have a way to only do that when the file is a PNG.
As for the size shortcut, same sort of deal, it isn't supported out of box, I think we've had one other customer who was looking at making that work, though I don't know how it went. (#545)

Easiest way would likely just be to customize your own deployment of the Solution and code that logic in.

Let me know how it goes,
Simon