7917766024
* feat: retry send * perf: qa default value * feat: dataset folder * feat: kb folder delete and path * fix: ts * perf: script load * feat: fileCard and dataCard * feat: search file * feat: max token * feat: select dataset * fix: preview chunk * perf: source update * export data limit file_id * docs * fix: export limit
112 lines
3.2 KiB
TypeScript
112 lines
3.2 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 '@/constants/theme';
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
import NProgress from 'nprogress'; //nprogress module
|
|
import Router from 'next/router';
|
|
import { clientInitData, feConfigs } from '@/store/static';
|
|
import { appWithTranslation, useTranslation } from 'next-i18next';
|
|
import { getLangStore, setLangStore } from '@/utils/i18n';
|
|
import { useRouter } from 'next/router';
|
|
import { useGlobalStore } from '@/store/global';
|
|
|
|
import 'nprogress/nprogress.css';
|
|
import '@/styles/reset.scss';
|
|
import { FeConfigsType } from '@/types';
|
|
|
|
//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 } = useGlobalStore();
|
|
|
|
const [scripts, setScripts] = useState<FeConfigsType['scripts']>([]);
|
|
|
|
useEffect(() => {
|
|
// get init data
|
|
(async () => {
|
|
const {
|
|
feConfigs: { scripts }
|
|
} = await clientInitData();
|
|
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="Embedding + LLM, Build AI knowledge base" />
|
|
<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="/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>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default appWithTranslation(App);
|