getContentFromKVAsset yields an undefined __STATIC_CONTENT_MANIFEST error while serveStatic works.

[yudai-nkt]

I want to use getContentFromKVAsset but keep failing. Given the following Hono app

import { Hono } from "hono";
import { serveStatic } from "hono/cloudflare-workers";
import { getContentFromKVAsset } from "hono/utils/cloudflare";

const app = new Hono();

app
  .get("/static/*", serveStatic({ root: "./" }))
  .get("/hello", async (c) => {
    await getContentFromKVAsset("/static/hello.txt");
    return c.text("Success!");
  });

export default app;

and the following setup:

$ cat wrangler.toml
[site]
bucket = "./assets"
$ cat assets/static/hello.txt
Hello world!

The GET /static/hello.txt successfully returns a 200 response but the GET /hello returns a 500 with the following error log.

Trace: ReferenceError: __STATIC_CONTENT_MANIFEST is not defined
    at getContentFromKVAsset (index.js:1539:7)
    at index.js:1715:9
    at Hono2.dispatch (index.js:874:15)
    at Hono.fetch (index.js:712:19)
    at __facade_modules_fetch__ (index.js:1770:46)
    at __facade_invokeChain__ (index.js:14:10)
    at Object.next (index.js:11:14)
    at jsonError (index.js:1731:32)
    at __facade_invokeChain__ (index.js:14:10)
    at Object.next (index.js:11:14) {
  stack: ReferenceError: __STATIC_CONTENT_MANIFEST is not d…dex.js:14:10)
    at Object.next (index.js:11:14),
  message: __STATIC_CONTENT_MANIFEST is not defined
}
    at logConsoleMessage (/Users/ynkt/tmp/hono-workers-site/node_modules/wrangler/wrangler-dist/cli.js:127506:25)
    at WebSocket2.<anonymous> (/Users/ynkt/tmp/hono-workers-site/node_modules/wrangler/wrangler-dist/cli.js:127225:13)
    at callListener (/Users/ynkt/tmp/hono-workers-site/node_modules/wrangler/wrangler-dist/cli.js:108142:18)
    at WebSocket2.onMessage (/Users/ynkt/tmp/hono-workers-site/node_modules/wrangler/wrangler-dist/cli.js:108084:13)
    at WebSocket2.emit (node:events:525:35)
    at Receiver2.receiverOnMessage (/Users/ynkt/tmp/hono-workers-site/node_modules/wrangler/wrangler-dist/cli.js:109018:24)
    at Receiver2.emit (node:events:513:28)
    at Receiver2.dataMessage (/Users/ynkt/tmp/hono-workers-site/node_modules/wrangler/wrangler-dist/cli.js:107628:18)
    at Receiver2.getData (/Users/ynkt/tmp/hono-workers-site/node_modules/wrangler/wrangler-dist/cli.js:107570:21)
    at Receiver2.startLoop (/Users/ynkt/tmp/hono-workers-site/node_modules/wrangler/wrangler-dist/cli.js:107347:26)
[mf:inf] GET /hello 500 Internal Server Error (2ms)

Since serveStatic works as expected in the above reproduction, I suppose this is a different problem from other __STATIC_CONTENT_MANIFEST-related issues in this repo (but I'm not 100% sure).

Could anyone help me fix this?

[yusukebe]

Hi @yudai-nkt !

Try this:

import { Hono } from 'hono'
import { serveStatic } from 'hono/cloudflare-workers'
import { getContentFromKVAsset } from 'hono/utils/cloudflare'
// @ts-ignore
import manifestJSON from '__STATIC_CONTENT_MANIFEST'

type Bindings = {
  __STATIC_CONTENT: KVNamespace
}

const app = new Hono<{ Bindings: Bindings }>()

app.get('/static/*', serveStatic({ root: './' })).get('/hello', async (c) => {
  const content = await getContentFromKVAsset('static/hello.txt', {
    manifest: manifestJSON,
    namespace: c.env.__STATIC_CONTENT
  })
  c.header('Content-Type', 'text/plain')
  return c.body(content)
})

export default app

You can refer @cloudflare/kv-asset-handler:

• https://github.com/cloudflare/kv-asset-handler

[yudai-nkt]

Thanks, it worked in the minimal reproduction and my actual use case!

I was referring to your ramen-api but the usage seems a bit different as it's written in service worker syntax.