rollup.config.js

/* eslint-env node */

import commonjs from '@rollup/plugin-commonjs';
import packageJson from './package.json';
import replace from '@rollup/plugin-replace';
import resolve from '@rollup/plugin-node-resolve';
import serve from 'rollup-plugin-serve';
import svgr from '@svgr/rollup';
import { terser } from 'rollup-plugin-terser';
import typescript from '@rollup/plugin-typescript';

// == constants ====================================================================================
const copyright = '(c) 2017-2021 0b5vr';
const licenseName = 'MIT License';
const licenseUri = 'https://github.com/0b5vr/automaton/blob/master/LICENSE';
const globalName = 'AUTOMATON_WITH_GUI';
const filename = 'dist/automaton-with-gui';

// == envs =========================================================================================
const DEV = process.env.NODE_ENV === 'development';
const WATCH = process.env.ROLLUP_WATCH === 'true';

// == banner =======================================================================================
const bannerTextDev = `/*!
 * ${ packageJson.name } v${ packageJson.version }
 * ${ packageJson.description }
 *
 * Copyright ${ copyright }
 * ${ packageJson.name } is distributed under ${ licenseName }
 * ${ licenseUri }
 */`;

const bannerTextProd = `/*! ${ copyright } - ${ licenseUri } */`;

// == serve ========================================================================================
const serveOptions = {
  contentBase: '../..',
};

// == config =======================================================================================
function createOutputOptions( { esm } ) {
  let file = filename;
  file += esm ? '.module' : '';
  file += DEV ? '' : '.min';
  file += '.js';

  return {
    file,
    format: esm ? 'esm' : 'umd',
    name: esm ? undefined : globalName,
    banner: DEV ? bannerTextDev : bannerTextProd,
    sourcemap: DEV ? 'inline' : false,
    plugins: [
      ...( DEV ? [] : [
        terser(),
      ] ),
      ...( WATCH ? [
        serve( serveOptions )
      ] : [] ),
    ],
  };
}

function createConfig( output ) {
  return {
    input: 'src/index.ts',
    output,
    plugins: [
      typescript(),
      replace( {
        'process.env.VERSION': `'${ packageJson.version }'`,
        'process.env.NODE_ENV': `'${ process.env.NODE_ENV }'`,
      } ),
      resolve(),
      commonjs(),
      svgr(),
    ],
  };
};

// == output =======================================================================================
const buildConfig = [
  createConfig( [
    createOutputOptions( {} ),
    createOutputOptions( { esm: true } ),
  ] ),
];

const watchConfig = createConfig( [
  createOutputOptions( {} ),
] );

export default WATCH ? watchConfig : buildConfig;