Using `Bun.build` will result into errors when running the output.

[awilderink]

If you build a project with bun using this package, you can't run the built file.

How to reproduce

• Create a project using elysia and the elysia-html plugin.
• Compile the project

  bun build --target=bun ./src/lambda.ts --outfile=lambda.js

• Try to run the project

  bun lambda.js

• This will result into

  32 | var require_html = __commonJS((exports, module) => {
  33 |   __export(exports, {
  34 |     toKebabCase: () => {
  35 |       {
  36 | 
  37 |         return $toKebabCase;
                ^
  ReferenceError: Can't find variable: $toKebabCase
    at toKebabCase (/Users/awilderink/code/bun-lambda/lambda.js:37:15)

This could also be an issue with bun build or @kitajs/html.

[SeqSEE]

await Bun.build({
    entrypoints: ['./src/index.tsx'],
    outdir: './dist',
    target: 'bun',
})

Same issue for me using a build.ts file and bun build.ts

[awilderink]

I found the issue. @kitajs/html is imported through require statements. This should be fine, but bun probably builds this wrong (maybe an issue should be created but I'm not sure how to describe it). You can fix it by swapping the require statement for imports. I want to submit a PR but the repo won't let me.

Here are the changes

// index.ts
...
import { createElement, Fragment as F } from  '@kitajs/html'
globalThis.ElysiaJSX = createElement
// @ts-ignore
globalThis.ElysiaJSX.Fragment = Fragment

export const Fragment = F as unknown as Component 

export default html
...

and

// declaration.ts
// remove all of the following since they have been moved to index.ts (imports in declaration files will make them not globally available, see https://stackoverflow.com/a/51114250)

// @ts-ignore
const { createElement, Fragment } = require('@kitajs/html')

// @ts-ignore
globalThis.ElysiaJSX = createElement
// @ts-ignore
globalThis.ElysiaJSX.Fragment = Fragment

[arthurfiorette]

Hey @awilderink. After this change, does this problem still occurs?

[arthurfiorette]

Seems to be a issue with CJS syntax when using the bun bundler: https://github.com/oven-sh/bun/issues/5654

[akhar]

Does it have any workaround at the moment?

[arthurfiorette]

I'm releasing a fix for @kitajs/html asap. But it will keep incompatibilities with https://github.com/elysiajs/elysia/issues/178.