2020-03-28 20:42:35 +01:00
|
|
|
import { PluginItem } from 'next/dist/compiled/babel--core'
|
2018-12-02 18:30:00 +01:00
|
|
|
const env = process.env.NODE_ENV
|
|
|
|
const isProduction = env === 'production'
|
|
|
|
const isDevelopment = env === 'development'
|
|
|
|
const isTest = env === 'test'
|
|
|
|
|
|
|
|
type StyledJsxPlugin = [string, any] | string
|
2019-05-29 13:57:26 +02:00
|
|
|
type StyledJsxBabelOptions =
|
|
|
|
| {
|
2019-07-23 20:33:49 +02:00
|
|
|
plugins?: StyledJsxPlugin[]
|
2019-07-16 14:23:19 +02:00
|
|
|
'babel-test'?: boolean
|
2019-05-29 13:57:26 +02:00
|
|
|
}
|
|
|
|
| undefined
|
2018-12-02 18:30:00 +01:00
|
|
|
|
|
|
|
// Resolve styled-jsx plugins
|
2019-05-29 13:57:26 +02:00
|
|
|
function styledJsxOptions(options: StyledJsxBabelOptions) {
|
2018-12-02 18:30:00 +01:00
|
|
|
if (!options) {
|
|
|
|
return {}
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!Array.isArray(options.plugins)) {
|
|
|
|
return options
|
|
|
|
}
|
|
|
|
|
2019-05-29 13:57:26 +02:00
|
|
|
options.plugins = options.plugins.map(
|
|
|
|
(plugin: StyledJsxPlugin): StyledJsxPlugin => {
|
|
|
|
if (Array.isArray(plugin)) {
|
|
|
|
const [name, options] = plugin
|
|
|
|
return [require.resolve(name), options]
|
|
|
|
}
|
2018-12-02 18:30:00 +01:00
|
|
|
|
2019-05-29 13:57:26 +02:00
|
|
|
return require.resolve(plugin)
|
|
|
|
}
|
|
|
|
)
|
2018-12-02 18:30:00 +01:00
|
|
|
|
|
|
|
return options
|
|
|
|
}
|
|
|
|
|
|
|
|
type NextBabelPresetOptions = {
|
2019-05-29 13:57:26 +02:00
|
|
|
'preset-env'?: any
|
|
|
|
'preset-react'?: any
|
|
|
|
'class-properties'?: any
|
|
|
|
'transform-runtime'?: any
|
2019-08-27 23:20:07 +02:00
|
|
|
'experimental-modern-preset'?: PluginItem
|
2018-12-02 18:30:00 +01:00
|
|
|
'styled-jsx'?: StyledJsxBabelOptions
|
|
|
|
}
|
|
|
|
|
|
|
|
type BabelPreset = {
|
2019-05-29 13:57:26 +02:00
|
|
|
presets?: PluginItem[] | null
|
|
|
|
plugins?: PluginItem[] | null
|
2019-08-12 06:10:12 +02:00
|
|
|
sourceType?: 'script' | 'module' | 'unambiguous'
|
2020-03-23 23:41:35 +01:00
|
|
|
overrides?: Array<{ test: RegExp } & Omit<BabelPreset, 'overrides'>>
|
2018-12-02 18:30:00 +01:00
|
|
|
}
|
|
|
|
|
2019-03-05 16:57:07 +01:00
|
|
|
// Taken from https://github.com/babel/babel/commit/d60c5e1736543a6eac4b549553e107a9ba967051#diff-b4beead8ad9195361b4537601cc22532R158
|
|
|
|
function supportsStaticESM(caller: any) {
|
2020-01-08 17:30:53 +01:00
|
|
|
return !!caller?.supportsStaticESM
|
2019-03-05 16:57:07 +01:00
|
|
|
}
|
|
|
|
|
2019-05-29 13:57:26 +02:00
|
|
|
module.exports = (
|
|
|
|
api: any,
|
|
|
|
options: NextBabelPresetOptions = {}
|
|
|
|
): BabelPreset => {
|
2019-03-05 16:57:07 +01:00
|
|
|
const supportsESM = api.caller(supportsStaticESM)
|
2019-07-22 20:36:55 +02:00
|
|
|
const isServer = api.caller((caller: any) => !!caller && caller.isServer)
|
2019-08-27 23:20:07 +02:00
|
|
|
const isModern = api.caller((caller: any) => !!caller && caller.isModern)
|
2020-02-18 19:26:55 +01:00
|
|
|
|
2019-08-27 23:20:07 +02:00
|
|
|
const isLaxModern =
|
|
|
|
isModern ||
|
2020-01-08 17:30:53 +01:00
|
|
|
(options['preset-env']?.targets &&
|
2019-08-27 23:20:07 +02:00
|
|
|
options['preset-env'].targets.esmodules === true)
|
|
|
|
|
2018-12-04 20:10:05 +01:00
|
|
|
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
|
2019-03-05 16:57:07 +01:00
|
|
|
modules: 'auto',
|
2019-04-11 16:28:57 +02:00
|
|
|
exclude: ['transform-typeof-symbol'],
|
2019-05-29 13:57:26 +02:00
|
|
|
...options['preset-env'],
|
2018-12-04 20:10:05 +01:00
|
|
|
}
|
2019-07-22 20:36:55 +02:00
|
|
|
|
2019-07-30 22:28:48 +02:00
|
|
|
// When transpiling for the server or tests, target the current Node version
|
|
|
|
// if not explicitly specified:
|
2019-07-22 20:36:55 +02:00
|
|
|
if (
|
2019-07-30 22:28:48 +02:00
|
|
|
(isServer || isTest) &&
|
2019-08-08 15:38:51 +02:00
|
|
|
(!presetEnvConfig.targets ||
|
|
|
|
!(
|
|
|
|
typeof presetEnvConfig.targets === 'object' &&
|
|
|
|
'node' in presetEnvConfig.targets
|
|
|
|
))
|
2019-07-22 20:36:55 +02:00
|
|
|
) {
|
|
|
|
presetEnvConfig.targets = {
|
|
|
|
// Targets the current process' version of Node. This requires apps be
|
|
|
|
// built and deployed on the same version of Node.
|
|
|
|
node: 'current',
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-03-28 20:42:35 +01:00
|
|
|
// specify a preset to use instead of @babel/preset-env
|
2019-08-27 23:20:07 +02:00
|
|
|
const customModernPreset =
|
|
|
|
isLaxModern && options['experimental-modern-preset']
|
|
|
|
|
2018-12-02 18:30:00 +01:00
|
|
|
return {
|
2019-08-12 06:10:12 +02:00
|
|
|
sourceType: 'unambiguous',
|
2018-12-02 18:30:00 +01:00
|
|
|
presets: [
|
2019-08-27 23:20:07 +02:00
|
|
|
customModernPreset || [
|
2020-03-28 20:42:35 +01:00
|
|
|
require('next/dist/compiled/babel--preset-env').default,
|
2019-08-27 23:20:07 +02:00
|
|
|
presetEnvConfig,
|
|
|
|
],
|
2019-05-29 13:57:26 +02:00
|
|
|
[
|
2020-03-28 20:42:35 +01:00
|
|
|
require('next/dist/compiled/babel--preset-react'),
|
2019-05-29 13:57:26 +02:00
|
|
|
{
|
|
|
|
// This adds @babel/plugin-transform-react-jsx-source and
|
|
|
|
// @babel/plugin-transform-react-jsx-self automatically in development
|
|
|
|
development: isDevelopment || isTest,
|
2019-08-15 23:07:34 +02:00
|
|
|
pragma: '__jsx',
|
2019-05-29 13:57:26 +02:00
|
|
|
...options['preset-react'],
|
|
|
|
},
|
|
|
|
],
|
2020-03-28 20:42:35 +01:00
|
|
|
[
|
|
|
|
require('next/dist/compiled/babel--preset-typescript'),
|
|
|
|
{ allowNamespaces: true },
|
|
|
|
],
|
2018-12-02 18:30:00 +01:00
|
|
|
],
|
|
|
|
plugins: [
|
2019-08-15 23:07:34 +02:00
|
|
|
[
|
|
|
|
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',
|
|
|
|
},
|
|
|
|
],
|
2019-08-16 00:08:06 +02:00
|
|
|
[
|
|
|
|
require('./plugins/optimize-hook-destructuring'),
|
|
|
|
{
|
|
|
|
// only optimize hook functions imported from React/Preact
|
|
|
|
lib: true,
|
|
|
|
},
|
|
|
|
],
|
2020-03-28 20:42:35 +01:00
|
|
|
require('next/dist/compiled/babel--plugin-syntax-dynamic-import'),
|
2018-12-02 18:30:00 +01:00
|
|
|
require('./plugins/react-loadable-plugin'),
|
2019-05-29 13:57:26 +02:00
|
|
|
[
|
2020-03-28 20:42:35 +01:00
|
|
|
require('next/dist/compiled/babel--plugin-proposal-class-properties'),
|
2019-05-29 13:57:26 +02:00
|
|
|
options['class-properties'] || {},
|
|
|
|
],
|
|
|
|
[
|
2020-03-28 20:42:35 +01:00
|
|
|
require('next/dist/compiled/babel--plugin-proposal-object-rest-spread'),
|
2019-05-29 13:57:26 +02:00
|
|
|
{
|
|
|
|
useBuiltIns: true,
|
|
|
|
},
|
|
|
|
],
|
2020-01-21 15:47:20 +01:00
|
|
|
!isServer && [
|
2020-03-28 20:42:35 +01:00
|
|
|
require('next/dist/compiled/babel--plugin-transform-runtime'),
|
2019-05-29 13:57:26 +02:00
|
|
|
{
|
2020-02-18 19:26:55 +01:00
|
|
|
corejs: false,
|
2019-05-29 13:57:26 +02:00
|
|
|
helpers: true,
|
|
|
|
regenerator: true,
|
|
|
|
useESModules: supportsESM && presetEnvConfig.modules !== 'commonjs',
|
2020-03-15 12:22:53 +01:00
|
|
|
absoluteRuntime: process.versions.pnp ? __dirname : undefined,
|
2019-05-29 13:57:26 +02:00
|
|
|
...options['transform-runtime'],
|
|
|
|
},
|
|
|
|
],
|
2019-07-23 20:33:49 +02:00
|
|
|
[
|
|
|
|
isTest && options['styled-jsx'] && options['styled-jsx']['babel-test']
|
|
|
|
? require('styled-jsx/babel-test')
|
|
|
|
: require('styled-jsx/babel'),
|
|
|
|
styledJsxOptions(options['styled-jsx']),
|
|
|
|
],
|
2019-02-28 23:04:29 +01:00
|
|
|
require('./plugins/amp-attributes'),
|
2019-05-29 13:57:26 +02:00
|
|
|
isProduction && [
|
2020-03-28 20:42:35 +01:00
|
|
|
require('next/dist/compiled/babel-plugin-transform-react-remove-prop-types'),
|
2019-05-29 13:57:26 +02:00
|
|
|
{
|
|
|
|
removeImport: true,
|
|
|
|
},
|
|
|
|
],
|
2020-03-28 20:42:35 +01:00
|
|
|
require('next/dist/compiled/babel--plugin-proposal-optional-chaining'),
|
|
|
|
require('next/dist/compiled/babel--plugin-proposal-nullish-coalescing-operator'),
|
|
|
|
isServer && require('next/dist/compiled/babel--plugin-syntax-bigint'),
|
|
|
|
[
|
|
|
|
require('next/dist/compiled/babel--plugin-proposal-numeric-separator')
|
|
|
|
.default,
|
|
|
|
false,
|
|
|
|
],
|
2019-05-29 13:57:26 +02:00
|
|
|
].filter(Boolean),
|
2020-03-23 23:41:35 +01:00
|
|
|
overrides: [
|
|
|
|
{
|
|
|
|
test: /\.tsx?$/,
|
2020-03-28 20:42:35 +01:00
|
|
|
plugins: [
|
|
|
|
require('next/dist/compiled/babel--plugin-proposal-numeric-separator')
|
|
|
|
.default,
|
|
|
|
],
|
2020-03-23 23:41:35 +01:00
|
|
|
},
|
|
|
|
],
|
2018-12-02 18:30:00 +01:00
|
|
|
}
|
|
|
|
}
|