refactor: setup files (#8201)

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

@@ -0,0 +1,4 @@
+import '@affine/env/constant';
+import '../types/types.d.ts';
+
+export { setupGlobal as setupEnvironment } from '@affine/env/global';

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

@@ -3,9 +3,11 @@ import { builtInTemplates as builtInStickersTemplates } from '@affine/templates/
 import type { TemplateManager } from '@blocksuite/blocks';
 import { EdgelessTemplatePanel } from '@blocksuite/blocks';
 
-EdgelessTemplatePanel.templates.extend(
-  builtInStickersTemplates as TemplateManager
-);
-EdgelessTemplatePanel.templates.extend(
-  builtInEdgelessTemplates as TemplateManager
-);
+export function setupBlocksuite() {
+  EdgelessTemplatePanel.templates.extend(
+    builtInStickersTemplates as TemplateManager
+  );
+  EdgelessTemplatePanel.templates.extend(
+    builtInEdgelessTemplates as TemplateManager
+  );
+}

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

@@ -0,0 +1,16 @@
+import '../types/types.d.ts';
+
+import { setupEnvironment } from './app';
+import { polyfillBrowser, polyfillElectron } from './polyfill';
+
+export function setupElectron() {
+  polyfillElectron();
+  setupEnvironment();
+}
+
+export async function setupBrowser() {
+  await polyfillBrowser();
+  setupEnvironment();
+}
+
+export { setupBlocksuite } from './blocksuite';

packages/frontend/core/src/bootstrap/polyfill/dispose.ts

@@ -0,0 +1,8 @@
+export async function polyfillDispose() {
+  if (typeof Symbol.dispose !== 'symbol') {
+    // @ts-expect-error ignore
+    await import('core-js/modules/esnext.symbol.async-dispose');
+    // @ts-expect-error ignore
+    await import('core-js/modules/esnext.symbol.dispose');
+  }
+}

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

@@ -0,0 +1,17 @@
+import { polyfillDispose } from './dispose';
+import { polyfillI18n } from './intl-segmenter';
+import { polyfillPromise } from './promise-with-resolvers';
+import { polyfillEventLoop } from './request-idle-callback';
+import { polyfillResizeObserver } from './resize-observer';
+
+export function polyfillElectron() {
+  polyfillResizeObserver();
+}
+
+export async function polyfillBrowser() {
+  polyfillResizeObserver();
+  polyfillEventLoop();
+  await polyfillI18n();
+  await polyfillPromise();
+  await polyfillDispose();
+}

packages/frontend/core/src/bootstrap/polyfill/intl-segmenter.ts

@@ -0,0 +1,11 @@
+export async function polyfillI18n() {
+  if (Intl.Segmenter === undefined) {
+    await import('intl-segmenter-polyfill-rs').then(({ Segmenter }) => {
+      Object.defineProperty(Intl, 'Segmenter', {
+        value: Segmenter,
+        configurable: true,
+        writable: true,
+      });
+    });
+  }
+}

packages/frontend/core/src/bootstrap/polyfill/promise-with-resolvers.ts

@@ -0,0 +1,6 @@
+export async function polyfillPromise() {
+  if (typeof Promise.withResolvers !== 'function') {
+    // @ts-expect-error ignore
+    await import('core-js/features/promise/with-resolvers');
+  }
+}

packages/frontend/core/src/bootstrap/polyfill/request-idle-callback.ts

@@ -0,0 +1,21 @@
+export function polyfillEventLoop() {
+  window.requestIdleCallback =
+    window.requestIdleCallback ||
+    function (cb) {
+      const start = Date.now();
+      return setTimeout(function () {
+        cb({
+          didTimeout: false,
+          timeRemaining: function () {
+            return Math.max(0, 50 - (Date.now() - start));
+          },
+        });
+      }, 1);
+    };
+
+  window.cancelIdleCallback =
+    window.cancelIdleCallback ||
+    function (id) {
+      clearTimeout(id);
+    };
+}

packages/frontend/core/src/bootstrap/polyfill/resize-observer.ts

@@ -0,0 +1,5 @@
+import { ResizeObserver } from '@juggle/resize-observer';
+
+export function polyfillResizeObserver() {
+  window.ResizeObserver = ResizeObserver;
+}

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

@@ -1,11 +0,0 @@
-import { ResizeObserver } from '@juggle/resize-observer';
-window.ResizeObserver = ResizeObserver;
-
-import '@affine/env/constant';
-import './edgeless-template';
-
-import { setupGlobal } from '@affine/env/global';
-
-setupGlobal();
-
-import '../types/types.d.ts';