import React from 'react';
import ReactDOM from 'react-dom/client';
import { HashRouter } from 'react-router-dom';
import '@/styles/tokens.css';
import '@/styles/reset.css';
import '@/styles/shell.css';
import '@/styles/global.css';
import '@/styles/admin.css';
import '@/styles/client.css';
import '@/styles/components.css';
import { AppRoutes } from '@/routes/AppRoutes';

function normalizeInitialHashRoute() {
  if (window.location.hash) return;

  const path = window.location.pathname;
  if (path === '/admin' || path.startsWith('/admin/') || path === '/client' || path.startsWith('/client/')) {
    window.history.replaceState(null, '', `/#${path}${window.location.search}`);
  }
}

normalizeInitialHashRoute();

ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
  <React.StrictMode>
    <HashRouter>
      <AppRoutes />
    </HashRouter>
  </React.StrictMode>,
);