diff options
| -rw-r--r-- | .changeset/quick-actors-sing.md | 6 | ||||
| -rw-r--r-- | packages/astro/src/jsx/renderer.ts | 7 | ||||
| -rw-r--r-- | packages/integrations/preact/src/index.ts | 14 |
3 files changed, 15 insertions, 12 deletions
diff --git a/.changeset/quick-actors-sing.md b/.changeset/quick-actors-sing.md new file mode 100644 index 000000000..02e804799 --- /dev/null +++ b/.changeset/quick-actors-sing.md @@ -0,0 +1,6 @@ +--- +'@astrojs/preact': patch +'astro': patch +--- + +Support Bun by adjusting how `@babel/plugin-transform-react-jsx` is imported. diff --git a/packages/astro/src/jsx/renderer.ts b/packages/astro/src/jsx/renderer.ts index 78ac1a0b2..39d7f5adb 100644 --- a/packages/astro/src/jsx/renderer.ts +++ b/packages/astro/src/jsx/renderer.ts @@ -3,10 +3,9 @@ const renderer = { serverEntrypoint: 'astro/jsx/server.js', jsxImportSource: 'astro', jsxTransformOptions: async () => { - const { - default: { default: jsx }, - // @ts-expect-error - } = await import('@babel/plugin-transform-react-jsx'); + // @ts-expect-error types not found + const plugin = await import('@babel/plugin-transform-react-jsx'); + const jsx = plugin.default?.default ?? plugin.default; const { default: astroJSX } = await import('./babel.js'); return { plugins: [ diff --git a/packages/integrations/preact/src/index.ts b/packages/integrations/preact/src/index.ts index 4f4b0ee79..98a2dd205 100644 --- a/packages/integrations/preact/src/index.ts +++ b/packages/integrations/preact/src/index.ts @@ -7,10 +7,9 @@ function getRenderer(development: boolean): AstroRenderer { serverEntrypoint: '@astrojs/preact/server.js', jsxImportSource: 'preact', jsxTransformOptions: async () => { - const { - default: { default: jsx }, - // @ts-expect-error types not found - } = await import('@babel/plugin-transform-react-jsx'); + // @ts-expect-error types not found + const plugin = await import('@babel/plugin-transform-react-jsx'); + const jsx = plugin.default?.default ?? plugin.default; return { plugins: [jsx({}, { runtime: 'automatic', importSource: 'preact' })], }; @@ -25,10 +24,9 @@ function getCompatRenderer(development: boolean): AstroRenderer { serverEntrypoint: '@astrojs/preact/server.js', jsxImportSource: 'react', jsxTransformOptions: async () => { - const { - default: { default: jsx }, - // @ts-expect-error types not found - } = await import('@babel/plugin-transform-react-jsx'); + // @ts-expect-error types not found + const plugin = await import('@babel/plugin-transform-react-jsx'); + const jsx = plugin.default?.default ?? plugin.default; return { plugins: [ jsx({}, { runtime: 'automatic', importSource: 'preact/compat' }), |