Infrastructure/astro
0
Fork 0
mirror of https://github.com/withastro/astro.git synced 2025-02-17 22:44:24 -05:00
Code Issues Activity

Support Bun by adjusting how @babel/plugin-transform-react-jsx is imported. (#8007)

Browse source 
* Support bun/other tooling that respects `__esModule`

* Add changeset file
This commit is contained in:
dave caruso 2023-08-09 12:11:41 -07:00 • committed by GitHub
parent e65b5b5495
commit 58b121d42a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
.changeset/quick-actors-sing.md Normal file
View file

@ -0,0 +1,6 @@
---
'@astrojs/preact': patch
'astro': patch
---
Support Bun by adjusting how `@babel/plugin-transform-react-jsx` is imported.

7
packages/astro/src/jsx/renderer.ts
View file

@ -3,10 +3,9 @@ const renderer = {
serverEntrypoint: 'astro/jsx/server.js', serverEntrypoint: 'astro/jsx/server.js',
jsxImportSource: 'astro', jsxImportSource: 'astro',
jsxTransformOptions: async () => { jsxTransformOptions: async () => {
const { // @ts-expect-error types not found
default: { default: jsx }, const plugin = await import('@babel/plugin-transform-react-jsx');
// @ts-expect-error const jsx = plugin.default?.default ?? plugin.default;
} = await import('@babel/plugin-transform-react-jsx');
const { default: astroJSX } = await import('./babel.js'); const { default: astroJSX } = await import('./babel.js');
return { return {
plugins: [ plugins: [

14
packages/integrations/preact/src/index.ts
View file

@ -7,10 +7,9 @@ function getRenderer(development: boolean): AstroRenderer {
serverEntrypoint: '@astrojs/preact/server.js', serverEntrypoint: '@astrojs/preact/server.js',
jsxImportSource: 'preact', jsxImportSource: 'preact',
jsxTransformOptions: async () => { jsxTransformOptions: async () => {
const { // @ts-expect-error types not found
default: { default: jsx }, const plugin = await import('@babel/plugin-transform-react-jsx');
// @ts-expect-error types not found const jsx = plugin.default?.default ?? plugin.default;
} = await import('@babel/plugin-transform-react-jsx');
return { return {
plugins: [jsx({}, { runtime: 'automatic', importSource: 'preact' })], plugins: [jsx({}, { runtime: 'automatic', importSource: 'preact' })],
}; };
@ -25,10 +24,9 @@ function getCompatRenderer(development: boolean): AstroRenderer {
serverEntrypoint: '@astrojs/preact/server.js', serverEntrypoint: '@astrojs/preact/server.js',
jsxImportSource: 'react', jsxImportSource: 'react',
jsxTransformOptions: async () => { jsxTransformOptions: async () => {
const { // @ts-expect-error types not found
default: { default: jsx }, const plugin = await import('@babel/plugin-transform-react-jsx');
// @ts-expect-error types not found const jsx = plugin.default?.default ?? plugin.default;
} = await import('@babel/plugin-transform-react-jsx');
return { return {
plugins: [ plugins: [
jsx({}, { runtime: 'automatic', importSource: 'preact/compat' }), jsx({}, { runtime: 'automatic', importSource: 'preact/compat' }),