1 files changed, 40 insertions, 0 deletions
diff --git a/packages/integrations/cloudflare/src/entrypoints/image-service.ts b/packages/integrations/cloudflare/src/entrypoints/image-service.ts
new file mode 100644
index 000000000..1c3aa5758
--- /dev/null
+++ b/packages/integrations/cloudflare/src/entrypoints/image-service.ts
@@ -0,0 +1,40 @@
+import type { ExternalImageService } from 'astro';
+
+import { joinPaths } from '@astrojs/internal-helpers/path';
+import { baseService } from 'astro/assets';
+import { isESMImportedImage } from 'astro/assets/utils';
+import { isRemoteAllowed } from '../utils/assets.js';
+
+const service: ExternalImageService = {
+	...baseService,
+	getURL: (options, imageConfig) => {
+		const resizingParams = ['onerror=redirect'];
+		if (options.width) resizingParams.push(`width=${options.width}`);
+		if (options.height) resizingParams.push(`height=${options.height}`);
+		if (options.quality) resizingParams.push(`quality=${options.quality}`);
+		if (options.fit) resizingParams.push(`fit=${options.fit}`);
+		if (options.format) resizingParams.push(`format=${options.format}`);
+
+		let imageSource = '';
+		if (isESMImportedImage(options.src)) {
+			imageSource = options.src.src;
+		} else if (isRemoteAllowed(options.src, imageConfig)) {
+			imageSource = options.src;
+		} else {
+			// If it's not an imported image, nor is it allowed using the current domains or remote patterns, we'll just return the original URL
+			return options.src;
+		}
+
+		const imageEndpoint = joinPaths(
+			// @ts-expect-error Can't recognise import.meta.env
+			import.meta.env.BASE_URL,
+			'/cdn-cgi/image',
+			resizingParams.join(','),
+			imageSource,
+		);
+
+		return imageEndpoint;
+	},
+};
+
+export default service;