import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
import { RouterProvider } from 'react-router-dom'
import { AuthProvider } from './app/AuthProvider'
import { ConfigurationError } from './app/ConfigurationError'
import { router } from './app/router'
import { AppConfigProvider } from './config/AppConfigProvider'
import { parseAppConfig } from './config/appConfig'
import './styles.css'

const queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 30_000, retry: 1 } } })

const root = createRoot(document.getElementById('root')!)
try {
  const config = parseAppConfig(import.meta.env)
  root.render(<StrictMode><QueryClientProvider client={queryClient}><AppConfigProvider config={config}><AuthProvider><RouterProvider router={router} /></AuthProvider></AppConfigProvider></QueryClientProvider></StrictMode>)
} catch (error) {
  root.render(<ConfigurationError message={error instanceof Error ? error.message : 'Control Tower configuration is invalid.'} />)
}