vite.config.mts

import react from '@vitejs/plugin-react'
import { visualizer } from 'rollup-plugin-visualizer'
import { defineConfig, type PluginOption, type Plugin } from 'vite'
import { VitePWA } from 'vite-plugin-pwa'

const pwaPlugin = VitePWA({
  registerType: 'autoUpdate',
  manifest: {
    name: 'SKOR',
    short_name: 'SKOR',
    start_url: '/',
    icons: [
      {
        src: '/android-chrome-192x192.png',
        sizes: '192x192',
        type: 'image/png',
      },
      {
        src: '/android-chrome-512x512.png',
        sizes: '512x512',
        type: 'image/png',
      },
    ],
    theme_color: '#0a91b1',
    background_color: '#0a91b1',
    display: 'standalone',
  },
  workbox: {
    globPatterns: ['**/*.{js,css,html,ico,png,svg,mp3,woff,woff2}'],
  },
})

const htmlPlugin: Plugin = {
  name: 'html-transform',
  apply: 'build',
  transformIndexHtml(html: string) {
    return html.replace(
      '<!-- inject-analytics-script -->',
      `<script async src="https://umami.kolberger.eu/script.js" data-website-id="9cd0ee03-0f5e-4414-81d2-c2de1a3e1d99"></script>`,
    )
  },
}

const optionalPlugins = (['1', 'true'].includes(
  process.env.ANALYZE?.toLowerCase(),
)
  ? [
      visualizer({
        template: 'treemap', // or sunburst
        open: true,
        gzipSize: true,
        brotliSize: true,
      }),
    ]
  : []) as unknown as PluginOption[]

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react(), pwaPlugin, htmlPlugin, ...optionalPlugins],
  server: {},
  test: {
    setupFiles: 'test/setup-test.ts',
    coverage: {
      all: true,
      provider: 'v8',
      reporter: ['json-summary', 'json', 'lcov'],
      reportOnFailure: true,
      thresholds: {
        lines: 60,
        branches: 60,
        functions: 60,
        statements: 60,
      },
      include: ['src/**'],
      exclude: [
        'src/App.tsx',
        'src/main.tsx',
        '**/*.types.ts',
        'src/feature/router',
        'src/pages',
        '**/*.d.ts',
      ],
    },
    globals: true,
    environment: 'happy-dom',
    css: false,
    onConsoleLog(msg) {
      if (
        msg.includes(
          'The above error occurred in the <TestComponent> component:',
        )
      ) {
        return false
      }
    },
  },
  build: {
    rollupOptions: {
      output: {
        manualChunks: {
          collaboration: ['yjs', 'y-webrtc', 'y-indexeddb'],
        },
      },
    },
  },
})