chore: upgrade to vite-imagetools 5 (#10143)

Author: benmccann

package.json

@@ -36,7 +36,7 @@
 		"tiny-glob": "^0.2.9",
 		"typescript": "^4.9.4"
 	},
-	"packageManager": "[email protected].1",
+	"packageManager": "[email protected].2",
 	"engines": {
 		"pnpm": "^8.0.0"
 	}

pnpm-lock.yaml

@@ -27,7 +27,7 @@
 		"tiny-glob": "^0.2.9",
 		"typescript": "^4.9.4",
 		"vite": "^4.3.6",
-		"vite-imagetools": "^4.0.19",
+		"vite-imagetools": "^5.0.4",
 		"vitest": "^0.31.0"
 	},
 	"type": "module",

sites/kit.svelte.dev/package.json

@@ -13,6 +13,6 @@
 		{#each Object.entries(src.sources) as [format, images]}
 			<source srcset={images.map((i) => `${i.src} ${i.w}w`).join(', ')} type={'image/' + format} />
 		{/each}
-		<img src={src.fallback.src} {alt} {...$$restProps} />
+		<img src={src.img.src} {alt} {...$$restProps} />
 	</picture>
 {/if}

sites/kit.svelte.dev/src/lib/Image.svelte

@@ -24,12 +24,7 @@ const config = {
 		imagetools({
 			defaultDirectives: (url) => {
 				const ext = path.extname(url.pathname);
-				const params = new URLSearchParams();
-				params.set('format', 'avif;webp;' + fallback[ext]);
-				if (!params.has('meta') && !params.has('metadata') && !params.has('source') && !params.has('srcset') && !params.has('url')) {
-					params.set('picture', true);
-				}
-				return params;
+				return new URLSearchParams(`format=avif;webp;${fallback[ext]}&as=picture`);
 			}
 		}),
 		sveltekit()