mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-11 20:08:37 +00:00
1ea445ab15
Co-authored-by: himself65 <himself65@outlook.com> Co-authored-by: Peng Xiao <pengxiao@outlook.com>
88 lines
2.7 KiB
TypeScript
88 lines
2.7 KiB
TypeScript
import '@affine/component/theme/global.css';
|
|
import '@affine/component/theme/theme.css';
|
|
import 'react-mosaic-component/react-mosaic-component.css';
|
|
// bootstrap code before everything
|
|
import '../bootstrap';
|
|
|
|
import { WorkspaceFallback } from '@affine/component/workspace';
|
|
import { config } from '@affine/env';
|
|
import { createI18n, I18nextProvider } from '@affine/i18n';
|
|
import type { EmotionCache } from '@emotion/cache';
|
|
import { CacheProvider } from '@emotion/react';
|
|
import { AffinePluginContext } from '@toeverything/plugin-infra/react';
|
|
import type { AppProps } from 'next/app';
|
|
import Head from 'next/head';
|
|
import { useRouter } from 'next/router';
|
|
import type { PropsWithChildren, ReactElement } from 'react';
|
|
import React, { lazy, Suspense, useEffect, useMemo } from 'react';
|
|
|
|
import { AffineErrorBoundary } from '../components/affine/affine-error-eoundary';
|
|
import { MessageCenter } from '../components/pure/message-center';
|
|
import type { NextPageWithLayout } from '../shared';
|
|
import createEmotionCache from '../utils/create-emotion-cache';
|
|
|
|
type AppPropsWithLayout = AppProps & {
|
|
Component: NextPageWithLayout;
|
|
};
|
|
|
|
const EmptyLayout = (page: ReactElement) => page;
|
|
|
|
const clientSideEmotionCache = createEmotionCache();
|
|
|
|
const DevTools = lazy(() =>
|
|
import('jotai-devtools').then(m => ({ default: m.DevTools }))
|
|
);
|
|
|
|
const DebugProvider = ({ children }: PropsWithChildren): ReactElement => {
|
|
return (
|
|
<>
|
|
<Suspense>{process.env.DEBUG_JOTAI === 'true' && <DevTools />}</Suspense>
|
|
{children}
|
|
</>
|
|
);
|
|
};
|
|
|
|
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}>
|
|
<MessageCenter />
|
|
<AffineErrorBoundary router={useRouter()}>
|
|
<Suspense fallback={<WorkspaceFallback key="RootPageLoading" />}>
|
|
<AffinePluginContext>
|
|
<Head>
|
|
<title>AFFiNE</title>
|
|
<meta
|
|
name="viewport"
|
|
content="initial-scale=1, width=device-width"
|
|
/>
|
|
</Head>
|
|
<DebugProvider>
|
|
{getLayout(<Component {...pageProps} />)}
|
|
</DebugProvider>
|
|
</AffinePluginContext>
|
|
</Suspense>
|
|
</AffineErrorBoundary>
|
|
</I18nextProvider>
|
|
</CacheProvider>
|
|
);
|
|
};
|
|
|
|
export default App;
|