import fastifyMultipart, {
  type MultipartFile,
  type MultipartValue,
} from '@fastify/multipart'
import fastify from 'fastify'
import {
  serializerCompiler,
  validatorCompiler,
  type ZodTypeProvider,
} from 'fastify-type-provider-zod'
import { z } from 'zod'

const app = fastify().withTypeProvider<ZodTypeProvider>()

app.setSerializerCompiler(serializerCompiler)
app.setValidatorCompiler(validatorCompiler)

app.register(fastifyMultipart, { attachFieldsToBody: true })
// You can use attachFieldsToBody: "keyValues" to avoid another fields preprocessing, but in that case, you will receive a Buffer for files that are not text/plain.

app.post(
  '/upload',
  {
    schema: {
      consumes: ['multipart/form-data'],
      body: z.object({
        image: z
          .custom<MultipartFile>()
          .refine((file) => file?.file, {
            message: 'The image is required.',
          })
          .refine((file) => !file || file.file?.bytesRead <= 10 * 1024 * 1024, {
            message: 'The image must be a maximum of 10MB.',
          })
          .refine((file) => !file || file.mimetype.startsWith('image'), {
            message: 'Only images are allowed to be sent.',
          }),
        anotherField: z.preprocess(
          (file) => (file as MultipartValue).value,
          z.string() /* validation here */
        ),
        /* another fields here */
      }),
    },
  },
  async (request, reply) => {
    const { image, anotherField } = request.body

    console.log('imageType:', image.mimetype)
    console.log('anotherField:', anotherField)

    return reply.send('OK')
  }
)

app.listen({ port: 8000 }, (err, address) => {
  if (err) {
    console.error(err)
    process.exit(1)
  }
  console.log(`Server listening at ${address}`)
})