astro/packages/renderers/renderer-react/index.js

43 lines
792 B
JavaScript
Raw Normal View History

Renderer plugins (#231) * refactor: pluggable renderers * refactor: cache renderer per component * docs: update comments on snowpack plugin `transform` method * docs: add comments to renderer plugins * refactor: convert components to Map * fix: pass children through to astro __render * refactor: move Components/ComponentInfo to shared types * refactor: remove `gatherRuntimes` step, just scan output for imports * refactor: update isComponentTag logic * chore: move dependencies to renderers * fix: cross-platform transform injection * feat: defer renderer to react, fallback to preact * fix: use double quotes in generated script * test: fix failing children tests * test: add workspaceRoot to all tests * fix: pass props to renderer check * chore: add test:core script back for convenience * chore: remove unused external * chore: rename renderers * chore: add astring, estree-util-value-to-estree * chore: render-component => __astro_component * refactor: split hydrate logic to own file * refactor: use `astro-fragment` rather than `div` * chore: remove unused hooks * chore: delete unused file * chore: add changesets * fix: Astro renderer should be async * fix: remove <astro-fragment> for static content * test: fix failing test * chore: normalize config interface * feat: allow renderers to inject a snowpackPlugin * fix: resolve import URL before using dynamic import * refactor: update renderers to use separate /server entrypoint * refactor: update server renderer interface * fix: get renderers working again * test: debug failing test * test: better debug * test: better debug * test: remove debug * fix: support esm and cjs packages via "resolve" * refactor: split hydrate functions into individual files * fix: dependency resolution relative to projectRoot * fix: @snowpack/plugin-postcss needs to be hoisted * fix: do not test prettier-plugin-astro as it's not ready for primetime
2021-05-26 18:30:22 +00:00
export default {
2021-12-22 21:11:05 +00:00
name: '@astrojs/renderer-react',
client: './client.js',
server: './server.js',
jsxImportSource: 'react',
jsxTransformOptions: async () => {
const {
default: { default: jsx },
} = await import('@babel/plugin-transform-react-jsx');
return {
2022-01-13 18:29:57 +00:00
plugins: [
jsx(
{},
{
runtime: 'automatic',
importSource: '@astrojs/renderer-react',
}
),
],
2021-12-22 21:11:05 +00:00
};
},
viteConfig() {
return {
optimizeDeps: {
2022-04-02 20:15:41 +00:00
include: [
'@astrojs/renderer-react/client.js',
'react',
'react/jsx-runtime',
'react/jsx-dev-runtime',
'react-dom',
],
2021-12-22 21:11:05 +00:00
exclude: ['@astrojs/renderer-react/server.js'],
},
resolve: {
dedupe: ['react', 'react-dom'],
},
ssr: {
external: ['react-dom/server.js'],
},
};
},
2021-05-26 18:31:27 +00:00
};