rollupOptions.mjs

import { babel } from '@rollup/plugin-babel'

const getSupportedBrowsers = () => [
  // Supported browsers
  'Chrome >= 103',
  'Firefox >= 103',
  'iOS >= 14',
  'Safari >= 14',
  'Edge >= 104',
]

/**
 * Get config passed to @rollup/plugin-babel
 * @returns babel config object
 */
const getBabelConfig = () => ({
  exclude: ['node_modules/**'],
  babelHelpers: 'bundled', // Default value, helpers rarely (if at all) needed.
  babelrc: false,
  extensions: ['.js', '.mjs', '.vue'],
  targets: getSupportedBrowsers(), // supported browsers.
  presets: [
    [
      '@babel/preset-env',
      {
        modules: false, // don't convert ESM modules, as that breaks tree shaking
        targets: getSupportedBrowsers(), // polyfill based on supported browsers
        corejs: {
          // use corejs@3 for polyfills
          version: '3.26', // see https://github.com/zloirock/core-js#babelpreset-env
        },
        useBuiltIns: 'usage', // polyfill based on usage in source code.
        bugfixes: true, // See https://github.com/babel/babel/issues/13916 (note, we can remove this when Babel 8 is released.
      },
    ],
  ],
})

/**
 * Get array of rollup plugins
 * @param {Boolean} includeBabel Whether or not to run build through Babel. Defaults to true but
 * used for
 * testing.
 * @param {Boolean} ssr Whether or not this is the SSR build.
 * @returns {Plugin[]|*[]}
 */
const getRollupPlugins = (includeBabel = true, ssr = false) =>
  includeBabel ? [babel(getBabelConfig(ssr))] : []

export { getBabelConfig, getRollupPlugins }