import '@douyinfe/semi-ui-19/react19-adapter';
import '@lingxi/ui/semi.css';
import '@lingxi/ui/theme/tokens.css';
import '@lingxi/ui/styles.css';
import '@/styles/global.css';
import '@/styles/layout.css';
import '@/styles/pages.css';
import '@/styles/users.css';

import { LocaleProvider } from '@douyinfe/semi-ui-19';
import { localeZhCN } from '@lingxi/ui';
import { QueryClientProvider } from '@tanstack/react-query';
import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import { RouterProvider } from 'react-router';

import { setUnauthorizedHandler } from '@/api/client';
import { queryClient } from '@/api/query-client';
import { router } from '@/router';
import { loginPath, ROUTES } from '@/routes';

setUnauthorizedHandler(() => {
  const { pathname, search } = router.state.location;
  queryClient.clear();
  if (pathname === ROUTES.login) {
    return;
  }
  void router.navigate(loginPath(`${pathname}${search}`), { replace: true });
});

const container = document.getElementById('root');

if (container === null) {
  throw new Error('找不到应用根节点 #root');
}

createRoot(container).render(
  <StrictMode>
    <LocaleProvider locale={localeZhCN}>
      <QueryClientProvider client={queryClient}>
        <RouterProvider router={router} />
      </QueryClientProvider>
    </LocaleProvider>
  </StrictMode>,
);