feat(editor): use migrated extensions (#11886)

Closes: BS-3283

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

@@ -0,0 +1,108 @@
+import { effects as blockRootEffects } from '@blocksuite/affine-block-root/effects';
+import { effects as blockSurfaceEffects } from '@blocksuite/affine-block-surface/effects';
+import { effects as blockSurfaceRefEffects } from '@blocksuite/affine-block-surface-ref/effects';
+import { effects as blockTableEffects } from '@blocksuite/affine-block-table/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 inlineFootnoteEffects } from '@blocksuite/affine-inline-footnote/effects';
+import { effects as inlineLatexEffects } from '@blocksuite/affine-inline-latex/effects';
+import { effects as inlineLinkEffects } from '@blocksuite/affine-inline-link/effects';
+import { effects as inlineMentionEffects } from '@blocksuite/affine-inline-mention';
+import { effects as inlinePresetEffects } from '@blocksuite/affine-inline-preset/effects';
+import { effects as inlineReferenceEffects } from '@blocksuite/affine-inline-reference/effects';
+import { effects as richTextEffects } from '@blocksuite/affine-rich-text/effects';
+import { effects as widgetDragHandleEffects } from '@blocksuite/affine-widget-drag-handle/effects';
+import { effects as widgetEdgelessAutoConnectEffects } from '@blocksuite/affine-widget-edgeless-auto-connect/effects';
+import { effects as widgetFrameTitleEffects } from '@blocksuite/affine-widget-frame-title/effects';
+import { effects as widgetRemoteSelectionEffects } from '@blocksuite/affine-widget-remote-selection/effects';
+import { effects as widgetScrollAnchoringEffects } from '@blocksuite/affine-widget-scroll-anchoring/effects';
+import { effects as widgetSlashMenuEffects } from '@blocksuite/affine-widget-slash-menu/effects';
+import { effects as widgetToolbarEffects } from '@blocksuite/affine-widget-toolbar/effects';
+import { effects as dataViewEffects } from '@blocksuite/data-view/effects';
+import { effects as stdEffects } from '@blocksuite/std/effects';
+
+export function effects() {
+  stdEffects();
+
+  dataViewEffects();
+  richTextEffects();
+
+  inlineReferenceEffects();
+  inlinePresetEffects();
+  inlineLinkEffects();
+  inlineFootnoteEffects();
+  inlineLatexEffects();
+  inlineMentionEffects();
+
+  blockSurfaceEffects();
+  blockSurfaceRefEffects();
+  blockTableEffects();
+  blockRootEffects();
+
+  componentCaptionEffects();
+  componentContextMenuEffects();
+  componentDatePickerEffects();
+  componentPortalEffects();
+  componentToolbarEffects();
+  componentDropIndicatorEffects();
+  componentToggleButtonEffects();
+  componentColorPickerEffects();
+  componentEmbedCardModalEffects();
+  componentLinkPreviewEffects();
+  componentLinkedDocTitleEffects();
+  componentCardStyleDropdownMenuEffects();
+  componentHighlightDropdownMenuEffects();
+  componentViewDropdownMenuEffects();
+  componentTooltipContentWithShortcutEffects();
+  componentSizeDropdownMenuEffects();
+  componentEdgelessLineWidthEffects();
+  componentEdgelessLineStylesEffects();
+  componentEdgelessShapeColorPickerEffects();
+  componentOpenDocDropdownMenuEffects();
+
+  widgetScrollAnchoringEffects();
+  widgetFrameTitleEffects();
+  widgetRemoteSelectionEffects();
+  widgetDragHandleEffects();
+  widgetEdgelessAutoConnectEffects();
+  widgetSlashMenuEffects();
+  widgetToolbarEffects();
+
+  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/index.ts

@@ -1,5 +1,5 @@
 export * from './common';
 export * from './editor-specs';
+export * from './legacy-store';
 export * from './preview-specs';
 export * from './register';
-export * from './store';

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

@@ -0,0 +1,112 @@
+import { DataViewBlockSchemaExtension } from '@blocksuite/affine-block-data-view';
+import { DatabaseSelectionExtension } from '@blocksuite/affine-block-database';
+import { EmbedIframeConfigExtensions } from '@blocksuite/affine-block-embed';
+import { ImageStoreSpec } from '@blocksuite/affine-block-image';
+import { SurfaceBlockSchemaExtension } from '@blocksuite/affine-block-surface';
+import { TableSelectionExtension } from '@blocksuite/affine-block-table';
+import {
+  AttachmentBlockSchemaExtension,
+  BookmarkBlockSchemaExtension,
+  CalloutBlockSchemaExtension,
+  CodeBlockSchemaExtension,
+  DatabaseBlockSchemaExtension,
+  DividerBlockSchemaExtension,
+  EdgelessTextBlockSchemaExtension,
+  EmbedFigmaBlockSchemaExtension,
+  EmbedGithubBlockSchemaExtension,
+  EmbedHtmlBlockSchemaExtension,
+  EmbedIframeBlockSchemaExtension,
+  EmbedLinkedDocBlockSchemaExtension,
+  EmbedLoomBlockSchemaExtension,
+  EmbedSyncedDocBlockSchemaExtension,
+  EmbedYoutubeBlockSchemaExtension,
+  FrameBlockSchemaExtension,
+  ImageBlockSchemaExtension,
+  LatexBlockSchemaExtension,
+  ListBlockSchemaExtension,
+  NoteBlockSchemaExtension,
+  ParagraphBlockSchemaExtension,
+  RootBlockSchemaExtension,
+  SurfaceRefBlockSchemaExtension,
+  TableBlockSchemaExtension,
+  TranscriptionBlockSchemaExtension,
+} from '@blocksuite/affine-model';
+import {
+  HighlightSelectionExtension,
+  ImageSelectionExtension,
+} from '@blocksuite/affine-shared/selection';
+import {
+  BlockMetaService,
+  EmbedIframeService,
+  FeatureFlagService,
+  FileSizeLimitService,
+  LinkPreviewerService,
+} from '@blocksuite/affine-shared/services';
+import {
+  BlockSelectionExtension,
+  CursorSelectionExtension,
+  SurfaceSelectionExtension,
+  TextSelectionExtension,
+} from '@blocksuite/std';
+import type { ExtensionType } from '@blocksuite/store';
+
+import {
+  getAdapterFactoryExtensions,
+  getHtmlAdapterExtensions,
+  getMarkdownAdapterExtensions,
+  getNotionHtmlAdapterExtensions,
+  getPlainTextAdapterExtensions,
+} from '../adapters/extension.js';
+
+export const StoreExtensions: ExtensionType[] = [
+  CodeBlockSchemaExtension,
+  ParagraphBlockSchemaExtension,
+  RootBlockSchemaExtension,
+  ListBlockSchemaExtension,
+  NoteBlockSchemaExtension,
+  DividerBlockSchemaExtension,
+  ImageBlockSchemaExtension,
+  SurfaceBlockSchemaExtension,
+  BookmarkBlockSchemaExtension,
+  FrameBlockSchemaExtension,
+  DatabaseBlockSchemaExtension,
+  SurfaceRefBlockSchemaExtension,
+  DataViewBlockSchemaExtension,
+  AttachmentBlockSchemaExtension,
+  EmbedSyncedDocBlockSchemaExtension,
+  EmbedLinkedDocBlockSchemaExtension,
+  EmbedHtmlBlockSchemaExtension,
+  EmbedIframeBlockSchemaExtension,
+  EmbedGithubBlockSchemaExtension,
+  EmbedFigmaBlockSchemaExtension,
+  EmbedLoomBlockSchemaExtension,
+  EmbedYoutubeBlockSchemaExtension,
+  EdgelessTextBlockSchemaExtension,
+  LatexBlockSchemaExtension,
+  TableBlockSchemaExtension,
+  CalloutBlockSchemaExtension,
+  TranscriptionBlockSchemaExtension,
+
+  BlockSelectionExtension,
+  TextSelectionExtension,
+  SurfaceSelectionExtension,
+  CursorSelectionExtension,
+  HighlightSelectionExtension,
+  ImageSelectionExtension,
+  DatabaseSelectionExtension,
+  TableSelectionExtension,
+
+  getHtmlAdapterExtensions(),
+  getMarkdownAdapterExtensions(),
+  getNotionHtmlAdapterExtensions(),
+  getPlainTextAdapterExtensions(),
+  getAdapterFactoryExtensions(),
+
+  FeatureFlagService,
+  LinkPreviewerService,
+  FileSizeLimitService,
+  ImageStoreSpec,
+  BlockMetaService,
+  EmbedIframeConfigExtensions,
+  EmbedIframeService,
+].flat();

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

@@ -1,21 +1,3 @@
-import { AttachmentBlockSpec } from '@blocksuite/affine-block-attachment';
-import { BookmarkBlockSpec } from '@blocksuite/affine-block-bookmark';
-import { CalloutBlockSpec } from '@blocksuite/affine-block-callout';
-import { CodeBlockSpec } from '@blocksuite/affine-block-code';
-import { DataViewBlockSpec } from '@blocksuite/affine-block-data-view';
-import { DatabaseBlockSpec } from '@blocksuite/affine-block-database';
-import { DividerBlockSpec } from '@blocksuite/affine-block-divider';
-import { EdgelessTextBlockSpec } from '@blocksuite/affine-block-edgeless-text';
-import { EmbedExtensions } from '@blocksuite/affine-block-embed';
-import { FrameBlockSpec } from '@blocksuite/affine-block-frame';
-import { ImageBlockSpec } from '@blocksuite/affine-block-image';
-import { LatexBlockSpec } from '@blocksuite/affine-block-latex';
-import { ListBlockSpec } from '@blocksuite/affine-block-list';
-import {
-  EdgelessNoteBlockSpec,
-  NoteBlockSpec,
-} from '@blocksuite/affine-block-note';
-import { ParagraphBlockSpec } from '@blocksuite/affine-block-paragraph';
 import {
   EdgelessBuiltInSpecs,
   PageRootBlockSpec,
@@ -89,22 +71,9 @@ const CommonBlockSpecs: ExtensionType[] = [
   inlinePresetExtensions,
   DocDisplayMetaService,
   EditPropsStore,
-  LatexBlockSpec,
-  ListBlockSpec,
-  DatabaseBlockSpec,
   TableBlockSpec,
-  DataViewBlockSpec,
-  DividerBlockSpec,
-  BookmarkBlockSpec,
-  EmbedExtensions,
-  AttachmentBlockSpec,
-  CodeBlockSpec,
-  ImageBlockSpec,
-  ParagraphBlockSpec,
   DefaultOpenDocExtension,
   FontLoaderService,
-  CalloutBlockSpec,
-  FrameBlockSpec,
 
   elementToPlainTextAdapterMatchers,
   elementToMarkdownAdapterMatchers,
@@ -112,7 +81,6 @@ const CommonBlockSpecs: ExtensionType[] = [
 
 const PageFirstPartyBlockSpecs: ExtensionType[] = [
   CommonBlockSpecs,
-  NoteBlockSpec,
   PageSurfaceBlockSpec,
   PageSurfaceRefBlockSpec,
 
@@ -121,11 +89,8 @@ const PageFirstPartyBlockSpecs: ExtensionType[] = [
 
 const EdgelessFirstPartyBlockSpecs: ExtensionType[] = [
   CommonBlockSpecs,
-
-  EdgelessNoteBlockSpec,
   EdgelessSurfaceBlockSpec,
   EdgelessSurfaceRefBlockSpec,
-  EdgelessTextBlockSpec,
 
   ...EdgelessSurfaceBlockAdapterExtensions,
 ].flat();

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

@@ -4,11 +4,11 @@ import {
   EdgelessEditorBlockSpecs,
   PageEditorBlockSpecs,
 } from './editor-specs.js';
+import { StoreExtensions } from './legacy-store.js';
 import {
   PreviewEdgelessEditorBlockSpecs,
   PreviewPageEditorBlockSpecs,
 } from './preview-specs.js';
-import { StoreExtensions } from './store.js';
 
 export function registerStoreSpecs() {
   SpecProvider._.addSpec('store', StoreExtensions);

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

@@ -1,44 +1,45 @@
-import { DataViewBlockSchemaExtension } from '@blocksuite/affine-block-data-view';
+import { CodeMarkdownPreprocessorExtension } from '@blocksuite/affine-block-code';
 import { DatabaseSelectionExtension } from '@blocksuite/affine-block-database';
 import { EmbedIframeConfigExtensions } from '@blocksuite/affine-block-embed';
 import { ImageStoreSpec } from '@blocksuite/affine-block-image';
+import { LatexMarkdownPreprocessorExtension } from '@blocksuite/affine-block-latex';
+import {
+  RootBlockHtmlAdapterExtension,
+  RootBlockMarkdownAdapterExtension,
+  RootBlockNotionHtmlAdapterExtension,
+} from '@blocksuite/affine-block-root';
 import { SurfaceBlockSchemaExtension } from '@blocksuite/affine-block-surface';
-import { TableSelectionExtension } from '@blocksuite/affine-block-table';
+import {
+  TableBlockHtmlAdapterExtension,
+  TableSelectionExtension,
+} from '@blocksuite/affine-block-table';
 import {
   type StoreExtensionContext,
   StoreExtensionProvider,
 } from '@blocksuite/affine-ext-loader';
 import {
-  AttachmentBlockSchemaExtension,
-  BookmarkBlockSchemaExtension,
-  CalloutBlockSchemaExtension,
-  CodeBlockSchemaExtension,
-  DatabaseBlockSchemaExtension,
-  DividerBlockSchemaExtension,
-  EdgelessTextBlockSchemaExtension,
-  EmbedFigmaBlockSchemaExtension,
-  EmbedGithubBlockSchemaExtension,
-  EmbedHtmlBlockSchemaExtension,
-  EmbedIframeBlockSchemaExtension,
-  EmbedLinkedDocBlockSchemaExtension,
-  EmbedLoomBlockSchemaExtension,
-  EmbedSyncedDocBlockSchemaExtension,
-  EmbedYoutubeBlockSchemaExtension,
-  FrameBlockSchemaExtension,
-  ImageBlockSchemaExtension,
-  LatexBlockSchemaExtension,
-  ListBlockSchemaExtension,
-  NoteBlockSchemaExtension,
-  ParagraphBlockSchemaExtension,
+  HtmlInlineToDeltaAdapterExtensions,
+  InlineDeltaToHtmlAdapterExtensions,
+  InlineDeltaToMarkdownAdapterExtensions,
+  InlineDeltaToPlainTextAdapterExtensions,
+  MarkdownInlineToDeltaAdapterExtensions,
+  NotionHtmlInlineToDeltaAdapterExtensions,
+} from '@blocksuite/affine-inline-preset';
+import {
   RootBlockSchemaExtension,
   SurfaceRefBlockSchemaExtension,
   TableBlockSchemaExtension,
   TranscriptionBlockSchemaExtension,
 } from '@blocksuite/affine-model';
 import {
-  HighlightSelectionExtension,
-  ImageSelectionExtension,
-} from '@blocksuite/affine-shared/selection';
+  HtmlAdapterFactoryExtension,
+  MarkdownAdapterFactoryExtension,
+  MixTextAdapterFactoryExtension,
+  NotionHtmlAdapterFactoryExtension,
+  NotionTextAdapterFactoryExtension,
+  PlainTextAdapterFactoryExtension,
+} from '@blocksuite/affine-shared/adapters';
+import { HighlightSelectionExtension } from '@blocksuite/affine-shared/selection';
 import {
   BlockMetaService,
   EmbedIframeService,
@@ -54,41 +55,71 @@ import {
 } from '@blocksuite/std';
 import type { ExtensionType } from '@blocksuite/store';
 
-import {
-  getAdapterFactoryExtensions,
-  getHtmlAdapterExtensions,
-  getMarkdownAdapterExtensions,
-  getNotionHtmlAdapterExtensions,
-  getPlainTextAdapterExtensions,
-} from '../adapters/extension.js';
+function getAdapterFactoryExtensions(): ExtensionType[] {
+  return [
+    MarkdownAdapterFactoryExtension,
+    PlainTextAdapterFactoryExtension,
+    HtmlAdapterFactoryExtension,
+    NotionTextAdapterFactoryExtension,
+    NotionHtmlAdapterFactoryExtension,
+    MixTextAdapterFactoryExtension,
+  ];
+}
 
-export const StoreExtensions: ExtensionType[] = [
-  CodeBlockSchemaExtension,
-  ParagraphBlockSchemaExtension,
+const defaultBlockHtmlAdapterMatchers = [
+  RootBlockHtmlAdapterExtension,
+  TableBlockHtmlAdapterExtension,
+];
+
+const defaultBlockMarkdownAdapterMatchers = [RootBlockMarkdownAdapterExtension];
+
+const defaultMarkdownPreprocessors = [
+  LatexMarkdownPreprocessorExtension,
+  CodeMarkdownPreprocessorExtension,
+];
+
+const defaultBlockNotionHtmlAdapterMatchers: ExtensionType[] = [
+  RootBlockNotionHtmlAdapterExtension,
+];
+
+const defaultBlockPlainTextAdapterMatchers: ExtensionType[] = [];
+
+function getHtmlAdapterExtensions(): ExtensionType[] {
+  return [
+    ...HtmlInlineToDeltaAdapterExtensions,
+    ...defaultBlockHtmlAdapterMatchers,
+    ...InlineDeltaToHtmlAdapterExtensions,
+  ];
+}
+
+function getMarkdownAdapterExtensions(): ExtensionType[] {
+  return [
+    ...MarkdownInlineToDeltaAdapterExtensions,
+    ...defaultBlockMarkdownAdapterMatchers,
+    ...InlineDeltaToMarkdownAdapterExtensions,
+    ...defaultMarkdownPreprocessors,
+  ];
+}
+
+function getNotionHtmlAdapterExtensions(): ExtensionType[] {
+  return [
+    ...NotionHtmlInlineToDeltaAdapterExtensions,
+    ...defaultBlockNotionHtmlAdapterMatchers,
+  ];
+}
+
+function getPlainTextAdapterExtensions(): ExtensionType[] {
+  return [
+    ...defaultBlockPlainTextAdapterMatchers,
+    ...InlineDeltaToPlainTextAdapterExtensions,
+  ];
+}
+
+const MigratingStoreExtensions: ExtensionType[] = [
   RootBlockSchemaExtension,
-  ListBlockSchemaExtension,
-  NoteBlockSchemaExtension,
-  DividerBlockSchemaExtension,
-  ImageBlockSchemaExtension,
   SurfaceBlockSchemaExtension,
-  BookmarkBlockSchemaExtension,
-  FrameBlockSchemaExtension,
-  DatabaseBlockSchemaExtension,
   SurfaceRefBlockSchemaExtension,
-  DataViewBlockSchemaExtension,
-  AttachmentBlockSchemaExtension,
-  EmbedSyncedDocBlockSchemaExtension,
-  EmbedLinkedDocBlockSchemaExtension,
-  EmbedHtmlBlockSchemaExtension,
-  EmbedIframeBlockSchemaExtension,
-  EmbedGithubBlockSchemaExtension,
-  EmbedFigmaBlockSchemaExtension,
-  EmbedLoomBlockSchemaExtension,
-  EmbedYoutubeBlockSchemaExtension,
-  EdgelessTextBlockSchemaExtension,
-  LatexBlockSchemaExtension,
   TableBlockSchemaExtension,
-  CalloutBlockSchemaExtension,
   TranscriptionBlockSchemaExtension,
 
   BlockSelectionExtension,
@@ -96,7 +127,6 @@ export const StoreExtensions: ExtensionType[] = [
   SurfaceSelectionExtension,
   CursorSelectionExtension,
   HighlightSelectionExtension,
-  ImageSelectionExtension,
   DatabaseSelectionExtension,
   TableSelectionExtension,
 
@@ -120,6 +150,6 @@ export class MigratingStoreExtension extends StoreExtensionProvider {
 
   override setup(context: StoreExtensionContext) {
     super.setup(context);
-    context.register(StoreExtensions);
+    context.register(MigratingStoreExtensions);
   }
 }

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

@@ -3,7 +3,7 @@ import {
   ViewExtensionProvider,
 } from '@blocksuite/affine-ext-loader';
 
-import { effects } from '../effects';
+import { effects } from './effects';
 import {
   MigratingEdgelessEditorBlockSpecs,
   MigratingPageEditorBlockSpecs,