fix: warn when using .svg in meta.image (#377)

eric-burel · web-flow · commit 6e1edc1af274 · 2024-11-25T16:31:07.000+02:00
diff --git a/packages/astro/src/default/components/MetaTags.astro b/packages/astro/src/default/components/MetaTags.astro
@@ -18,6 +18,10 @@ if (imageUrl?.startsWith('/') || imageUrl?.startsWith('.')) {
 }
 
 imageUrl ??= readLogoFile('logo', true);
+if (imageUrl?.endsWith('.svg')) {
+  console.warn(`Using a SVG open graph image "${imageUrl}". This is not supported by most social platforms. 
+  You should rather set "meta.image" to a raster image (PNG, WEBP).`);
+}
 ---
 
 <meta charset="UTF-8" />

Original file line number	Diff line number	Diff line change
`@@ -18,6 +18,10 @@ if (imageUrl?.startsWith('/') \|\| imageUrl?.startsWith('.')) {`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`imageUrl ??= readLogoFile('logo', true);`
	`21`	`+if (imageUrl?.endsWith('.svg')) {`
	`22`	+ console.warn(`Using a SVG open graph image "${imageUrl}". This is not supported by most social platforms.
	`23`	+ You should rather set "meta.image" to a raster image (PNG, WEBP).`);
	`24`	`+}`
`21`	`25`	`---`
`22`	`26`
`23`	`27`	`<meta charset="UTF-8" />`