diff options
Diffstat (limited to 'packages/integrations/react/src')
-rw-r--r-- | packages/integrations/react/src/index.ts | 21 |
1 files changed, 13 insertions, 8 deletions
diff --git a/packages/integrations/react/src/index.ts b/packages/integrations/react/src/index.ts index da008a670..f5332e2ed 100644 --- a/packages/integrations/react/src/index.ts +++ b/packages/integrations/react/src/index.ts @@ -1,9 +1,8 @@ import type { AstroIntegration } from 'astro'; import { version as ReactVersion } from 'react-dom'; -import react, {type Options as ViteReactPluginOptions} from '@vitejs/plugin-react'; +import react, { type Options as ViteReactPluginOptions } from '@vitejs/plugin-react'; import { appendForwardSlash } from '@astrojs/internal-helpers/path'; - const FAST_REFRESH_PREAMBLE = react.preambleCode; function getRenderer() { @@ -18,7 +17,7 @@ function getRenderer() { }; } -function getViteConfiguration({include, exclude}: Options = {}) { +function getViteConfiguration({ include, exclude }: Options = {}) { return { optimizeDeps: { include: [ @@ -36,7 +35,7 @@ function getViteConfiguration({include, exclude}: Options = {}) { : '@astrojs/react/server-v17.js', ], }, - plugins: [react({include, exclude})], + plugins: [react({ include, exclude })], resolve: { dedupe: ['react', 'react-dom', 'react-dom/server'], }, @@ -56,16 +55,22 @@ function getViteConfiguration({include, exclude}: Options = {}) { }; } -export type Options =Pick<ViteReactPluginOptions, 'include' | 'exclude'>; -export default function ({include, exclude}: Pick<ViteReactPluginOptions, 'include' | 'exclude'> = {}): AstroIntegration { +export type Options = Pick<ViteReactPluginOptions, 'include' | 'exclude'>; +export default function ({ + include, + exclude, +}: Pick<ViteReactPluginOptions, 'include' | 'exclude'> = {}): AstroIntegration { return { name: '@astrojs/react', hooks: { 'astro:config:setup': ({ config, command, addRenderer, updateConfig, injectScript }) => { addRenderer(getRenderer()); - updateConfig({ vite: getViteConfiguration({include, exclude}) }); + updateConfig({ vite: getViteConfiguration({ include, exclude }) }); if (command === 'dev') { - const preamble = FAST_REFRESH_PREAMBLE.replace(`__BASE__`, appendForwardSlash(config.base)) + const preamble = FAST_REFRESH_PREAMBLE.replace( + `__BASE__`, + appendForwardSlash(config.base) + ); injectScript('before-hydration', preamble); } }, |