chore(db): automatically determine mimetypes based on content-type request headers

Author: MFarabi619

libs/db/collections/models/Media.ts

@@ -34,7 +34,6 @@ export const Media: CollectionConfig = {
   upload: {
     displayPreview: true,
    focalPoint: true,
-  mimeTypes: ['image/*'],
   },
 }
 
@@ -45,18 +44,16 @@ export async function seedMedia(payload: Payload) {
       mediaSeedData.map(async (media) => {
   const res = await fetch(media.url, { method: 'GET' })
 
+const contentType = res.headers.get("content-type") || "application/octet-stream";
+
   const data = await res.arrayBuffer()
 
         await payload.create({
     collection: 'media',
     file: {
       name: media.filename,
       data: Buffer.from(data),
-      mimetype: 'image/*',
-// mimetype: media.filename.endsWith('.svg') ? 'image/svg+xml' :
-//                    media.filename.endsWith('.png') ? 'image/png' :
-//                    media.filename.endsWith('.jpg') || media.filename.endsWith('.jpeg') ? 'image/jpeg' :
-//                    'application/octet-stream', // Fallback
+      mimetype: contentType,
       size: data.byteLength,
     },
     data: { alt: media.alt || media.filename },

libs/db/seed/index.ts

@@ -191,16 +191,14 @@ export async function getOrUploadMedia(
 
     const data = Buffer.from(await res.arrayBuffer());
 
+const contentType = res.headers.get("content-type") || "application/octet-stream";
+
     const uploadedFile = await payload.create({
       collection: "media",
       file: {
         name: filename,
         data,
-        mimetype: "image/*",
-        // mimetype: url.endsWith('.svg') ? 'image/svg+xml' :
-        //            url.endsWith('.png') ? 'image/png' :
-        //            url.endsWith('.jpg') || filename.endsWith('.jpeg') ? 'image/jpeg' :
-        //            'application/octet-stream',
+      mimetype: contentType,
         size: data.length,
       },
       data: { alt },