feat(editor): surface block extension (#11961)

Closes: BS-3204

blocksuite/affine/blocks/surface/package.json

@@ -11,6 +11,7 @@
   "license": "MIT",
   "dependencies": {
     "@blocksuite/affine-components": "workspace:*",
+    "@blocksuite/affine-ext-loader": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-rich-text": "workspace:*",
     "@blocksuite/affine-shared": "workspace:*",
@@ -36,7 +37,9 @@
   },
   "exports": {
     ".": "./src/index.ts",
-    "./effects": "./src/effects.ts"
+    "./effects": "./src/effects.ts",
+    "./store": "./src/store.ts",
+    "./view": "./src/view.ts"
   },
   "files": [
     "src",

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

@@ -0,0 +1,17 @@
+import {
+  type StoreExtensionContext,
+  StoreExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+
+import { EdgelessSurfaceBlockAdapterExtensions } from './adapters';
+import { SurfaceBlockSchemaExtension } from './surface-model';
+
+export class SurfaceStoreExtension extends StoreExtensionProvider {
+  override name = 'affine-surface-block';
+
+  override setup(context: StoreExtensionContext) {
+    super.setup(context);
+    context.register(SurfaceBlockSchemaExtension);
+    context.register(EdgelessSurfaceBlockAdapterExtensions);
+  }
+}

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

@@ -0,0 +1,41 @@
+import {
+  type ViewExtensionContext,
+  ViewExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+import { BlockViewExtension, FlavourExtension } from '@blocksuite/std';
+import { literal } from 'lit/static-html.js';
+
+import { effects } from './effects';
+import {
+  EdgelessCRUDExtension,
+  EdgelessLegacySlotExtension,
+} from './extensions';
+import { ExportManagerExtension } from './extensions/export-manager/export-manager';
+
+export class SurfaceViewExtension extends ViewExtensionProvider {
+  override name = 'affine-surface-block';
+
+  override effect() {
+    super.effect();
+    effects();
+  }
+
+  override setup(context: ViewExtensionContext) {
+    super.setup(context);
+    context.register([
+      FlavourExtension('affine:surface'),
+      EdgelessCRUDExtension,
+      EdgelessLegacySlotExtension,
+      ExportManagerExtension,
+    ]);
+    if (this.isEdgeless(context.scope)) {
+      context.register(
+        BlockViewExtension('affine:surface', literal`affine-surface`)
+      );
+    } else {
+      context.register(
+        BlockViewExtension('affine:surface', literal`affine-surface-void`)
+      );
+    }
+  }
+}

blocksuite/affine/blocks/surface/tsconfig.json

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