mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-14 08:36:22 +08:00
62 lines
2.2 KiB
TypeScript
62 lines
2.2 KiB
TypeScript
import { AppFallback } from '@affine/core/components/affine/app-container';
|
|
import { AffineContext } from '@affine/core/components/context';
|
|
import { Telemetry } from '@affine/core/components/telemetry';
|
|
import { configureMobileModules } from '@affine/core/mobile/modules';
|
|
import { router } from '@affine/core/mobile/router';
|
|
import { configureCommonModules } from '@affine/core/modules';
|
|
import { I18nProvider } from '@affine/core/modules/i18n';
|
|
import { configureLocalStorageStateStorageImpls } from '@affine/core/modules/storage';
|
|
import { configureIndexedDBUserspaceStorageProvider } from '@affine/core/modules/userspace';
|
|
import { configureBrowserWorkbenchModule } from '@affine/core/modules/workbench';
|
|
import {
|
|
configureBrowserWorkspaceFlavours,
|
|
configureIndexedDBWorkspaceEngineStorageProvider,
|
|
} from '@affine/core/modules/workspace-engine';
|
|
import {
|
|
Framework,
|
|
FrameworkRoot,
|
|
getCurrentStore,
|
|
LifecycleService,
|
|
} from '@toeverything/infra';
|
|
import { Suspense } from 'react';
|
|
import { RouterProvider } from 'react-router-dom';
|
|
|
|
const future = {
|
|
v7_startTransition: true,
|
|
} as const;
|
|
|
|
const framework = new Framework();
|
|
configureCommonModules(framework);
|
|
configureBrowserWorkbenchModule(framework);
|
|
configureLocalStorageStateStorageImpls(framework);
|
|
configureBrowserWorkspaceFlavours(framework);
|
|
configureIndexedDBWorkspaceEngineStorageProvider(framework);
|
|
configureIndexedDBUserspaceStorageProvider(framework);
|
|
configureMobileModules(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() {
|
|
return (
|
|
<Suspense>
|
|
<FrameworkRoot framework={frameworkProvider}>
|
|
<I18nProvider>
|
|
<AffineContext store={getCurrentStore()}>
|
|
<Telemetry />
|
|
<RouterProvider
|
|
fallbackElement={<AppFallback />}
|
|
router={router}
|
|
future={future}
|
|
/>
|
|
</AffineContext>
|
|
</I18nProvider>
|
|
</FrameworkRoot>
|
|
</Suspense>
|
|
);
|
|
}
|