Fix keyMap and test issue, add to async provider map

Author: kevmodrome

src/async.ts

@@ -40,6 +40,7 @@ const asyncProviderMap: AsyncProviderMap = {
 	uploadcare: () => import("./providers/uploadcare.ts"),
 	vercel: () => import("./providers/vercel.ts"),
 	wordpress: () => import("./providers/wordpress.ts"),
+	wsrv: () => import("./providers/wsrv.ts"),
 };
 
 /**

src/providers/wsrv.test.ts

@@ -15,15 +15,14 @@ Deno.test("wsrv extract", async (t) => {
 
 	await t.step("should parse operations from URL", () => {
 		const { operations, src } = extract(
-			"https://wsrv.nl/?url=example.com/image.jpg&w=300&h=200&q=85&output=webp&fit=cover&dpr=2",
+			"https://wsrv.nl/?url=example.com/image.jpg&w=300&h=200&q=85&output=webp&fit=cover",
 		) ?? {};
 		assertEquals(src, "https://example.com/image.jpg");
 		assertEquals(operations?.width, 300);
 		assertEquals(operations?.height, 200);
 		assertEquals(operations?.quality, 85);
 		assertEquals(operations?.format, "webp");
 		assertEquals(operations?.fit, "cover");
-		assertEquals(operations?.dpr, 2);
 	});
 
 	await t.step("should return null for non-wsrv URLs", () => {

src/providers/wsrv.ts

@@ -22,9 +22,20 @@ export type WsrvFormats =
 
 /**
  * Image transform options for wsrv.nl image processing.
- * Note: width, height, format, and quality are inherited from Operations.
  */
 export interface WsrvOperations extends Operations<WsrvFormats> {
+	/** Sets the width of the image in pixels. Alias for width. */
+	w?: number;
+
+	/** Sets the height of the image in pixels. Alias for height. */
+	h?: number;
+
+	/** Output format. Alias for format. */
+	output?: WsrvFormats;
+
+	/** Quality level (0-100). Alias for quality. */
+	q?: number;
+
 	/** Sets the output density of the image (1-8). */
 	dpr?: number;
 
@@ -128,24 +139,23 @@ const { operationsGenerator, operationsParser } = createOperationsHandlers<
 	defaults: {
 		fit: "cover",
 	},
-	srcParam: "url",
 });
 
 export const extract: URLExtractor<"wsrv"> = (url) => {
 	const urlObj = toUrl(url);
 
-	// wsrv.nl URLs have the source image in the 'url' parameter
 	const srcParam = urlObj.searchParams.get("url");
 	if (!srcParam) {
 		return null;
 	}
 
-	// The source URL might need protocol added
 	let src = srcParam;
 	if (!src.startsWith("http://") && !src.startsWith("https://")) {
 		src = "https://" + src;
 	}
 
+	urlObj.searchParams.delete("url");
+
 	const operations = operationsParser(urlObj);
 
 	return {
@@ -157,12 +167,10 @@ export const extract: URLExtractor<"wsrv"> = (url) => {
 export const generate: URLGenerator<"wsrv"> = (src, operations) => {
 	const url = new URL("https://wsrv.nl/");
 
-	// Add the source URL (remove protocol for cleaner URLs)
 	const srcUrl = typeof src === "string" ? src : src.toString();
 	const cleanSrc = srcUrl.replace(/^https?:\/\//, "");
 	url.searchParams.set("url", cleanSrc);
 
-	// Add operations as query parameters
 	const params = operationsGenerator(operations);
 	const searchParams = new URLSearchParams(params);
 	for (const [key, value] of searchParams) {