From 652d42ba1e7e79f8e1b8415341d413b80827b6de Mon Sep 17 00:00:00 2001
From: Saul-Mirone <Saul-Mirone@outlook.com>
Date: Mon, 21 Apr 2025 09:22:11 +0000
Subject: [PATCH] feat(editor): scaffolding store and view manager in affine
 (#11840)

Closes: BS-3254
---
 blocksuite/affine/all/package.json            | 26 ++++++++++++++-----
 .../{attachment.ts => attachment/index.ts}    |  0
 .../affine/all/src/blocks/attachment/store.ts |  1 +
 .../affine/all/src/blocks/attachment/view.ts  |  1 +
 .../blocks/{bookmark.ts => bookmark/index.ts} |  0
 .../affine/all/src/blocks/bookmark/store.ts   |  1 +
 .../affine/all/src/blocks/bookmark/view.ts    |  1 +
 .../blocks/{callout.ts => callout/index.ts}   |  0
 .../affine/all/src/blocks/callout/store.ts    |  1 +
 .../affine/all/src/blocks/callout/view.ts     |  1 +
 .../affine/all/src/blocks/code/index.ts       |  1 +
 .../affine/all/src/blocks/code/store.ts       |  1 +
 blocksuite/affine/all/src/blocks/code/view.ts |  1 +
 .../affine/all/src/blocks/data-view/index.ts  |  1 +
 .../affine/all/src/blocks/data-view/store.ts  |  1 +
 .../affine/all/src/blocks/data-view/view.ts   |  1 +
 .../affine/all/src/blocks/database/index.ts   |  1 +
 .../affine/all/src/blocks/database/store.ts   |  1 +
 .../affine/all/src/blocks/database/view.ts    |  1 +
 blocksuite/affine/all/src/ext-loader/index.ts |  1 +
 blocksuite/affine/all/tsconfig.json           |  1 +
 .../affine/blocks/attachment/src/store.ts     |  2 +-
 .../affine/blocks/attachment/src/view.ts      |  2 +-
 .../affine/blocks/bookmark/src/store.ts       |  2 +-
 blocksuite/affine/blocks/bookmark/src/view.ts |  2 +-
 blocksuite/affine/blocks/callout/src/store.ts |  2 +-
 blocksuite/affine/blocks/callout/src/view.ts  |  2 +-
 blocksuite/affine/blocks/code/src/store.ts    |  2 +-
 blocksuite/affine/blocks/code/src/view.ts     |  2 +-
 .../affine/blocks/data-view/src/store.ts      |  2 +-
 .../affine/blocks/data-view/src/view.ts       |  2 +-
 .../affine/blocks/database/src/store.ts       |  2 +-
 blocksuite/affine/blocks/database/src/view.ts |  2 +-
 .../core/src/blocksuite/manager/store.ts      | 20 ++++++++++++++
 .../core/src/blocksuite/manager/view.ts       | 20 ++++++++++++++
 tools/utils/src/workspace.gen.ts              |  1 +
 yarn.lock                                     |  1 +
 37 files changed, 91 insertions(+), 18 deletions(-)
 rename blocksuite/affine/all/src/blocks/{attachment.ts => attachment/index.ts} (100%)
 create mode 100644 blocksuite/affine/all/src/blocks/attachment/store.ts
 create mode 100644 blocksuite/affine/all/src/blocks/attachment/view.ts
 rename blocksuite/affine/all/src/blocks/{bookmark.ts => bookmark/index.ts} (100%)
 create mode 100644 blocksuite/affine/all/src/blocks/bookmark/store.ts
 create mode 100644 blocksuite/affine/all/src/blocks/bookmark/view.ts
 rename blocksuite/affine/all/src/blocks/{callout.ts => callout/index.ts} (100%)
 create mode 100644 blocksuite/affine/all/src/blocks/callout/store.ts
 create mode 100644 blocksuite/affine/all/src/blocks/callout/view.ts
 create mode 100644 blocksuite/affine/all/src/blocks/code/index.ts
 create mode 100644 blocksuite/affine/all/src/blocks/code/store.ts
 create mode 100644 blocksuite/affine/all/src/blocks/code/view.ts
 create mode 100644 blocksuite/affine/all/src/blocks/data-view/index.ts
 create mode 100644 blocksuite/affine/all/src/blocks/data-view/store.ts
 create mode 100644 blocksuite/affine/all/src/blocks/data-view/view.ts
 create mode 100644 blocksuite/affine/all/src/blocks/database/index.ts
 create mode 100644 blocksuite/affine/all/src/blocks/database/store.ts
 create mode 100644 blocksuite/affine/all/src/blocks/database/view.ts
 create mode 100644 blocksuite/affine/all/src/ext-loader/index.ts
 create mode 100644 packages/frontend/core/src/blocksuite/manager/store.ts
 create mode 100644 packages/frontend/core/src/blocksuite/manager/view.ts

diff --git a/blocksuite/affine/all/package.json b/blocksuite/affine/all/package.json
index a49a7a881..4fe39d283 100644
--- a/blocksuite/affine/all/package.json
+++ b/blocksuite/affine/all/package.json
@@ -30,6 +30,7 @@
     "@blocksuite/affine-block-surface-ref": "workspace:*",
     "@blocksuite/affine-block-table": "workspace:*",
     "@blocksuite/affine-components": "workspace:*",
+    "@blocksuite/affine-ext-loader": "workspace:*",
     "@blocksuite/affine-fragment-doc-title": "workspace:*",
     "@blocksuite/affine-fragment-frame-panel": "workspace:*",
     "@blocksuite/affine-fragment-outline": "workspace:*",
@@ -71,6 +72,7 @@
   "exports": {
     ".": "./src/index.ts",
     "./effects": "./src/effects.ts",
+    "./ext-loader": "./src/ext-loader/index.ts",
     "./std": "./src/std/index.ts",
     "./std/gfx": "./src/std/gfx.ts",
     "./std/inline": "./src/std/inline.ts",
@@ -86,12 +88,24 @@
     "./global/lit": "./src/global/lit.ts",
     "./store": "./src/store/index.ts",
     "./store/test": "./src/store/test.ts",
-    "./blocks/attachment": "./src/blocks/attachment.ts",
-    "./blocks/bookmark": "./src/blocks/bookmark.ts",
-    "./blocks/callout": "./src/blocks/callout.ts",
-    "./blocks/code": "./src/blocks/code.ts",
-    "./blocks/data-view": "./src/blocks/data-view.ts",
-    "./blocks/database": "./src/blocks/database.ts",
+    "./blocks/attachment": "./src/blocks/attachment/index.ts",
+    "./blocks/attachment/store": "./src/blocks/attachment/store.ts",
+    "./blocks/attachment/view": "./src/blocks/attachment/view.ts",
+    "./blocks/bookmark": "./src/blocks/bookmark/index.ts",
+    "./blocks/bookmark/store": "./src/blocks/bookmark/store.ts",
+    "./blocks/bookmark/view": "./src/blocks/bookmark/view.ts",
+    "./blocks/callout": "./src/blocks/callout/index.ts",
+    "./blocks/callout/store": "./src/blocks/callout/store.ts",
+    "./blocks/callout/view": "./src/blocks/callout/view.ts",
+    "./blocks/code": "./src/blocks/code/index.ts",
+    "./blocks/code/store": "./src/blocks/code/store.ts",
+    "./blocks/code/view": "./src/blocks/code/view.ts",
+    "./blocks/data-view": "./src/blocks/data-view/index.ts",
+    "./blocks/data-view/store": "./src/blocks/data-view/store.ts",
+    "./blocks/data-view/view": "./src/blocks/data-view/view.ts",
+    "./blocks/database": "./src/blocks/database/index.ts",
+    "./blocks/database/store": "./src/blocks/database/store.ts",
+    "./blocks/database/view": "./src/blocks/database/view.ts",
     "./blocks/divider": "./src/blocks/divider.ts",
     "./blocks/edgeless-text": "./src/blocks/edgeless-text.ts",
     "./blocks/embed": "./src/blocks/embed.ts",
diff --git a/blocksuite/affine/all/src/blocks/attachment.ts b/blocksuite/affine/all/src/blocks/attachment/index.ts
similarity index 100%
rename from blocksuite/affine/all/src/blocks/attachment.ts
rename to blocksuite/affine/all/src/blocks/attachment/index.ts
diff --git a/blocksuite/affine/all/src/blocks/attachment/store.ts b/blocksuite/affine/all/src/blocks/attachment/store.ts
new file mode 100644
index 000000000..24ade1713
--- /dev/null
+++ b/blocksuite/affine/all/src/blocks/attachment/store.ts
@@ -0,0 +1 @@
+export * from '@blocksuite/affine-block-attachment/store';
diff --git a/blocksuite/affine/all/src/blocks/attachment/view.ts b/blocksuite/affine/all/src/blocks/attachment/view.ts
new file mode 100644
index 000000000..771fd4b60
--- /dev/null
+++ b/blocksuite/affine/all/src/blocks/attachment/view.ts
@@ -0,0 +1 @@
+export * from '@blocksuite/affine-block-attachment/view';
diff --git a/blocksuite/affine/all/src/blocks/bookmark.ts b/blocksuite/affine/all/src/blocks/bookmark/index.ts
similarity index 100%
rename from blocksuite/affine/all/src/blocks/bookmark.ts
rename to blocksuite/affine/all/src/blocks/bookmark/index.ts
diff --git a/blocksuite/affine/all/src/blocks/bookmark/store.ts b/blocksuite/affine/all/src/blocks/bookmark/store.ts
new file mode 100644
index 000000000..866d3bba2
--- /dev/null
+++ b/blocksuite/affine/all/src/blocks/bookmark/store.ts
@@ -0,0 +1 @@
+export * from '@blocksuite/affine-block-bookmark/store';
diff --git a/blocksuite/affine/all/src/blocks/bookmark/view.ts b/blocksuite/affine/all/src/blocks/bookmark/view.ts
new file mode 100644
index 000000000..f2c1c3aed
--- /dev/null
+++ b/blocksuite/affine/all/src/blocks/bookmark/view.ts
@@ -0,0 +1 @@
+export * from '@blocksuite/affine-block-bookmark/view';
diff --git a/blocksuite/affine/all/src/blocks/callout.ts b/blocksuite/affine/all/src/blocks/callout/index.ts
similarity index 100%
rename from blocksuite/affine/all/src/blocks/callout.ts
rename to blocksuite/affine/all/src/blocks/callout/index.ts
diff --git a/blocksuite/affine/all/src/blocks/callout/store.ts b/blocksuite/affine/all/src/blocks/callout/store.ts
new file mode 100644
index 000000000..b30024387
--- /dev/null
+++ b/blocksuite/affine/all/src/blocks/callout/store.ts
@@ -0,0 +1 @@
+export * from '@blocksuite/affine-block-callout/store';
diff --git a/blocksuite/affine/all/src/blocks/callout/view.ts b/blocksuite/affine/all/src/blocks/callout/view.ts
new file mode 100644
index 000000000..b7a984530
--- /dev/null
+++ b/blocksuite/affine/all/src/blocks/callout/view.ts
@@ -0,0 +1 @@
+export * from '@blocksuite/affine-block-callout/view';
diff --git a/blocksuite/affine/all/src/blocks/code/index.ts b/blocksuite/affine/all/src/blocks/code/index.ts
new file mode 100644
index 000000000..46225052d
--- /dev/null
+++ b/blocksuite/affine/all/src/blocks/code/index.ts
@@ -0,0 +1 @@
+export * from '@blocksuite/affine-block-code';
diff --git a/blocksuite/affine/all/src/blocks/code/store.ts b/blocksuite/affine/all/src/blocks/code/store.ts
new file mode 100644
index 000000000..4ee11fbad
--- /dev/null
+++ b/blocksuite/affine/all/src/blocks/code/store.ts
@@ -0,0 +1 @@
+export * from '@blocksuite/affine-block-code/store';
diff --git a/blocksuite/affine/all/src/blocks/code/view.ts b/blocksuite/affine/all/src/blocks/code/view.ts
new file mode 100644
index 000000000..4657bad1b
--- /dev/null
+++ b/blocksuite/affine/all/src/blocks/code/view.ts
@@ -0,0 +1 @@
+export * from '@blocksuite/affine-block-code/view';
diff --git a/blocksuite/affine/all/src/blocks/data-view/index.ts b/blocksuite/affine/all/src/blocks/data-view/index.ts
new file mode 100644
index 000000000..6fd761019
--- /dev/null
+++ b/blocksuite/affine/all/src/blocks/data-view/index.ts
@@ -0,0 +1 @@
+export * from '@blocksuite/affine-block-data-view';
diff --git a/blocksuite/affine/all/src/blocks/data-view/store.ts b/blocksuite/affine/all/src/blocks/data-view/store.ts
new file mode 100644
index 000000000..bc7a7a399
--- /dev/null
+++ b/blocksuite/affine/all/src/blocks/data-view/store.ts
@@ -0,0 +1 @@
+export * from '@blocksuite/affine-block-data-view/store';
diff --git a/blocksuite/affine/all/src/blocks/data-view/view.ts b/blocksuite/affine/all/src/blocks/data-view/view.ts
new file mode 100644
index 000000000..316296f8a
--- /dev/null
+++ b/blocksuite/affine/all/src/blocks/data-view/view.ts
@@ -0,0 +1 @@
+export * from '@blocksuite/affine-block-data-view/view';
diff --git a/blocksuite/affine/all/src/blocks/database/index.ts b/blocksuite/affine/all/src/blocks/database/index.ts
new file mode 100644
index 000000000..ef755b90e
--- /dev/null
+++ b/blocksuite/affine/all/src/blocks/database/index.ts
@@ -0,0 +1 @@
+export * from '@blocksuite/affine-block-database';
diff --git a/blocksuite/affine/all/src/blocks/database/store.ts b/blocksuite/affine/all/src/blocks/database/store.ts
new file mode 100644
index 000000000..35a033d54
--- /dev/null
+++ b/blocksuite/affine/all/src/blocks/database/store.ts
@@ -0,0 +1 @@
+export * from '@blocksuite/affine-block-database/store';
diff --git a/blocksuite/affine/all/src/blocks/database/view.ts b/blocksuite/affine/all/src/blocks/database/view.ts
new file mode 100644
index 000000000..9eff72c82
--- /dev/null
+++ b/blocksuite/affine/all/src/blocks/database/view.ts
@@ -0,0 +1 @@
+export * from '@blocksuite/affine-block-database/view';
diff --git a/blocksuite/affine/all/src/ext-loader/index.ts b/blocksuite/affine/all/src/ext-loader/index.ts
new file mode 100644
index 000000000..ada0306fb
--- /dev/null
+++ b/blocksuite/affine/all/src/ext-loader/index.ts
@@ -0,0 +1 @@
+export * from '@blocksuite/affine-ext-loader';
diff --git a/blocksuite/affine/all/tsconfig.json b/blocksuite/affine/all/tsconfig.json
index d2f1a13c9..8b2c9f3e5 100644
--- a/blocksuite/affine/all/tsconfig.json
+++ b/blocksuite/affine/all/tsconfig.json
@@ -27,6 +27,7 @@
     { "path": "../blocks/surface-ref" },
     { "path": "../blocks/table" },
     { "path": "../components" },
+    { "path": "../ext-loader" },
     { "path": "../fragments/doc-title" },
     { "path": "../fragments/frame-panel" },
     { "path": "../fragments/outline" },
diff --git a/blocksuite/affine/blocks/attachment/src/store.ts b/blocksuite/affine/blocks/attachment/src/store.ts
index a10d3bc81..114446856 100644
--- a/blocksuite/affine/blocks/attachment/src/store.ts
+++ b/blocksuite/affine/blocks/attachment/src/store.ts
@@ -6,7 +6,7 @@ import { AttachmentBlockSchemaExtension } from '@blocksuite/affine-model';
 
 import { AttachmentBlockNotionHtmlAdapterExtension } from './adapters/notion-html';
 
-export default class AttachmentStoreExtension extends StoreExtensionProvider {
+export class AttachmentStoreExtension extends StoreExtensionProvider {
   override name = 'affine-attachment-block';
 
   override setup(context: StoreExtensionContext) {
diff --git a/blocksuite/affine/blocks/attachment/src/view.ts b/blocksuite/affine/blocks/attachment/src/view.ts
index c6076fb7a..ea88ed4ad 100644
--- a/blocksuite/affine/blocks/attachment/src/view.ts
+++ b/blocksuite/affine/blocks/attachment/src/view.ts
@@ -18,7 +18,7 @@ import {
 
 const flavour = AttachmentBlockSchema.model.flavour;
 
-export default class AttachmentViewExtension extends ViewExtensionProvider {
+export class AttachmentViewExtension extends ViewExtensionProvider {
   override name = 'affine-attachment-block';
 
   override effect() {
diff --git a/blocksuite/affine/blocks/bookmark/src/store.ts b/blocksuite/affine/blocks/bookmark/src/store.ts
index 89a8ae1b7..24083ecdd 100644
--- a/blocksuite/affine/blocks/bookmark/src/store.ts
+++ b/blocksuite/affine/blocks/bookmark/src/store.ts
@@ -6,7 +6,7 @@ import { BookmarkBlockSchemaExtension } from '@blocksuite/affine-model';
 
 import { BookmarkBlockAdapterExtensions } from './adapters/extension';
 
-export default class BookmarkStoreExtension extends StoreExtensionProvider {
+export class BookmarkStoreExtension extends StoreExtensionProvider {
   override name = 'affine-bookmark-block';
 
   override setup(context: StoreExtensionContext) {
diff --git a/blocksuite/affine/blocks/bookmark/src/view.ts b/blocksuite/affine/blocks/bookmark/src/view.ts
index cfb21a216..ab3eac9c7 100644
--- a/blocksuite/affine/blocks/bookmark/src/view.ts
+++ b/blocksuite/affine/blocks/bookmark/src/view.ts
@@ -12,7 +12,7 @@ import { effects } from './effects';
 
 const flavour = BookmarkBlockSchema.model.flavour;
 
-export default class BookmarkViewExtension extends ViewExtensionProvider {
+export class BookmarkViewExtension extends ViewExtensionProvider {
   override name = 'affine-bookmark-block';
 
   override effect() {
diff --git a/blocksuite/affine/blocks/callout/src/store.ts b/blocksuite/affine/blocks/callout/src/store.ts
index 373a213ac..491b110ab 100644
--- a/blocksuite/affine/blocks/callout/src/store.ts
+++ b/blocksuite/affine/blocks/callout/src/store.ts
@@ -4,7 +4,7 @@ import {
 } from '@blocksuite/affine-ext-loader';
 import { CalloutBlockSchemaExtension } from '@blocksuite/affine-model';
 
-export default class CalloutStoreExtension extends StoreExtensionProvider {
+export class CalloutStoreExtension extends StoreExtensionProvider {
   override name = 'affine-callout-block';
 
   override setup(context: StoreExtensionContext) {
diff --git a/blocksuite/affine/blocks/callout/src/view.ts b/blocksuite/affine/blocks/callout/src/view.ts
index dfe35acda..981b2235b 100644
--- a/blocksuite/affine/blocks/callout/src/view.ts
+++ b/blocksuite/affine/blocks/callout/src/view.ts
@@ -10,7 +10,7 @@ import { CalloutKeymapExtension } from './callout-keymap';
 import { calloutSlashMenuConfig } from './configs/slash-menu';
 import { effects } from './effects';
 
-export default class CalloutViewExtension extends ViewExtensionProvider {
+export class CalloutViewExtension extends ViewExtensionProvider {
   override name = 'affine-callout-block';
 
   override effect() {
diff --git a/blocksuite/affine/blocks/code/src/store.ts b/blocksuite/affine/blocks/code/src/store.ts
index 6317b9526..3d0c73076 100644
--- a/blocksuite/affine/blocks/code/src/store.ts
+++ b/blocksuite/affine/blocks/code/src/store.ts
@@ -6,7 +6,7 @@ import { CodeBlockSchemaExtension } from '@blocksuite/affine-model';
 
 import { CodeBlockAdapterExtensions } from './adapters/extension';
 
-export default class CodeStoreExtension extends StoreExtensionProvider {
+export class CodeStoreExtension extends StoreExtensionProvider {
   override name = 'affine-code-block';
 
   override setup(context: StoreExtensionContext) {
diff --git a/blocksuite/affine/blocks/code/src/view.ts b/blocksuite/affine/blocks/code/src/view.ts
index d8fed836f..d5395924f 100644
--- a/blocksuite/affine/blocks/code/src/view.ts
+++ b/blocksuite/affine/blocks/code/src/view.ts
@@ -27,7 +27,7 @@ export const codeToolbarWidget = WidgetViewExtension(
   literal`${unsafeStatic(AFFINE_CODE_TOOLBAR_WIDGET)}`
 );
 
-export default class CodeBlockViewExtension extends ViewExtensionProvider {
+export class CodeBlockViewExtension extends ViewExtensionProvider {
   override name = 'affine-code-block';
 
   override effect() {
diff --git a/blocksuite/affine/blocks/data-view/src/store.ts b/blocksuite/affine/blocks/data-view/src/store.ts
index b228ea6d2..7f7ee559e 100644
--- a/blocksuite/affine/blocks/data-view/src/store.ts
+++ b/blocksuite/affine/blocks/data-view/src/store.ts
@@ -5,7 +5,7 @@ import {
 
 import { DataViewBlockSchemaExtension } from './data-view-model';
 
-export default class DataViewStoreExtension extends StoreExtensionProvider {
+export class DataViewStoreExtension extends StoreExtensionProvider {
   override name = 'affine-data-view-block';
 
   override setup(context: StoreExtensionContext) {
diff --git a/blocksuite/affine/blocks/data-view/src/view.ts b/blocksuite/affine/blocks/data-view/src/view.ts
index 3fe3eea45..503893c9e 100644
--- a/blocksuite/affine/blocks/data-view/src/view.ts
+++ b/blocksuite/affine/blocks/data-view/src/view.ts
@@ -10,7 +10,7 @@ import { effects } from './effects';
 
 const flavour = DataViewBlockSchema.model.flavour;
 
-export default class DataViewViewExtension extends ViewExtensionProvider {
+export class DataViewViewExtension extends ViewExtensionProvider {
   override name = 'affine-data-view-block';
 
   override effect() {
diff --git a/blocksuite/affine/blocks/database/src/store.ts b/blocksuite/affine/blocks/database/src/store.ts
index 5794f9eda..595da5357 100644
--- a/blocksuite/affine/blocks/database/src/store.ts
+++ b/blocksuite/affine/blocks/database/src/store.ts
@@ -7,7 +7,7 @@ import { DatabaseBlockSchemaExtension } from '@blocksuite/affine-model';
 import { DatabaseBlockAdapterExtensions } from './adapters/extension';
 import { DatabaseSelectionExtension } from './selection';
 
-export default class DatabaseStoreExtension extends StoreExtensionProvider {
+export class DatabaseStoreExtension extends StoreExtensionProvider {
   override name = 'affine-database-block';
 
   override setup(context: StoreExtensionContext) {
diff --git a/blocksuite/affine/blocks/database/src/view.ts b/blocksuite/affine/blocks/database/src/view.ts
index 3d57a31c6..a677b8b22 100644
--- a/blocksuite/affine/blocks/database/src/view.ts
+++ b/blocksuite/affine/blocks/database/src/view.ts
@@ -9,7 +9,7 @@ import { literal } from 'lit/static-html.js';
 import { databaseSlashMenuConfig } from './configs/slash-menu.js';
 import { effects } from './effects';
 
-export default class DatabaseViewExtension extends ViewExtensionProvider {
+export class DatabaseViewExtension extends ViewExtensionProvider {
   override name = 'affine-database-block';
 
   override effect() {
diff --git a/packages/frontend/core/src/blocksuite/manager/store.ts b/packages/frontend/core/src/blocksuite/manager/store.ts
new file mode 100644
index 000000000..824f9b11a
--- /dev/null
+++ b/packages/frontend/core/src/blocksuite/manager/store.ts
@@ -0,0 +1,20 @@
+import { AttachmentStoreExtension } from '@blocksuite/affine/blocks/attachment/store';
+import { BookmarkStoreExtension } from '@blocksuite/affine/blocks/bookmark/store';
+import { CalloutStoreExtension } from '@blocksuite/affine/blocks/callout/store';
+import { CodeStoreExtension } from '@blocksuite/affine/blocks/code/store';
+import { DataViewStoreExtension } from '@blocksuite/affine/blocks/data-view/store';
+import { DatabaseStoreExtension } from '@blocksuite/affine/blocks/database/store';
+import { StoreExtensionManager } from '@blocksuite/affine/ext-loader';
+
+export function createStoreManager() {
+  const manager = new StoreExtensionManager([
+    AttachmentStoreExtension,
+    BookmarkStoreExtension,
+    CalloutStoreExtension,
+    CodeStoreExtension,
+    DataViewStoreExtension,
+    DatabaseStoreExtension,
+  ]);
+
+  return manager;
+}
diff --git a/packages/frontend/core/src/blocksuite/manager/view.ts b/packages/frontend/core/src/blocksuite/manager/view.ts
new file mode 100644
index 000000000..f448767e6
--- /dev/null
+++ b/packages/frontend/core/src/blocksuite/manager/view.ts
@@ -0,0 +1,20 @@
+import { AttachmentViewExtension } from '@blocksuite/affine/blocks/attachment/view';
+import { BookmarkViewExtension } from '@blocksuite/affine/blocks/bookmark/view';
+import { CalloutViewExtension } from '@blocksuite/affine/blocks/callout/view';
+import { CodeBlockViewExtension } from '@blocksuite/affine/blocks/code/view';
+import { DataViewViewExtension } from '@blocksuite/affine/blocks/data-view/view';
+import { DatabaseViewExtension } from '@blocksuite/affine/blocks/database/view';
+import { ViewExtensionManager } from '@blocksuite/affine/ext-loader';
+
+export function createViewManager() {
+  const manager = new ViewExtensionManager([
+    AttachmentViewExtension,
+    BookmarkViewExtension,
+    CalloutViewExtension,
+    CodeBlockViewExtension,
+    DataViewViewExtension,
+    DatabaseViewExtension,
+  ]);
+
+  return manager;
+}
diff --git a/tools/utils/src/workspace.gen.ts b/tools/utils/src/workspace.gen.ts
index fc0f17814..1c57666e0 100644
--- a/tools/utils/src/workspace.gen.ts
+++ b/tools/utils/src/workspace.gen.ts
@@ -25,6 +25,7 @@ export const PackageList = [
       'blocksuite/affine/blocks/surface-ref',
       'blocksuite/affine/blocks/table',
       'blocksuite/affine/components',
+      'blocksuite/affine/ext-loader',
       'blocksuite/affine/fragments/doc-title',
       'blocksuite/affine/fragments/frame-panel',
       'blocksuite/affine/fragments/outline',
diff --git a/yarn.lock b/yarn.lock
index 01c4f42ad..13ffe3b9d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3840,6 +3840,7 @@ __metadata:
     "@blocksuite/affine-block-surface-ref": "workspace:*"
     "@blocksuite/affine-block-table": "workspace:*"
     "@blocksuite/affine-components": "workspace:*"
+    "@blocksuite/affine-ext-loader": "workspace:*"
     "@blocksuite/affine-fragment-doc-title": "workspace:*"
     "@blocksuite/affine-fragment-frame-panel": "workspace:*"
     "@blocksuite/affine-fragment-outline": "workspace:*"