refactor: avoid runtime config object (#8202)

packages/common/env/src/global.ts

@@ -5,7 +5,7 @@ import { z } from 'zod';
 import { isElectron } from './constant.js';
 import { UaHelper } from './ua-helper.js';
 
-export const runtimeFlagsSchema = z.object({
+export const BUILD_CONFIG_SCHEMA = z.object({
   // this is for the electron app
   serverUrlPrefix: z.string(),
   appVersion: z.string(),
@@ -27,14 +27,11 @@ export const runtimeFlagsSchema = z.object({
   allowLocalWorkspace: z.boolean(),
   enablePreloading: z.boolean(),
   enableNewSettingUnstableApi: z.boolean(),
-  enableEnhanceShareMode: z.boolean(),
   enableExperimentalFeature: z.boolean(),
-  enableInfoModal: z.boolean(),
-  enableOrganize: z.boolean(),
   enableThemeEditor: z.boolean(),
 });
 
-export type RuntimeConfig = z.infer<typeof runtimeFlagsSchema>;
+export type BUILD_CONFIG_TYPE = z.infer<typeof BUILD_CONFIG_SCHEMA>;
 
 export type Environment = {
   isDebug: boolean;
@@ -61,24 +58,11 @@ export type Environment = {
   chromeVersion?: number;
 };
 
-function setupRuntimeConfig() {
-  if (!process.env.RUNTIME_CONFIG) {
-    return;
-  }
-
-  // registered by [webpack.DefinePlugin]
-  const runtimeConfig = JSON.parse(process.env.RUNTIME_CONFIG ?? '');
-  runtimeFlagsSchema.parse(runtimeConfig);
-  globalThis.runtimeConfig = runtimeConfig;
-}
-
 export function setupGlobal() {
   if (globalThis.$AFFINE_SETUP) {
     return;
   }
 
-  setupRuntimeConfig();
-
   let environment: Environment;
   const isDebug = process.env.NODE_ENV === 'development';
 
@@ -103,10 +87,10 @@ export function setupGlobal() {
     const uaHelper = new UaHelper(globalThis.navigator);
 
     environment = {
-      isDesktopEdition: runtimeConfig.distribution !== 'mobile',
+      isDesktopEdition: BUILD_CONFIG.distribution !== 'mobile',
-      isMobileEdition: runtimeConfig.distribution === 'mobile',
+      isMobileEdition: BUILD_CONFIG.distribution === 'mobile',
-      isDesktopWeb: runtimeConfig.distribution === 'web',
+      isDesktopWeb: BUILD_CONFIG.distribution === 'web',
-      isMobileWeb: runtimeConfig.distribution === 'mobile',
+      isMobileWeb: BUILD_CONFIG.distribution === 'mobile',
       isElectron,
       isDebug,
       isMobile: uaHelper.isMobile,

packages/common/infra/src/modules/feature-flag/constant.ts

@@ -1,8 +1,8 @@
 import type { FlagInfo } from './types';
 
-const isNotStableBuild = runtimeConfig.appBuildType !== 'stable';
+const isNotStableBuild = BUILD_CONFIG.appBuildType !== 'stable';
 const isDesktopEnvironment = environment.isElectron;
-const isCanaryBuild = runtimeConfig.appBuildType === 'canary';
+const isCanaryBuild = BUILD_CONFIG.appBuildType === 'canary';
 
 export const AFFINE_FLAGS = {
   enable_ai: {

packages/frontend/admin/src/modules/config/about.tsx

@@ -20,15 +20,16 @@ const appNames = {
   beta: 'AFFiNE Beta',
   internal: 'AFFiNE Internal',
 } satisfies Record<Channel, string>;
+const appName = appNames[BUILD_CONFIG.appBuildType];
 
 const links = [
   {
-    href: runtimeConfig.githubUrl,
+    href: BUILD_CONFIG.githubUrl,
     icon: <GithubIcon size={20} />,
     label: 'Star AFFiNE on GitHub',
   },
   {
-    href: runtimeConfig.githubUrl,
+    href: BUILD_CONFIG.githubUrl,
     icon: <MailWarningIcon size={20} />,
     label: 'Report an Issue',
   },
@@ -45,9 +46,6 @@ const links = [
 ];
 
 export function AboutAFFiNE() {
-  const { appBuildType, appVersion, editorVersion } = runtimeConfig;
-  const appName = appNames[appBuildType];
-
   return (
     <div className="flex flex-col h-full gap-3 py-5 px-6 w-full">
       <div className="flex items-center">
@@ -80,8 +78,8 @@ export function AboutAFFiNE() {
         </div>
       </div>
       <div className="space-y-3 text-sm font-normal text-gray-500">
-        <div>{`App Version: ${appName} ${appVersion}`}</div>
+        <div>{`App Version: ${appName} ${BUILD_CONFIG.appVersion}`}</div>
-        <div>{`Editor Version: ${editorVersion}`}</div>
+        <div>{`Editor Version: ${BUILD_CONFIG.editorVersion}`}</div>
       </div>
     </div>
   );

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

@@ -55,8 +55,8 @@ function main() {
         ],
       });
       setTags({
-        appVersion: runtimeConfig.appVersion,
+        appVersion: BUILD_CONFIG.appVersion,
-        editorVersion: runtimeConfig.editorVersion,
+        editorVersion: BUILD_CONFIG.editorVersion,
       });
 
       apis?.ui.handleNetworkChange(navigator.onLine);

packages/frontend/apps/mobile/src/index.tsx

@@ -36,8 +36,8 @@ function main() {
       ],
     });
     setTags({
-      appVersion: runtimeConfig.appVersion,
+      appVersion: BUILD_CONFIG.appVersion,
-      editorVersion: runtimeConfig.editorVersion,
+      editorVersion: BUILD_CONFIG.editorVersion,
     });
   }
   performanceMainLogger.info('setup done');

packages/frontend/apps/mobile/src/pages/workspace/detail/mobile-detail-page.tsx

@@ -112,21 +112,19 @@ const DetailPageImpl = () => {
 
       // provide image proxy endpoint to blocksuite
       editorHost?.std.clipboard.use(
-        customImageProxyMiddleware(runtimeConfig.imageProxyUrl)
+        customImageProxyMiddleware(BUILD_CONFIG.imageProxyUrl)
       );
-      ImageBlockService.setImageProxyURL(runtimeConfig.imageProxyUrl);
+      ImageBlockService.setImageProxyURL(BUILD_CONFIG.imageProxyUrl);
 
       // provide link preview endpoint to blocksuite
-      BookmarkBlockService.setLinkPreviewEndpoint(runtimeConfig.linkPreviewUrl);
+      BookmarkBlockService.setLinkPreviewEndpoint(BUILD_CONFIG.linkPreviewUrl);
       EmbedGithubBlockService.setLinkPreviewEndpoint(
-        runtimeConfig.linkPreviewUrl
+        BUILD_CONFIG.linkPreviewUrl
       );
       EmbedYoutubeBlockService.setLinkPreviewEndpoint(
-        runtimeConfig.linkPreviewUrl
+        BUILD_CONFIG.linkPreviewUrl
-      );
-      EmbedLoomBlockService.setLinkPreviewEndpoint(
-        runtimeConfig.linkPreviewUrl
       );
+      EmbedLoomBlockService.setLinkPreviewEndpoint(BUILD_CONFIG.linkPreviewUrl);
 
       // provide page mode and updated date to blocksuite
       const refNodeService = editorHost?.std.getOptional(RefNodeSlotsProvider);

packages/frontend/apps/mobile/src/pages/workspace/home.tsx

@@ -28,7 +28,7 @@ export const Component = () => {
           }}
         >
           <ExplorerFavorites />
-          {runtimeConfig.enableOrganize && <ExplorerOrganize />}
+          <ExplorerOrganize />
           <ExplorerMigrationFavorites />
           <ExplorerCollections />
           <ExplorerTags />

packages/frontend/apps/mobile/src/views/settings/about/index.tsx

@@ -3,19 +3,17 @@ import { useI18n } from '@affine/i18n';
 import { SettingGroup } from '../group';
 import { RowLayout } from '../row.layout';
 
-const { appVersion, editorVersion } = runtimeConfig;
-
 export const AboutGroup = () => {
   const t = useI18n();
 
   return (
     <SettingGroup title={t['com.affine.mobile.setting.about.title']()}>
       <RowLayout label={t['com.affine.mobile.setting.about.appVersion']()}>
-        {appVersion}
+        {BUILD_CONFIG.appVersion}
       </RowLayout>
 
       <RowLayout label={t['com.affine.mobile.setting.about.editorVersion']()}>
-        {editorVersion}
+        {BUILD_CONFIG.editorVersion}
       </RowLayout>
     </SettingGroup>
   );

packages/frontend/apps/web/src/index.tsx

@@ -43,8 +43,8 @@ function main() {
         ],
       });
       setTags({
-        appVersion: runtimeConfig.appVersion,
+        appVersion: BUILD_CONFIG.appVersion,
-        editorVersion: runtimeConfig.editorVersion,
+        editorVersion: BUILD_CONFIG.editorVersion,
       });
     }
     performanceMainLogger.info('setup done');

packages/frontend/component/src/components/affine-other-page-layout/layout.tsx

@@ -15,7 +15,7 @@ export const AffineOtherPageLayout = ({
   const t = useI18n();
 
   const openDownloadLink = useCallback(() => {
-    open(runtimeConfig.downloadUrl, '_blank');
+    open(BUILD_CONFIG.downloadUrl, '_blank');
   }, []);
 
   return (

packages/frontend/core/src/bootstrap/first-app-data.ts

@@ -46,7 +46,7 @@ export async function createFirstAppData(workspacesService: WorkspacesService) {
     return;
   }
   localStorage.setItem('is-first-open', 'false');
-  if (runtimeConfig.enablePreloading) {
+  if (BUILD_CONFIG.enablePreloading) {
     const { meta, defaultDocId } = await buildShowcaseWorkspace(
       workspacesService,
       WorkspaceFlavour.LOCAL,

packages/frontend/core/src/commands/affine-help.tsx

@@ -23,7 +23,7 @@ export function registerAffineHelpCommands({
       label: t['com.affine.cmdk.affine.whats-new'](),
       run() {
         track.$.cmdk.help.openChangelog();
-        popupWindow(runtimeConfig.changelogUrl);
+        popupWindow(BUILD_CONFIG.changelogUrl);
       },
     })
   );

packages/frontend/core/src/components/affine/auth/oauth.tsx

@@ -50,7 +50,7 @@ function OAuthProvider({ provider }: { provider: OAuthProviderType }) {
 
   const onClick = useCallback(() => {
     let oauthUrl =
-      (environment.isElectron ? runtimeConfig.serverUrlPrefix : '') +
+      (environment.isElectron ? BUILD_CONFIG.serverUrlPrefix : '') +
       `/oauth/login?provider=${provider}`;
 
     if (environment.isElectron) {

packages/frontend/core/src/components/affine/create-workspace-modal/index.tsx

@@ -48,7 +48,7 @@ interface NameWorkspaceContentProps extends ConfirmModalProps {
   ) => void;
 }
 
-const shouldEnableCloud = !runtimeConfig.allowLocalWorkspace;
+const shouldEnableCloud = !BUILD_CONFIG.allowLocalWorkspace;
 
 const NameWorkspaceContent = ({
   loading,
@@ -159,7 +159,7 @@ const NameWorkspaceContent = ({
         {shouldEnableCloud ? (
           <a
             className={styles.cloudTips}
-            href={runtimeConfig.downloadUrl}
+            href={BUILD_CONFIG.downloadUrl}
             target="_blank"
             rel="noreferrer"
           >
@@ -229,7 +229,7 @@ export const CreateWorkspaceModal = ({
 
       // this will be the last step for web for now
       // fix me later
-      if (runtimeConfig.enablePreloading) {
+      if (BUILD_CONFIG.enablePreloading) {
         const { meta, defaultDocId } = await buildShowcaseWorkspace(
           workspacesService,
           workspaceFlavour,

packages/frontend/core/src/components/affine/issue-feedback-modal/index.tsx

@@ -24,7 +24,7 @@ export const IssueFeedbackModal = () => {
       onOpenChange={setOpen}
       description={t['com.affine.issue-feedback.description']()}
       cancelText={t['com.affine.issue-feedback.cancel']()}
-      to={`${runtimeConfig.githubUrl}/issues/new/choose`}
+      to={`${BUILD_CONFIG.githubUrl}/issues/new/choose`}
       confirmText={t['com.affine.issue-feedback.confirm']()}
       confirmButtonOptions={{
         variant: 'primary',

packages/frontend/core/src/components/affine/setting-modal/general-setting/about/index.tsx

@@ -21,7 +21,7 @@ export const AboutAffine = () => {
   const t = useI18n();
   const { appSettings, updateSettings } = useAppSettingHelper();
   const { toggleAutoCheck, toggleAutoDownload } = useAppUpdater();
-  const channel = runtimeConfig.appBuildType;
+  const channel = BUILD_CONFIG.appBuildType;
   const appIcon = appIconMap[channel];
   const appName = appNames[channel];
 
@@ -63,14 +63,14 @@ export const AboutAffine = () => {
       <SettingWrapper title={t['com.affine.aboutAFFiNE.version.title']()}>
         <SettingRow
           name={appName}
-          desc={runtimeConfig.appVersion}
+          desc={BUILD_CONFIG.appVersion}
           className={styles.appImageRow}
         >
           <img src={appIcon} alt={appName} width={56} height={56} />
         </SettingRow>
         <SettingRow
           name={t['com.affine.aboutAFFiNE.version.editor.title']()}
-          desc={runtimeConfig.editorVersion}
+          desc={BUILD_CONFIG.editorVersion}
         />
         {environment.isElectron ? (
           <>
@@ -100,7 +100,7 @@ export const AboutAffine = () => {
               desc={t['com.affine.aboutAFFiNE.changelog.description']()}
               style={{ cursor: 'pointer' }}
               onClick={() => {
-                popupWindow(runtimeConfig.changelogUrl);
+                popupWindow(BUILD_CONFIG.changelogUrl);
               }}
             >
               <ArrowRightSmallIcon />

packages/frontend/core/src/components/affine/setting-modal/general-setting/appearance/index.tsx

@@ -98,7 +98,7 @@ export const AppearanceSettings = () => {
             />
           </SettingRow>
         ) : null}
-        {runtimeConfig.enableNewSettingUnstableApi && environment.isElectron ? (
+        {BUILD_CONFIG.enableNewSettingUnstableApi && environment.isElectron ? (
           <SettingRow
             name={t['com.affine.appearanceSettings.windowFrame.title']()}
             desc={t['com.affine.appearanceSettings.windowFrame.description']()}
@@ -118,11 +118,11 @@ export const AppearanceSettings = () => {
             />
           </SettingRow>
         ) : null}
-        {runtimeConfig.enableThemeEditor ? <ThemeEditorSetting /> : null}
+        {BUILD_CONFIG.enableThemeEditor ? <ThemeEditorSetting /> : null}
       </SettingWrapper>
       {/* // TODO(@JimmFly): remove Page component when stable release */}
       <Page />
-      {runtimeConfig.enableNewSettingUnstableApi ? (
+      {BUILD_CONFIG.enableNewSettingUnstableApi ? (
         <SettingWrapper title={t['com.affine.appearanceSettings.date.title']()}>
           <SettingRow
             name={t['com.affine.appearanceSettings.dateFormat.title']()}

packages/frontend/core/src/components/affine/setting-modal/general-setting/index.tsx

@@ -107,7 +107,7 @@ export const useGeneralSettingList = (): GeneralSettingList => {
     }
   }
 
-  if (runtimeConfig.enableExperimentalFeature) {
+  if (BUILD_CONFIG.enableExperimentalFeature) {
     settings.push({
       key: 'experimental-features',
       title: t['com.affine.settings.workspace.experimental-features'](),

packages/frontend/core/src/components/affine/star-affine-modal/index.tsx

@@ -24,7 +24,7 @@ export const StarAFFiNEModal = () => {
       onOpenChange={setOpen}
       description={t['com.affine.star-affine.description']()}
       cancelText={t['com.affine.star-affine.cancel']()}
-      to={runtimeConfig.githubUrl}
+      to={BUILD_CONFIG.githubUrl}
       confirmButtonOptions={{
         variant: 'primary',
       }}

packages/frontend/core/src/components/blocksuite/block-suite-editor/blocksuite-editor.tsx

@@ -89,22 +89,22 @@ const BlockSuiteEditorImpl = ({
 
             // provide image proxy endpoint to blocksuite
             editor.host?.std.clipboard.use(
-              customImageProxyMiddleware(runtimeConfig.imageProxyUrl)
+              customImageProxyMiddleware(BUILD_CONFIG.imageProxyUrl)
             );
-            ImageBlockService.setImageProxyURL(runtimeConfig.imageProxyUrl);
+            ImageBlockService.setImageProxyURL(BUILD_CONFIG.imageProxyUrl);
 
             // provide link preview endpoint to blocksuite
             BookmarkBlockService.setLinkPreviewEndpoint(
-              runtimeConfig.linkPreviewUrl
+              BUILD_CONFIG.linkPreviewUrl
             );
             EmbedGithubBlockService.setLinkPreviewEndpoint(
-              runtimeConfig.linkPreviewUrl
+              BUILD_CONFIG.linkPreviewUrl
             );
             EmbedYoutubeBlockService.setLinkPreviewEndpoint(
-              runtimeConfig.linkPreviewUrl
+              BUILD_CONFIG.linkPreviewUrl
             );
             EmbedLoomBlockService.setLinkPreviewEndpoint(
-              runtimeConfig.linkPreviewUrl
+              BUILD_CONFIG.linkPreviewUrl
             );
 
             return editor.host?.updateComplete;

packages/frontend/core/src/components/blocksuite/block-suite-editor/specs/font-extension.ts

@@ -2,7 +2,7 @@ import { AffineCanvasTextFonts, FontConfigExtension } from '@blocksuite/blocks';
 
 export function getFontConfigExtension() {
   return FontConfigExtension(
-    runtimeConfig.isSelfHosted
+    BUILD_CONFIG.isSelfHosted
       ? AffineCanvasTextFonts.map(font => ({
           ...font,
           // self-hosted fonts are served from /assets

packages/frontend/core/src/components/blocksuite/block-suite-header/menu/index.tsx

@@ -304,16 +304,13 @@ export const PageHeaderMenuButton = ({
       )}
 
       <MenuSeparator />
-
+      <MenuItem
-      {runtimeConfig.enableInfoModal && (
+        prefixIcon={<InformationIcon />}
-        <MenuItem
+        data-testid="editor-option-menu-info"
-          prefixIcon={<InformationIcon />}
+        onSelect={openInfoModal}
-          data-testid="editor-option-menu-info"
+      >
-          onSelect={openInfoModal}
+        {t['com.affine.page-properties.page-info.view']()}
-        >
+      </MenuItem>
-          {t['com.affine.page-properties.page-info.view']()}
-        </MenuItem>
-      )}
       {currentMode === 'page' ? (
         <MenuItem
           prefixIcon={<TocIcon />}

packages/frontend/core/src/components/page-list/operation-cell.tsx

@@ -173,11 +173,9 @@ export const PageOperationCell = ({
           ? t['com.affine.favoritePageOperation.remove']()
           : t['com.affine.favoritePageOperation.add']()}
       </MenuItem>
-      {runtimeConfig.enableInfoModal ? (
+      <MenuItem onClick={onOpenInfoModal} prefixIcon={<InformationIcon />}>
-        <MenuItem onClick={onOpenInfoModal} prefixIcon={<InformationIcon />}>
+        {t['com.affine.page-properties.page-info.view']()}
-          {t['com.affine.page-properties.page-info.view']()}
+      </MenuItem>
-        </MenuItem>
-      ) : null}
 
       <MenuItem onClick={onOpenInNewTab} prefixIcon={<OpenInNewIcon />}>
         {t['com.affine.workbench.tab.page-menu-open']()}

packages/frontend/core/src/components/pure/help-island/index.tsx

@@ -77,7 +77,7 @@ export const HelpIsland = () => {
             <StyledIconWrapper
               data-testid="right-bottom-change-log-icon"
               onClick={() => {
-                popupWindow(runtimeConfig.changelogUrl);
+                popupWindow(BUILD_CONFIG.changelogUrl);
               }}
             >
               <NewIcon />

packages/frontend/core/src/components/root-app-sidebar/index.tsx

@@ -176,7 +176,7 @@ export const RootAppSidebar = (): ReactElement => {
       </SidebarContainer>
       <SidebarScrollableContainer>
         <ExplorerFavorites />
-        {runtimeConfig.enableOrganize && <ExplorerOrganize />}
+        <ExplorerOrganize />
         <ExplorerMigrationFavorites />
         <ExplorerCollections />
         <ExplorerTags />

packages/frontend/core/src/components/workspace-selector/user-with-workspace-list/add-workspace/index.tsx

@@ -36,7 +36,7 @@ export const AddWorkspace = ({
         className={styles.ItemContainer}
       >
         <div className={styles.ItemText}>
-          {runtimeConfig.allowLocalWorkspace
+          {BUILD_CONFIG.allowLocalWorkspace
             ? t['com.affine.workspaceList.addWorkspace.create']()
             : t['com.affine.workspaceList.addWorkspace.create-cloud']()}
         </div>

packages/frontend/core/src/components/workspace-selector/user-with-workspace-list/index.tsx

@@ -88,7 +88,7 @@ const UserWithWorkspaceListInner = ({
   }, [setOpenSignIn]);
 
   const onNewWorkspace = useCallback(() => {
-    if (!isAuthenticated && !runtimeConfig.allowLocalWorkspace) {
+    if (!isAuthenticated && !BUILD_CONFIG.allowLocalWorkspace) {
       return openSignInModal();
     }
     track.$.navigationPanel.workspaceList.createWorkspace();

packages/frontend/core/src/hooks/affine/use-register-blocksuite-editor-commands.tsx

@@ -95,9 +95,7 @@ export function useRegisterBlocksuiteEditorCommands(editor: Editor) {
       registerAffineCommand({
         id: `editor:${mode}-view-info`,
         preconditionStrategy: () =>
-          PreconditionStrategy.InPaperOrEdgeless &&
+          PreconditionStrategy.InPaperOrEdgeless && !trash,
-          !trash &&
-          runtimeConfig.enableInfoModal,
         category: `editor:${mode}`,
         icon: mode === 'page' ? <PageIcon /> : <EdgelessIcon />,
         label: t['com.affine.page-properties.page-info.view'](),

packages/frontend/core/src/hooks/use-app-updater.ts

@@ -177,7 +177,7 @@ export const useAppUpdater = () => {
 
   const openChangelog = useAsyncCallback(async () => {
     track.$.navigationPanel.bottomButtons.openChangelog();
-    popupWindow(runtimeConfig.changelogUrl);
+    popupWindow(BUILD_CONFIG.changelogUrl);
     await setChangelogUnread(true);
   }, [setChangelogUnread]);
 

packages/frontend/core/src/mixpanel/mixpanel.ts

@@ -32,10 +32,10 @@ function createMixpanel() {
   const wrapped = {
     init() {
       mixpanel.register({
-        appVersion: runtimeConfig.appVersion,
+        appVersion: BUILD_CONFIG.appVersion,
-        environment: runtimeConfig.appBuildType,
+        environment: BUILD_CONFIG.appBuildType,
-        editorVersion: runtimeConfig.editorVersion,
+        editorVersion: BUILD_CONFIG.editorVersion,
-        isSelfHosted: Boolean(runtimeConfig.isSelfHosted),
+        isSelfHosted: Boolean(BUILD_CONFIG.isSelfHosted),
         isDesktop: environment.isElectron,
       });
     },

packages/frontend/core/src/modules/cloud/services/fetch.ts

@@ -6,7 +6,7 @@ import { BackendError, NetworkError } from '../error';
 
 export function getAffineCloudBaseUrl(): string {
   if (environment.isElectron) {
-    return runtimeConfig.serverUrlPrefix;
+    return BUILD_CONFIG.serverUrlPrefix;
   }
   const { protocol, hostname, port } = window.location;
   return `${protocol}//${hostname}${port ? `:${port}` : ''}`;

packages/frontend/core/src/modules/create-workspace/views/dialog.tsx

@@ -35,7 +35,7 @@ interface NameWorkspaceContentProps extends ConfirmModalProps {
   ) => void;
 }
 
-const shouldEnableCloud = !runtimeConfig.allowLocalWorkspace;
+const shouldEnableCloud = !BUILD_CONFIG.allowLocalWorkspace;
 
 const NameWorkspaceContent = ({
   loading,
@@ -146,7 +146,7 @@ const NameWorkspaceContent = ({
         {shouldEnableCloud ? (
           <a
             className={styles.cloudTips}
-            href={runtimeConfig.downloadUrl}
+            href={BUILD_CONFIG.downloadUrl}
             target="_blank"
             rel="noreferrer"
           >
@@ -213,7 +213,7 @@ const CreateWorkspaceDialog = () => {
 
       // this will be the last step for web for now
       // fix me later
-      if (runtimeConfig.enablePreloading) {
+      if (BUILD_CONFIG.enablePreloading) {
         const { meta, defaultDocId } = await buildShowcaseWorkspace(
           workspacesService,
           workspaceFlavour,

packages/frontend/core/src/modules/explorer/views/nodes/doc/operations.tsx

@@ -154,21 +154,17 @@ export const useExplorerDocNodeOperations = (
           />
         ),
       },
-      ...(runtimeConfig.enableInfoModal
+      {
-        ? [
+        index: 50,
-            {
+        view: (
-              index: 50,
+          <MenuItem
-              view: (
+            prefixIcon={<InformationIcon />}
-                <MenuItem
+            onClick={handleOpenInfoModal}
-                  prefixIcon={<InformationIcon />}
+          >
-                  onClick={handleOpenInfoModal}
+            {t['com.affine.page-properties.page-info.view']()}
-                >
+          </MenuItem>
-                  {t['com.affine.page-properties.page-info.view']()}
+        ),
-                </MenuItem>
+      },
-              ),
-            },
-          ]
-        : []),
       {
         index: 99,
         view: (

packages/frontend/core/src/modules/theme-editor/views/custom-theme.tsx

@@ -11,7 +11,7 @@ export const useCustomTheme = (target: HTMLElement) => {
   const { resolvedTheme } = useTheme();
 
   useEffect(() => {
-    if (!runtimeConfig.enableThemeEditor) return;
+    if (!BUILD_CONFIG.enableThemeEditor) return;
     if (_provided) return;
 
     _provided = true;

packages/frontend/core/src/modules/userspace/impls/user-db-doc-server.ts

@@ -36,7 +36,7 @@ export class UserDBDocServer implements DocServer {
     await this.socket.emitWithAck('space:join', {
       spaceType: 'userspace',
       spaceId: this.userId,
-      clientVersion: runtimeConfig.appVersion,
+      clientVersion: BUILD_CONFIG.appVersion,
     });
   }
 

packages/frontend/core/src/modules/workspace-engine/impls/engine/awareness-cloud.ts

@@ -166,7 +166,7 @@ export class CloudAwarenessConnection implements AwarenessConnection {
         spaceType: 'workspace',
         spaceId: this.workspaceId,
         docId: this.workspaceId,
-        clientVersion: runtimeConfig.appVersion,
+        clientVersion: BUILD_CONFIG.appVersion,
       },
       (res: any) => {
         logger.debug('awareness handshake finished', res);

packages/frontend/core/src/modules/workspace-engine/impls/engine/doc-cloud.ts

@@ -37,7 +37,7 @@ export class CloudDocEngineServer implements DocServer {
     await this.socket.emitWithAck('space:join', {
       spaceType: 'workspace',
       spaceId: this.workspaceId,
-      clientVersion: runtimeConfig.appVersion,
+      clientVersion: BUILD_CONFIG.appVersion,
     });
   }
 

packages/frontend/core/src/pages/workspace/detail-page/detail-page-header.tsx

@@ -139,7 +139,7 @@ export function NormalPageHeader({ page, workspace }: PageHeaderProps) {
         {hideCollect ? null : (
           <>
             <FavoriteButton pageId={page?.id} />
-            {runtimeConfig.enableInfoModal ? <InfoButton /> : null}
+            <InfoButton />
           </>
         )}
         <PageHeaderMenuButton

packages/frontend/core/src/utils/popup.ts

@@ -1,8 +1,8 @@
 export function popupWindow(target: string) {
-  const url = new URL(runtimeConfig.serverUrlPrefix + '/redirect-proxy');
+  const url = new URL(BUILD_CONFIG.serverUrlPrefix + '/redirect-proxy');
   target = /^https?:\/\//.test(target)
     ? target
-    : runtimeConfig.serverUrlPrefix + target;
+    : BUILD_CONFIG.serverUrlPrefix + target;
   url.searchParams.set('redirect_uri', target);
   return window.open(url, '_blank', `noreferrer noopener`);
 }

packages/frontend/core/src/utils/url.ts

@@ -8,7 +8,7 @@ interface AppUrlOptions {
 
 export function buildAppUrl(path: string, opts: AppUrlOptions = {}) {
   // TODO(@EYHN): should use server base url
-  const webBase = runtimeConfig.serverUrlPrefix;
+  const webBase = BUILD_CONFIG.serverUrlPrefix;
   // TODO(@pengx17): how could we know the corresponding app schema in web environment
   if (opts.desktop && appInfo?.schema) {
     const urlCtor = new URL(path, webBase);

packages/frontend/graphql/src/index.ts

@@ -11,7 +11,7 @@ setupGlobal();
 
 export function getBaseUrl(): string {
   if (environment.isElectron) {
-    return runtimeConfig.serverUrlPrefix;
+    return BUILD_CONFIG.serverUrlPrefix;
   }
   if (typeof window === 'undefined') {
     // is nodejs

scripts/setup/global.ts

@@ -1,14 +1,12 @@
 import { getRuntimeConfig } from '@affine/cli/src/webpack/runtime-config';
 import { setupGlobal } from '@affine/env/global';
 
-process.env.RUNTIME_CONFIG = JSON.stringify(
+globalThis.BUILD_CONFIG = getRuntimeConfig({
-  getRuntimeConfig({
+  distribution: 'web',
-    distribution: 'web',
+  mode: 'development',
-    mode: 'development',
+  channel: 'canary',
-    channel: 'canary',
+  static: false,
-    static: false,
+});
-  })
-);
 
 if (typeof window !== 'undefined') {
   window.location.search = '?prefixUrl=http://127.0.0.1:3010/';

tools/@types/env/__all.d.ts

@@ -1,4 +1,4 @@
-import type { Environment, RuntimeConfig } from '@affine/env/global';
+import type { BUILD_CONFIG_TYPE, Environment } from '@affine/env/global';
 
 declare global {
   // eslint-disable-next-line no-var
@@ -8,7 +8,7 @@ declare global {
   // eslint-disable-next-line no-var
   var environment: Environment;
   // eslint-disable-next-line no-var
-  var runtimeConfig: RuntimeConfig;
+  var BUILD_CONFIG: BUILD_CONFIG_TYPE;
   // eslint-disable-next-line no-var
   var $AFFINE_SETUP: boolean | undefined;
   /**

tools/cli/src/webpack/config.ts

@@ -1,7 +1,7 @@
 import { join } from 'node:path';
 import { fileURLToPath } from 'node:url';
 
-import type { RuntimeConfig } from '@affine/env/global';
+import type { BUILD_CONFIG_TYPE } from '@affine/env/global';
 import { PerfseePlugin } from '@perfsee/webpack';
 import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
 import { sentryWebpackPlugin } from '@sentry/webpack-plugin';
@@ -89,8 +89,8 @@ export const getPublicPath = (buildFlags: BuildFlags) => {
 export const createConfiguration: (
   cwd: string,
   buildFlags: BuildFlags,
-  runtimeConfig: RuntimeConfig
+  buildConfig: BUILD_CONFIG_TYPE
-) => webpack.Configuration = (cwd, buildFlags, runtimeConfig) => {
+) => webpack.Configuration = (cwd, buildFlags, buildConfig) => {
   const blocksuiteBaseDir = buildFlags.localBlockSuite;
   const config = {
     name: 'affine',
@@ -350,8 +350,12 @@ export const createConfiguration: (
           process.env.MIXPANEL_TOKEN
         ),
         'process.env.DEBUG_JOTAI': JSON.stringify(process.env.DEBUG_JOTAI),
-        'process.env.RUNTIME_CONFIG': JSON.stringify(
+        ...Object.entries(buildConfig).reduce(
-          JSON.stringify(runtimeConfig)
+          (def, [k, v]) => {
+            def[`BUILD_CONFIG.${k}`] = JSON.stringify(v);
+            return def;
+          },
+          {} as Record<string, string>
         ),
       }),
       buildFlags.distribution === 'admin'

tools/cli/src/webpack/runtime-config.ts

@@ -1,10 +1,10 @@
-import type { RuntimeConfig } from '@affine/env/global';
+import type { BUILD_CONFIG_TYPE } from '@affine/env/global';
 
 import packageJson from '../../package.json' assert { type: 'json' };
 import type { BuildFlags } from '../config';
 
-export function getRuntimeConfig(buildFlags: BuildFlags): RuntimeConfig {
+export function getRuntimeConfig(buildFlags: BuildFlags): BUILD_CONFIG_TYPE {
-  const buildPreset: Record<BuildFlags['channel'], RuntimeConfig> = {
+  const buildPreset: Record<BuildFlags['channel'], BUILD_CONFIG_TYPE> = {
     get stable() {
       return {
         distribution: buildFlags.distribution,
@@ -21,13 +21,10 @@ export function getRuntimeConfig(buildFlags: BuildFlags): RuntimeConfig {
         enableExperimentalFeature: true,
         allowLocalWorkspace:
           buildFlags.distribution === 'desktop' ? true : false,
-        enableOrganize: true,
+        enableThemeEditor: false,
-        enableInfoModal: true,
 
         // CAUTION(@forehalo): product not ready, do not enable it
         enableNewSettingUnstableApi: false,
-        enableEnhanceShareMode: false,
-        enableThemeEditor: false,
       };
     },
     get beta() {
@@ -53,8 +50,6 @@ export function getRuntimeConfig(buildFlags: BuildFlags): RuntimeConfig {
         appBuildType: 'canary' as const,
         serverUrlPrefix: 'https://affine.fail',
         changelogUrl: 'https://github.com/toeverything/AFFiNE/releases',
-        enableInfoModal: true,
-        enableOrganize: true,
         enableThemeEditor: true,
       };
     },
@@ -76,9 +71,6 @@ export function getRuntimeConfig(buildFlags: BuildFlags): RuntimeConfig {
     enableNewSettingUnstableApi: process.env.ENABLE_NEW_SETTING_UNSTABLE_API
       ? process.env.ENABLE_NEW_SETTING_UNSTABLE_API === 'true'
       : currentBuildPreset.enableNewSettingUnstableApi,
-    enableEnhanceShareMode: process.env.ENABLE_ENHANCE_SHARE_MODE
-      ? process.env.ENABLE_ENHANCE_SHARE_MODE === 'true'
-      : currentBuildPreset.enableEnhanceShareMode,
     allowLocalWorkspace: process.env.ALLOW_LOCAL_WORKSPACE
       ? process.env.ALLOW_LOCAL_WORKSPACE === 'true'
       : buildFlags.mode === 'development'