mirror of
https://github.com/langgenius/dify.git
synced 2026-08-24 12:32:54 -04:00
yyh
96 lines
3.6 KiB
TypeScript
96 lines
3.6 KiB
TypeScript
import type { ThemeProviderProps } from 'next-themes'
|
|
import type { Metadata, Viewport } from '@/next'
|
|
import { ToastHost } from '@langgenius/dify-ui/toast'
|
|
import { TooltipProvider } from '@langgenius/dify-ui/tooltip'
|
|
import { dehydrate, HydrationBoundary } from '@tanstack/react-query'
|
|
import { Provider as JotaiProvider } from 'jotai/react'
|
|
import { ThemeProvider } from 'next-themes'
|
|
import { NuqsAdapter } from 'nuqs/adapters/next/app'
|
|
import { IS_PROD } from '@/config'
|
|
import { getDatasetMap } from '@/env'
|
|
import { SystemFeaturesBootstrapBoundary } from '@/features/system-features/bootstrap-boundary'
|
|
import {
|
|
getSystemFeaturesQueryClient,
|
|
prefetchSystemFeatures,
|
|
} from '@/features/system-features/server'
|
|
import { getLocaleOnServer } from '@/i18n-config/server'
|
|
import { headers } from '@/next/headers'
|
|
import { getApplicationTitle } from '@/utils/document-title'
|
|
import { CloudAnalytics } from './components/base/analytics-consent/cloud-analytics'
|
|
import { PartnerStackCookieRecorder } from './components/billing/partner-stack/cookie-recorder'
|
|
import { AgentationLoader } from './components/devtools/agentation-loader'
|
|
import { ReactScanLoader } from './components/devtools/react-scan/loader'
|
|
import { I18nServerProvider } from './components/provider/i18n-server'
|
|
import { TanStackQueryProvider } from './query-provider'
|
|
import './styles/globals.css'
|
|
import './styles/markdown.css'
|
|
|
|
export const viewport: Viewport = {
|
|
width: 'device-width',
|
|
initialScale: 1,
|
|
viewportFit: 'cover',
|
|
}
|
|
|
|
export async function generateMetadata(): Promise<Metadata> {
|
|
const systemFeatures = await prefetchSystemFeatures()
|
|
const applicationTitle = getApplicationTitle(systemFeatures?.branding)
|
|
|
|
return {
|
|
title: {
|
|
default: applicationTitle,
|
|
template: `%s - ${applicationTitle}`,
|
|
},
|
|
}
|
|
}
|
|
|
|
export default async function RootLayout({ children }: { children: React.ReactNode }) {
|
|
const datasetMap = getDatasetMap()
|
|
const [locale, requestHeaders] = await Promise.all([
|
|
getLocaleOnServer(),
|
|
headers(),
|
|
prefetchSystemFeatures(),
|
|
])
|
|
const dehydratedState = dehydrate(getSystemFeaturesQueryClient())
|
|
const nonce = IS_PROD ? (requestHeaders.get('x-nonce') ?? undefined) : undefined
|
|
const themeProviderProps: Omit<ThemeProviderProps, 'children'> = {
|
|
attribute: 'data-theme',
|
|
defaultTheme: 'system',
|
|
enableSystem: true,
|
|
disableTransitionOnChange: true,
|
|
}
|
|
if (nonce !== undefined) themeProviderProps.nonce = nonce
|
|
|
|
return (
|
|
<html lang={locale ?? 'en'} className="h-full" suppressHydrationWarning>
|
|
<head>
|
|
<ReactScanLoader />
|
|
</head>
|
|
<body className="h-full bg-background-body" {...datasetMap}>
|
|
<CloudAnalytics />
|
|
<div className="isolate h-full">
|
|
<JotaiProvider>
|
|
<ThemeProvider {...themeProviderProps}>
|
|
<NuqsAdapter>
|
|
<TanStackQueryProvider>
|
|
<HydrationBoundary state={dehydratedState}>
|
|
<I18nServerProvider>
|
|
<ToastHost timeout={5000} limit={3} />
|
|
<SystemFeaturesBootstrapBoundary>
|
|
<PartnerStackCookieRecorder />
|
|
<TooltipProvider delay={300} closeDelay={200}>
|
|
{children}
|
|
</TooltipProvider>
|
|
</SystemFeaturesBootstrapBoundary>
|
|
</I18nServerProvider>
|
|
</HydrationBoundary>
|
|
</TanStackQueryProvider>
|
|
</NuqsAdapter>
|
|
</ThemeProvider>
|
|
</JotaiProvider>
|
|
<AgentationLoader />
|
|
</div>
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|