feat(editor) shape gfx extension (#11928)

Closes: BS-3211

blocksuite/affine/gfx/shape/src/view.ts

@@ -1,28 +1,31 @@
-import { ShapeElementModel } from '@blocksuite/affine-model';
-import { GfxElementModelView } from '@blocksuite/std/gfx';
+import {
+  type ViewExtensionContext,
+  ViewExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
 
-import { mountShapeTextEditor } from './text/edgeless-shape-text-editor';
+import { effects } from './effects';
+import {
+  HighlighterElementRendererExtension,
+  ShapeElementRendererExtension,
+} from './element-renderer';
+import { ShapeElementView } from './element-view';
+import { ShapeTool } from './shape-tool';
+import { shapeSeniorTool } from './toolbar';
 
-export class ShapeElementView extends GfxElementModelView<ShapeElementModel> {
-  static override type: string = 'shape';
+export class ShapeViewExtension extends ViewExtensionProvider {
+  override name = 'affine-shape-gfx';
 
-  override onCreated(): void {
-    super.onCreated();
-
-    this._initDblClickToEdit();
+  override effect(): void {
+    super.effect();
+    effects();
   }
 
-  private _initDblClickToEdit(): void {
-    this.on('dblclick', () => {
-      const edgeless = this.std.view.getBlock(this.std.store.root!.id);
-
-      if (
-        edgeless &&
-        !this.model.isLocked() &&
-        this.model instanceof ShapeElementModel
-      ) {
-        mountShapeTextEditor(this.model, edgeless);
-      }
-    });
+  override setup(context: ViewExtensionContext) {
+    super.setup(context);
+    context.register(HighlighterElementRendererExtension);
+    context.register(ShapeElementRendererExtension);
+    context.register(ShapeElementView);
+    context.register(ShapeTool);
+    context.register(shapeSeniorTool);
   }
 }