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

137 lines
4.4 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 { AffineContext } from '@affine/component/context';
import { GlobalLoading } from '@affine/component/global-loading';
2024-05-27 11:05:20 +03:00
import { AppFallback } from '@affine/core/components/affine/app-container';
import { WindowsAppControls } from '@affine/core/components/pure/header/windows-app-controls';
2024-07-15 06:21:08 +03:00
import { configureCommonModules } from '@affine/core/modules';
import { configureAppTabsHeaderModule } from '@affine/core/modules/app-tabs-header';
2024-07-15 06:21:08 +03:00
import { configureElectronStateStorageImpls } from '@affine/core/modules/storage';
import { CustomThemeModifier } from '@affine/core/modules/theme-editor';
2024-09-11 10:55:37 +03:00
import { configureSqliteUserspaceStorageProvider } from '@affine/core/modules/userspace';
import { configureDesktopWorkbenchModule } from '@affine/core/modules/workbench';
2024-04-17 09:12:29 +03:00
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';
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';
2024-04-17 09:12:29 +03:00
import {
Framework,
FrameworkRoot,
getCurrentStore,
LifecycleService,
} 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
const desktopWhiteList = [
'/open-app/signin-redirect',
'/open-app/url',
'/upgrade-success',
'/ai-upgrade-success',
'/share',
'/oauth',
'/magic-link',
];
2024-04-17 09:12:29 +03:00
if (
!environment.isElectron &&
2024-04-17 09:12:29 +03:00
environment.isDebug &&
desktopWhiteList.every(path => !location.pathname.startsWith(path))
2024-04-17 09:12:29 +03:00
) {
document.body.innerHTML = `<h1 style="color:red;font-size:5rem;text-align:center;">Don't run electron entry in browser.</h1>`;
throw new Error('Wrong distribution');
}
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
2024-04-17 09:12:29 +03:00
const framework = new Framework();
configureCommonModules(framework);
2024-07-15 06:21:08 +03:00
configureElectronStateStorageImpls(framework);
2024-04-17 09:12:29 +03:00
configureBrowserWorkspaceFlavours(framework);
configureSqliteWorkspaceEngineStorageProvider(framework);
2024-09-11 10:55:37 +03:00
configureSqliteUserspaceStorageProvider(framework);
configureDesktopWorkbenchModule(framework);
configureAppTabsHeaderModule(framework);
2024-04-17 09:12:29 +03:00
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.debug('App');
2023-11-09 19:25:15 +03:00
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>
2024-04-17 09:12:29 +03:00
<FrameworkRoot framework={frameworkProvider}>
<CacheProvider value={cache}>
<AffineContext store={getCurrentStore()}>
2024-04-17 09:12:29 +03:00
<Telemetry />
<CustomThemeModifier />
2024-04-17 09:12:29 +03:00
<DebugProvider>
<GlobalLoading />
<RouterProvider
fallbackElement={<AppFallback />}
2024-04-17 09:12:29 +03:00
router={router}
future={future}
/>
{environment.isWindows && (
<div style={{ position: 'fixed', right: 0, top: 0, zIndex: 5 }}>
<WindowsAppControls />
</div>
)}
2024-04-17 09:12:29 +03:00
</DebugProvider>
</AffineContext>
</CacheProvider>
2024-04-17 09:12:29 +03:00
</FrameworkRoot>
</Suspense>
2023-07-18 19:53:10 +03:00
);
}