import "./globals.css";
import nextConfig from "@/next.config";
import { ClientWrapper } from "@/src/app/client-layout";
import { jetbrainsSans, jetbrainsMono } from "@/src/app/fonts";
// we need to force dynamic to get the env vars at runtime
export const dynamic = "force-dynamic";
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
const config = {
superglueEndpoint:
process.env.GRAPHQL_ENDPOINT || "http://localhost:" + process.env.GRAPHQL_PORT,
superglueApiKey: process.env.NEXT_PUBLIC_SUPERGLUE_API_KEY || process.env.AUTH_TOKEN,
apiEndpoint: process.env.API_ENDPOINT || "http://localhost:" + (process.env.API_PORT || 3002),
postHogKey: nextConfig.env?.NEXT_PUBLIC_POSTHOG_KEY,
postHogHost: nextConfig.env?.NEXT_PUBLIC_POSTHOG_HOST,
};
if (!config.superglueApiKey) {
throw new Error("AUTH_TOKEN is not set and no other authentication provider is configured.");
}
// Looks like suppressing hydration warning is standard for Next.js. Otherwise we lose user preference mode button.
return (
<html
suppressHydrationWarning
lang="en"
className={`${jetbrainsSans.variable} ${jetbrainsMono.variable}`}
>
<body suppressHydrationWarning>
<ClientWrapper config={config}>{children}</ClientWrapper>
</body>
</html>
);
}
