feat(cloudflare): support "compile-time" only image config for astro:…

…assets

.changeset/curvy-falcons-count.md

@@ -0,0 +1,5 @@
+---
+'@astrojs/cloudflare': minor
+---
+
+TBA

packages/cloudflare/package.json

@@ -23,6 +23,7 @@
     "./entrypoints/server.advanced.js": "./dist/entrypoints/server.advanced.js",
     "./entrypoints/server.directory.js": "./dist/entrypoints/server.directory.js",
     "./image-service": "./dist/entrypoints/image-service.js",
+    "./image-endpoint": "./dist/entrypoints/image-endpoint.js",
     "./package.json": "./package.json"
   },
   "files": [

packages/cloudflare/src/index.ts

@@ -22,7 +22,7 @@ export type { DirectoryRuntime } from './entrypoints/server.directory.js';
 export type Options = {
 	mode?: 'directory' | 'advanced';
 	functionPerRoute?: boolean;
-	imageService?: 'passthrough' | 'cloudflare';
+	imageService?: 'passthrough' | 'cloudflare' | 'compile';
 	/** Configure automatic `routes.json` generation */
 	routes?: {
 		/** Strategy for generating `include` and `exclude` patterns

packages/cloudflare/src/utils/image-config.ts

@@ -20,6 +20,13 @@ export function prepareImageConfig(
 						: { entrypoint: '@astrojs/cloudflare/image-service' },
 			};
 
+		case 'compile':
+			return {
+				...config,
+				service: sharpImageService(),
+				endpoint: command === 'dev' ? undefined : '@astrojs/cloudflare/image-endpoint',
+			};
+
 		default:
 			if (
 				config.service.entrypoint === 'astro/assets/services/sharp' ||

packages/cloudflare/test/assets-compile-time.test.js

@@ -0,0 +1,15 @@
+import { expect } from 'chai';
+import { readFileSync } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import { astroCli } from './_test-utils.js';
+
+const root = new URL('./fixtures/assets-compile-time/', import.meta.url);
+
+describe('AssetsCompileTime', () => {
+	it('has correct image service', async () => {
+		await astroCli(fileURLToPath(root), 'build');
+
+		const outFileToCheck = readFileSync(fileURLToPath(new URL('dist/_worker.js', root)), 'utf-8');
+		expect(outFileToCheck).to.not.include('sharp')
+	});
+});

packages/cloudflare/test/fixtures/assets-compile-time/astro.config.mjs

@@ -0,0 +1,17 @@
+import { defineConfig } from 'astro/config';
+import cloudflare from '@astrojs/cloudflare';
+
+export default defineConfig({
+	output: 'server',
+	adapter: cloudflare({
+		imageService: 'compile',
+	}),
+});
+
+// imageService: "compile", is equivalent to:
+// {
+//   service: { entrypoint: 'astro/assets/services/sharp', config: {} },
+//   domains: [],
+//   remotePatterns: [],
+//   endpoint: '@astrojs/cloudflare/image-endpoint'
+// }

packages/cloudflare/test/fixtures/assets-compile-time/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@test/astro-cloudflare-assets-compile-time",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {
+    "@astrojs/cloudflare": "workspace:*",
+    "astro": "^3.5.6"
+  },
+  "devDependencies": {
+    "sharp": "^0.32.6"
+  }
+}

packages/cloudflare/test/fixtures/assets-compile-time/src/env.d.ts

@@ -0,0 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
+/// <reference types="astro/client" />

packages/cloudflare/test/fixtures/assets-compile-time/src/pages/index.astro

@@ -0,0 +1,7 @@
+---
+export const prerender = true;
+
+import { Image } from "astro:assets";
+import lighthouse from "../assets/lighthouse.jpg";
+---
+<Image src={lighthouse} width="512" quality="100" alt="Lighthouse" />