mirror of
https://github.com/RYDE-WORK/Langchain-Chatchat.git
synced 2026-01-24 07:43:16 +08:00
d63bf0bda5
* feat:提交前端代码 * feat:提交logo样式切换 * feat:替换avatar、部分位置icon、chatchat相关说明、git链接、Wiki链接、关于、设置、反馈与建议等功能，关闭lobehub自检更新功能 * fix:移除多余代码 --------- Co-authored-by: liunux4odoo <41217877+liunux4odoo@users.noreply.github.com>
71 lines
2.1 KiB
TypeScript
71 lines
2.1 KiB
TypeScript
import { ResolvingViewport } from 'next';
|
|
import { cookies } from 'next/headers';
|
|
import { PropsWithChildren } from 'react';
|
|
import { isRtlLang } from 'rtl-detect';
|
|
|
|
import Analytics from '@/components/Analytics';
|
|
import { getServerConfig } from '@/config/server';
|
|
import { DEFAULT_LANG, LOBE_LOCALE_COOKIE } from '@/const/locale';
|
|
import {
|
|
LOBE_THEME_APPEARANCE,
|
|
LOBE_THEME_NEUTRAL_COLOR,
|
|
LOBE_THEME_PRIMARY_COLOR,
|
|
} from '@/const/theme';
|
|
import Layout from '@/layout/GlobalLayout';
|
|
import { isMobileDevice } from '@/utils/responsive';
|
|
|
|
import StyleRegistry from './StyleRegistry';
|
|
|
|
const { ENABLE_OAUTH_SSO } = getServerConfig();
|
|
|
|
const RootLayout = ({ children }: PropsWithChildren) => {
|
|
// get default theme config to use with ssr
|
|
const cookieStore = cookies();
|
|
const appearance = cookieStore.get(LOBE_THEME_APPEARANCE);
|
|
const neutralColor = cookieStore.get(LOBE_THEME_NEUTRAL_COLOR);
|
|
const primaryColor = cookieStore.get(LOBE_THEME_PRIMARY_COLOR);
|
|
const lang = cookieStore.get(LOBE_LOCALE_COOKIE);
|
|
const direction = isRtlLang(lang?.value || DEFAULT_LANG) ? 'rtl' : 'ltr';
|
|
|
|
return (
|
|
<html dir={direction} lang={lang?.value || DEFAULT_LANG} suppressHydrationWarning>
|
|
<body>
|
|
<StyleRegistry>
|
|
<Layout
|
|
defaultAppearance={appearance?.value}
|
|
defaultLang={lang?.value}
|
|
defaultNeutralColor={neutralColor?.value as any}
|
|
defaultPrimaryColor={primaryColor?.value as any}
|
|
enableOAuthSSO={ENABLE_OAUTH_SSO}
|
|
>
|
|
{children}
|
|
</Layout>
|
|
</StyleRegistry>
|
|
<Analytics />
|
|
</body>
|
|
</html>
|
|
);
|
|
};
|
|
|
|
export default RootLayout;
|
|
|
|
export { default as metadata } from './metadata';
|
|
|
|
export const generateViewport = async (): ResolvingViewport => {
|
|
const isMobile = isMobileDevice();
|
|
|
|
const dynamicScale = isMobile ? { maximumScale: 1, userScalable: false } : {};
|
|
|
|
return {
|
|
...dynamicScale,
|
|
initialScale: 1,
|
|
minimumScale: 1,
|
|
themeColor: [
|
|
{ color: '#f8f8f8', media: '(prefers-color-scheme: light)' },
|
|
{ color: '#000', media: '(prefers-color-scheme: dark)' },
|
|
],
|
|
viewportFit: 'cover',
|
|
width: 'device-width',
|
|
};
|
|
};
|