layout.tsx 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  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. import './styles/cus.scss'
  11. import Fix from '@/utils/fix'
  12. import { ConfigProvider } from 'antd'
  13. export const metadata = {
  14. title: 'Dify',
  15. }
  16. export const viewport: Viewport = {
  17. width: 'device-width',
  18. initialScale: 1,
  19. maximumScale: 1,
  20. viewportFit: 'cover',
  21. userScalable: false,
  22. }
  23. const LocaleLayout = async ({
  24. children,
  25. }: {
  26. children: React.ReactNode
  27. }) => {
  28. const locale = await getLocaleOnServer()
  29. return (
  30. <html lang={locale ?? 'en'} className="h-full" suppressHydrationWarning>
  31. <head>
  32. <meta name="theme-color" content="#FFFFFF" />
  33. <meta name="mobile-web-app-capable" content="yes" />
  34. <meta name="apple-mobile-web-app-capable" content="yes" />
  35. <meta name="apple-mobile-web-app-status-bar-style" content="default" />
  36. </head>
  37. <body
  38. className="color-scheme h-full select-auto"
  39. data-api-prefix={process.env.NEXT_PUBLIC_API_PREFIX}
  40. data-pubic-api-prefix={process.env.NEXT_PUBLIC_PUBLIC_API_PREFIX}
  41. data-marketplace-api-prefix={process.env.NEXT_PUBLIC_MARKETPLACE_API_PREFIX}
  42. data-marketplace-url-prefix={process.env.NEXT_PUBLIC_MARKETPLACE_URL_PREFIX}
  43. data-public-edition={process.env.NEXT_PUBLIC_EDITION}
  44. data-public-support-mail-login={process.env.NEXT_PUBLIC_SUPPORT_MAIL_LOGIN}
  45. data-public-sentry-dsn={process.env.NEXT_PUBLIC_SENTRY_DSN}
  46. data-public-maintenance-notice={process.env.NEXT_PUBLIC_MAINTENANCE_NOTICE}
  47. data-public-site-about={process.env.NEXT_PUBLIC_SITE_ABOUT}
  48. data-public-text-generation-timeout-ms={process.env.NEXT_PUBLIC_TEXT_GENERATION_TIMEOUT_MS}
  49. data-public-max-tools-num={process.env.NEXT_PUBLIC_MAX_TOOLS_NUM}
  50. data-public-max-parallel-limit={process.env.NEXT_PUBLIC_MAX_PARALLEL_LIMIT}
  51. data-public-top-k-max-value={process.env.NEXT_PUBLIC_TOP_K_MAX_VALUE}
  52. data-public-indexing-max-segmentation-tokens-length={process.env.NEXT_PUBLIC_INDEXING_MAX_SEGMENTATION_TOKENS_LENGTH}
  53. data-public-loop-node-max-count={process.env.NEXT_PUBLIC_LOOP_NODE_MAX_COUNT}
  54. >
  55. <BrowserInitor>
  56. <SentryInitor>
  57. <TanstackQueryIniter>
  58. <ThemeProvider
  59. attribute='data-theme'
  60. forcedTheme='light'
  61. defaultTheme='light' // TODO: change to 'system' when dark mode ready
  62. enableSystem
  63. disableTransitionOnChange
  64. >
  65. <ConfigProvider theme={{
  66. components: {
  67. // Select: {
  68. // colorBgBase: '#c8ceda40',
  69. // colorBorder: '#c8ceda40',
  70. // algorithm: true, // 启用算法
  71. // },
  72. },
  73. }}>
  74. <I18nServer>
  75. <Fix/>
  76. {children}
  77. </I18nServer>
  78. </ConfigProvider>
  79. </ThemeProvider>
  80. </TanstackQueryIniter>
  81. </SentryInitor>
  82. </BrowserInitor>
  83. </body>
  84. </html>
  85. )
  86. }
  87. export default LocaleLayout