vite.config.ts

import {resolve} from 'path';
import react from '@vitejs/plugin-react';
import hq from 'alias-hq';
import {defineConfig} from 'vite';
import dts from 'vite-plugin-dts';
import { sentryVitePlugin } from '@sentry/vite-plugin';
import svgr from "vite-plugin-svgr";

const {env} = process;
env.NODE_ENV = env.NODE_ENV ?? 'development';

// https://vitejs.dev/config/
export default defineConfig({
  resolve: {
    alias: hq.get('rollup'),
  },
  plugins: [
    react(),
    dts({rollupTypes: true, exclude: ['**/*.stories.(ts|tsx)']}),
    sentryVitePlugin({
      telemetry: false,
      sourcemaps: {disable: true},
      reactComponentAnnotation: {enabled: true},
    }),
    svgr({
      include: '**/*.svg',
    }),
  ],
  define: {
    'process.env.NODE_ENV': JSON.stringify(env.NODE_ENV),
  },
  build: {
    sourcemap: true,
    lib: {
      entry: resolve(__dirname, 'src/lib/index.ts'),
      name: 'SentryToolbar',
      formats: ['iife'],
      // Implement a custom filename to remove the `iife` suffix
      fileName: (format, entryName) => 'toolbar.min.js',
    },
    rollupOptions: {
      output: {
        intro: () => {
          return 'exports = window.SentryToolbar || {};';
        },
      },
      context: 'window',
    },
  },
  css: {
    modules: {
      localsConvention: 'camelCase',
    },
  },
});