vite.config.js

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

export default defineConfig({
  plugins: [
    react(),
    VitePWA({
      registerType: 'prompt',
      manifest: {
        name: 'Emuste – DS Emulator',
        short_name: 'Emuste',
        description: 'Nintendo DS Emulator PWA avec sync cloud',
        theme_color: '#7c3aed',
        background_color: '#09090b',
        display: 'standalone',
        orientation: 'any',
        icons: [
          { src: 'icons/icon-192.png', sizes: '192x192', type: 'image/png' },
          { src: 'icons/icon-512.png', sizes: '512x512', type: 'image/png', purpose: 'any maskable' }
        ]
      },
      workbox: {
        globPatterns: ['**/*.{js,css,html,ico,png,svg,wasm}'],
        // L'iframe emulator.html?params ne doit JAMAIS recevoir index.html
        // via le fallback SPA du service worker (sinon l'app se charge dans l'iframe)
        navigateFallbackDenylist: [/emulator\.html/],
        maximumFileSizeToCacheInBytes: 10 * 1024 * 1024,
        runtimeCaching: [
          {
            urlPattern: /^https:\/\/cdn\.emulatorjs\.org\/.*/i,
            handler: 'CacheFirst',
            options: {
              cacheName: 'emulatorjs-cdn',
              expiration: { maxEntries: 150, maxAgeSeconds: 7 * 24 * 60 * 60 },
              cacheableResponse: { statuses: [0, 200] }
            }
          }
        ]
      }
    })
  ]
})