wineT
wineT
PostsComments
HHono
Created by wineT on 8/7/2024 in #help
[zod-openapi] How to generate a separate requestBody component?
I have several routes that get media files from user requests, and I want to separate them into a separate component to reuse them. But, I also have an array of allowed types to upload. So, I want to make the schema autogenerate itself when I add a new mime type to the array. I wrote this abomination and it doesn't work. I should have stopped when typescript stopped showing the appropriate type for mediaRequestBody. 
const requestSchema = z.string().openapi({format: 'binary'})

type MediaRequestBody = {
    [K in MediaMime]: {
        schema: typeof requestSchema
    }
}
// Example: mediaMimeTypes = ['video/mp4', 'video/webm', 'etc'] as const
export const mediaRequestBody = mediaMimeTypes.reduce((o, key) => {
    return {
        ...o, 
        [key]: requestSchema
    }
}, {}) as MediaRequestBody
const requestSchema = z.string().openapi({format: 'binary'})

type MediaRequestBody = {
    [K in MediaMime]: {
        schema: typeof requestSchema
    }
}
// Example: mediaMimeTypes = ['video/mp4', 'video/webm', 'etc'] as const
export const mediaRequestBody = mediaMimeTypes.reduce((o, key) => {
    return {
        ...o, 
        [key]: requestSchema
    }
}, {}) as MediaRequestBody
Here is how I'm using it: 
export const UpdateUserMediaRoute = createRoute({
    method: 'put',
    path: '/users/{userId}/media/{mediaId}',
    request: {
        params: ...
        body: {
            content: mediaRequestBody
        }
    },
    responses: ...
})
export const UpdateUserMediaRoute = createRoute({
    method: 'put',
    path: '/users/{userId}/media/{mediaId}',
    request: {
        params: ...
        body: {
            content: mediaRequestBody
        }
    },
    responses: ...
})
What am I doing wrong?
2 replies