withastro · rishi-raj-jain · Aug 13, 2023 · Aug 13, 2023 · Aug 13, 2023 · Aug 13, 2023
diff --git a/packages/astro/package.json b/packages/astro/package.json
@@ -214,8 +214,11 @@
     "srcset-parse": "^1.1.0",
     "unified": "^10.1.2"
   },
+  "peerDependencies": {
+    "sharp": "^0.32.1"
+  },
   "engines": {
     "node": ">=18.14.1",
-    "npm": ">=6.14.0"
+    "pnpm": ">=8.6.2"
   }
 }
diff --git a/packages/astro/test/astro-sharp.test.js b/packages/astro/test/astro-sharp.test.js
@@ -0,0 +1,20 @@
+import { expect } from 'chai';
+import * as cheerio from 'cheerio';
+import { loadFixture } from './test-utils.js';
+
+describe('Sharp Default Setup', () => {
+	let fixture;
+
+	before(async () => {
+		fixture = await loadFixture({
+			root: './fixtures/astro-sharp',
+		});
+		await fixture.build();
+	});
+
+	it('Serve optimized image', async () => {
+		const html = await fixture.readFile('/index.html');
+		const $ = cheerio.load(html);
+		expect($('img').attr('src')).to.include('_astro');
+	});
+});
diff --git a/packages/astro/test/fixtures/astro-sharp/astro.config.mjs b/packages/astro/test/fixtures/astro-sharp/astro.config.mjs
@@ -0,0 +1,8 @@
+import { defineConfig } from 'astro/config';
+
+// https://astro.build/config
+export default defineConfig({
+  experimental: {
+		assets: true
+  },
+});
diff --git a/packages/astro/test/fixtures/astro-sharp/package.json b/packages/astro/test/fixtures/astro-sharp/package.json
@@ -0,0 +1,8 @@
+{
+  "name": "@test/astro-sharp",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {
+    "astro": "workspace:*"
+  }
+}
diff --git a/packages/astro/test/fixtures/astro-sharp/src/assets/img.svg b/packages/astro/test/fixtures/astro-sharp/src/assets/img.svg
diff --git a/packages/astro/test/fixtures/astro-sharp/src/pages/index.astro b/packages/astro/test/fixtures/astro-sharp/src/pages/index.astro
@@ -0,0 +1,17 @@
+---
+import { Image } from 'astro:assets';
+// @ts-ignore
+import myImage from "../assets/img.svg";
+
+let title = 'My Page'
+---
+
+<html>
+<head>
+  <title>{title}</title>
+</head>
+<body>
+	<h1>{title}</h1>
+	<Image src={myImage} width={750} height={250} format="avif" alt="descriptive text" />
+</body>
+</html>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml