feat(editor): add frame title and mobile toolbar widget extension (#11996)

Closes: BS-3223
Closes: BS-3224

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

- **New Features**
  - Introduced new view extensions for frame title and keyboard toolbar widgets with conditional registration based on context and environment.
  - Enhanced widget integration by adding explicit exports for view components.

- **Chores**
  - Updated export paths and package dependencies to improve modularity and compatibility.
  - Removed deprecated widget dependencies and related imports from core packages.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

blocksuite/affine/widgets/frame-title/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:*",
@@ -24,7 +25,8 @@
   },
   "exports": {
     ".": "./src/index.ts",
-    "./effects": "./src/effects.ts"
+    "./effects": "./src/effects.ts",
+    "./view": "./src/view.ts"
   },
   "files": [
     "src",

blocksuite/affine/widgets/frame-title/src/view.ts

@@ -0,0 +1,23 @@
+import {
+  type ViewExtensionContext,
+  ViewExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+
+import { frameTitleWidget } from './affine-frame-title-widget';
+import { effects } from './effects';
+
+export class FrameTitleViewExtension extends ViewExtensionProvider {
+  override name = 'affine-frame-title-widget';
+
+  override effect() {
+    super.effect();
+    effects();
+  }
+
+  override setup(context: ViewExtensionContext) {
+    super.setup(context);
+    if (context.scope === 'edgeless') {
+      context.register(frameTitleWidget);
+    }
+  }
+}

blocksuite/affine/widgets/frame-title/tsconfig.json

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

blocksuite/affine/widgets/keyboard-toolbar/package.json

@@ -21,6 +21,7 @@
     "@blocksuite/affine-block-surface": "workspace:*",
     "@blocksuite/affine-block-surface-ref": "workspace:*",
     "@blocksuite/affine-components": "workspace:*",
+    "@blocksuite/affine-ext-loader": "workspace:*",
     "@blocksuite/affine-fragment-doc-title": "workspace:*",
     "@blocksuite/affine-inline-latex": "workspace:*",
     "@blocksuite/affine-inline-link": "workspace:*",
@@ -45,7 +46,8 @@
   },
   "exports": {
     ".": "./src/index.ts",
-    "./effects": "./src/effects.ts"
+    "./effects": "./src/effects.ts",
+    "./view": "./src/view.ts"
   },
   "files": [
     "src",

blocksuite/affine/widgets/keyboard-toolbar/src/view.ts

@@ -0,0 +1,28 @@
+import {
+  type ViewExtensionContext,
+  ViewExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+import { IS_MOBILE } from '@blocksuite/global/env';
+
+import { effects } from './effects';
+import { keyboardToolbarWidget } from './widget';
+
+export class KeyboardToolbarViewExtension extends ViewExtensionProvider {
+  override name = 'affine-keyboard-toolbar-widget';
+
+  override effect() {
+    super.effect();
+    effects();
+  }
+
+  override setup(context: ViewExtensionContext) {
+    super.setup(context);
+    if (
+      context.scope === 'mobile-page' ||
+      // Legacy mobile page
+      (context.scope === 'page' && IS_MOBILE)
+    ) {
+      context.register(keyboardToolbarWidget);
+    }
+  }
+}

blocksuite/affine/widgets/keyboard-toolbar/tsconfig.json

@@ -18,6 +18,7 @@
     { "path": "../../blocks/surface" },
     { "path": "../../blocks/surface-ref" },
     { "path": "../../components" },
+    { "path": "../../ext-loader" },
     { "path": "../../fragments/doc-title" },
     { "path": "../../inlines/latex" },
     { "path": "../../inlines/link" },