rollup.config.js

import path from 'path'
import globImport from 'rollup-plugin-glob-import'
import alias from '@rollup/plugin-alias'
import resolve from '@rollup/plugin-node-resolve'
import commonjs from '@rollup/plugin-commonjs'
import serve from 'rollup-plugin-serve'
import copy from 'rollup-plugin-copy'
import typescript from '@rollup/plugin-typescript'
import dts from 'rollup-plugin-dts'

function commonPlugins() {
  return [
    alias({
      entries: [
        {
          find: 'mobiledoc-kit',
          replacement: path.join(__dirname, 'src/js'),
        },
      ],
    }),
    resolve({ extensions: ['.js', '.ts'] }),
    commonjs(),
    typescript({ noEmitOnError: false }),
  ]
}

export default args => [
  {
    input: 'src/js/index.ts',
    plugins: [
      ...commonPlugins(),
      copy({
        targets: [
          { src: 'src/css/mobiledoc-kit.css', dest: ['dist', 'dist/website/demo'], rename: 'mobiledoc.css' },
          { src: 'demo', dest: 'dist/website' },
          { src: 'dist/mobiledoc.*', dest: 'dist/website/demo' },
        ],
        hook: 'writeBundle',
      }),
      ...(args.watch
        ? [
            {
              name: 'watch-external',
              buildStart() {
                const demoFiles = ['demo.js', 'demo.css', 'index.html']
                demoFiles.forEach(f => this.addWatchFile(path.join(__dirname, 'demo', f)))
              },
            },
            serve({
              contentBase: 'dist/website',
              port: process.env.PORT || 4200, // eslint-disable-line no-process-env
            }),
          ]
        : []),
    ],
    output: {
      file: 'dist/mobiledoc.js',
      format: 'es',
      sourcemap: true,
    },
  },
  {
    input: 'src/js/index.ts',
    plugins: commonPlugins(),
    output: {
      file: 'dist/mobiledoc.cjs',
      format: 'cjs',
      sourcemap: true,
    },
  },
  {
    input: 'src/js/index.ts',
    plugins: [dts()],
    output: {
      file: 'dist/mobiledoc.d.ts',
      format: 'es',
    },
  },
  {
    input: 'tests/index.ts',
    plugins: [
      ...commonPlugins(),
      globImport({
        // without this option, the plugin will try to parse imported files (as
        // JS) and fail with TS files
        format: 'import',
      }),
    ],
    output: {
      file: 'dist/tests.js',
      format: 'es',
      sourcemap: true,
    },
  },
]