47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
import { ApolloClient, ApolloProvider, InMemoryCache } from '@apollo/client';
|
|
import '@client/assets/styles/index.css';
|
|
import '@client/assets/styles/nerd-fonts-icons.css';
|
|
import { Provider } from '@client/components/ui/provider';
|
|
import { Toaster } from '@client/components/ui/toaster';
|
|
import { RouterProvider, createRouter } from '@tanstack/react-router';
|
|
import { StrictMode } from 'react';
|
|
import ReactDOM from 'react-dom/client';
|
|
|
|
// TanStackRouter - Import the generated route tree
|
|
import { routeTree } from './routeTree.gen';
|
|
|
|
// Create a new router instance
|
|
const router = createRouter({ routeTree });
|
|
|
|
// Register the router instance for type safety
|
|
declare module '@tanstack/react-router' {
|
|
interface Register {
|
|
router: typeof router;
|
|
}
|
|
}
|
|
|
|
// Apollo
|
|
const HOST = import.meta.env.VITE_HOST || 'localhost';
|
|
const PORT = import.meta.env.VITE_PORT || '3000';
|
|
const uri = `http://${HOST}:${PORT}/graphql`;
|
|
|
|
const client = new ApolloClient({
|
|
uri,
|
|
cache: new InMemoryCache(),
|
|
connectToDevTools: true
|
|
});
|
|
|
|
const rootElement = document.getElementById('root')!;
|
|
if (!rootElement.innerHTML) {
|
|
const root = ReactDOM.createRoot(rootElement);
|
|
root.render(
|
|
<StrictMode>
|
|
<ApolloProvider client={client}>
|
|
<Provider>
|
|
<Toaster />
|
|
<RouterProvider router={router} />
|
|
</Provider>
|
|
</ApolloProvider>
|
|
</StrictMode>
|
|
);
|
|
}
|