rollup.config.js

import process from 'process';
import renameExtensions from '@betit/rollup-plugin-rename-extensions';
import plugins from './build/rollup-plugins';
import packageJson from './package.json';

const env = process.env.NODE_ENV;
const babelEnv = process.env.BABEL_ENV;
const { dependencies = {}, peerDependencies = {} } = packageJson;

let externals = Object.keys({
  ...dependencies,
  ...peerDependencies,
});

if (babelEnv === 'cjs') {
  // don't externalize ES modules in CJS build
  // TODO: figure out config change needed in @rei/vunit
  externals = externals.filter((x) => x !== 'lodash-es' && x !== 'clsx' && x !== '@rei/cdr-tokens');
}

const externalFn = (id) => externals.some((dep) => dep === id || id.startsWith(`${dep}/`));

const ext = babelEnv === 'cjs' ? 'js' : 'mjs';

const config = [
  {
    input: 'src/main.js',
    output: [
      {
        file: `dist/cedar.${ext}`,
        format: babelEnv,
        assetFileNames: "[name].[ext]"
      },
    ],
    plugins,
    external: env === 'prod' ? externalFn : undefined,
  },

];

if (env === 'prod' && babelEnv === 'esm') {
  config.push(
    {
      input: 'src/index.js',
      output: [
        {
          dir: 'dist/lib',
          format: 'esm',
          entryFileNames: '[name].js',
        },
      ],
      plugins: [
        ...plugins,
        renameExtensions({
          include: ['**/*.js', '**/*.jsx', '**/*.scss'],
          mappings: {
            '.js': '.mjs',
            '.jsx': '.mjs',
            '.scss': '.mjs',
          },
        }),
      ],
      external: env === 'prod' ? externalFn : undefined,
      preserveModules: true,
    },
  );
}
export default config;