How to serve a bundle with custom headers

[cristiano-belloni]

If I'm serving a HTML bundle:

routes: {
    // Serve index.html for all unmatched routes.
    "/*": index,
    }

there seems to be no way of specifying a custom header. I tried to do

routes: {
    // Serve index.html for all unmatched routes.
    "/*": new Response(index, {
      headers: {
        "Content-Type": "text/html",
        "My-Header": "Hey",
      },
    }),
 }

but it doesn't work. What is the idiomatic way to do this?

[ilyaChuk]

Hi. You can use Bun.file:

"/*": new Response(Bun.file('./index.html'), {
	headers: {
		"Content-Type": "text/html",
		"My-Header": "Hey",
	},
})

But if you want to keep the automatic bun bundle, use nginx to add headers. Or try self proxy hack (bad example):

import index from './index.html'
const PORT = 3000

Bun.serve({
	routes: {
		"/indexoriginal/": index,
		"/": async (req) => {
			return new Response(await (await fetch(`http://localhost:${PORT}/indexoriginal/`)).text(), {
				headers: {
					"Content-Type": "text/html",
					"My-Header": "Hey",
				},
			})
		},
	},

[cristiano-belloni]

Thanks! Both options (nginx and self proxy) are rather terrible, I guess 😀
Do you plan to make this easier in the future?