next
Version:
The React Framework
250 lines (249 loc) • 10.6 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "default", {
enumerable: true,
get: function() {
return _default;
}
});
const _path = require("path");
const isLoadIntentTest = process.env.NODE_ENV === 'test';
const isLoadIntentDevelopment = process.env.NODE_ENV === 'development';
// Resolve styled-jsx plugins
function styledJsxOptions(options) {
options = options || {};
options.styleModule = 'styled-jsx/style';
if (!Array.isArray(options.plugins)) {
return options;
}
options.plugins = options.plugins.map((plugin)=>{
if (Array.isArray(plugin)) {
const [name, pluginOptions] = plugin;
return [
require.resolve(name),
pluginOptions
];
}
return require.resolve(plugin);
});
return options;
}
// Taken from https://github.com/babel/babel/commit/d60c5e1736543a6eac4b549553e107a9ba967051#diff-b4beead8ad9195361b4537601cc22532R158
function supportsStaticESM(caller) {
return !!(caller == null ? void 0 : caller.supportsStaticESM);
}
/**
* HACK: A drop-in replacement for `@babel/preset-typescript` that only enables
* `@babel/plugin-syntax-typescript` and does not transform the typescript.
*
* This is used for standalone mode, where Babel is being used alongside SWC
* (i.e. Turbopack or with React Compiler on webpack).
*
* This should match the logic/behavior here:
* https://github.com/babel/babel/blob/7f57d3a2e97b7e2800fb82cff9284a3591377971/packages/babel-preset-typescript/src/index.ts#L63
*/ function presetTypescriptSyntaxOnly(_api, options) {
const { allExtensions, ignoreExtensions, ...restOptions } = options;
const disableExtensionDetect = allExtensions || ignoreExtensions;
function getPlugins(isTSX, disallowAmbiguousJSXLike) {
return [
[
require('next/dist/compiled/babel/plugin-syntax-typescript'),
{
isTSX,
disallowAmbiguousJSXLike,
...restOptions
}
]
];
}
return {
plugins: [],
overrides: disableExtensionDetect ? [
{
plugins: getPlugins(options.isTSX, options.disallowAmbiguousJSXLike)
}
] : // Babel is being called with a filename.
[
{
test: /\.ts$/,
plugins: getPlugins(false, false)
},
{
test: /\.mts$/,
sourceType: 'module',
plugins: getPlugins(false, true)
},
{
test: /\.cts$/,
sourceType: 'unambiguous',
plugins: getPlugins(false, true)
},
{
test: /\.tsx$/,
plugins: getPlugins(true, false)
}
]
};
}
const _default = (api, options = {})=>{
var _options_presetreact, _options_presetreact1;
const isStandalone = api.caller(// NOTE: `transformMode` may be undefined if the user configured `babel-loader` themselves. In
// this case, we should assume we're in 'default' mode.
(caller)=>!!caller && caller.transformMode === 'standalone');
const isServer = api.caller((caller)=>!!caller && caller.isServer);
// syntax plugins that are used in both standalone and default modes
const sharedSyntaxPlugins = [
require('next/dist/compiled/babel/plugin-syntax-dynamic-import'),
[
require('next/dist/compiled/babel/plugin-syntax-import-attributes'),
{
deprecatedAssertSyntax: true
}
],
(isStandalone || isServer) && require('next/dist/compiled/babel/plugin-syntax-bigint')
].filter(Boolean);
if (isStandalone) {
// Just enable a few syntax plugins, we'll let SWC handle any of the downleveling or
// next.js-specific transforms.
return {
sourceType: 'unambiguous',
presets: [
[
presetTypescriptSyntaxOnly,
options['syntax-typescript'] ?? options['preset-typescript'] ?? {}
]
],
plugins: [
require('next/dist/compiled/babel/plugin-syntax-jsx'),
...sharedSyntaxPlugins
]
};
}
const supportsESM = api.caller(supportsStaticESM);
const isCallerDevelopment = api.caller((caller)=>caller == null ? void 0 : caller.isDev);
// Look at external intent if used without a caller (e.g. via Jest):
const isTest = isCallerDevelopment == null && isLoadIntentTest;
// Look at external intent if used without a caller (e.g. Storybook):
const isDevelopment = isCallerDevelopment === true || isCallerDevelopment == null && isLoadIntentDevelopment;
// Default to production mode if not `test` nor `development`:
const isProduction = !(isTest || isDevelopment);
const isBabelLoader = api.caller((caller)=>!!caller && (caller.name === 'babel-loader' || caller.name === 'next-babel-turbo-loader'));
const useJsxRuntime = ((_options_presetreact = options['preset-react']) == null ? void 0 : _options_presetreact.runtime) === 'automatic' || Boolean(api.caller((caller)=>!!caller && caller.hasJsxRuntime)) && ((_options_presetreact1 = options['preset-react']) == null ? void 0 : _options_presetreact1.runtime) !== 'classic';
const presetEnvConfig = {
// In the test environment `modules` is often needed to be set to true, babel figures that out by itself using the `'auto'` option
// In production/development this option is set to `false` so that webpack can handle import/export with tree-shaking
modules: 'auto',
exclude: [
'transform-typeof-symbol'
],
...options['preset-env']
};
// When transpiling for the server or tests, target the current Node version
// if not explicitly specified:
if ((isServer || isTest) && (!presetEnvConfig.targets || !(typeof presetEnvConfig.targets === 'object' && 'node' in presetEnvConfig.targets))) {
presetEnvConfig.targets = {
// Targets the current process' version of Node. This requires apps be
// built and deployed on the same version of Node.
// This is the same as using "current" but explicit
node: process.versions.node
};
}
const runtimeModuleName = isBabelLoader ? 'next/dist/compiled/@babel/runtime' : null;
return {
sourceType: 'unambiguous',
presets: [
[
require('next/dist/compiled/babel/preset-env'),
presetEnvConfig
],
[
require('next/dist/compiled/babel/preset-react'),
{
// This adds @babel/plugin-transform-react-jsx-source and
// @babel/plugin-transform-react-jsx-self automatically in development
development: isDevelopment || isTest,
...useJsxRuntime ? {
runtime: 'automatic'
} : {
pragma: '__jsx'
},
...options['preset-react']
}
],
[
require('next/dist/compiled/babel/preset-typescript'),
{
allowNamespaces: true,
...options['preset-typescript'] || options['syntax-typescript']
}
]
],
plugins: [
...sharedSyntaxPlugins,
!useJsxRuntime && [
require('./plugins/jsx-pragma'),
{
// This produces the following injected import for modules containing JSX:
// import React from 'react';
// var __jsx = React.createElement;
module: 'react',
importAs: 'React',
pragma: '__jsx',
property: 'createElement'
}
],
[
require('./plugins/optimize-hook-destructuring'),
{
// only optimize hook functions imported from React/Preact
lib: true
}
],
require('./plugins/react-loadable-plugin'),
// only enable this plugin if custom config for it was provided
// otherwise we will only enable it if their browserslist triggers
// preset-env to pull it in
options['class-properties'] && [
require('next/dist/compiled/babel/plugin-proposal-class-properties'),
options['class-properties'] || {}
],
[
require('next/dist/compiled/babel/plugin-proposal-object-rest-spread'),
{
useBuiltIns: true
}
],
!isServer && [
require('next/dist/compiled/babel/plugin-transform-runtime'),
{
corejs: false,
helpers: true,
regenerator: true,
useESModules: supportsESM && presetEnvConfig.modules !== 'commonjs',
absoluteRuntime: runtimeModuleName != null ? (0, _path.dirname)(require.resolve(`${runtimeModuleName}/package.json`)) : undefined,
// regenerator needs `moduleName` to be set in addition to
// `absoluteRuntime`.
moduleName: runtimeModuleName,
...options['transform-runtime']
}
],
[
isTest && options['styled-jsx'] && options['styled-jsx']['babel-test'] ? require('styled-jsx/babel-test') : require('styled-jsx/babel'),
styledJsxOptions(options['styled-jsx'])
],
isProduction && [
require('next/dist/compiled/babel/plugin-transform-react-remove-prop-types'),
{
removeImport: true
}
],
// Always compile numeric separator because the resulting number is
// smaller.
require('next/dist/compiled/babel/plugin-proposal-numeric-separator'),
require('next/dist/compiled/babel/plugin-proposal-export-namespace-from')
].filter(Boolean)
};
};
//# sourceMappingURL=preset.js.map