import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.jsx'
import ZeichnungsebenenApp from './ZeichnungsebenenApp.jsx'
import GeschossSettingsApp from './GeschossSettingsApp.jsx'
import EbenenSettingsApp from './EbenenSettingsApp.jsx'
import GestaltungApp from './GestaltungApp.jsx'
import AusschnitteApp from './AusschnitteApp.jsx'
import MassstabApp from './MassstabApp.jsx'
import WerkzeugeApp from './WerkzeugeApp.jsx'
import OberleisteApp from './OberleisteApp.jsx'
import OverridesApp from './OverridesApp.jsx'
import DimensionenApp from './DimensionenApp.jsx'
import LayoutsApp from './LayoutsApp.jsx'
import ElementeApp from './ElementeApp.jsx'

const mode = (typeof window !== 'undefined' && window.PANEL_MODE) || 'ebenen'
const RootApp = mode === 'gestaltung'           ? GestaltungApp
              : mode === 'ausschnitte'          ? AusschnitteApp
              : mode === 'massstab'             ? MassstabApp
              : mode === 'werkzeuge'            ? WerkzeugeApp
              : mode === 'oberleiste'           ? OberleisteApp
              : mode === 'overrides'            ? OverridesApp
              : mode === 'dimensionen'          ? DimensionenApp
              : mode === 'layouts'              ? LayoutsApp
              : mode === 'elemente'             ? ElementeApp
              : mode === 'zeichnungsebenen'     ? ZeichnungsebenenApp
              : mode === 'geschoss_settings'    ? GeschossSettingsApp
              : mode === 'ebenen_settings'      ? EbenenSettingsApp
              : App

window.onerror = function (msg, src, line, col, err) {
  document.body.style.cssText = 'background:#1c1c1e;margin:0;padding:12px'
  document.body.innerHTML =
    '<pre style="color:#ff6b6b;font-size:10px;font-family:monospace;white-space:pre-wrap">' +
    'JS ERROR:\n' + msg + '\n' + src + ':' + line + '\n' +
    (err ? err.stack : '') + '</pre>'
  return false
}

window.onunhandledrejection = function (e) {
  document.body.style.cssText = 'background:#1c1c1e;margin:0;padding:12px'
  document.body.innerHTML =
    '<pre style="color:#ff6b6b;font-size:10px;font-family:monospace;white-space:pre-wrap">' +
    'PROMISE ERROR:\n' + (e.reason ? e.reason.stack || e.reason : e) + '</pre>'
}

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