mirror of
https://github.com/enricoros/big-AGI.git
synced 2026-05-11 14:10:15 -07:00
Enrico Ros
57 lines
2.2 KiB
TypeScript
57 lines
2.2 KiB
TypeScript
import * as React from 'react';
|
|
import Head from 'next/head';
|
|
import { MyAppProps } from 'next/app';
|
|
import { Analytics as VercelAnalytics } from '@vercel/analytics/next';
|
|
import { SpeedInsights as VercelSpeedInsights } from '@vercel/speed-insights/next';
|
|
|
|
import { Brand } from '~/common/app.config';
|
|
import { apiQuery } from '~/common/util/trpc.client';
|
|
|
|
import 'katex/dist/katex.min.css';
|
|
import '~/common/styles/CodePrism.css';
|
|
import '~/common/styles/GithubMarkdown.css';
|
|
import '~/common/styles/NProgress.css';
|
|
import '~/common/styles/agi.effects.css';
|
|
import '~/common/styles/app.styles.css';
|
|
|
|
import { ProviderBackendCapabilities } from '~/common/providers/ProviderBackendCapabilities';
|
|
import { ProviderBootstrapLogic } from '~/common/providers/ProviderBootstrapLogic';
|
|
import { ProviderSingleTab } from '~/common/providers/ProviderSingleTab';
|
|
import { ProviderSnacks } from '~/common/providers/ProviderSnacks';
|
|
import { ProviderTRPCQuerySettings } from '~/common/providers/ProviderTRPCQuerySettings';
|
|
import { ProviderTheming } from '~/common/providers/ProviderTheming';
|
|
import { hasGoogleAnalytics, OptionalGoogleAnalytics } from '~/common/components/GoogleAnalytics';
|
|
import { isVercelFromFrontend } from '~/common/util/pwaUtils';
|
|
|
|
|
|
const MyApp = ({ Component, emotionCache, pageProps }: MyAppProps) =>
|
|
<>
|
|
|
|
<Head>
|
|
<title>{Brand.Title.Common}</title>
|
|
<meta name='viewport' content='minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no' />
|
|
</Head>
|
|
|
|
<ProviderTheming emotionCache={emotionCache}>
|
|
<ProviderSingleTab>
|
|
<ProviderTRPCQuerySettings>
|
|
<ProviderBackendCapabilities>
|
|
{/* ^ SSR boundary */}
|
|
<ProviderBootstrapLogic>
|
|
<ProviderSnacks>
|
|
<Component {...pageProps} />
|
|
</ProviderSnacks>
|
|
</ProviderBootstrapLogic>
|
|
</ProviderBackendCapabilities>
|
|
</ProviderTRPCQuerySettings>
|
|
</ProviderSingleTab>
|
|
</ProviderTheming>
|
|
|
|
{isVercelFromFrontend && <VercelAnalytics debug={false} />}
|
|
{isVercelFromFrontend && <VercelSpeedInsights debug={false} sampleRate={1 / 2} />}
|
|
{hasGoogleAnalytics && <OptionalGoogleAnalytics />}
|
|
|
|
</>;
|
|
|
|
// enables the React Query API invocation
|
|
export default apiQuery.withTRPC(MyApp); |