How can i use middleware for specific handler only?

[fineshop]

app.get(
  "*",
  cache({...}),
  serveStatic({...}),
  async (c, next) => {
    return new Response("Hello");
  }
);

How can i use the cache({...}) only for serveStatic({...}) and not for other handlers?

[yusukebe]

What about write the following?

app.get('*', cache({ cacheName: 'foo' }), serveStatic())

[fineshop]

What about write the following?

app.get('*', cache({ cacheName: 'foo' }), serveStatic())

I tried the following:

app.get("*", cache({...}), serveStatic({...}));

app.get("*", async () => new Response("Hello"));

But the cache headers are being set to both middleware and handler.
I want to cache only the static assets and the next handlers without being cached.

[fineshop]

Any solution or workaround?

[yusukebe]

@fineshop

How about this?

app.get('*', async (c, next) => {
  await cache({ cacheName: 'foo' })(c, next).then(() => serveStatic()(c, next))
})

[fineshop]

It throws an error:

Error: next() called multiple times

[yusukebe]

Hi @fineshop

I've thought this issue but, it's seems to be impossible. The handlers and middleware are applied for the path such as *. So if you want to use middleware according to conditions, you have to specify them with a path definition like using a directory name or an extension:

app.get('/static/*', cache(), serveStatic())

Or

app.get('/:filename{.+\\.txt$}', cache(), serveStatic())