import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { VitePWA } from 'vite-plugin-pwa';
import path from 'path';

export default defineConfig({
  plugins: [
    react(),
    VitePWA({
      registerType: 'autoUpdate',
      manifest: {
        name: 'Brycord',
        short_name: 'Brycord',
        description: 'A Discord clone with voice, video, and text chat',
        theme_color: '#1e1f22',
        background_color: '#1e1f22',
        display: 'standalone',
        icons: [
          {
            src: 'pwa-192x192.png',
            sizes: '192x192',
            type: 'image/png',
          },
          {
            src: 'pwa-512x512.png',
            sizes: '512x512',
            type: 'image/png',
          },
          {
            src: 'pwa-512x512.png',
            sizes: '512x512',
            type: 'image/png',
            purpose: 'maskable',
          },
        ],
      },
      workbox: {
        maximumFileSizeToCacheInBytes: 10 * 1024 * 1024,
        globPatterns: ['**/*.{js,css,html,woff,woff2}'],
        runtimeCaching: [
          {
            urlPattern: /\.(?:woff2?|ttf|otf|eot)$/,
            handler: 'CacheFirst',
            options: {
              cacheName: 'fonts-cache',
              expiration: {
                maxEntries: 30,
                maxAgeSeconds: 60 * 60 * 24 * 365,
              },
            },
          },
          {
            urlPattern: /\.(?:png|jpg|jpeg|gif|webp|svg|ico)$/,
            handler: 'CacheFirst',
            options: {
              cacheName: 'images-cache',
              expiration: {
                maxEntries: 100,
                maxAgeSeconds: 60 * 60 * 24 * 30,
              },
            },
          },
        ],
        navigateFallback: 'index.html',
      },
    }),
  ],
  base: '/',
  envDir: '../../', // Pick up .env.local from project root (for VITE_CONVEX_URL)
  resolve: {
    dedupe: ['react', 'react-dom'],
    alias: {
      '@discord-clone/shared': path.resolve(__dirname, '../../packages/shared'),
      '@discord-clone/platform-web': path.resolve(__dirname, '../../packages/platform-web'),
      '@discord-clone/ui': path.resolve(__dirname, '../../packages/ui/src'),
      '@discord-clone/constants': path.resolve(__dirname, '../../packages/constants/src'),
      '@brycord/ui': path.resolve(__dirname, '../../packages/ui/src'),
      '@brycord/constants': path.resolve(__dirname, '../../packages/constants/src'),
      '@brycord/matrix-client': path.resolve(__dirname, '../../packages/shared/src/_shims/matrix-client.ts'),
      '@app/stores': path.resolve(__dirname, '../../packages/shared/src/_shims/stores'),
      '@app/actions': path.resolve(__dirname, '../../packages/shared/src/_shims/actions'),
      '@app/components': path.resolve(__dirname, '../../packages/shared/src/components'),
      '@app/hooks': path.resolve(__dirname, '../../packages/shared/src/_shims/app/hooks'),
      '@app/utils': path.resolve(__dirname, '../../packages/shared/src/_shims/app/utils'),
      '@app/data': path.resolve(__dirname, '../../packages/shared/src/_shims/app/data'),
      '@app': path.resolve(__dirname, '../../packages/shared/src/_shims/app'),
      'mobx-react-lite': path.resolve(__dirname, '../../packages/shared/src/_shims/mobx-react-lite.ts'),
      mobx: path.resolve(__dirname, '../../packages/shared/src/_shims/mobx.ts'),
    },
  },
  css: {
    modules: {
      localsConvention: 'camelCaseOnly',
    },
  },
  build: {
    outDir: 'dist',
    chunkSizeWarningLimit: 1000,
  },
});