layout.tsx 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. import type { Viewport } from 'next'
  2. import I18nServer from './components/i18n-server'
  3. import BrowserInitor from './components/browser-initor'
  4. import SentryInitor from './components/sentry-initor'
  5. import { getLocaleOnServer } from '@/i18n/server'
  6. import { TanstackQueryIniter } from '@/context/query-client'
  7. import { ThemeProvider } from 'next-themes'
  8. import './styles/globals.css'
  9. import './styles/markdown.scss'
  10. export const metadata = {
  11. title: 'Dify',
  12. }
  13. export const viewport: Viewport = {
  14. width: 'device-width',
  15. initialScale: 1,
  16. maximumScale: 1,
  17. viewportFit: 'cover',
  18. userScalable: false,
  19. }
  20. const LocaleLayout = ({
  21. children,
  22. }: {
  23. children: React.ReactNode
  24. }) => {
  25. const locale = getLocaleOnServer()
  26. return (
  27. <html lang={locale ?? 'en'} className="h-full" suppressHydrationWarning>
  28. <head>
  29. <meta name="theme-color" content="#FFFFFF" />
  30. <meta name="mobile-web-app-capable" content="yes" />
  31. <meta name="apple-mobile-web-app-capable" content="yes" />
  32. <meta name="apple-mobile-web-app-status-bar-style" content="default" />
  33. </head>
  34. <body
  35. className="h-full select-auto color-scheme"
  36. data-api-prefix={process.env.NEXT_PUBLIC_API_PREFIX}
  37. data-pubic-api-prefix={process.env.NEXT_PUBLIC_PUBLIC_API_PREFIX}
  38. data-marketplace-api-prefix={process.env.NEXT_PUBLIC_MARKETPLACE_API_PREFIX}
  39. data-marketplace-url-prefix={process.env.NEXT_PUBLIC_MARKETPLACE_URL_PREFIX}
  40. data-public-edition={process.env.NEXT_PUBLIC_EDITION}
  41. data-public-support-mail-login={process.env.NEXT_PUBLIC_SUPPORT_MAIL_LOGIN}
  42. data-public-sentry-dsn={process.env.NEXT_PUBLIC_SENTRY_DSN}
  43. data-public-maintenance-notice={process.env.NEXT_PUBLIC_MAINTENANCE_NOTICE}
  44. data-public-site-about={process.env.NEXT_PUBLIC_SITE_ABOUT}
  45. data-public-text-generation-timeout-ms={process.env.NEXT_PUBLIC_TEXT_GENERATION_TIMEOUT_MS}
  46. data-public-top-k-max-value={process.env.NEXT_PUBLIC_TOP_K_MAX_VALUE}
  47. data-public-indexing-max-segmentation-tokens-length={process.env.NEXT_PUBLIC_INDEXING_MAX_SEGMENTATION_TOKENS_LENGTH}
  48. >
  49. <BrowserInitor>
  50. <SentryInitor>
  51. <TanstackQueryIniter>
  52. <ThemeProvider
  53. attribute='data-theme'
  54. defaultTheme='system'
  55. enableSystem
  56. disableTransitionOnChange
  57. >
  58. <I18nServer>
  59. {children}
  60. </I18nServer>
  61. </ThemeProvider>
  62. </TanstackQueryIniter>
  63. </SentryInitor>
  64. </BrowserInitor>
  65. </body>
  66. </html>
  67. )
  68. }
  69. export default LocaleLayout