import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import './index.css'
import { aplicarTema, leerPref, resolverTema } from './tema'
import { TemaProvider } from './TemaContext'

// Antes de montar React, para que no haya un parpadeo del tema por defecto.
aplicarTema(resolverTema(leerPref()))

ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    <TemaProvider>
      <App />
    </TemaProvider>
  </React.StrictMode>,
)

// Solo en producción: en dev, un service worker cacheando por encima del
// hot-reload de Vite muestra código viejo y confunde más de lo que ayuda.
if ('serviceWorker' in navigator && import.meta.env.PROD) {
  window.addEventListener('load', () => {
    navigator.serviceWorker.register('/sw.js')
  })
}