Updates the images integration to automatically mark optimizeDeps for sharp (#3795)

* including src in npm publish

* bugfix: always round dimensions before passing to sharp.resize

* automatically add optimizeDeps vite config

* chore: changeset

.changeset/neat-yaks-hope.md

@@ -0,0 +1,5 @@
+---
+'@astrojs/image': patch
+---
+
+Automatically adds the required `vite.optimizeDeps` config for `sharp`. Also ensures that only whole numbers are passed to sharp's resize transform

packages/integrations/image/components/Image.astro

@@ -1,8 +1,8 @@
 ---
 // @ts-ignore
 import loader from 'virtual:image-loader';
-import { getImage } from '../src';
-import type { ImageAttributes, ImageMetadata, TransformOptions, OutputFormat } from '../src/types';
+import { getImage } from '../src/index.js';
+import type { ImageAttributes, ImageMetadata, TransformOptions, OutputFormat } from '../src/types.js';
 
 export interface LocalImageProps extends Omit<TransformOptions, 'src'>, Omit<ImageAttributes, 'src'> {
 	src: ImageMetadata | Promise<{ default: ImageMetadata }>;

packages/integrations/image/package.json

@@ -28,7 +28,8 @@
   },
   "files": [
     "components",
-    "dist"
+    "dist",
+    "src"
   ],
   "scripts": {
     "build": "astro-scripts build \"src/**/*.ts\" && tsc",

packages/integrations/image/src/index.ts

@@ -75,7 +75,10 @@ const createIntegration = (options: IntegrationOptions = {}): AstroIntegration =
 	function getViteConfiguration() {
 		return {
 			plugins: [createPlugin(_config, resolvedOptions)],
-		};
+			optimizeDeps: {
+				include: ['image-size', 'sharp']
+			}
+		}
 	}
 
 	return {

packages/integrations/image/src/loaders/sharp.ts

@@ -84,7 +84,9 @@ class SharpService implements SSRImageService {
 		const sharpImage = sharp(inputBuffer, { failOnError: false });
 
 		if (transform.width || transform.height) {
-			sharpImage.resize(transform.width, transform.height);
+			const width = transform.width && Math.round(transform.width);
+			const height = transform.height && Math.round(transform.height);
+			sharpImage.resize(width, height);
 		}
 
 		if (transform.format) {