AFFiNE/packages/frontend/electron/renderer/app.tsx

92 lines
2.9 KiB
TypeScript
Raw Normal View History

2023-07-18 19:53:10 +03:00
import '@affine/component/theme/global.css';
import '@affine/component/theme/theme.css';
import { NotificationCenter } from '@affine/component';
2023-07-18 19:53:10 +03:00
import { AffineContext } from '@affine/component/context';
import { GlobalLoading } from '@affine/component/global-loading';
import { WorkspaceFallback } from '@affine/core/components/workspace';
import { GlobalScopeProvider } from '@affine/core/modules/infra-web/global-scope';
import { CloudSessionProvider } from '@affine/core/providers/session-provider';
import { router } from '@affine/core/router';
import {
performanceLogger,
performanceRenderLogger,
} from '@affine/core/shared';
import { Telemetry } from '@affine/core/telemetry';
import createEmotionCache from '@affine/core/utils/create-emotion-cache';
import { configureWebServices } from '@affine/core/web';
2023-12-15 10:20:50 +03:00
import { createI18n, setUpLanguage } from '@affine/i18n';
2023-07-18 19:53:10 +03:00
import { CacheProvider } from '@emotion/react';
import { getCurrentStore, ServiceCollection } from '@toeverything/infra';
2023-07-18 19:53:10 +03:00
import type { PropsWithChildren, ReactElement } from 'react';
import { lazy, Suspense } from 'react';
import { RouterProvider } from 'react-router-dom';
2023-07-18 19:53:10 +03:00
2023-11-09 19:25:15 +03:00
const performanceI18nLogger = performanceLogger.namespace('i18n');
2023-07-18 19:53:10 +03:00
const cache = 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 future = {
v7_startTransition: true,
} as const;
2023-08-04 02:05:46 +03:00
async function loadLanguage() {
performanceI18nLogger.info('start');
2023-11-09 19:25:15 +03:00
const i18n = createI18n();
document.documentElement.lang = i18n.language;
2023-11-09 19:25:15 +03:00
performanceI18nLogger.info('set up');
await setUpLanguage(i18n);
performanceI18nLogger.info('done');
2023-08-04 02:05:46 +03:00
}
2023-12-15 10:20:50 +03:00
let languageLoadingPromise: Promise<void> | null = null;
2023-07-31 12:21:12 +03:00
const services = new ServiceCollection();
configureWebServices(services);
const serviceProvider = services.provider();
export function App() {
2023-11-09 19:25:15 +03:00
performanceRenderLogger.info('App');
2023-12-15 10:20:50 +03:00
if (!languageLoadingPromise) {
languageLoadingPromise = loadLanguage().catch(console.error);
}
2023-07-18 19:53:10 +03:00
return (
<Suspense>
<GlobalScopeProvider provider={serviceProvider}>
<CacheProvider value={cache}>
<AffineContext store={getCurrentStore()}>
<CloudSessionProvider>
<Telemetry />
<DebugProvider>
<GlobalLoading />
<NotificationCenter />
<RouterProvider
fallbackElement={<WorkspaceFallback key="RouterFallback" />}
router={router}
future={future}
/>
</DebugProvider>
</CloudSessionProvider>
</AffineContext>
</CacheProvider>
</GlobalScopeProvider>
</Suspense>
2023-07-18 19:53:10 +03:00
);
}