feat(editor): add bs affine foundation module (#12012)

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->

## Summary by CodeRabbit

- **New Features**
  - Introduced the Affine Foundation package, providing a centralized layer for initializing core UI effects, custom elements, and foundational services.
  - Added new foundational store and view extensions to improve core service registration and UI effect setup.

- **Refactor**
  - Streamlined and reorganized block, store, and view extension arrays to rely on the new foundation layer, reducing duplication and simplifying extension management.
  - Removed redundant or now-centralized services and UI effects from existing modules.

- **Chores**
  - Updated configuration files and workspace dependencies to support the new Affine Foundation package.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

blocksuite/affine/foundation/src/effects.ts

@@ -0,0 +1,64 @@
+import { BlockSelection } from '@blocksuite/affine-components/block-selection';
+import { BlockZeroWidth } from '@blocksuite/affine-components/block-zero-width';
+import { effects as componentCaptionEffects } from '@blocksuite/affine-components/caption';
+import { effects as componentCardStyleDropdownMenuEffects } from '@blocksuite/affine-components/card-style-dropdown-menu';
+import { effects as componentColorPickerEffects } from '@blocksuite/affine-components/color-picker';
+import { effects as componentContextMenuEffects } from '@blocksuite/affine-components/context-menu';
+import { effects as componentDatePickerEffects } from '@blocksuite/affine-components/date-picker';
+import { effects as componentDropIndicatorEffects } from '@blocksuite/affine-components/drop-indicator';
+import { effects as componentEdgelessLineStylesEffects } from '@blocksuite/affine-components/edgeless-line-styles-panel';
+import { effects as componentEdgelessLineWidthEffects } from '@blocksuite/affine-components/edgeless-line-width-panel';
+import { effects as componentEdgelessShapeColorPickerEffects } from '@blocksuite/affine-components/edgeless-shape-color-picker';
+import { effects as componentEmbedCardModalEffects } from '@blocksuite/affine-components/embed-card-modal';
+import { FilterableListComponent } from '@blocksuite/affine-components/filterable-list';
+import { effects as componentHighlightDropdownMenuEffects } from '@blocksuite/affine-components/highlight-dropdown-menu';
+import { IconButton } from '@blocksuite/affine-components/icon-button';
+import { effects as componentLinkPreviewEffects } from '@blocksuite/affine-components/link-preview';
+import { effects as componentLinkedDocTitleEffects } from '@blocksuite/affine-components/linked-doc-title';
+import { effects as componentOpenDocDropdownMenuEffects } from '@blocksuite/affine-components/open-doc-dropdown-menu';
+import { effects as componentPortalEffects } from '@blocksuite/affine-components/portal';
+import { effects as componentSizeDropdownMenuEffects } from '@blocksuite/affine-components/size-dropdown-menu';
+import { SmoothCorner } from '@blocksuite/affine-components/smooth-corner';
+import { effects as componentToggleButtonEffects } from '@blocksuite/affine-components/toggle-button';
+import { ToggleSwitch } from '@blocksuite/affine-components/toggle-switch';
+import { effects as componentToolbarEffects } from '@blocksuite/affine-components/toolbar';
+import { effects as componentTooltipContentWithShortcutEffects } from '@blocksuite/affine-components/tooltip-content-with-shortcut';
+import { effects as componentViewDropdownMenuEffects } from '@blocksuite/affine-components/view-dropdown-menu';
+import { effects as richTextEffects } from '@blocksuite/affine-rich-text/effects';
+import { effects as dataViewEffects } from '@blocksuite/data-view/effects';
+import { effects as stdEffects } from '@blocksuite/std/effects';
+
+export function effects() {
+  stdEffects();
+
+  dataViewEffects();
+  richTextEffects();
+
+  componentCaptionEffects();
+  componentContextMenuEffects();
+  componentDatePickerEffects();
+  componentPortalEffects();
+  componentToolbarEffects();
+  componentDropIndicatorEffects();
+  componentToggleButtonEffects();
+  componentColorPickerEffects();
+  componentEmbedCardModalEffects();
+  componentLinkPreviewEffects();
+  componentLinkedDocTitleEffects();
+  componentCardStyleDropdownMenuEffects();
+  componentHighlightDropdownMenuEffects();
+  componentViewDropdownMenuEffects();
+  componentTooltipContentWithShortcutEffects();
+  componentSizeDropdownMenuEffects();
+  componentEdgelessLineWidthEffects();
+  componentEdgelessLineStylesEffects();
+  componentEdgelessShapeColorPickerEffects();
+  componentOpenDocDropdownMenuEffects();
+
+  customElements.define('icon-button', IconButton);
+  customElements.define('smooth-corner', SmoothCorner);
+  customElements.define('toggle-switch', ToggleSwitch);
+  customElements.define('affine-filterable-list', FilterableListComponent);
+  customElements.define('block-zero-width', BlockZeroWidth);
+  customElements.define('affine-block-selection', BlockSelection);
+}

blocksuite/affine/foundation/src/index.ts

@@ -0,0 +1 @@
+export {};

blocksuite/affine/foundation/src/store.ts

@@ -0,0 +1,58 @@
+import {
+  type StoreExtensionContext,
+  StoreExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+import {
+  HtmlAdapterFactoryExtension,
+  ImageProxyService,
+  MarkdownAdapterFactoryExtension,
+  MixTextAdapterFactoryExtension,
+  NotionHtmlAdapterFactoryExtension,
+  NotionTextAdapterFactoryExtension,
+  PlainTextAdapterFactoryExtension,
+} from '@blocksuite/affine-shared/adapters';
+import { HighlightSelectionExtension } from '@blocksuite/affine-shared/selection';
+import {
+  BlockMetaService,
+  FeatureFlagService,
+  FileSizeLimitService,
+  LinkPreviewerService,
+} from '@blocksuite/affine-shared/services';
+import {
+  BlockSelectionExtension,
+  CursorSelectionExtension,
+  SurfaceSelectionExtension,
+  TextSelectionExtension,
+} from '@blocksuite/std';
+
+export class FoundationStoreExtension extends StoreExtensionProvider {
+  override name = 'foundation';
+
+  override setup(context: StoreExtensionContext) {
+    super.setup(context);
+    context.register([
+      // predefined selections
+      BlockSelectionExtension,
+      TextSelectionExtension,
+      SurfaceSelectionExtension,
+      CursorSelectionExtension,
+      HighlightSelectionExtension,
+
+      // predefined adapters
+      MarkdownAdapterFactoryExtension,
+      PlainTextAdapterFactoryExtension,
+      HtmlAdapterFactoryExtension,
+      NotionTextAdapterFactoryExtension,
+      NotionHtmlAdapterFactoryExtension,
+      MixTextAdapterFactoryExtension,
+
+      // shared services
+      FeatureFlagService,
+      BlockMetaService,
+      // TODO(@mirone): maybe merge these services into a file setting service
+      LinkPreviewerService,
+      FileSizeLimitService,
+      ImageProxyService,
+    ]);
+  }
+}

blocksuite/affine/foundation/src/view.ts

@@ -0,0 +1,52 @@
+import { FileDropExtension } from '@blocksuite/affine-components/drop-indicator';
+import {
+  type ViewExtensionContext,
+  ViewExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+import {
+  AutoClearSelectionService,
+  DefaultOpenDocExtension,
+  DNDAPIExtension,
+  DocDisplayMetaService,
+  DocModeService,
+  EditPropsStore,
+  EmbedOptionService,
+  FontLoaderService,
+  PageViewportServiceExtension,
+  ThemeService,
+  ToolbarRegistryExtension,
+} from '@blocksuite/affine-shared/services';
+import { InteractivityManager, ToolController } from '@blocksuite/std/gfx';
+
+import { effects } from './effects';
+
+export class FoundationViewExtension extends ViewExtensionProvider {
+  override name = 'foundation';
+
+  override effect() {
+    super.effect();
+    effects();
+  }
+
+  override setup(context: ViewExtensionContext) {
+    super.setup(context);
+    context.register([
+      DocDisplayMetaService,
+      EditPropsStore,
+      DefaultOpenDocExtension,
+      FontLoaderService,
+
+      DocModeService,
+      ThemeService,
+      EmbedOptionService,
+      PageViewportServiceExtension,
+      DNDAPIExtension,
+      FileDropExtension,
+      ToolbarRegistryExtension,
+      AutoClearSelectionService,
+    ]);
+    if (this.isEdgeless(context.scope)) {
+      context.register([InteractivityManager, ToolController]);
+    }
+  }
+}