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/all/src/extensions/effects.ts

@@ -1,74 +1,12 @@
 import { effects as blockRootEffects } from '@blocksuite/affine-block-root/effects';
-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 fragmentDocTitleEffects } from '@blocksuite/affine-fragment-doc-title/effects';
 import { effects as fragmentFramePanelEffects } from '@blocksuite/affine-fragment-frame-panel/effects';
 import { effects as fragmentOutlineEffects } from '@blocksuite/affine-fragment-outline/effects';
-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();
-
   blockRootEffects();
 
-  componentCaptionEffects();
-  componentContextMenuEffects();
-  componentDatePickerEffects();
-  componentPortalEffects();
-  componentToolbarEffects();
-  componentDropIndicatorEffects();
-  componentToggleButtonEffects();
-  componentColorPickerEffects();
-  componentEmbedCardModalEffects();
-  componentLinkPreviewEffects();
-  componentLinkedDocTitleEffects();
-  componentCardStyleDropdownMenuEffects();
-  componentHighlightDropdownMenuEffects();
-  componentViewDropdownMenuEffects();
-  componentTooltipContentWithShortcutEffects();
-  componentSizeDropdownMenuEffects();
-  componentEdgelessLineWidthEffects();
-  componentEdgelessLineStylesEffects();
-  componentEdgelessShapeColorPickerEffects();
-  componentOpenDocDropdownMenuEffects();
-
   fragmentDocTitleEffects();
   fragmentFramePanelEffects();
   fragmentOutlineEffects();
-
-  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/all/src/extensions/migrating-store.ts

@@ -1,4 +1,3 @@
-import { DatabaseSelectionExtension } from '@blocksuite/affine-block-database';
 import {
   RootBlockHtmlAdapterExtension,
   RootBlockMarkdownAdapterExtension,
@@ -9,41 +8,8 @@ import {
   StoreExtensionProvider,
 } from '@blocksuite/affine-ext-loader';
 import { RootBlockSchemaExtension } from '@blocksuite/affine-model';
-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';
 import type { ExtensionType } from '@blocksuite/store';
 
-function getAdapterFactoryExtensions(): ExtensionType[] {
-  return [
-    MarkdownAdapterFactoryExtension,
-    PlainTextAdapterFactoryExtension,
-    HtmlAdapterFactoryExtension,
-    NotionTextAdapterFactoryExtension,
-    NotionHtmlAdapterFactoryExtension,
-    MixTextAdapterFactoryExtension,
-  ];
-}
-
 const defaultBlockHtmlAdapterMatchers = [RootBlockHtmlAdapterExtension];
 
 const defaultBlockMarkdownAdapterMatchers = [RootBlockMarkdownAdapterExtension];
@@ -67,25 +33,9 @@ function getNotionHtmlAdapterExtensions(): ExtensionType[] {
 const MigratingStoreExtensions: ExtensionType[] = [
   RootBlockSchemaExtension,
 
-  BlockSelectionExtension,
-  TextSelectionExtension,
-  SurfaceSelectionExtension,
-  CursorSelectionExtension,
-  HighlightSelectionExtension,
-  DatabaseSelectionExtension,
-
   getHtmlAdapterExtensions(),
   getMarkdownAdapterExtensions(),
   getNotionHtmlAdapterExtensions(),
-  getAdapterFactoryExtensions(),
-
-  FeatureFlagService,
-  BlockMetaService,
-
-  // TODO(@mirone): maybe merge these services into a file setting service
-  LinkPreviewerService,
-  FileSizeLimitService,
-  ImageProxyService,
 ].flat();
 
 export class MigratingStoreExtension extends StoreExtensionProvider {

blocksuite/affine/all/src/extensions/migrating.ts

@@ -5,39 +5,22 @@ import {
   PreviewPageRootBlockSpec,
   ReadOnlyClipboard,
 } from '@blocksuite/affine-block-root';
-import {
-  DefaultOpenDocExtension,
-  DocDisplayMetaService,
-  EditPropsStore,
-  FontLoaderService,
-} from '@blocksuite/affine-shared/services';
 import type { ExtensionType } from '@blocksuite/store';
 
-const CommonBlockSpecs: ExtensionType[] = [
-  DocDisplayMetaService,
-  EditPropsStore,
-  DefaultOpenDocExtension,
-  FontLoaderService,
-].flat();
-
 export const MigratingEdgelessEditorBlockSpecs: ExtensionType[] = [
   EdgelessBuiltInSpecs,
-  CommonBlockSpecs,
 ].flat();
 
 export const MigratingPageEditorBlockSpecs: ExtensionType[] = [
   PageRootBlockSpec,
-  CommonBlockSpecs,
 ].flat();
 
 export const MigratingPreviewEdgelessEditorBlockSpecs: ExtensionType[] = [
   PreviewEdgelessRootBlockSpec,
-  CommonBlockSpecs,
   ReadOnlyClipboard,
 ].flat();
 
 export const MigratingPreviewPageEditorBlockSpecs: ExtensionType[] = [
   PreviewPageRootBlockSpec,
-  CommonBlockSpecs,
   ReadOnlyClipboard,
 ].flat();

blocksuite/affine/all/src/extensions/store.ts

@@ -16,6 +16,7 @@ import { ParagraphStoreExtension } from '@blocksuite/affine-block-paragraph/stor
 import { SurfaceStoreExtension } from '@blocksuite/affine-block-surface/store';
 import { SurfaceRefStoreExtension } from '@blocksuite/affine-block-surface-ref/store';
 import { TableStoreExtension } from '@blocksuite/affine-block-table/store';
+import { FoundationStoreExtension } from '@blocksuite/affine-foundation/store';
 import { BrushStoreExtension } from '@blocksuite/affine-gfx-brush/store';
 import { ConnectorStoreExtension } from '@blocksuite/affine-gfx-connector/store';
 import { GroupStoreExtension } from '@blocksuite/affine-gfx-group/store';
@@ -32,6 +33,8 @@ import { MigratingStoreExtension } from './migrating-store';
 
 export function getInternalStoreExtensions() {
   return [
+    FoundationStoreExtension,
+
     AttachmentStoreExtension,
     BookmarkStoreExtension,
     CalloutStoreExtension,

blocksuite/affine/all/src/extensions/view.ts

@@ -16,6 +16,7 @@ import { ParagraphViewExtension } from '@blocksuite/affine-block-paragraph/view'
 import { SurfaceViewExtension } from '@blocksuite/affine-block-surface/view';
 import { SurfaceRefViewExtension } from '@blocksuite/affine-block-surface-ref/view';
 import { TableViewExtension } from '@blocksuite/affine-block-table/view';
+import { FoundationViewExtension } from '@blocksuite/affine-foundation/view';
 import { BrushViewExtension } from '@blocksuite/affine-gfx-brush/view';
 import { ConnectorViewExtension } from '@blocksuite/affine-gfx-connector/view';
 import { GroupViewExtension } from '@blocksuite/affine-gfx-group/view';
@@ -46,6 +47,8 @@ import { MigratingViewExtension } from './migrating-view';
 
 export function getInternalViewExtensions() {
   return [
+    FoundationViewExtension,
+
     // Gfx
     PointerViewExtension,
     GfxNoteViewExtension,