new framwork

2023-06-09 12:57:42 +08:00
parent d9450bd7ee
commit ba9d9c3d5f
263 changed files with 12269 additions and 11599 deletions
--- a/client/src/pages/_app.tsx
+++ b/client/src/pages/_app.tsx
@@ -0,0 +1,77 @@
+import { useEffect } 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 'nprogress/nprogress.css';
+import '../styles/reset.scss';
+import { useGlobalStore } from '@/store/global';
+
+//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: 0
+    }
+  }
+});
+
+export default function App({ Component, pageProps }: AppProps) {
+  const {
+    loadInitData,
+    initData: { googleVerKey }
+  } = useGlobalStore();
+
+  useEffect(() => {
+    loadInitData();
+  }, []);
+
+  return (
+    <>
+      <Head>
+        <title>Fast GPT</title>
+        <meta name="description" content="Generated by Fast GPT" />
+        <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>
+      <Script src="/js/qrcode.min.js" strategy="lazyOnload"></Script>
+      <Script src="/js/pdf.js" strategy="lazyOnload"></Script>
+      <Script src="/js/html2pdf.bundle.min.js" strategy="lazyOnload"></Script>
+      {googleVerKey && (
+        <Script
+          src={`https://www.recaptcha.net/recaptcha/api.js?render=${googleVerKey}`}
+          strategy="lazyOnload"
+        ></Script>
+      )}
+      <Script src="/js/particles.js"></Script>
+      <QueryClientProvider client={queryClient}>
+        <ChakraProvider theme={theme}>
+          <ColorModeScript initialColorMode={theme.config.initialColorMode} />
+          {/* @ts-ignore */}
+          <Layout>
+            <Component {...pageProps} />
+          </Layout>
+        </ChakraProvider>
+      </QueryClientProvider>
+    </>
+  );
+}
+
+// export function reportWebVitals(metric: NextWebVitalsMetric) {
+//   console.log(metric);
+// }