@nx/react/babel.js

The React plugin for Nx contains executors and generators for managing React applications and libraries within an Nx workspace. It provides: - Integration with libraries such as Jest, Vitest, Playwright, Cypress, and Storybook. - Generators for applica

/*
 * Babel preset to provide React support for Nx.
 */
module.exports = function (api, options) {
    api.assertVersion(7);
    const env = api.env();
    /**
     * pagesDir is set when being transpiled by Next.js
     */
    const isNextJs = api.caller((caller) => caller?.pagesDir);
    const presets = [
        [require.resolve('@nx/js/babel'), options],
    ];
    const plugins = [];
    /**
     * Next.js already includes the preset-react, and including it
     * the second time here results in having two instances of this preset.
     *
     * The plugin is duplicated as opposed to being merged because Next.js uses
     * their own compiled version of the plugin, rather than one from node_modules.
     * That affectively changes the "identity" of the plugin, and babel treats it as
     * two separate instances.
     *
     * More on babel merging: https://babeljs.io/docs/en/options#merging
     */
    if (!isNextJs) {
        presets.push([
            require.resolve('@babel/preset-react'),
            getReactPresetOptions({
                presetOptions: options,
                env,
            }),
        ]);
    }
    if (options.reactCompiler) {
        try {
            const reactCompilerPlugin = require.resolve('babel-plugin-react-compiler');
            plugins.push([
                reactCompilerPlugin,
                typeof options.reactCompiler !== 'boolean' ? options.reactCompiler : {},
            ]);
        }
        catch {
            throw new Error(`Could not find "babel-plugin-react-compiler". Did you install it?`);
        }
    }
    return {
        presets,
        plugins,
    };
};
function getReactPresetOptions({ presetOptions, env, }) {
    const reactPresetOptions = {
        runtime: presetOptions.runtime ?? 'automatic',
        development: presetOptions.development ?? env !== 'production',
    };
    // JSX spread is transformed into object spread in `@babel/plugin-transform-react-jsx`
    // `useBuiltIns` will be removed in Babel 8.
    if (reactPresetOptions.runtime === 'automatic') {
        reactPresetOptions.useBuiltIns = true;
    }
    if (presetOptions.importSource) {
        reactPresetOptions.importSource = presetOptions.importSource;
    }
    return reactPresetOptions;
}