babel-preset-udemy-website/index.js

'use strict';

const {declare} = require('@babel/helper-plugin-utils');

const plugins = require('./plugins');

module.exports = declare((api, options) => {
    const mobileBrowsers =
        'last 2 ChromeAndroid version, last 1 FirefoxAndroid version, last 4 iOS versions, last 1 OperaMobile version';
    const desktopBrowsers =
        'last 2 Edge versions, last 5 Chrome versions, last 2 Firefox versions, IE 11, last 1 Opera version, last 2 Safari versions';
    const browsers = options.device === 'mobile' ? mobileBrowsers : desktopBrowsers;

    return {
        presets: [
            [
                '@babel/preset-env',
                {
                    // See:
                    //
                    //  * https://new.babeljs.io/docs/en/next/babel-preset-env.html
                    //  * https://github.com/browserslist/browserslist#queries
                    //  * http://browserl.ist/
                    //  * https://support.udemy.com/hc/en-us/articles/229231047-System-Requirements
                    //  * https://github.com/babel/babel/blob/master/packages/babel-preset-env/src/available-plugins.js
                    //
                    // To get some debugging information, add `debug: true`.
                    targets: {
                        browsers,
                    },
                    modules: false,
                    useBuiltIns: 'entry',
                    // Our current versions of webpack and UglifyJS don't understand the
                    // latest JS syntax, so force all transforms for now.
                    forceAllTransforms: true,
                },
            ],
            [
                '@babel/preset-react',
                {
                    useBuiltIns: true,
                },
            ],
        ],

        plugins,
    };
});