fix(electron): add i18n setup for shell (#7728)

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/T2klNLEk0wxLh4NRDzhk/1ef2a050-c372-4b8f-8bf0-b1e557e11f29.png)

packages/common/env/package.json

@@ -27,4 +27,4 @@
     "zod": "^3.22.4"
   },
   "version": "0.15.0"
-}
+}

packages/common/infra/package.json

@@ -74,4 +74,4 @@
     }
   },
   "version": "0.15.0"
-}
+}

packages/frontend/component/package.json

@@ -111,4 +111,4 @@
     "vitest": "1.6.0"
   },
   "version": "0.15.0"
-}
+}

packages/frontend/core/package.json

@@ -116,4 +116,4 @@
     "mime-types": "^2.1.35",
     "vitest": "1.6.0"
   }
-}
+}

packages/frontend/electron/package.json

@@ -95,4 +95,4 @@
   "peerDependencies": {
     "ts-node": "*"
   }
-}
+}

packages/frontend/electron/renderer/shell/index.tsx

@@ -9,6 +9,7 @@ import { configureAppTabsHeaderModule } from '@affine/core/modules/app-tabs-head
 import { configureElectronStateStorageImpls } from '@affine/core/modules/storage';
 import { performanceLogger } from '@affine/core/shared';
 import { apis, events } from '@affine/electron-api';
+import { createI18n, setUpLanguage } from '@affine/i18n';
 import {
   configureGlobalStorageModule,
   Framework,
@@ -27,7 +28,14 @@ const frameworkProvider = framework.provider();
 
 const logger = performanceLogger.namespace('shell');
 
-function main() {
+async function loadLanguage() {
+  const i18n = createI18n();
+  document.documentElement.lang = i18n.language;
+
+  await setUpLanguage(i18n);
+}
+
+async function main() {
   const handleMaximized = (maximized: boolean | undefined) => {
     document.documentElement.dataset.maximized = String(maximized);
   };
@@ -39,6 +47,9 @@ function main() {
   apis?.ui.isFullScreen().then(handleFullscreen).catch(console.error);
   events?.ui.onMaximized(handleMaximized);
   events?.ui.onFullScreen(handleFullscreen);
+
+  await loadLanguage();
+  mountApp();
 }
 
 function mountApp() {
@@ -58,9 +69,4 @@ function mountApp() {
   );
 }
 
-try {
+main().catch(console.error);
-  main();
-  mountApp();
-} catch (err) {
-  console.error('Failed to bootstrap app', err);
-}

tools/cli/package.json

@@ -46,4 +46,4 @@
     "dev": "node --loader ts-node/esm/transpile-only.mjs ./src/bin/dev.ts"
   },
   "version": "0.15.0"
-}
+}