fix(server): blank screen on mobile (#8460)

Co-authored-by: forehalo <forehalo@gmail.com>

packages/frontend/admin/src/index.tsx

@@ -1,4 +1,5 @@
 import './global.css';
+import './setup';
 
 import { createRoot } from 'react-dom/client';
 

packages/frontend/admin/src/setup.ts

@@ -0,0 +1,3 @@
+import { setupBrowser } from '@affine/core/bootstrap';
+
+await setupBrowser();

packages/frontend/core/src/bootstrap/index.ts

@@ -4,11 +4,12 @@ import { setupEnvironment } from './app';
 import { polyfillBrowser, polyfillElectron } from './polyfill';
 
 export function setupElectron() {
-  polyfillElectron();
   setupEnvironment();
+  polyfillElectron();
 }
 
 export async function setupBrowser() {
-  await polyfillBrowser();
   setupEnvironment();
+  __webpack_public_path__ = environment.publicPath;
+  await polyfillBrowser();
 }

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

@@ -5,12 +5,9 @@ import {
 
 export function getFontConfigExtension() {
   return FontConfigExtension(
-    BUILD_CONFIG.isSelfHosted
-      ? AffineCanvasTextFonts.map(font => ({
-          ...font,
-          // self-hosted fonts are served from /assets
-          url: '/assets/' + new URL(font.url).pathname.split('/').pop(),
-        }))
-      : AffineCanvasTextFonts
+    AffineCanvasTextFonts.map(font => ({
+      ...font,
+      url: environment.publicPath + 'fonts/' + font.url.split('/').pop(),
+    }))
   );
 }

packages/frontend/track/src/mixpanel.ts

@@ -35,8 +35,8 @@ function createMixpanel() {
         appVersion: BUILD_CONFIG.appVersion,
         environment: BUILD_CONFIG.appBuildType,
         editorVersion: BUILD_CONFIG.editorVersion,
-        isSelfHosted: BUILD_CONFIG.isSelfHosted,
         isDesktop: BUILD_CONFIG.isElectron,
+        isSelfHosted: environment.isSelfHosted,
       });
     },
     reset() {