mirror of
https://github.com/TheRealOwenRees/chess-scribe-website.git
synced 2026-09-19 11:03:52 +00:00
100 lines
2.4 KiB
TypeScript
100 lines
2.4 KiB
TypeScript
import { TanStackDevtools } from "@tanstack/react-devtools";
|
|
import { createRootRoute, HeadContent, Scripts } from "@tanstack/react-router";
|
|
import { TanStackRouterDevtoolsPanel } from "@tanstack/react-router-devtools";
|
|
import { type ReactNode, Suspense } from "react";
|
|
import { ToastContainer } from "react-toastify";
|
|
import GenericErrorView from "#/components/GenericErrorView.tsx";
|
|
import LoadingView from "#/components/LoadingView.tsx";
|
|
import { MatomoAnalytics } from "#/components/MatomoAnalytics.tsx";
|
|
import NotFoundView from "#/components/NotFoundView.tsx";
|
|
import { LichessUserProvider } from "#/context/LichessUserContext.tsx";
|
|
import Footer from "../components/Footer";
|
|
import Header from "../components/Header";
|
|
import appCss from "../styles.css?url";
|
|
|
|
export const Route = createRootRoute({
|
|
head: () => ({
|
|
meta: [
|
|
{
|
|
charSet: "utf-8",
|
|
},
|
|
{
|
|
name: "viewport",
|
|
content: "width=device-width, initial-scale=1",
|
|
},
|
|
{
|
|
title: "ChessScribe",
|
|
},
|
|
{
|
|
name: "description",
|
|
content: "Create PDFs of your chess games from a PGN file",
|
|
},
|
|
{
|
|
name: "keywords",
|
|
content: "chess, pgn, pdf, chess games, chess notation",
|
|
},
|
|
],
|
|
links: [
|
|
{
|
|
rel: "stylesheet",
|
|
href: appCss,
|
|
},
|
|
{
|
|
rel: "icon",
|
|
href: "/favicon.svg",
|
|
type: "image/svg+xml",
|
|
},
|
|
{
|
|
rel: "icon",
|
|
href: "/favicon.ico",
|
|
sizes: "32x32",
|
|
},
|
|
{
|
|
rel: "apple-touch-icon",
|
|
href: "/apple-touch-icon.png",
|
|
},
|
|
{
|
|
rel: "manifest",
|
|
href: "/site.webmanifest",
|
|
},
|
|
],
|
|
}),
|
|
shellComponent: RootDocument,
|
|
errorComponent: ({ error }) => <GenericErrorView error={error} />,
|
|
pendingComponent: () => <LoadingView />,
|
|
notFoundComponent: () => <NotFoundView />,
|
|
});
|
|
|
|
function RootDocument({ children }: { children: ReactNode }) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning>
|
|
<head>
|
|
<HeadContent />
|
|
</head>
|
|
<body className="font-sans antialiased">
|
|
<LichessUserProvider>
|
|
<Header />
|
|
{children}
|
|
<ToastContainer position="bottom-right" />
|
|
<Footer />
|
|
<TanStackDevtools
|
|
config={{
|
|
position: "bottom-right",
|
|
}}
|
|
plugins={[
|
|
{
|
|
name: "Tanstack Router",
|
|
render: <TanStackRouterDevtoolsPanel />,
|
|
},
|
|
]}
|
|
/>
|
|
</LichessUserProvider>
|
|
<Scripts />
|
|
<Suspense fallback={null}>
|
|
<MatomoAnalytics />
|
|
</Suspense>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|