import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'

import '../../../packages/fieldlens-core/src/index.css'
import '../../../packages/fieldlens-core/src/ui-polish.css'
import '../../../packages/fieldlens-core/src/ios-safe-area.css'
import '../../../packages/fieldlens-core/src/phone-landscape.css'
import '../../../packages/fieldlens-core/src/detection-rotation.css'
import './host.css'

import CoreApp from '../../../packages/fieldlens-core/src/App'
import { startDeviceHoldTracking } from '../../../packages/fieldlens-core/src/lib/deviceOrientation'
import { AccountSettings } from './AccountSettings'
import { DesktopDownloadsLink, DesktopDownloadsPage } from './DesktopDownloads'
import { registerArrowstackReferenceProvider } from './referenceProvider'
import { installSyncTriggers } from './sync'

startDeviceHoldTracking()
registerArrowstackReferenceProvider()
installSyncTriggers()

const isDownloadsPage = window.location.pathname === '/downloads'
const root = createRoot(document.getElementById('root')!)

root.render(
  <StrictMode>
    {isDownloadsPage ? (
      <DesktopDownloadsPage />
    ) : (
      <CoreApp settingsAddon={<><AccountSettings /><DesktopDownloadsLink /></>} />
    )}
  </StrictMode>,
)