refactor(electron): create electron api package (#5334)

packages/frontend/component/package.json

@@ -20,6 +20,7 @@
   },
   "dependencies": {
     "@affine/debug": "workspace:*",
+    "@affine/electron-api": "workspace:*",
     "@affine/graphql": "workspace:*",
     "@affine/i18n": "workspace:*",
     "@affine/workspace": "workspace:*",

packages/frontend/component/src/components/theme-provider/index.tsx

@@ -1,3 +1,4 @@
+import { apis } from '@affine/electron-api';
 import { ThemeProvider as NextThemeProvider, useTheme } from 'next-themes';
 import type { PropsWithChildren } from 'react';
 import { memo, useRef } from 'react';
@@ -10,7 +11,7 @@ const DesktopThemeSync = memo(function DesktopThemeSync() {
   const onceRef = useRef(false);
   if (lastThemeRef.current !== theme || !onceRef.current) {
     if (environment.isDesktop && theme) {
-      window.apis?.ui
+      apis?.ui
         .handleThemeChange(theme as 'dark' | 'light' | 'system')
         .catch(err => {
           console.error(err);

packages/frontend/component/tsconfig.json

@@ -14,6 +14,9 @@
     {
       "path": "../../frontend/hooks"
     },
+    {
+      "path": "../../frontend/electron-api"
+    },
     { "path": "../../frontend/workspace" },
     {
       "path": "../../common/debug"