Hono for service worker routing: how to return a response from Cache storage?

[marceloomens]

The context compiles a Response object before handing it off to the fetch event handler of the ServiceWorkerGlobalScope. In my case, this fetch event handler is initialized with fire() from hono/service-worker.

My use case is the following. In my route handler, I'm fetching a pre-cached Response object from cache storage. How do I merge this Response object with the current context? Is there a way to preserve / merge the response object with the response that's currently "under construction" in the current context?

app.get('/', async (c) => {
  const cache = await caches.open(cacheName)
  const response = await cache.match('/index.html')
  c.header('Content-Type', 'text/html')
  return c.body(response.body)
})

In my code above, I'm merely handing off the response's body, ignoring all the other parts of the response (including status code, response headers, etc.)

N.B.
I do like how I seem to be able to provide a ReadableStream to c.body() rather than a string.

[sondr3]

I stumbled across this while trying to solve the same issue. This works for me:

app.use("*", async (c, next) => {
  const cache = await caches.open(CACHE_NAME)
  const match = await cache.match(c.req.url)
  if (match) {
    console.log("cache match", match)
    return match
  }
  await next()
})

This allows my assets to be served from the cache while the service worker routes are served by their respective app.get("/foo", ....) handlers.