diff options
| author |  Nate Moore <natemoo-re@users.noreply.github.com>
| 2021-07-21 18:10:03 -0500 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-07-21 18:10:03 -0500 |
| commit | bd18e14a2c05d473b9822ddaf9ebada48e2d75dd (patch) | |
| tree | 6962207c8b3c553b3df675320f4e3a177e7516fc /packages/renderers/renderer-react | |
| parent | ba6b47eda7589b4794b52218457229bb04e7d139 (diff) | |
| download | astro-bd18e14a2c05d473b9822ddaf9ebada48e2d75dd.tar.gz astro-bd18e14a2c05d473b9822ddaf9ebada48e2d75dd.tar.zst astro-bd18e14a2c05d473b9822ddaf9ebada48e2d75dd.zip | |
Expose JSX compilation to renderers (#588)
* feat: add support for `jsxImportSource`, new JSX transform
* Renderer: add Solid renderer (#667)
* feat: add support for `jsxImportSource`, new JSX transform
* WIP: solid renderer
* [Renderer] Solid (#656)
* feat: add support for `jsxImportSource`, new JSX transform
* WIP: solid renderer
* Solid renderer: fix SSR of children, hydration (top level)
Caveat: cannot hydrate children/descendants of hydrated parents
* Fix hydration of fragments
* fix: SyntaxError in React/Preact renderers
* fix: errors in React/Preact renderers
* feat: update react external
* chore: update examples
* chore: delete old changelog
* chore: update astro config
Co-authored-by: Nate Moore <nate@skypack.dev>
* Changing the preact to Solid (#669)
* chore: use new client:visible syntax
* fix: dev script issue
* chore: cleanup SolidJS example
* docs: update framework example docs
* chore: cleanup framework-multiple example
* fix: remove SolidJS false-positives from Preact renderer
* chore: add changeset
Co-authored-by: eyelidlessness <eyelidlessness@users.noreply.github.com>
Co-authored-by: Abdullah Mzaien <s201540830@kfupm.edu.sa>
* feat(create-astro): add Solid support
* docs: add JSX options to renderer reference
* chore: add changeset for P/React renderers
* fix: move react/server.js to external
* chore: remove brewfile
* Revert "feat: add support for `jsxImportSource`, new JSX transform"
This reverts commit 077c4bfc135c58a85d4ebfca6012e90403694d8d.
* fix: remove `react-dom/server` from `external`
* chore: remove unused dependency
* feat: improve JSX error messages
* Revert "Revert "feat: add support for `jsxImportSource`, new JSX transform""
This reverts commit f6c2896b9ec6430611fc0abae7d586c42aca87e5.
* docs: update jsxImportSource
* feat: improve error message
* feat: improve error logging for JSX renderers
* tests: add jsx-runtime tests
* chore: update snowpack
Co-authored-by: eyelidlessness <eyelidlessness@users.noreply.github.com>
Co-authored-by: Abdullah Mzaien <s201540830@kfupm.edu.sa>
Diffstat (limited to 'packages/renderers/renderer-react')
| -rw-r--r-- | packages/renderers/renderer-react/index.js | 11 | ||||
| -rw-r--r-- | packages/renderers/renderer-react/package.json | 3 |
2 files changed, 12 insertions, 2 deletions
diff --git a/packages/renderers/renderer-react/index.js b/packages/renderers/renderer-react/index.js index ca9f35ff7..51a2ecba1 100644 --- a/packages/renderers/renderer-react/index.js +++ b/packages/renderers/renderer-react/index.js @@ -2,5 +2,14 @@ export default { name: '@astrojs/renderer-react', client: './client', server: './server', - knownEntrypoints: ['react', 'react-dom', 'react-dom/server'], + knownEntrypoints: ['react', 'react/jsx-runtime', 'react-dom', 'react-dom/server.js'], + jsxImportSource: 'react', + jsxTransformOptions: async () => { + const { default: { default: jsx }} = await import('@babel/plugin-transform-react-jsx'); + return { + plugins: [ + jsx({}, { runtime: 'automatic', importSource: 'react' }) + ] + } + } }; diff --git a/packages/renderers/renderer-react/package.json b/packages/renderers/renderer-react/package.json index 20c7595fe..d57e6cd4f 100644 --- a/packages/renderers/renderer-react/package.json +++ b/packages/renderers/renderer-react/package.json @@ -10,7 +10,8 @@ }, "dependencies": { "react": "^17.0.2", - "react-dom": "^17.0.2" + "react-dom": "^17.0.2", + "@babel/plugin-transform-react-jsx": "^7.14.5" }, "engines": { "node": "^12.20.0 || ^14.13.1 || >=16.0.0" |