mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-13 04:48:53 +00:00
142 lines
5.0 KiB
TypeScript
142 lines
5.0 KiB
TypeScript
import '@blocksuite/editor/themes/affine.css';
|
||
import '../styles/globals.css';
|
||
|
||
import { config, setupGlobal } from '@affine/env';
|
||
import { createI18n, I18nextProvider } from '@affine/i18n';
|
||
import { EmotionCache } from '@emotion/cache';
|
||
import { CacheProvider } from '@emotion/react';
|
||
import { Provider } from 'jotai';
|
||
import { useAtomsDebugValue } from 'jotai-devtools';
|
||
import { AppProps } from 'next/app';
|
||
import Head from 'next/head';
|
||
import { useRouter } from 'next/router';
|
||
import React, { memo, ReactElement, Suspense, useEffect, useMemo } from 'react';
|
||
import { Helmet, HelmetProvider } from 'react-helmet-async';
|
||
import { SWRConfig, SWRConfiguration } from 'swr';
|
||
|
||
import { jotaiStore } from '../atoms';
|
||
import { AffineErrorBoundary } from '../components/affine/affine-error-eoundary';
|
||
import { ProviderComposer } from '../components/provider-composer';
|
||
import { PageLoading } from '../components/pure/loading';
|
||
import { AffineSWRConfigProvider } from '../providers/AffineSWRConfigProvider';
|
||
import { ThemeProvider } from '../providers/ThemeProvider';
|
||
import { NextPageWithLayout } from '../shared';
|
||
import createEmotionCache from '../utils/create-emotion-cache';
|
||
|
||
setupGlobal();
|
||
|
||
type AppPropsWithLayout = AppProps & {
|
||
Component: NextPageWithLayout;
|
||
};
|
||
|
||
const EmptyLayout = (page: ReactElement) => page;
|
||
|
||
const DebugAtoms = memo(function DebugAtoms() {
|
||
useAtomsDebugValue();
|
||
return null;
|
||
});
|
||
|
||
const clientSideEmotionCache = createEmotionCache();
|
||
const helmetContext = {};
|
||
|
||
const defaultSWRConfig: SWRConfiguration = {
|
||
suspense: true,
|
||
fetcher: () => {
|
||
const error = new Error(
|
||
'you might forget to warp your page with AffineSWRConfigProvider'
|
||
);
|
||
console.log(error);
|
||
throw error;
|
||
},
|
||
};
|
||
|
||
const App = function App({
|
||
Component,
|
||
pageProps,
|
||
emotionCache = clientSideEmotionCache,
|
||
}: AppPropsWithLayout & {
|
||
emotionCache?: EmotionCache;
|
||
}) {
|
||
const getLayout = Component.getLayout || EmptyLayout;
|
||
const i18n = useMemo(() => createI18n(), []);
|
||
|
||
if (process.env.NODE_ENV === 'development') {
|
||
// I know what I'm doing
|
||
// eslint-disable-next-line react-hooks/rules-of-hooks
|
||
useEffect(() => {
|
||
console.log('Runtime Preset', config);
|
||
}, []);
|
||
}
|
||
|
||
return (
|
||
<CacheProvider value={emotionCache}>
|
||
<I18nextProvider i18n={i18n}>
|
||
<DebugAtoms />
|
||
<SWRConfig value={defaultSWRConfig}>
|
||
<AffineErrorBoundary router={useRouter()}>
|
||
<Suspense fallback={<PageLoading key="RootPageLoading" />}>
|
||
<ProviderComposer
|
||
contexts={useMemo(
|
||
() => [
|
||
<AffineSWRConfigProvider key="AffineSWRConfigProvider" />,
|
||
<Provider key="JotaiProvider" store={jotaiStore} />,
|
||
<ThemeProvider key="ThemeProvider" />,
|
||
],
|
||
[]
|
||
)}
|
||
>
|
||
<HelmetProvider key="HelmetProvider" context={helmetContext}>
|
||
<Helmet>
|
||
<title>AFFiNE</title>
|
||
<meta
|
||
name="viewport"
|
||
content="initial-scale=1, width=device-width"
|
||
/>
|
||
</Helmet>
|
||
<Head>
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta
|
||
name="twitter:url"
|
||
content="https://app.affine.pro/"
|
||
/>
|
||
<meta
|
||
name="twitter:title"
|
||
content="AFFiNE：There can be more than Notion and Miro."
|
||
/>
|
||
<meta
|
||
name="twitter:description"
|
||
content="There can be more than Notion and Miro. AFFiNE is a next-gen knowledge base that brings planning, sorting and creating all together."
|
||
/>
|
||
<meta name="twitter:site" content="@AffineOfficial" />
|
||
<meta
|
||
name="twitter:image"
|
||
content="https://affine.pro/og.jpeg"
|
||
/>
|
||
<meta
|
||
property="og:title"
|
||
content="AFFiNE：There can be more than Notion and Miro."
|
||
/>
|
||
<meta property="og:type" content="website" />
|
||
<meta
|
||
property="og:description"
|
||
content="There can be more than Notion and Miro. AFFiNE is a next-gen knowledge base that brings planning, sorting and creating all together."
|
||
/>
|
||
<meta property="og:url" content="https://app.affine.pro/" />
|
||
<meta
|
||
property="og:image"
|
||
content="https://affine.pro/og.jpeg"
|
||
/>
|
||
</Head>
|
||
{getLayout(<Component {...pageProps} />)}
|
||
</HelmetProvider>
|
||
</ProviderComposer>
|
||
</Suspense>
|
||
</AffineErrorBoundary>
|
||
</SWRConfig>
|
||
</I18nextProvider>
|
||
</CacheProvider>
|
||
);
|
||
};
|
||
|
||
export default App;
|