import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import App from './App'
import './styles.css'
import './localDrafts.css'
import './orderCapture.css'
import './installation.css'
import './incident.css'
import './conflict.css'
import './dashboard.css'
import './theme.css'

if ('serviceWorker' in navigator) {
  window.addEventListener('load', async () => {
    try {
      const registration = await navigator.serviceWorker.register('/sw.js')
      // Check for SW updates when returning to the app (visibility change or focus)
      document.addEventListener('visibilitychange', () => {
        if (document.visibilityState === 'visible') {
          registration.update()
        }
      })
    } catch (swError) {
      console.warn('Error registrando Service Worker PWA:', swError)
    }
  })
}

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