fix(vercel): handle SVG images correctly in build image service (#13679)

Co-authored-by: Matt Kane <[email protected]>
Co-authored-by: Florian Lefebvre <[email protected]>

Author: 3 people

.changeset/dull-pots-laugh.md

@@ -0,0 +1,5 @@
+---
+'@astrojs/vercel': patch
+---
+
+Handle SVG images correctly in build image service

packages/integrations/vercel/src/image/build-service.ts

@@ -1,6 +1,7 @@
 import type { ExternalImageService } from 'astro';
 import { baseService } from 'astro/assets';
-import { isESMImportedImage, sharedValidateOptions } from './shared.js';
+import { sharedValidateOptions } from './shared.js';
+import { isESMImportedImage } from 'astro/assets/utils';
 
 const service: ExternalImageService = {
 	...baseService,
@@ -43,6 +44,12 @@ const service: ExternalImageService = {
 		};
 	},
 	getURL(options) {
+		// For SVG files, return the original source path
+		if (isESMImportedImage(options.src) && options.src.format === 'svg') {
+			return options.src.src;
+		}
+
+		// For non-SVG files, continue with the Vercel image processing
 		const fileSrc = isESMImportedImage(options.src)
 			? removeLeadingForwardSlash(options.src.src)
 			: options.src;

packages/integrations/vercel/src/image/shared.ts

@@ -1,4 +1,5 @@
-import type { AstroConfig, ImageMetadata, ImageQualityPreset, ImageTransform } from 'astro';
+import type { AstroConfig, ImageQualityPreset, ImageTransform } from 'astro';
+import { isESMImportedImage } from 'astro/assets/utils';
 
 export function getDefaultImageConfig(astroImageConfig: AstroConfig['image']): VercelImageConfig {
 	return {
@@ -9,10 +10,6 @@ export function getDefaultImageConfig(astroImageConfig: AstroConfig['image']): V
 	};
 }
 
-export function isESMImportedImage(src: ImageMetadata | string): src is ImageMetadata {
-	return typeof src === 'object';
-}
-
 export type DevImageService = 'sharp' | (string & {});
 
 // https://vercel.com/docs/build-output-api/v3/configuration#images