bun + jsx syntax

[iacore]

I don't know how to let bun parse JSX syntax inside *.civet.

I have bunfig.toml setup as described here.

I have this file.

console.log <a>h</a>

When I try to run it with bun init.civet, it says

❯ bun init.civet
1 | console.log(<a>h</a>)
                     ^
error: Syntax Error!!
    at /home/user/meta/www.self/init.civet:1:18

Bun v1.1.15 (Linux x64)

My tsconfig.json is like this:

{
    "compilerOptions": {
        "jsx": "react-jsx",
        "jsxImportSource": "solid-js",
    }
}

[iacore]

this also doesn't work as bunfig.toml

jsx = "react-jsx"
jsxImportSource = "solid-js"
preload = ["@danielx/civet/bun-civet"]

[iacore]

I found civetman + Deno working better 👍

[edemaine]

The original issue seems to be a bug in Bun: oven-sh/bun#4519

It looks like we could work around it using an explicit Transpiler. Probably worth doing until this gets fixed in Bun.