monorepo packages (#344)

2023-09-24 18:02:09 +08:00
parent a4ff5a3f73
commit 3d7178d06f
535 changed files with 12048 additions and 227 deletions
--- a/projects/app/src/pages/_app.tsx
+++ b/projects/app/src/pages/_app.tsx
@@ -0,0 +1,114 @@
+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/web/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="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="/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);