feat(astro): support cropping (#150)

* feat(astro): support cropping

* Chore: fix test

Author: ascorbic

src/transformers/astro.test.ts

@@ -45,7 +45,7 @@ Deno.test("astro", async (t) => {
 		});
 		assertEquals(
 			result?.toString(),
-			"/_image?href=https%3A%2F%2Fimages.ctfassets.net%2Faaaa%2Fxxxx%2Fyyyy%2Fhow-to-wow-a-customer.jpg&w=200&h=100",
+			"/_image?href=https%3A%2F%2Fimages.ctfassets.net%2Faaaa%2Fxxxx%2Fyyyy%2Fhow-to-wow-a-customer.jpg&w=200&h=100&fit=cover",
 		);
 	});
 
@@ -58,24 +58,24 @@ Deno.test("astro", async (t) => {
 		});
 		assertEquals(
 			result?.toString(),
-			"/_image/?href=https%3A%2F%2Fimages.ctfassets.net%2Faaaa%2Fxxxx%2Fyyyy%2Fhow-to-wow-a-customer.jpg&w=200&h=100",
+			"/_image/?href=https%3A%2F%2Fimages.ctfassets.net%2Faaaa%2Fxxxx%2Fyyyy%2Fhow-to-wow-a-customer.jpg&w=200&h=100&fit=cover",
 		);
 	});
 
 	await t.step("should not set height if not provided", () => {
 		const result = transform({ url: img, width: 200 });
 		assertEquals(
 			result?.toString(),
-			"/_image?href=https%3A%2F%2Fimages.ctfassets.net%2Faaaa%2Fxxxx%2Fyyyy%2Fhow-to-wow-a-customer.jpg&w=200",
+			"/_image?href=https%3A%2F%2Fimages.ctfassets.net%2Faaaa%2Fxxxx%2Fyyyy%2Fhow-to-wow-a-customer.jpg&w=200&fit=cover",
 		);
 	});
 	await t.step("should delete height if not set", () => {
 		const url = new URL(img);
-		url.searchParams.set("h", "100");
+		url.searchParams.set("h", "100&fit=cover");
 		const result = transform({ url, width: 200 });
 		assertEquals(
 			result?.toString(),
-			"/_image?href=https%3A%2F%2Fimages.ctfassets.net%2Faaaa%2Fxxxx%2Fyyyy%2Fhow-to-wow-a-customer.jpg&w=200",
+			"/_image?href=https%3A%2F%2Fimages.ctfassets.net%2Faaaa%2Fxxxx%2Fyyyy%2Fhow-to-wow-a-customer.jpg&w=200&fit=cover",
 		);
 	});
 
@@ -87,7 +87,7 @@ Deno.test("astro", async (t) => {
 		});
 		assertEquals(
 			result?.toString(),
-			"/_image?href=https%3A%2F%2Fimages.ctfassets.net%2Faaaa%2Fxxxx%2Fyyyy%2Fhow-to-wow-a-customer.jpg&w=201&h=100",
+			"/_image?href=https%3A%2F%2Fimages.ctfassets.net%2Faaaa%2Fxxxx%2Fyyyy%2Fhow-to-wow-a-customer.jpg&w=201&h=100&fit=cover",
 		);
 	});
 
@@ -100,7 +100,7 @@ Deno.test("astro", async (t) => {
 		});
 		assertEquals(
 			result?.toString(),
-			"/_image?href=%2Fstatic%2Fmoose.png&w=100&h=200&f=webp",
+			"/_image?href=%2Fstatic%2Fmoose.png&w=100&h=200&f=webp&fit=cover",
 		);
 	});
 });

src/transformers/astro.ts

@@ -2,6 +2,7 @@ import { ShouldDelegateUrl, UrlParser, UrlTransformer } from "../types.ts";
 import {
 	getNumericParam,
 	setParamIfDefined,
+	setParamIfUndefined,
 	toCanonicalUrlString,
 	toUrl,
 } from "../utils.ts";
@@ -70,6 +71,7 @@ export const transform: UrlTransformer = (
 	setParamIfDefined(url, "w", width, true, true);
 	setParamIfDefined(url, "h", height, true, true);
 	setParamIfDefined(url, "f", format);
+	setParamIfUndefined(url, "fit", "cover");
 
 	const endpoint = cdnOptions?.astro?.endpoint ?? "/_image";