vite.config.ts

import { defineConfig } from 'vite';
import { viteStaticCopy } from 'vite-plugin-static-copy';

export default defineConfig({
  plugins: [
    viteStaticCopy({
      targets: [
        {
          src: 'node_modules/@mediapipe/tasks-vision/wasm/*',
          dest: 'wasm',
        },
      ],
    }),
  ],
  // Development server configuration
  server: {
    port: 2501,
    open: true,
    // Required for camera access - HTTPS in development
    // Note: For production, ensure proper HTTPS is configured
    host: true,
  },

  // Asset handling
  assetsInclude: ['**/*.glsl', '**/*.glb'],

  // Build configuration
  build: {
    target: 'ES2020',
    outDir: 'dist',
    sourcemap: true,
    minify: 'esbuild', // Use esbuild (built-in) instead of terser
    rollupOptions: {
      output: {
        // Chunk splitting for better caching
        manualChunks: {
          three: ['three'],
          mediapipe: ['@mediapipe/tasks-vision'],
        },
      },
    },
    chunkSizeWarningLimit: 1000,
  },

  // Optimize dependencies
  optimizeDeps: {
    include: ['three', '@mediapipe/tasks-vision'],
  },

  // Define environment variables
  define: {
    __DEV__: JSON.stringify(process.env.NODE_ENV !== 'production'),
  },
});