add error message for svg without dimensions (#10924)

* add svg

* throw clean error

* add error handling

* revert

* throw clean error

* add changeset

* make it a patch

* Update remoteProbe.ts

---------

Co-authored-by: Erika <3019731+Princesseuh@users.noreply.github.com>

Author: Its-Just-Nans

.changeset/cold-dolls-do.md

@@ -0,0 +1,5 @@
+---
+"astro": patch
+---
+
+Handle image-size errors by displaying a clearer message

packages/astro/src/assets/utils/metadata.ts

@@ -6,22 +6,28 @@ export async function imageMetadata(
 	data: Uint8Array,
 	src?: string
 ): Promise<Omit<ImageMetadata, 'src' | 'fsPath'>> {
-	const result = probe(data);
+	try {
+		const result = probe(data);
+		if (!result.height || !result.width || !result.type) {
+			throw new AstroError({
+				...AstroErrorData.NoImageMetadata,
+				message: AstroErrorData.NoImageMetadata.message(src),
+			});
+		}
 
-	if (!result.height || !result.width || !result.type) {
+		const { width, height, type, orientation } = result;
+		const isPortrait = (orientation || 0) >= 5;
+
+		return {
+			width: isPortrait ? height : width,
+			height: isPortrait ? width : height,
+			format: type as ImageInputFormat,
+			orientation,
+		};
+	} catch (e) {
 		throw new AstroError({
 			...AstroErrorData.NoImageMetadata,
 			message: AstroErrorData.NoImageMetadata.message(src),
 		});
 	}
-
-	const { width, height, type, orientation } = result;
-	const isPortrait = (orientation || 0) >= 5;
-
-	return {
-		width: isPortrait ? height : width,
-		height: isPortrait ? width : height,
-		format: type as ImageInputFormat,
-		orientation,
-	};
 }