Theo's Typesafe Cult•2mo ago

How to add swagger to hono api

I want to add a swagger doc to my API and when I add middleware to any new OpenAPIHono instance the ".openapi" method disappears.

/**
 * Creates a base instance of Hono with middleware.
 * @returns {Hono} The base instance of Hono.
 */
const base = () => new OpenAPIHono().use(databaseMiddleware).use(bucketMiddleware).use(cacheMiddleware);

/**
 * Represents a public route.
 * @returns {Hono}
 */
export const publicHonoRoute = () => base(); // public route

/**
 * Marks a route as protected.
 * @returns {Hono}
 */
export const protectedHonoRoute = () => base().use(protect).use(typesenseMiddleware); // protected route

/**
 * Creates a base instance of Hono with middleware.
 * @returns {Hono} The base instance of Hono.
 */
const base = () => new OpenAPIHono().use(databaseMiddleware).use(bucketMiddleware).use(cacheMiddleware);

/**
 * Represents a public route.
 * @returns {Hono}
 */
export const publicHonoRoute = () => base(); // public route

/**
 * Marks a route as protected.
 * @returns {Hono}
 */
export const protectedHonoRoute = () => base().use(protect).use(typesenseMiddleware); // protected route

this is my factory method. the instance returned doesn't have ".openapi' on it so I can pass my schema returned by createRoute().

Solution:

turns out you have to break it up and it works ```ts const base = () => { const router= new OpenAPIHono() router.use(databaseMiddleware)...

Jump to solution

13 Replies

Neto•2mo ago

https://github.com/honojs/middleware/tree/main/packages/swagger-ui

GitHub

middleware/packages/swagger-ui at main · honojs/middleware

monorepo for Hono third-party middleware/helpers/wrappers - honojs/middleware

DGCP3OP•2mo ago

export const authRoute = publicHonoRoute()
  .basePath("/auth")
  // POST /auth/login
  .post(
    "/login",
    validate("json", LoginSchema),
    async (c) => {
      const { userName, Password } = c.req.valid("json");
    }
   )

export const authRoute = publicHonoRoute()
  .basePath("/auth")
  // POST /auth/login
  .post(
    "/login",
    validate("json", LoginSchema),
    async (c) => {
      const { userName, Password } = c.req.valid("json");
    }
   )

this is how I consume the factory method. so how can I add the swagger to the returned instance if the instance doesn't have .openapi on it? by the way, you actually suggested creating the factory methods a while ago

Neto•2mo ago

me?

DGCP3OP•2mo ago

yes, it was a good solution.

Neto•2mo ago

probably its been a long time oh, i think i remember now let me try i don't think that will work for swagger it needs a stable reference for creating stuff

DGCP3OP•2mo ago

is there any other alternative that is not Postman that hono has integration

Neto•2mo ago

you can use the hono client thingy via monorepo

Neto•2mo ago

https://hono.dev/docs/guides/rpc

RPC - Hono

Web framework built on Web Standards for Cloudflare Workers, Fastly Compute, Deno, Bun, Vercel, Node.js, and others. Fast, but not only fast.

Neto•2mo ago

idk if you can the whole composition with builder for the client setup

DGCP3OP•2mo ago

I'm using RPC, but I need to provide API documentation for the security team, and swagger was the default because the company I work for uses c# as primary language for the backend and they expect swagger

Neto•2mo ago

idk if composing is good for this case then

DGCP3OP•2mo ago

ya, I will just import functions on every route that uses them

Solution

DGCP3•2mo ago

turns out you have to break it up and it works

const base = () => {
const router= new OpenAPIHono()
router.use(databaseMiddleware)
router.use(bucketMiddleware)
router.use(cacheMiddleware);
return router
};

const base = () => {
const router= new OpenAPIHono()
router.use(databaseMiddleware)
router.use(bucketMiddleware)
router.use(cacheMiddleware);
return router
};

Gaming

Programming

How to add swagger to hono api