feat(editor): text gfx extension (#11951)

Closes: BS-3213

blocksuite/affine/gfx/group/src/element-view.ts

@@ -14,7 +14,14 @@ export class GroupElementView extends GfxElementModelView<GroupElementModel> {
 
   private _initDblClickToEdit(): void {
     this.on('dblclick', () => {
-      const edgeless = this.std.view.getBlock(this.std.store.root!.id);
+      const rootId = this.std.store.root?.id;
+      if (!rootId) {
+        console.error(
+          'GroupElementView: rootId is not found when dblclick to edit'
+        );
+        return;
+      }
+      const edgeless = this.std.view.getBlock(rootId);
 
       if (edgeless && !this.model.isLocked()) {
         mountGroupTitleEditor(this.model, edgeless);

blocksuite/affine/gfx/text/package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@blocksuite/affine-block-surface": "workspace:*",
     "@blocksuite/affine-components": "workspace:*",
+    "@blocksuite/affine-ext-loader": "workspace:*",
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-rich-text": "workspace:*",
     "@blocksuite/affine-shared": "workspace:*",
@@ -33,7 +34,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/gfx/text/src/store.ts

@@ -0,0 +1,19 @@
+import {
+  type StoreExtensionContext,
+  StoreExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+
+import {
+  textToMarkdownAdapterMatcher,
+  textToPlainTextAdapterMatcher,
+} from './adapter';
+
+export class TextStoreExtension extends StoreExtensionProvider {
+  override name = 'affine-text-gfx';
+
+  override setup(context: StoreExtensionContext) {
+    super.setup(context);
+    context.register(textToMarkdownAdapterMatcher);
+    context.register(textToPlainTextAdapterMatcher);
+  }
+}

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

@@ -0,0 +1,27 @@
+import {
+  type ViewExtensionContext,
+  ViewExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+
+import { effects } from './effects';
+import { TextElementRendererExtension } from './element-renderer';
+import { TextElementView } from './element-view';
+import { textToolbarExtension } from './toolbar';
+
+export class TextViewExtension extends ViewExtensionProvider {
+  override name = 'affine-text-gfx';
+
+  override effect(): void {
+    super.effect();
+    effects();
+  }
+
+  override setup(context: ViewExtensionContext) {
+    super.setup(context);
+    context.register(TextElementView);
+    context.register(TextElementRendererExtension);
+    if (this.isEdgeless(context.scope)) {
+      context.register(textToolbarExtension);
+    }
+  }
+}

blocksuite/affine/gfx/text/tsconfig.json

@@ -9,6 +9,7 @@
   "references": [
     { "path": "../../blocks/surface" },
     { "path": "../../components" },
+    { "path": "../../ext-loader" },
     { "path": "../../model" },
     { "path": "../../rich-text" },
     { "path": "../../shared" },