refactor: migrate environment to BUILD_CONFIG (#8206)

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

@@ -43,8 +43,8 @@ const desktopWhiteList = [
   '/magic-link',
 ];
 if (
-  !environment.isElectron &&
-  environment.isDebug &&
+  !BUILD_CONFIG.isElectron &&
+  BUILD_CONFIG.debug &&
   desktopWhiteList.every(path => !location.pathname.startsWith(path))
 ) {
   document.body.innerHTML = `<h1 style="color:red;font-size:5rem;text-align:center;">Don't run electron entry in browser.</h1>`;

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

@@ -39,7 +39,7 @@ function main() {
     performanceMainLogger.info('skip setup');
   } else {
     performanceMainLogger.info('setup start');
-    if (window.SENTRY_RELEASE || environment.isDebug) {
+    if (BUILD_CONFIG.debug || window.SENTRY_RELEASE) {
       // https://docs.sentry.io/platforms/javascript/guides/electron/
       init({
         dsn: process.env.SENTRY_DSN,

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

@@ -1,4 +1,4 @@
-import { AppFallback } from '@affine/core/components/affine/app-container';
+import { ShellAppFallback } from '@affine/core/components/affine/app-container';
 import { useAppSettingHelper } from '@affine/core/hooks/affine/use-app-setting-helper';
 import { AppTabsHeader } from '@affine/core/modules/app-tabs-header';
 import { SplitViewFallback } from '@affine/core/modules/workbench/view/split-view/split-view';
@@ -8,15 +8,15 @@ import * as styles from './shell.css';
 export function ShellRoot() {
   const { appSettings } = useAppSettingHelper();
   const translucent =
-    environment.isElectron &&
+    BUILD_CONFIG.isElectron &&
     environment.isMacOs &&
     appSettings.enableBlurBackground;
   return (
     <div className={styles.root} data-translucent={translucent}>
       <AppTabsHeader mode="shell" className={styles.appTabsHeader} />
-      <AppFallback className={styles.fallbackRoot}>
+      <ShellAppFallback className={styles.fallbackRoot}>
         <SplitViewFallback className={styles.splitViewFallback} />
-      </AppFallback>
+      </ShellAppFallback>
     </div>
   );
 }