mirror of
https://github.com/labring/FastGPT.git
synced 2025-07-23 21:13:50 +00:00
122 lines
3.8 KiB
TypeScript
122 lines
3.8 KiB
TypeScript
import { useEffect, useState } from 'react';
|
||
import type { AppProps } from 'next/app';
|
||
import Script from 'next/script';
|
||
import Head from 'next/head';
|
||
import { ChakraProvider, ColorModeScript } from '@chakra-ui/react';
|
||
import Layout from '@/components/Layout';
|
||
import { theme } from '@/web/styles/theme';
|
||
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
||
import NProgress from 'nprogress'; //nprogress module
|
||
import Router from 'next/router';
|
||
import { clientInitData, feConfigs } from '@/web/common/system/staticData';
|
||
import { appWithTranslation, useTranslation } from 'next-i18next';
|
||
import { getLangStore, setLangStore } from '@/web/common/utils/i18n';
|
||
import { useRouter } from 'next/router';
|
||
import { useSystemStore } from '@/web/common/system/useSystemStore';
|
||
import type { FeConfigsType } from '@fastgpt/global/common/system/types/index.d';
|
||
|
||
import 'nprogress/nprogress.css';
|
||
import '@/web/styles/reset.scss';
|
||
|
||
//Binding events.
|
||
Router.events.on('routeChangeStart', () => NProgress.start());
|
||
Router.events.on('routeChangeComplete', () => NProgress.done());
|
||
Router.events.on('routeChangeError', () => NProgress.done());
|
||
|
||
// Create a client
|
||
const queryClient = new QueryClient({
|
||
defaultOptions: {
|
||
queries: {
|
||
refetchOnWindowFocus: false,
|
||
retry: false,
|
||
cacheTime: 10
|
||
}
|
||
}
|
||
});
|
||
|
||
function App({ Component, pageProps }: AppProps) {
|
||
const router = useRouter();
|
||
const { hiId } = router.query as { hiId?: string };
|
||
const { i18n } = useTranslation();
|
||
const { setLastRoute } = useSystemStore();
|
||
const [scripts, setScripts] = useState<FeConfigsType['scripts']>([]);
|
||
|
||
useEffect(() => {
|
||
// get init data
|
||
(async () => {
|
||
const {
|
||
feConfigs: { scripts, isPlus }
|
||
} = await clientInitData();
|
||
|
||
// log fastgpt
|
||
!isPlus &&
|
||
console.log(
|
||
'%cWelcome to FastGPT',
|
||
'font-family:Arial; color:#3370ff ; font-size:18px; font-weight:bold;',
|
||
`GitHub：https://github.com/labring/FastGPT`
|
||
);
|
||
setScripts(scripts || []);
|
||
})();
|
||
// add window error track
|
||
window.onerror = function (msg, url) {
|
||
window.umami?.track('windowError', {
|
||
device: {
|
||
userAgent: navigator.userAgent,
|
||
platform: navigator.platform,
|
||
appName: navigator.appName
|
||
},
|
||
msg,
|
||
url
|
||
});
|
||
};
|
||
|
||
return () => {
|
||
window.onerror = null;
|
||
};
|
||
}, []);
|
||
|
||
useEffect(() => {
|
||
hiId && localStorage.setItem('inviterId', hiId);
|
||
}, [hiId]);
|
||
|
||
useEffect(() => {
|
||
const lang = getLangStore() || 'zh';
|
||
i18n?.changeLanguage?.(lang);
|
||
setLangStore(lang);
|
||
|
||
return () => {
|
||
setLastRoute(router.asPath);
|
||
};
|
||
}, [router.asPath]);
|
||
|
||
return (
|
||
<>
|
||
<Head>
|
||
<title>{feConfigs?.systemTitle || 'AI'}</title>
|
||
<meta
|
||
name="description"
|
||
content="FastGPT is a knowledge-based question answering system built on the LLM. It offers out-of-the-box data processing and model invocation capabilities. Moreover, it allows for workflow orchestration through Flow visualization, thereby enabling complex question and answer scenarios!"
|
||
/>
|
||
<meta
|
||
name="viewport"
|
||
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover"
|
||
/>
|
||
<link rel="icon" href={feConfigs.favicon || '/favicon.ico'} />
|
||
</Head>
|
||
{scripts?.map((item, i) => <Script key={i} strategy="lazyOnload" {...item}></Script>)}
|
||
|
||
<QueryClientProvider client={queryClient}>
|
||
<ChakraProvider theme={theme}>
|
||
<ColorModeScript initialColorMode={theme.config.initialColorMode} />
|
||
<Layout>
|
||
<Component {...pageProps} />
|
||
</Layout>
|
||
</ChakraProvider>
|
||
</QueryClientProvider>
|
||
</>
|
||
);
|
||
}
|
||
|
||
// @ts-ignore
|
||
export default appWithTranslation(App);
|