How do you transform a response in a type-safe way?

[mapokapo]

Suppose we have a Hono app which looks like this:

import { Hono } from "hono";

export const app = new Hono()
  .get("/", async c => {
    return c.json([
      {
        id: 1,
        title: "Item 1",
      }
    ]);
  });

This will return a response like this:

[
  {
    id: 1,
    title: "Item 1"
  }
]

However,
I want all of my API's response shape to look like the following:

{
  statusCode: number,
  success: boolean,
  message: string,
  data: T,
}

But I don't necessarily want to return { code: xx, data: xx, ....... } on every handler.

So I was thinking of registering a global middleware like this:

app.use(createMiddleware(async (c, next) => {
  await next();
  const data = await c.res.json();

  c.res = new Response(
    JSON.stringify({
      statusCode: c.res.status,
      success: c.res.ok,
      message: "OK",
      data,
    }),
    c.res
  );
}));

However this breaks the type safety when using with hono/client - it shows the original types instead of the transformed ones.

Is there a way to solve this? Thanks.