import { HeadContent, Outlet, Scripts, createRootRoute } from "@tanstack/react-router";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { useState } from "react";
import { Toaster } from "sonner";
import { AuthProvider } from "@/lib/auth/provider";
import { AppErrorComponent } from "@/lib/error-component";
import appCss from "@/styles.css?url";
const APP_NAME = "Dugout";
export const Route = createRootRoute({
head: () => ({
meta: [
{ charSet: "utf-8" },
{ name: "viewport", content: "width=device-width, initial-scale=1, viewport-fit=cover" },
{ title: "Dugout — Social Baseball Card Trading" },
{
name: "description",
content:
"Create digital baseball cards, share them on the social feed, and trade with collectors on Dugout.",
},
{ name: "apple-mobile-web-app-title", content: APP_NAME },
{ name: "theme-color", content: "#0a0b0d" },
{ property: "og:title", content: "Dugout — Social Baseball Card Trading" },
{
property: "og:description",
content: "Mint cards, post plays, and trade with the community.",
},
{ property: "og:image", content: "/og.jpg" },
{ property: "og:image:width", content: "1200" },
{ property: "og:image:height", content: "630" },
],
links: [
{ rel: "icon", type: "image/svg+xml", href: "/favicon.svg" },
{ rel: "stylesheet", href: appCss },
{
rel: "stylesheet",
href: "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap",
},
{ rel: "manifest", href: "/__grok/manifest.webmanifest" },
{ rel: "apple-touch-icon", href: "/__grok/icon-180.png" },
],
}),
errorComponent: AppErrorComponent,
component: RootDocument,
});
function RootDocument() {
const [queryClient] = useState(
() =>
new QueryClient({
defaultOptions: {
queries: { staleTime: 20_000, retry: 1, refetchOnWindowFocus: false },
},
}),
);
return (
);
}