refactor: environment setup (#2898)

Co-authored-by: Simon He <57086651+Simon-He95@users.noreply.github.com>

packages/workspace/src/affine/api/index.ts

@@ -1,4 +1,4 @@
-import { MessageCode, Messages } from '@affine/env';
+import { MessageCode, Messages } from '@affine/env/constant';
 import type {
   AcceptInvitingParams,
   DeleteWorkspaceParams,

packages/workspace/src/affine/keck/index.ts

@@ -1,3 +1,4 @@
+import { isBrowser } from '@affine/env/constant';
 import * as encoding from 'lib0/encoding';
 import * as math from 'lib0/math';
 import { Observable } from 'lib0/observable';
@@ -217,7 +218,7 @@ export class KeckProvider extends Observable<string> {
         'window unload'
       );
     };
-    if (typeof window !== 'undefined') {
+    if (isBrowser) {
       window.addEventListener('unload', this._unloadHandler);
     } else if (typeof process !== 'undefined') {
       process.on('exit', this._unloadHandler);
@@ -259,7 +260,7 @@ export class KeckProvider extends Observable<string> {
     }
     clearInterval(this._checkInterval);
     this.disconnect();
-    if (typeof window !== 'undefined') {
+    if (isBrowser) {
       window.removeEventListener('unload', this._unloadHandler);
     } else if (typeof process !== 'undefined') {
       process.off('exit', this._unloadHandler);

packages/workspace/src/affine/login.ts

@@ -1,5 +1,4 @@
 import { DebugLogger } from '@affine/debug';
-import { env } from '@affine/env';
 import { assertExists } from '@blocksuite/global/utils';
 import { Slot } from '@blocksuite/store';
 import { initializeApp } from 'firebase/app';
@@ -189,7 +188,7 @@ export function createAffineAuth(prefix = '/') {
       }
       try {
         let idToken: string | undefined;
-        if (env.isDesktop) {
+        if (environment.isDesktop) {
           idToken = await signInWithElectron(auth);
         } else {
           const response = await signInWithPopup(auth, provider);

packages/workspace/src/affine/shared.ts

@@ -1,4 +1,4 @@
-import { prefixUrl } from '@affine/env';
+import { setupGlobal } from '@affine/env/global';
 import { rootStore } from '@toeverything/plugin-infra/manager';
 
 import { createUserApis, createWorkspaceApis } from './api/index';
@@ -6,9 +6,12 @@ import { currentAffineUserAtom } from './atom';
 import type { LoginResponse } from './login';
 import { createAffineAuth, parseIdToken, setLoginStorage } from './login';
 
+setupGlobal();
+
 export const affineAuth = createAffineAuth(prefixUrl);
 const affineApis = {} as ReturnType<typeof createUserApis> &
   ReturnType<typeof createWorkspaceApis>;
+
 Object.assign(affineApis, createUserApis(prefixUrl));
 Object.assign(affineApis, createWorkspaceApis(prefixUrl));
 

packages/workspace/src/affine/sync.ts

@@ -1,5 +1,4 @@
 import { DebugLogger } from '@affine/debug';
-import { websocketPrefixUrl } from '@affine/env/api';
 import type { WorkspaceCRUD } from '@affine/env/workspace';
 import type { WorkspaceFlavour } from '@affine/env/workspace';
 import {

packages/workspace/src/atom.ts

@@ -1,3 +1,4 @@
+import { isBrowser } from '@affine/env/constant';
 import type { WorkspaceFlavour } from '@affine/env/workspace';
 import type { WorkspaceVersion } from '@affine/env/workspace';
 import type { EditorContainer } from '@blocksuite/editor';
@@ -44,14 +45,12 @@ export const rootWorkspacesMetadataAtom = atomWithStorage<
 export const rootCurrentWorkspaceIdAtom = atom<string | null>(null);
 
 rootCurrentWorkspaceIdAtom.onMount = set => {
-  if (typeof window !== 'undefined') {
+  if (isBrowser) {
     const callback = (url: string) => {
       const value = url.split('/')[2];
       if (value) {
         set(value);
-        if (typeof window !== 'undefined') {
-          localStorage.setItem('last_workspace_id', value);
-        }
+        localStorage.setItem('last_workspace_id', value);
       } else {
         set(null);
       }
@@ -68,7 +67,7 @@ rootCurrentWorkspaceIdAtom.onMount = set => {
 export const rootCurrentPageIdAtom = atom<string | null>(null);
 
 rootCurrentPageIdAtom.onMount = set => {
-  if (typeof window !== 'undefined') {
+  if (isBrowser) {
     const callback = (url: string) => {
       const value = url.split('/')[3];
       if (value) {

packages/workspace/src/local/crud.ts

@@ -1,5 +1,4 @@
 import { DebugLogger } from '@affine/debug';
-import { config } from '@affine/env';
 import type { LocalWorkspace, WorkspaceCRUD } from '@affine/env/workspace';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { nanoid, Workspace as BlockSuiteWorkspace } from '@blocksuite/store';
@@ -112,7 +111,11 @@ export const CRUD: WorkspaceCRUD<WorkspaceFlavour.LOCAL> = {
       : [];
 
     // workspaces in desktop
-    if (window.apis && environment.isDesktop && config.enableSQLiteProvider) {
+    if (
+      window.apis &&
+      environment.isDesktop &&
+      runtimeConfig.enableSQLiteProvider
+    ) {
       const desktopIds = (await window.apis.workspace.list()).map(([id]) => id);
       // the ids maybe a subset of the local storage
       const moreWorkspaces = desktopIds.filter(

packages/workspace/src/providers/index.ts

@@ -1,4 +1,3 @@
-import { config, websocketPrefixUrl } from '@affine/env';
 import type {
   AffineWebSocketProvider,
   LocalIndexedDBBackgroundProvider,
@@ -169,11 +168,11 @@ export const createLocalProviders = (): DocProviderCreator[] => {
     createIndexedDBDownloadProvider,
   ] as DocProviderCreator[];
 
-  if (config.enableBroadcastChannelProvider) {
+  if (runtimeConfig.enableBroadcastChannelProvider) {
     providers.push(createBroadcastChannelProvider);
   }
 
-  if (environment.isDesktop && config.enableSQLiteProvider) {
+  if (environment.isDesktop && runtimeConfig.enableSQLiteProvider) {
     providers.push(createSQLiteProvider, createSQLiteDBDownloadProvider);
   }
 
@@ -185,7 +184,8 @@ export const createAffineProviders = (): DocProviderCreator[] => {
     [
       createAffineDownloadProvider,
       createAffineWebSocketProvider,
-      config.enableBroadcastChannelProvider && createBroadcastChannelProvider,
+      runtimeConfig.enableBroadcastChannelProvider &&
+        createBroadcastChannelProvider,
       createIndexedDBDownloadProvider,
     ] as DocProviderCreator[]
   ).filter(v => Boolean(v));

packages/workspace/src/utils.ts

@@ -1,5 +1,5 @@
-import type { BlockSuiteFeatureFlags } from '@affine/env';
-import { config } from '@affine/env';
+import { isBrowser, isDesktop } from '@affine/env/constant';
+import type { BlockSuiteFeatureFlags } from '@affine/env/global';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import {
   createAffineProviders,
@@ -26,7 +26,7 @@ export function cleanupWorkspace(flavour: WorkspaceFlavour) {
 }
 
 function setEditorFlags(workspace: Workspace) {
-  Object.entries(config.editorFlags).forEach(([key, value]) => {
+  Object.entries(runtimeConfig.editorFlags).forEach(([key, value]) => {
     workspace.awarenessStore.setFlag(
       key as keyof BlockSuiteFeatureFlags,
       value
@@ -96,9 +96,9 @@ export function createEmptyBlockSuiteWorkspace(
     }
     providerCreators.push(...createAffineProviders());
   } else {
-    if (typeof window !== 'undefined') {
+    if (isBrowser) {
       blobStorages.push(createIndexeddbStorage);
-      if (environment.isDesktop) {
+      if (isDesktop) {
         blobStorages.push(createSQLiteStorage);
       }
     }
@@ -107,7 +107,7 @@ export function createEmptyBlockSuiteWorkspace(
 
   const workspace = new Workspace({
     id,
-    isSSR: typeof window === 'undefined',
+    isSSR: !isBrowser,
     providerCreators: typeof window === 'undefined' ? [] : providerCreators,
     blobStorages: blobStorages,
     idGenerator,