detect more image types

Sync of <vercel/next.js#82118>

Author: vicb

.changeset/lucky-cups-live.md

@@ -0,0 +1,7 @@
+---
+"@opennextjs/cloudflare": patch
+---
+
+detect more image types
+
+Sync of <https://github.com/vercel/next.js/pull/82118>

packages/cloudflare/src/cli/templates/images.ts

@@ -167,12 +167,16 @@ const AVIF = "image/avif";
 const WEBP = "image/webp";
 const PNG = "image/png";
 const JPEG = "image/jpeg";
+const JXL = "image/jxl";
+const JP2 = "image/jp2";
+const HEIC = "image/heic";
 const GIF = "image/gif";
 const SVG = "image/svg+xml";
 const ICO = "image/x-icon";
 const ICNS = "image/x-icns";
 const TIFF = "image/tiff";
 const BMP = "image/bmp";
+const PDF = "application/pdf";
 
 /**
  * Detects the content type by looking at the first few bytes of a file
@@ -216,6 +220,25 @@ export function detectContentType(buffer: Uint8Array) {
 	if ([0x42, 0x4d].every((b, i) => buffer[i] === b)) {
 		return BMP;
 	}
+	if ([0xff, 0x0a].every((b, i) => buffer[i] === b)) {
+		return JXL;
+	}
+	if (
+		[0x00, 0x00, 0x00, 0x0c, 0x4a, 0x58, 0x4c, 0x20, 0x0d, 0x0a, 0x87, 0x0a].every((b, i) => buffer[i] === b)
+	) {
+		return JXL;
+	}
+	if ([0, 0, 0, 0, 0x66, 0x74, 0x79, 0x70, 0x68, 0x65, 0x69, 0x63].every((b, i) => !b || buffer[i] === b)) {
+		return HEIC;
+	}
+	if ([0x25, 0x50, 0x44, 0x46, 0x2d].every((b, i) => buffer[i] === b)) {
+		return PDF;
+	}
+	if (
+		[0x00, 0x00, 0x00, 0x0c, 0x6a, 0x50, 0x20, 0x20, 0x0d, 0x0a, 0x87, 0x0a].every((b, i) => buffer[i] === b)
+	) {
+		return JP2;
+	}
 }
 
 declare global {