rollup.config.mjs

import typescript from '@rollup/plugin-typescript';
import replace from '@rollup/plugin-replace';
import json from '@rollup/plugin-json';

import pkg from './package.json' with { type: 'json' };

/**
 * @type {import('rollup').OutputOptions['chunkFileNames']}
 */
const chunkFileNames = (chunkInfo) => {
  if (chunkInfo.name.includes('CallStatsLatencyChart')) {
    return 'latency-chart-[hash].[format].js';
  }
  return '[name]-[hash].[format].js';
};

/**
 * @type {import('rollup').RollupOptions}
 */
const config = {
  input: 'index.ts',
  output: [
    {
      dir: 'dist',
      entryFileNames: 'index.es.js',
      format: 'es',
      sourcemap: true,
      chunkFileNames,
    },
    {
      dir: 'dist',
      entryFileNames: 'index.cjs.js',
      format: 'cjs',
      sourcemap: true,
      chunkFileNames,
    },
  ],
  external: [
    ...Object.keys(pkg.dependencies || {}),
    ...Object.keys(pkg.peerDependencies || {}),
    'react/jsx-runtime',
    'react/jsx-dev-runtime',
  ],
  plugins: [
    json(),
    replace({
      preventAssignment: true,
      'process.env.PKG_VERSION': JSON.stringify(pkg.version),
    }),
    typescript({
      tsconfig:
        process.env.NODE_ENV === 'production'
          ? './tsconfig.production.json'
          : './tsconfig.json',
    }),
  ],
};

export default [config];