Updates the images integration to automatically mark optimizeDeps f…

…or 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) {