import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import './styles.css'

// appearance (colourway + day/night/system + colour-on-colour) + installable PWA
import { applyAppearance, watchSystemAppearance } from './lib/themes'
import { applyLangDir } from './lib/i18n'
applyAppearance()
watchSystemAppearance()
applyLangDir()
if ('serviceWorker' in navigator && !location.hostname.includes('localhost')) {
  window.addEventListener('load', () => navigator.serviceWorker.register('/sw.js').catch(() => {}))
}

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