feat(editor): surface ref extension (#11902)

Closes: BS-3203

blocksuite/affine/blocks/surface-ref/package.json

@@ -36,7 +36,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-ref/src/store.ts

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

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

@@ -0,0 +1,49 @@
+import {
+  type ViewExtensionContext,
+  ViewExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+import { SurfaceRefBlockSchema } from '@blocksuite/affine-model';
+import { ToolbarModuleExtension } from '@blocksuite/affine-shared/services';
+import {
+  BlockFlavourIdentifier,
+  BlockViewExtension,
+  FlavourExtension,
+} from '@blocksuite/std';
+import { literal } from 'lit/static-html.js';
+
+import { SurfaceRefSlashMenuConfigExtension } from './configs/slash-menu';
+import { surfaceRefToolbarModuleConfig } from './configs/toolbar';
+import { effects } from './effects';
+
+const flavour = SurfaceRefBlockSchema.model.flavour;
+
+export class SurfaceRefViewExtension extends ViewExtensionProvider {
+  override name = 'affine-surface-ref-block';
+
+  override effect(): void {
+    super.effect();
+    effects();
+  }
+
+  override setup(context: ViewExtensionContext): void {
+    super.setup(context);
+    context.register([
+      FlavourExtension(flavour),
+      SurfaceRefSlashMenuConfigExtension,
+    ]);
+    const isEdgeless = this.isEdgeless(context.scope);
+    if (isEdgeless) {
+      context.register([
+        BlockViewExtension(flavour, literal`affine-edgeless-surface-ref`),
+      ]);
+    } else {
+      context.register([
+        BlockViewExtension(flavour, literal`affine-surface-ref`),
+        ToolbarModuleExtension({
+          id: BlockFlavourIdentifier(flavour),
+          config: surfaceRefToolbarModuleConfig,
+        }),
+      ]);
+    }
+  }
+}