rollup.config.base.js

const commonjs = require('@rollup/plugin-commonjs');
const resolve = require('@rollup/plugin-node-resolve');
const terser = require('@rollup/plugin-terser');
const typescript = require('@rollup/plugin-typescript');

const modules = {
  core: {
    name: '@grafana/faro-core',
    bundleName: 'faro-core',
    globalName: 'GrafanaFaroCore',
    externals: [],
  },
  react: {
    name: '@grafana/react',
    bundleName: 'faro-react',
    globalName: 'GrafanaFaroReact',
    externals: ['webSdk', 'webTracing'],
  },
  webSdk: {
    name: '@grafana/faro-web-sdk',
    bundleName: 'faro-web-sdk',
    globalName: 'GrafanaFaroWebSdk',
    externals: [],
  },
  webTracing: {
    name: '@grafana/faro-web-tracing',
    bundleName: 'faro-web-tracing',
    globalName: 'GrafanaFaroWebTracing',
    externals: ['webSdk'],
  },
  transportOtlpHttp: {
    name: '@grafana/faro-transport-otlp-http',
    bundleName: 'faro-transport-otlp-http',
    globalName: 'GrafanaFaroTransportOtlpHttp',
    externals: [],
  },
  instrumentationPerformanceTimeline: {
    name: '@grafana/faro-instrumentation-performance-timeline',
    bundleName: 'faro-instrumentation-performance-timeline',
    globalName: 'GrafanaFaroInstrumentationPerformanceTimeline',
    externals: [],
  },
  instrumentationFetch: {
    name: '@grafana/faro-instrumentation-fetch',
    bundleName: 'faro-instrumentation-fetch',
    globalName: 'GrafanaFaroInstrumentationFetch',
    externals: [],
  },
  instrumentationXHR: {
    name: '@grafana/faro-instrumentation-xhr',
    bundleName: 'faro-instrumentation-xhr',
    globalName: 'GrafanaFaroInstrumentationXHR',
    externals: [],
  },
  instrumentationK6Browser: {
    name: '@grafana/faro-instrumentation-k6-browser',
    bundleName: 'faro-instrumentation-k6-browser',
    globalName: 'GrafanaFaroInstrumentationK6Browser',
    externals: [],
  },
};

exports.getRollupConfigBase = (moduleName) => {
  const module = modules[moduleName];

  return {
    input: './src/index.ts',
    output: {
      file: `./dist/bundle/${module.bundleName}.iife.js`,
      format: 'iife',
      globals: module.externals.reduce(
        (acc, external) => ({
          ...acc,
          [modules[external].name]: modules[external].globalName,
        }),
        {}
      ),
      name: module.globalName,
    },
    external: module.externals.map((external) => modules[external].name),
    plugins: [
      resolve({
        browser: true,
      }),
      commonjs(),
      typescript({
        cacheDir: '../../.cache/rollup',
        inlineSources: false,
        outputToFilesystem: true,
        sourceMap: false,
        tsconfig: './tsconfig.esm.json',
      }),
      terser(),
    ],
  };
};