feat(editor): table extension (#11906)

Closes: BS-3205

blocksuite/affine/all/package.json

@@ -138,7 +138,9 @@
     "./blocks/surface-ref": "./src/blocks/surface-ref/index.ts",
     "./blocks/surface-ref/store": "./src/blocks/surface-ref/store.ts",
     "./blocks/surface-ref/view": "./src/blocks/surface-ref/view.ts",
-    "./blocks/table": "./src/blocks/table.ts",
+    "./blocks/table": "./src/blocks/table/index.ts",
+    "./blocks/table/store": "./src/blocks/table/store.ts",
+    "./blocks/table/view": "./src/blocks/table/view.ts",
     "./data-view": "./src/data-view/index.ts",
     "./data-view/effects": "./src/data-view/effects.ts",
     "./inlines/link": "./src/inlines/link.ts",

blocksuite/affine/all/src/__tests__/utils/store.ts

@@ -14,6 +14,7 @@ import { ListStoreExtension } from '@blocksuite/affine-block-list/store';
 import { NoteStoreExtension } from '@blocksuite/affine-block-note/store';
 import { ParagraphStoreExtension } from '@blocksuite/affine-block-paragraph/store';
 import { SurfaceRefStoreExtension } from '@blocksuite/affine-block-surface-ref/store';
+import { TableStoreExtension } from '@blocksuite/affine-block-table/store';
 import { StoreExtensionManager } from '@blocksuite/affine-ext-loader';
 
 import { MigratingStoreExtension } from '../../extensions/store';
@@ -35,6 +36,7 @@ const manager = new StoreExtensionManager([
   NoteStoreExtension,
   ParagraphStoreExtension,
   SurfaceRefStoreExtension,
+  TableStoreExtension,
 
   MigratingStoreExtension,
 ]);

blocksuite/affine/all/src/blocks/table/store.ts

@@ -0,0 +1 @@
+export * from '@blocksuite/affine-block-table/store';

blocksuite/affine/all/src/blocks/table/view.ts

@@ -0,0 +1 @@
+export * from '@blocksuite/affine-block-table/view';

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

@@ -1,6 +1,5 @@
 import { effects as blockRootEffects } from '@blocksuite/affine-block-root/effects';
 import { effects as blockSurfaceEffects } from '@blocksuite/affine-block-surface/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';
@@ -61,7 +60,6 @@ export function effects() {
   inlineMentionEffects();
 
   blockSurfaceEffects();
-  blockTableEffects();
   blockRootEffects();
 
   componentCaptionEffects();

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

@@ -11,7 +11,6 @@ import {
   PageSurfaceBlockSpec,
   SurfaceBlockAdapterExtensions,
 } from '@blocksuite/affine-block-surface';
-import { TableBlockSpec } from '@blocksuite/affine-block-table';
 import {
   brushToMarkdownAdapterMatcher,
   brushToPlainTextAdapterMatcher,
@@ -67,7 +66,6 @@ const CommonBlockSpecs: ExtensionType[] = [
   inlinePresetExtensions,
   DocDisplayMetaService,
   EditPropsStore,
-  TableBlockSpec,
   DefaultOpenDocExtension,
   FontLoaderService,
 

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

@@ -9,10 +9,6 @@ import {
   RootBlockNotionHtmlAdapterExtension,
 } from '@blocksuite/affine-block-root';
 import { SurfaceBlockSchemaExtension } from '@blocksuite/affine-block-surface';
-import {
-  TableBlockAdapterExtensions,
-  TableSelectionExtension,
-} from '@blocksuite/affine-block-table';
 import {
   type StoreExtensionContext,
   StoreExtensionProvider,
@@ -27,7 +23,6 @@ import {
 } from '@blocksuite/affine-inline-preset';
 import {
   RootBlockSchemaExtension,
-  TableBlockSchemaExtension,
   TranscriptionBlockSchemaExtension,
 } from '@blocksuite/affine-model';
 import {
@@ -114,7 +109,6 @@ function getPlainTextAdapterExtensions(): ExtensionType[] {
 const MigratingStoreExtensions: ExtensionType[] = [
   RootBlockSchemaExtension,
   SurfaceBlockSchemaExtension,
-  TableBlockSchemaExtension,
   TranscriptionBlockSchemaExtension,
 
   BlockSelectionExtension,
@@ -123,9 +117,7 @@ const MigratingStoreExtensions: ExtensionType[] = [
   CursorSelectionExtension,
   HighlightSelectionExtension,
   DatabaseSelectionExtension,
-  TableSelectionExtension,
 
-  TableBlockAdapterExtensions,
   getHtmlAdapterExtensions(),
   getMarkdownAdapterExtensions(),
   getNotionHtmlAdapterExtensions(),

blocksuite/affine/blocks/table/package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
     "@blocksuite/affine-components": "workspace:*",
+    "@blocksuite/affine-ext-loader": "workspace:*",
     "@blocksuite/affine-inline-preset": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-rich-text": "workspace:*",
@@ -32,7 +33,9 @@
   },
   "exports": {
     ".": "./src/index.ts",
-    "./effects": "./src/effects.ts"
+    "./effects": "./src/effects.ts",
+    "./view": "./src/view.ts",
+    "./store": "./src/store.ts"
   },
   "files": [
     "src",

blocksuite/affine/blocks/table/src/store.ts

@@ -0,0 +1,19 @@
+import {
+  type StoreExtensionContext,
+  StoreExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+import { TableBlockSchemaExtension } from '@blocksuite/affine-model';
+
+import { TableBlockAdapterExtensions } from './adapters/extension';
+import { TableSelectionExtension } from './selection-schema';
+
+export class TableStoreExtension extends StoreExtensionProvider {
+  override name = 'affine-table-block';
+
+  override setup(context: StoreExtensionContext) {
+    super.setup(context);
+    context.register(TableBlockSchemaExtension);
+    context.register(TableBlockAdapterExtensions);
+    context.register(TableSelectionExtension);
+  }
+}

blocksuite/affine/blocks/table/src/view.ts

@@ -0,0 +1,29 @@
+import {
+  type ViewExtensionContext,
+  ViewExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+import { TableModelFlavour } from '@blocksuite/affine-model';
+import { SlashMenuConfigExtension } from '@blocksuite/affine-widget-slash-menu';
+import { BlockViewExtension, FlavourExtension } from '@blocksuite/std';
+import { literal } from 'lit/static-html.js';
+
+import { tableSlashMenuConfig } from './configs/slash-menu';
+import { effects } from './effects';
+
+export class TableViewExtension extends ViewExtensionProvider {
+  override name = 'affine-table-block';
+
+  override effect(): void {
+    super.effect();
+    effects();
+  }
+
+  override setup(context: ViewExtensionContext) {
+    super.setup(context);
+    context.register([
+      FlavourExtension(TableModelFlavour),
+      BlockViewExtension(TableModelFlavour, literal`affine-table`),
+      SlashMenuConfigExtension(TableModelFlavour, tableSlashMenuConfig),
+    ]);
+  }
+}

blocksuite/affine/blocks/table/tsconfig.json

@@ -9,6 +9,7 @@
   "include": ["./src"],
   "references": [
     { "path": "../../components" },
+    { "path": "../../ext-loader" },
     { "path": "../../inlines/preset" },
     { "path": "../../model" },
     { "path": "../../rich-text" },

blocksuite/integration-test/src/store.ts

@@ -14,6 +14,7 @@ import { ListStoreExtension } from '@blocksuite/affine/blocks/list/store';
 import { NoteStoreExtension } from '@blocksuite/affine/blocks/note/store';
 import { ParagraphStoreExtension } from '@blocksuite/affine/blocks/paragraph/store';
 import { SurfaceRefStoreExtension } from '@blocksuite/affine/blocks/surface-ref/store';
+import { TableStoreExtension } from '@blocksuite/affine/blocks/table/store';
 import { StoreExtensionManager } from '@blocksuite/affine/ext-loader';
 import { MigratingStoreExtension } from '@blocksuite/affine/extensions/store';
 
@@ -34,6 +35,7 @@ const manager = new StoreExtensionManager([
   NoteStoreExtension,
   ParagraphStoreExtension,
   SurfaceRefStoreExtension,
+  TableStoreExtension,
 
   MigratingStoreExtension,
 ]);

blocksuite/integration-test/src/view.ts

@@ -14,6 +14,7 @@ import { ListViewExtension } from '@blocksuite/affine/blocks/list/view';
 import { NoteViewExtension } from '@blocksuite/affine/blocks/note/view';
 import { ParagraphViewExtension } from '@blocksuite/affine/blocks/paragraph/view';
 import { SurfaceRefViewExtension } from '@blocksuite/affine/blocks/surface-ref/view';
+import { TableViewExtension } from '@blocksuite/affine/blocks/table/view';
 import { ViewExtensionManager } from '@blocksuite/affine/ext-loader';
 import { MigratingViewExtension } from '@blocksuite/affine/extensions/view';
 
@@ -37,6 +38,7 @@ export function getTestViewManager() {
     NoteViewExtension,
     ParagraphViewExtension,
     SurfaceRefViewExtension,
+    TableViewExtension,
   ]);
   return manager;
 }

packages/frontend/core/src/blocksuite/manager/migrating-store.ts

@@ -14,6 +14,7 @@ import { ListStoreExtension } from '@blocksuite/affine/blocks/list/store';
 import { NoteStoreExtension } from '@blocksuite/affine/blocks/note/store';
 import { ParagraphStoreExtension } from '@blocksuite/affine/blocks/paragraph/store';
 import { SurfaceRefStoreExtension } from '@blocksuite/affine/blocks/surface-ref/store';
+import { TableStoreExtension } from '@blocksuite/affine/blocks/table/store';
 import {
   type StoreExtensionContext,
   StoreExtensionManager,
@@ -49,6 +50,7 @@ const manager = new StoreExtensionManager([
   NoteStoreExtension,
   ParagraphStoreExtension,
   SurfaceRefStoreExtension,
+  TableStoreExtension,
 
   MigratingStoreExtension,
   MigratingAffineStoreExtension,

packages/frontend/core/src/blocksuite/manager/migrating-view.ts

@@ -16,6 +16,7 @@ import { NoteViewExtension } from '@blocksuite/affine/blocks/note/view';
 import { ParagraphBlockConfigExtension } from '@blocksuite/affine/blocks/paragraph';
 import { ParagraphViewExtension } from '@blocksuite/affine/blocks/paragraph/view';
 import { SurfaceRefViewExtension } from '@blocksuite/affine/blocks/surface-ref/view';
+import { TableViewExtension } from '@blocksuite/affine/blocks/table/view';
 import {
   type ViewExtensionContext,
   ViewExtensionManager,
@@ -162,6 +163,7 @@ const manager = new ViewExtensionManager([
   NoteViewExtension,
   ParagraphViewExtension,
   SurfaceRefViewExtension,
+  TableViewExtension,
 
   MigratingAffineViewExtension,
 ]);

tools/utils/src/workspace.gen.ts

@@ -403,6 +403,7 @@ export const PackageList = [
     name: '@blocksuite/affine-block-table',
     workspaceDependencies: [
       'blocksuite/affine/components',
+      'blocksuite/affine/ext-loader',
       'blocksuite/affine/inlines/preset',
       'blocksuite/affine/model',
       'blocksuite/affine/rich-text',

yarn.lock

@@ -2934,6 +2934,7 @@ __metadata:
   dependencies:
     "@atlaskit/pragmatic-drag-and-drop": "npm:^1.4.0"
     "@blocksuite/affine-components": "workspace:*"
+    "@blocksuite/affine-ext-loader": "workspace:*"
     "@blocksuite/affine-inline-preset": "workspace:*"
     "@blocksuite/affine-model": "workspace:*"
     "@blocksuite/affine-rich-text": "workspace:*"