import preact from '@preact/preset-vite';
import { visualizer } from 'rollup-plugin-visualizer';
import { defineConfig, type PluginOption } from 'vite';
import { VitePWA } from 'vite-plugin-pwa';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    preact(),
    VitePWA({
      registerType: 'autoUpdate',
      devOptions: {
        // enabled: true,
      },
      manifest: {
        name: 'Iris',
        short_name: 'Iris',
        icons: [
          {
            src: '/img/android-chrome-192x192.png',
            sizes: '192x192',
            type: 'image/png',
          },
          {
            src: '/img/android-chrome-512x512.png',
            sizes: '512x512',
            type: 'image/png',
            purpose: 'any',
          },
          {
            src: '/img/maskable_icon.png',
            sizes: '640x640',
            type: 'image/png',
            purpose: 'maskable',
          },
          {
            src: '/img/maskable_icon_x192.png',
            sizes: '192x192',
            type: 'image/png',
            purpose: 'maskable',
          },
        ],
        theme_color: '#000000',
        background_color: '#000000',
        display: 'standalone',
      },
    }),
    visualizer({
      open: true,
      gzipSize: true,  // Show gzip size
      filename: 'dist/stats.html',
    } as PluginOption),
  ],
  resolve: {
    alias: {
      '@': '/src/js',
      react: 'preact/compat',
      'react-dom': 'preact/compat',
    },
  },
  testDir: 'tests',
  test: {
    environment: 'jsdom',
    coverage: {
      reporter: ['text', 'json', 'html'],
    },
  },
});