import '@affine/component/theme/global.css'; import '@affine/component/theme/theme.css'; import { NotificationCenter } from '@affine/component'; import { AffineContext } from '@affine/component/context'; import { GlobalLoading } from '@affine/component/global-loading'; import { WorkspaceFallback } from '@affine/core/components/workspace'; import { configureCommonModules, configureImpls } from '@affine/core/modules'; import { configureBrowserWorkspaceFlavours, configureSqliteWorkspaceEngineStorageProvider, } from '@affine/core/modules/workspace-engine'; 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 { createI18n, setUpLanguage } from '@affine/i18n'; import { CacheProvider } from '@emotion/react'; import { Framework, FrameworkRoot, getCurrentStore, LifecycleService, } from '@toeverything/infra'; import type { PropsWithChildren, ReactElement } from 'react'; import { lazy, Suspense } from 'react'; import { RouterProvider } from 'react-router-dom'; if ( !environment.isDesktop && environment.isDebug && !location.pathname.includes('/desktop-signin') && !location.pathname.includes('/open-app/signin-redirect') ) { document.body.innerHTML = `

Don't run electron entry in browser.

`; throw new Error('Wrong distribution'); } const performanceI18nLogger = performanceLogger.namespace('i18n'); const cache = createEmotionCache(); const DevTools = lazy(() => import('jotai-devtools').then(m => ({ default: m.DevTools })) ); const DebugProvider = ({ children }: PropsWithChildren): ReactElement => { return ( <> {process.env.DEBUG_JOTAI === 'true' && } {children} ); }; const future = { v7_startTransition: true, } as const; async function loadLanguage() { performanceI18nLogger.info('start'); const i18n = createI18n(); document.documentElement.lang = i18n.language; performanceI18nLogger.info('set up'); await setUpLanguage(i18n); performanceI18nLogger.info('done'); } let languageLoadingPromise: Promise | null = null; const framework = new Framework(); configureCommonModules(framework); configureImpls(framework); configureBrowserWorkspaceFlavours(framework); configureSqliteWorkspaceEngineStorageProvider(framework); const frameworkProvider = framework.provider(); // setup application lifecycle events, and emit application start event window.addEventListener('focus', () => { frameworkProvider.get(LifecycleService).applicationFocus(); }); frameworkProvider.get(LifecycleService).applicationStart(); export function App() { performanceRenderLogger.info('App'); if (!languageLoadingPromise) { languageLoadingPromise = loadLanguage().catch(console.error); } return ( } router={router} future={future} /> ); }