mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-14 05:14:54 +00:00
103 lines
3.4 KiB
TypeScript
103 lines
3.4 KiB
TypeScript
import { AffineContext } from '@affine/core/components/context';
|
|
import { AppContainer } from '@affine/core/desktop/components/app-container';
|
|
import { router } from '@affine/core/desktop/router';
|
|
import { configureCommonModules } from '@affine/core/modules';
|
|
import { I18nProvider } from '@affine/core/modules/i18n';
|
|
import { LifecycleService } from '@affine/core/modules/lifecycle';
|
|
import {
|
|
configureLocalStorageStateStorageImpls,
|
|
NbstoreProvider,
|
|
} from '@affine/core/modules/storage';
|
|
import { PopupWindowProvider } from '@affine/core/modules/url';
|
|
import { configureBrowserWorkbenchModule } from '@affine/core/modules/workbench';
|
|
import { configureBrowserWorkspaceFlavours } from '@affine/core/modules/workspace-engine';
|
|
import createEmotionCache from '@affine/core/utils/create-emotion-cache';
|
|
import { getWorkerUrl } from '@affine/env/worker';
|
|
import { StoreManagerClient } from '@affine/nbstore/worker/client';
|
|
import { CacheProvider } from '@emotion/react';
|
|
import { Framework, FrameworkRoot, getCurrentStore } from '@toeverything/infra';
|
|
import { OpClient } from '@toeverything/infra/op';
|
|
import { Suspense } from 'react';
|
|
import { RouterProvider } from 'react-router-dom';
|
|
|
|
const cache = createEmotionCache();
|
|
|
|
let storeManagerClient: StoreManagerClient;
|
|
|
|
const workerUrl = getWorkerUrl('nbstore.worker.js');
|
|
|
|
if (
|
|
window.SharedWorker &&
|
|
localStorage.getItem('disableSharedWorker') !== 'true'
|
|
) {
|
|
const worker = new SharedWorker(workerUrl);
|
|
storeManagerClient = new StoreManagerClient(new OpClient(worker.port));
|
|
} else {
|
|
const worker = new Worker(workerUrl);
|
|
storeManagerClient = new StoreManagerClient(new OpClient(worker));
|
|
}
|
|
window.addEventListener('beforeunload', () => {
|
|
storeManagerClient.dispose();
|
|
});
|
|
|
|
const future = {
|
|
v7_startTransition: true,
|
|
} as const;
|
|
|
|
const framework = new Framework();
|
|
configureCommonModules(framework);
|
|
configureBrowserWorkbenchModule(framework);
|
|
configureLocalStorageStateStorageImpls(framework);
|
|
configureBrowserWorkspaceFlavours(framework);
|
|
framework.impl(NbstoreProvider, {
|
|
openStore(key, options) {
|
|
return storeManagerClient.open(key, options);
|
|
},
|
|
});
|
|
framework.impl(PopupWindowProvider, {
|
|
open: (target: string) => {
|
|
const targetUrl = new URL(target);
|
|
|
|
let url: string;
|
|
// safe to open directly if in the same origin
|
|
if (targetUrl.origin === location.origin) {
|
|
url = target;
|
|
} else {
|
|
const redirectProxy = location.origin + '/redirect-proxy';
|
|
const search = new URLSearchParams({
|
|
redirect_uri: target,
|
|
});
|
|
|
|
url = `${redirectProxy}?${search.toString()}`;
|
|
}
|
|
window.open(url, '_blank', 'popup noreferrer noopener');
|
|
},
|
|
});
|
|
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}>
|
|
<CacheProvider value={cache}>
|
|
<I18nProvider>
|
|
<AffineContext store={getCurrentStore()}>
|
|
<RouterProvider
|
|
fallbackElement={<AppContainer fallback />}
|
|
router={router}
|
|
future={future}
|
|
/>
|
|
</AffineContext>
|
|
</I18nProvider>
|
|
</CacheProvider>
|
|
</FrameworkRoot>
|
|
</Suspense>
|
|
);
|
|
}
|