import {
isRouteErrorResponse,
Links,
Meta,
Outlet,
Scripts,
ScrollRestoration,
} from "react-router";
import type { Route } from "./+types/root";
import { ThemeProvider } from "./lib/theme";
import "./app.css";
const themeScript = `(function(){try{var t=localStorage.getItem("fabro-theme");if(t!=="light"&&t!=="dark")t=window.matchMedia("(prefers-color-scheme:dark)").matches?"dark":"light";document.documentElement.classList.add(t)}catch(e){document.documentElement.classList.add("dark")}})()`;
export const links: Route.LinksFunction = () => [
{ 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: "preconnect", href: "https://fonts.googleapis.com" },
{
rel: "preconnect",
href: "https://fonts.gstatic.com",
crossOrigin: "anonymous",
},
{
rel: "stylesheet",
href: "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=JetBrains+Mono:wght@400;500;600&display=swap",
},
];
export function Layout({ children }: { children: React.ReactNode }) {
return (
{children}
);
}
export default function App() {
return (
);
}
export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
let status = 500;
let heading = "Something went wrong";
let message = "An unexpected error occurred. Please try again.";
let stack: string | undefined;
if (isRouteErrorResponse(error)) {
status = error.status;
if (status === 404) {
heading = "Page not found";
message = "The page you're looking for doesn't exist or has been moved.";
} else {
heading = `${status} Error`;
message = error.statusText || message;
}
} else if (error instanceof Error) {
if (import.meta.env.DEV) {
message = error.message;
stack = error.stack;
}
}
const is404 = status === 404;
return (
{status}
{heading}
{message}
Go to Runs
{stack && (
Stack trace
{stack}
)}
);
}