mirror of
https://github.com/khoaliber/khoj.git
synced 2026-03-02 21:19:12 +00:00
e9ee9004fb
This is triggered by mismatch between "dark" class present on server
sent layout but not in client sent layout on initial render.
That mismatch exists because the server applies dark-mode styling
early to avoid FOUC flickering of UX.
Related 43e032e
77 lines
2.6 KiB
TypeScript
77 lines
2.6 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { noto_sans, noto_sans_arabic } from "@/app/fonts";
|
|
import "./globals.css";
|
|
import { ContentSecurityPolicy } from "./common/layoutHelper";
|
|
import { ThemeProvider } from "./components/providers/themeProvider";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Khoj AI - Ask Anything",
|
|
description:
|
|
"Khoj is a personal research assistant. It helps you understand better and create faster.",
|
|
icons: {
|
|
icon: "/static/assets/icons/khoj_lantern.ico",
|
|
apple: "/static/assets/icons/khoj_lantern_256x256.png",
|
|
},
|
|
manifest: "/static/khoj.webmanifest",
|
|
keywords:
|
|
"research assistant, productivity, AI, Khoj, open source, model agnostic, research, productivity tool, personal assistant, personal research assistant, personal productivity assistant",
|
|
openGraph: {
|
|
siteName: "Khoj AI",
|
|
title: "Khoj AI",
|
|
description:
|
|
"Khoj is a personal research assistant. It helps you understand better and create faster.",
|
|
url: "https://app.khoj.dev",
|
|
type: "website",
|
|
images: [
|
|
{
|
|
url: "https://assets.khoj.dev/khoj_hero.png",
|
|
width: 940,
|
|
height: 525,
|
|
},
|
|
{
|
|
url: "https://assets.khoj.dev/khoj_lantern_256x256.png",
|
|
width: 256,
|
|
height: 256,
|
|
},
|
|
{
|
|
url: "https://assets.khoj.dev/khoj_lantern_logomarktype_1200x630.png",
|
|
width: 1200,
|
|
height: 630,
|
|
},
|
|
],
|
|
},
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html
|
|
lang="en"
|
|
className={`${noto_sans.variable} ${noto_sans_arabic.variable}`}
|
|
suppressHydrationWarning
|
|
>
|
|
<head>
|
|
<script
|
|
dangerouslySetInnerHTML={{
|
|
__html: `
|
|
try {
|
|
if (localStorage.getItem('theme') === 'dark' ||
|
|
(!localStorage.getItem('theme') && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
|
document.documentElement.classList.add('dark');
|
|
}
|
|
} catch (e) {}
|
|
`,
|
|
}}
|
|
/>
|
|
</head>
|
|
<ContentSecurityPolicy />
|
|
<body>
|
|
<ThemeProvider>{children}</ThemeProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|