import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './assets/globals.css'
import './index.css'
import App from './App.jsx'

createRoot(document.getElementById('root')).render(
  <StrictMode>
    <App />
  </StrictMode>,
)

if ('serviceWorker' in navigator && import.meta.env.PROD) {
  window.addEventListener('load', () => {
    navigator.serviceWorker
      .register('/sw.js')
      .then((registration) => {
        registration.onupdatefound = () => {
          const installingWorker = registration.installing;
          if (installingWorker) {
            installingWorker.onstatechange = () => {
              if (installingWorker.state === 'installed') {
                if (navigator.serviceWorker.controller) {
                  // Nueva versión encontrada, forzar recarga
                  console.log('Nueva versión disponible, recargando...');
                  window.location.reload();
                }
              }
            };
          }
        };
      })
      .catch((error) => console.error('Service worker registration failed', error));
  });
}