layout.tsx 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. import type { Viewport } from 'next'
  2. import I18nServer from './components/i18n-server'
  3. import BrowerInitor from './components/browser-initor'
  4. import SentryInitor from './components/sentry-initor'
  5. import Topbar from './components/base/topbar'
  6. import { getLocaleOnServer } from '@/i18n/server'
  7. import './styles/globals.css'
  8. import './styles/markdown.scss'
  9. export const metadata = {
  10. title: 'Dify',
  11. }
  12. export const viewport: Viewport = {
  13. width: 'device-width',
  14. initialScale: 1,
  15. maximumScale: 1,
  16. viewportFit: 'cover',
  17. userScalable: false,
  18. }
  19. const LocaleLayout = ({
  20. children,
  21. }: {
  22. children: React.ReactNode
  23. }) => {
  24. const locale = getLocaleOnServer()
  25. return (
  26. <html lang={locale ?? 'en'} className="h-full" data-theme="light">
  27. <head>
  28. <meta name="theme-color" content="#FFFFFF" />
  29. <meta name="mobile-web-app-capable" content="yes" />
  30. <meta name="apple-mobile-web-app-capable" content="yes" />
  31. <meta name="apple-mobile-web-app-status-bar-style" content="default" />
  32. </head>
  33. <body
  34. className="h-full select-auto"
  35. data-api-prefix={process.env.NEXT_PUBLIC_API_PREFIX}
  36. data-pubic-api-prefix={process.env.NEXT_PUBLIC_PUBLIC_API_PREFIX}
  37. data-public-edition={process.env.NEXT_PUBLIC_EDITION}
  38. data-public-support-mail-login={process.env.NEXT_PUBLIC_SUPPORT_MAIL_LOGIN}
  39. data-public-sentry-dsn={process.env.NEXT_PUBLIC_SENTRY_DSN}
  40. data-public-maintenance-notice={process.env.NEXT_PUBLIC_MAINTENANCE_NOTICE}
  41. data-public-site-about={process.env.NEXT_PUBLIC_SITE_ABOUT}
  42. >
  43. <Topbar />
  44. <BrowerInitor>
  45. <SentryInitor>
  46. <I18nServer>{children}</I18nServer>
  47. </SentryInitor>
  48. </BrowerInitor>
  49. </body>
  50. </html>
  51. )
  52. }
  53. export default LocaleLayout