Get typing for c.req.valid when seperate zValidator in another place

[harrytran998]

Thank for Hono team, I currently implement our services base on Hono, but the documents seem not have the typescript way to pass Zod Schema Validation to Handler. Here is my code

auth.validation

import { z } from "zod";

export class AuthValidation {
  static oauthToken = z.object({
    code: z.string(),
    originUrl: z.string().url().optional()
  });
}

auth.route.ts

export const authRoute = new Hono<{ Bindings: EnvBindings }>();
authRoute.post("/oauth/token", zValidator("query", AuthValidation.oauthToken), auth0Handler);

auth.controllter.ts

export const auth0Handler: Handler<{ Bindings: EnvBindings }> = async c => {
const { code, originUrl } = c.req.valid("query"); 🌸🌸🌸 --> How I can get typing of valid request here?

Hope anyone can help me, thank you!

[yusukebe]

Hi @harrytran998!

You can write the code like the following:

export const auth0Handler: Handler<{ Bindings: EnvBindings }, '/oauth/token', { out :{ query: {code: string, originUrl: string}}}> = async c => {
  const { code, originUrl } = c.req.valid('query')
  return c.text('res')
}

However, this is quite verbose. I recommend writing handlers with routing instead of keeping them separate.

export const authRoute = new Hono<{ Bindings: EnvBindings}>().basePath('/oauth')
authRoute.post('/token', zValidator('query', AuthValidation.oauthToken), (c)=> {
  const { code, originUrl } = c.req.valid('query') 
  // ...
})

[harrytran998]

Yup, I think I must change the way I think about this structure. Bcs I put all of the business logic in routes --> the code seems so long. Btw thank for your advice 🙏.