import "@fontsource/golos-text/400.css";
import "@fontsource/golos-text/500.css";
import "@fontsource/golos-text/600.css";
import "./theme/tokens.css";
import "./theme/global.css";

import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { HashRouter, Navigate, Route, Routes } from "react-router-dom";

import { AnonymousSignIn } from "./screens/AnonymousSignIn";
import { Chat } from "./screens/Chat";
import { EmiasSignIn } from "./screens/EmiasSignIn";
import { Welcome } from "./screens/Welcome";
import { SessionProvider, useSession } from "./session/SessionContext";

// Hash routing works the same on a static host, file:// and inside the Capacitor WebView.
function AppRoutes() {
  const { session } = useSession();
  return (
    <Routes>
      <Route path="/" element={session ? <Navigate to="/chat" replace /> : <Welcome />} />
      <Route path="/emias" element={<EmiasSignIn />} />
      <Route path="/anonymous" element={<AnonymousSignIn />} />
      <Route path="/chat" element={<Chat />} />
      <Route path="*" element={<Navigate to="/" replace />} />
    </Routes>
  );
}

createRoot(document.getElementById("root")!).render(
  <StrictMode>
    <SessionProvider>
      <HashRouter>
        <AppRoutes />
      </HashRouter>
    </SessionProvider>
  </StrictMode>,
);