@mapbox/batfish/dist/node/create-babel-config.js

The React-powered static-site generator you didn't know you wanted

//      
'use strict';

const _ = require('lodash');
const constants = require('./constants');
const getEnvBrowserslist = require('./get-env-browserslist');

function createBabelConfig(
  batfishConfig                      ,
  options   
                               
    = {}
)   
                    
                   
  {
  const target = options.target || constants.TARGET_BROWSER;

  let presetEnvOptions;

  if (target === constants.TARGET_NODE) {
    presetEnvOptions = {
      useBuiltIns: true,
      targets: { node: 'current' },
      modules: false
    };
  } else {
    const envBrowserslist = getEnvBrowserslist(
      batfishConfig.browserslist,
      batfishConfig.devBrowserslist,
      batfishConfig.production
    );
    presetEnvOptions = batfishConfig.babelPresetEnvOptions || {};
    if (presetEnvOptions.useBuiltIns === undefined) {
      presetEnvOptions.useBuiltIns = true;
    }
    presetEnvOptions.modules = false;
    if (_.get(presetEnvOptions, ['targets', 'browsers']) === undefined) {
      _.set(presetEnvOptions, ['targets', 'browsers'], envBrowserslist);
    }
  }

  const presets = [
    [require.resolve('babel-preset-env'), presetEnvOptions],
    require.resolve('babel-preset-react')
  ].concat(batfishConfig.babelPresets);

  const plugins = [
    require.resolve('babel-plugin-syntax-dynamic-import'),
    require.resolve('babel-plugin-transform-class-properties'),
    require.resolve('babel-plugin-transform-object-rest-spread'),
    [
      require.resolve('@mapbox/babel-plugin-transform-jsxtreme-markdown'),
      {
        packageName: '@mapbox/batfish/modules/md',
        remarkPlugins: batfishConfig.jsxtremeMarkdownOptions.remarkPlugins,
        rehypePlugins: batfishConfig.jsxtremeMarkdownOptions.rehypePlugins
      }
    ]
  ].concat(batfishConfig.babelPlugins);

  if (batfishConfig.production) {
    plugins.push('babel-plugin-transform-react-remove-prop-types');
  } else {
    plugins.push(require.resolve('babel-plugin-transform-react-jsx-source'));
    plugins.push(require.resolve('babel-plugin-transform-react-jsx-self'));
  }

  return { presets, plugins };
}

module.exports = createBabelConfig;