fix(editor): adjust the style of the table block

.github/workflows/build-test.yml

@@ -624,7 +624,8 @@ jobs:
         with:
           filters: |
             changed:
-              - 'packages/frontend/core/src/blocksuite/ai/**'
+              - 'packages/frontend/core/src/blocksuite/presets/ai/**'
+              - 'packages/frontend/core/src/components/blocksuite/block-suite-editor/ai/**'
               - 'tests/affine-cloud-copilot/**'
 
       - name: Setup Node.js

blocksuite/affine/block-database/src/adapters/notion-html.ts

@@ -1,9 +1,9 @@
 import { DatabaseBlockSchema } from '@blocksuite/affine-model';
 import {
-  AdapterTextUtils,
   BlockNotionHtmlAdapterExtension,
   type BlockNotionHtmlAdapterMatcher,
   HastUtils,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';
 import { getTagColor } from '@blocksuite/data-view';
 import { type BlockSnapshot, nanoid } from '@blocksuite/store';
@@ -219,7 +219,7 @@ export const databaseBlockNotionHtmlAdapterMatcher: BlockNotionHtmlAdapterMatche
                     column.type = 'rich-text';
                     row[column.id] = {
                       columnId: column.id,
-                      value: AdapterTextUtils.createText(text),
+                      value: TextUtils.createText(text),
                     };
                   } else {
                     row[column.id] = {
@@ -235,11 +235,11 @@ export const databaseBlockNotionHtmlAdapterMatcher: BlockNotionHtmlAdapterMatche
                 }
                 if (
                   column.type === 'rich-text' &&
-                  !AdapterTextUtils.isText(row[column.id].value)
+                  !TextUtils.isText(row[column.id].value)
                 ) {
                   row[column.id] = {
                     columnId: column.id,
-                    value: AdapterTextUtils.createText(row[column.id].value),
+                    value: TextUtils.createText(row[column.id].value),
                   };
                 }
               });

blocksuite/affine/block-database/src/detail-panel/block-renderer.ts

@@ -127,7 +127,7 @@ export class BlockRenderer
         .attributesSchema=${this.attributesSchema}
         .attributeRenderer=${this.attributeRenderer}
         .embedChecker=${this.inlineManager.embedChecker}
-        .markdownMatches=${this.inlineManager.markdownMatches}
+        .markdownShortcutHandler=${this.inlineManager.markdownShortcutHandler}
         class="inline-editor"
       ></rich-text>
     `;

blocksuite/affine/block-database/src/properties/rich-text/cell-renderer.ts

@@ -221,7 +221,7 @@ export class RichTextCell extends BaseRichTextCell {
         .attributesSchema=${this.attributesSchema}
         .attributeRenderer=${this.attributeRenderer}
         .embedChecker=${this.inlineManager?.embedChecker}
-        .markdownMatches=${this.inlineManager?.markdownMatches}
+        .markdownShortcutHandler=${this.inlineManager?.markdownShortcutHandler}
         .readonly=${true}
         class="affine-database-rich-text inline-editor"
       ></rich-text>`
@@ -525,7 +525,7 @@ export class RichTextCellEditing extends BaseRichTextCell {
       .attributesSchema=${this.attributesSchema}
       .attributeRenderer=${this.attributeRenderer}
       .embedChecker=${this.inlineManager?.embedChecker}
-      .markdownMatches=${this.inlineManager?.markdownMatches}
+      .markdownShortcutHandler=${this.inlineManager?.markdownShortcutHandler}
       .verticalScrollContainerGetter=${() =>
         this.topContenteditableElement?.host
           ? getViewportElement(this.topContenteditableElement.host)

blocksuite/affine/block-database/src/properties/title/text.ts

@@ -187,7 +187,7 @@ export class HeaderAreaTextCell extends BaseTextCell {
       .attributesSchema="${this.attributesSchema}"
       .attributeRenderer="${this.attributeRenderer}"
       .embedChecker="${this.inlineManager?.embedChecker}"
-      .markdownMatches="${this.inlineManager?.markdownMatches}"
+      .markdownShortcutHandler="${this.inlineManager?.markdownShortcutHandler}"
       .readonly="${true}"
       class="data-view-header-area-rich-text"
     ></rich-text>`;
@@ -391,7 +391,7 @@ export class HeaderAreaTextCellEditing extends BaseTextCell {
       .attributesSchema="${this.attributesSchema}"
       .attributeRenderer="${this.attributeRenderer}"
       .embedChecker="${this.inlineManager?.embedChecker}"
-      .markdownMatches="${this.inlineManager?.markdownMatches}"
+      .markdownShortcutHandler="${this.inlineManager?.markdownShortcutHandler}"
       .readonly="${this.readonly}"
       .enableClipboard="${false}"
       .verticalScrollContainerGetter="${() =>

blocksuite/affine/block-embed/src/common/render-linked-doc.ts

@@ -197,7 +197,7 @@ async function renderNoteContent(
     match: ids.map(id => ({ id, viewType: 'display' })),
   };
   const previewDoc = doc.doc.getStore({ query });
-  const previewSpec = SpecProvider._.getSpec('preview:page');
+  const previewSpec = SpecProvider.getInstance().getSpec('page:preview');
   const previewStd = new BlockStdScope({
     store: previewDoc,
     extensions: previewSpec.value,

blocksuite/affine/block-embed/src/embed-linked-doc-block/adapters/html.ts

@@ -1,8 +1,8 @@
 import { EmbedLinkedDocBlockSchema } from '@blocksuite/affine-model';
 import {
-  AdapterTextUtils,
   BlockHtmlAdapterExtension,
   type BlockHtmlAdapterMatcher,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';
 
 export const embedLinkedDocBlockHtmlAdapterMatcher: BlockHtmlAdapterMatcher = {
@@ -18,7 +18,7 @@ export const embedLinkedDocBlockHtmlAdapterMatcher: BlockHtmlAdapterMatcher = {
         return;
       }
       const title = configs.get('title:' + o.node.props.pageId) ?? 'untitled';
-      const url = AdapterTextUtils.generateDocUrl(
+      const url = TextUtils.generateDocUrl(
         configs.get('docLinkBaseUrl') ?? '',
         String(o.node.props.pageId),
         o.node.props.params ?? Object.create(null)

blocksuite/affine/block-embed/src/embed-linked-doc-block/adapters/markdown.ts

@@ -1,8 +1,8 @@
 import { EmbedLinkedDocBlockSchema } from '@blocksuite/affine-model';
 import {
-  AdapterTextUtils,
   BlockMarkdownAdapterExtension,
   type BlockMarkdownAdapterMatcher,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';
 
 export const embedLinkedDocBlockMarkdownAdapterMatcher: BlockMarkdownAdapterMatcher =
@@ -19,7 +19,7 @@ export const embedLinkedDocBlockMarkdownAdapterMatcher: BlockMarkdownAdapterMatc
           return;
         }
         const title = configs.get('title:' + o.node.props.pageId) ?? 'untitled';
-        const url = AdapterTextUtils.generateDocUrl(
+        const url = TextUtils.generateDocUrl(
           configs.get('docLinkBaseUrl') ?? '',
           String(o.node.props.pageId),
           o.node.props.params ?? Object.create(null)

blocksuite/affine/block-embed/src/embed-linked-doc-block/adapters/plain-text.ts

@@ -1,8 +1,8 @@
 import { EmbedLinkedDocBlockSchema } from '@blocksuite/affine-model';
 import {
-  AdapterTextUtils,
   BlockPlainTextAdapterExtension,
   type BlockPlainTextAdapterMatcher,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';
 
 export const embedLinkedDocBlockPlainTextAdapterMatcher: BlockPlainTextAdapterMatcher =
@@ -19,7 +19,7 @@ export const embedLinkedDocBlockPlainTextAdapterMatcher: BlockPlainTextAdapterMa
           return;
         }
         const title = configs.get('title:' + o.node.props.pageId) ?? 'untitled';
-        const url = AdapterTextUtils.generateDocUrl(
+        const url = TextUtils.generateDocUrl(
           configs.get('docLinkBaseUrl') ?? '',
           String(o.node.props.pageId),
           o.node.props.params ?? Object.create(null)

blocksuite/affine/block-embed/src/embed-synced-doc-block/embed-edgeless-synced-doc-block.ts

@@ -70,7 +70,7 @@ export class EmbedEdgelessSyncedDocBlockComponent extends toEdgelessEmbedBlock(
             <div class="affine-page-viewport" data-theme=${appTheme}>
               ${new BlockStdScope({
                 store: syncedDoc,
-                extensions: this._buildPreviewSpec('preview:page'),
+                extensions: this._buildPreviewSpec('page:preview'),
               }).render()}
             </div>
           `,
@@ -81,7 +81,7 @@ export class EmbedEdgelessSyncedDocBlockComponent extends toEdgelessEmbedBlock(
             <div class="affine-edgeless-viewport" data-theme=${edgelessTheme}>
               ${new BlockStdScope({
                 store: syncedDoc,
-                extensions: this._buildPreviewSpec('preview:edgeless'),
+                extensions: this._buildPreviewSpec('edgeless:preview'),
               }).render()}
             </div>
           `,

blocksuite/affine/block-embed/src/embed-synced-doc-block/embed-synced-doc-block.ts

@@ -116,9 +116,9 @@ export class EmbedSyncedDocBlockComponent extends EmbedBlockComponent<EmbedSynce
     ],
   };
 
-  protected _buildPreviewSpec = (name: 'preview:page' | 'preview:edgeless') => {
+  protected _buildPreviewSpec = (name: 'page:preview' | 'edgeless:preview') => {
     const nextDepth = this.depth + 1;
-    const previewSpecBuilder = SpecProvider._.getSpec(name);
+    const previewSpecBuilder = SpecProvider.getInstance().getSpec(name);
     const currentDisposables = this.disposables;
     const editorSetting =
       this.std.getOptional(EditorSettingProvider) ??
@@ -203,7 +203,7 @@ export class EmbedSyncedDocBlockComponent extends EmbedBlockComponent<EmbedSynce
             <div class="affine-page-viewport" data-theme=${appTheme}>
               ${new BlockStdScope({
                 store: syncedDoc,
-                extensions: this._buildPreviewSpec('preview:page'),
+                extensions: this._buildPreviewSpec('page:preview'),
               }).render()}
             </div>
           `,
@@ -214,7 +214,7 @@ export class EmbedSyncedDocBlockComponent extends EmbedBlockComponent<EmbedSynce
             <div class="affine-edgeless-viewport" data-theme=${edgelessTheme}>
               ${new BlockStdScope({
                 store: syncedDoc,
-                extensions: this._buildPreviewSpec('preview:edgeless'),
+                extensions: this._buildPreviewSpec('edgeless:preview'),
               }).render()}
             </div>
           `,

blocksuite/affine/block-frame/src/index.ts

@@ -1,4 +1,3 @@
 export * from './frame-block.js';
 export * from './frame-manager.js';
 export * from './frame-spec.js';
-export * from './tool.js';

blocksuite/affine/block-image/src/adapters/index.ts

@@ -1,4 +1,3 @@
 export * from './html.js';
 export * from './markdown.js';
-export * from './middleware.js';
 export * from './notion-html.js';

blocksuite/affine/block-list/src/adapters/html.ts

@@ -1,9 +1,9 @@
 import { ListBlockSchema } from '@blocksuite/affine-model';
 import {
-  AdapterTextUtils,
   BlockHtmlAdapterExtension,
   type BlockHtmlAdapterMatcher,
   HastUtils,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';
 import type { DeltaInsert } from '@blocksuite/inline';
 import { nanoid } from '@blocksuite/store';
@@ -124,7 +124,7 @@ export const listBlockHtmlAdapterMatcher: BlockHtmlAdapterMatcher = {
           Array.isArray(currentTNode.properties.className) &&
           currentTNode.properties.className.includes('todo-list')
         ) ===
-          AdapterTextUtils.isNullish(
+          TextUtils.isNullish(
             o.node.props.type === 'todo'
               ? (o.node.props.checked as boolean)
               : undefined
@@ -177,7 +177,7 @@ export const listBlockHtmlAdapterMatcher: BlockHtmlAdapterMatcher = {
           Array.isArray(previousTNode.properties.className) &&
           previousTNode.properties.className.includes('todo-list')
         ) ===
-          AdapterTextUtils.isNullish(
+          TextUtils.isNullish(
             o.node.props.type === 'todo'
               ? (o.node.props.checked as boolean)
               : undefined

blocksuite/affine/block-list/src/adapters/markdown.ts

@@ -1,9 +1,9 @@
 import { ListBlockSchema } from '@blocksuite/affine-model';
 import {
-  AdapterTextUtils,
   BlockMarkdownAdapterExtension,
   type BlockMarkdownAdapterMatcher,
   type MarkdownAST,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';
 import type { DeltaInsert } from '@blocksuite/inline';
 import { nanoid } from '@blocksuite/store';
@@ -75,8 +75,8 @@ export const listBlockMarkdownAdapterMatcher: BlockMarkdownAdapterMatcher = {
         walkerContext.getNodeContext('affine:list:parent') === o.parent &&
         currentTNode.type === 'list' &&
         currentTNode.ordered === (o.node.props.type === 'numbered') &&
-        AdapterTextUtils.isNullish(currentTNode.children[0].checked) ===
-          AdapterTextUtils.isNullish(
+        TextUtils.isNullish(currentTNode.children[0].checked) ===
+          TextUtils.isNullish(
             o.node.props.type === 'todo'
               ? (o.node.props.checked as boolean)
               : undefined
@@ -129,8 +129,8 @@ export const listBlockMarkdownAdapterMatcher: BlockMarkdownAdapterMatcher = {
         currentTNode.type === 'listItem' &&
         previousTNode?.type === 'list' &&
         previousTNode.ordered === (o.node.props.type === 'numbered') &&
-        AdapterTextUtils.isNullish(currentTNode.checked) ===
-          AdapterTextUtils.isNullish(
+        TextUtils.isNullish(currentTNode.checked) ===
+          TextUtils.isNullish(
             o.node.props.type === 'todo'
               ? (o.node.props.checked as boolean)
               : undefined

blocksuite/affine/block-list/src/list-block.ts

@@ -85,6 +85,10 @@ export class ListBlockComponent extends CaptionedBlockComponent<ListBlockModel>
     return this.std.get(DefaultInlineManagerExtension.identifier);
   }
 
+  get markdownShortcutHandler() {
+    return this.inlineManager.markdownShortcutHandler;
+  }
+
   override get topContenteditableElement() {
     if (this.std.get(DocModeProvider).getEditorMode() === 'edgeless') {
       return this.closest<BlockComponent>(NOTE_SELECTOR);
@@ -189,7 +193,7 @@ export class ListBlockComponent extends CaptionedBlockComponent<ListBlockModel>
             .undoManager=${this.doc.history}
             .attributeRenderer=${this.attributeRenderer}
             .attributesSchema=${this.attributesSchema}
-            .markdownMatches=${this.inlineManager?.markdownMatches}
+            .markdownShortcutHandler=${this.markdownShortcutHandler}
             .embedChecker=${this.embedChecker}
             .readonly=${this.doc.readonly}
             .inlineRangeProvider=${this._inlineRangeProvider}

blocksuite/affine/block-paragraph/src/paragraph-block.ts

@@ -90,6 +90,10 @@ export class ParagraphBlockComponent extends CaptionedBlockComponent<
     return this.std.get(DefaultInlineManagerExtension.identifier);
   }
 
+  get markdownShortcutHandler() {
+    return this.inlineManager.markdownShortcutHandler;
+  }
+
   override get topContenteditableElement() {
     if (this.std.get(DocModeProvider).getEditorMode() === 'edgeless') {
       return this.closest<BlockComponent>(NOTE_SELECTOR);
@@ -290,7 +294,7 @@ export class ParagraphBlockComponent extends CaptionedBlockComponent<
             .undoManager=${this.doc.history}
             .attributesSchema=${this.attributesSchema}
             .attributeRenderer=${this.attributeRenderer}
-            .markdownMatches=${this.inlineManager?.markdownMatches}
+            .markdownShortcutHandler=${this.markdownShortcutHandler}
             .embedChecker=${this.embedChecker}
             .readonly=${this.doc.readonly}
             .inlineRangeProvider=${this._inlineRangeProvider}

blocksuite/affine/block-root/package.json

@@ -1,73 +0,0 @@
-{
-  "name": "@blocksuite/affine-block-root",
-  "description": "Root block for BlockSuite.",
-  "type": "module",
-  "scripts": {
-    "build": "tsc",
-    "test:unit": "nx vite:test --run --passWithNoTests",
-    "test:unit:coverage": "nx vite:test --run --coverage",
-    "test:e2e": "playwright test"
-  },
-  "sideEffects": false,
-  "keywords": [],
-  "author": "toeverything",
-  "license": "MIT",
-  "dependencies": {
-    "@blocksuite/affine-block-attachment": "workspace:*",
-    "@blocksuite/affine-block-bookmark": "workspace:*",
-    "@blocksuite/affine-block-data-view": "workspace:*",
-    "@blocksuite/affine-block-database": "workspace:*",
-    "@blocksuite/affine-block-edgeless-text": "workspace:*",
-    "@blocksuite/affine-block-embed": "workspace:*",
-    "@blocksuite/affine-block-frame": "workspace:*",
-    "@blocksuite/affine-block-image": "workspace:*",
-    "@blocksuite/affine-block-latex": "workspace:*",
-    "@blocksuite/affine-block-list": "workspace:*",
-    "@blocksuite/affine-block-note": "workspace:*",
-    "@blocksuite/affine-block-paragraph": "workspace:*",
-    "@blocksuite/affine-block-surface": "workspace:*",
-    "@blocksuite/affine-block-surface-ref": "workspace:*",
-    "@blocksuite/affine-block-table": "workspace:*",
-    "@blocksuite/affine-components": "workspace:*",
-    "@blocksuite/affine-model": "workspace:*",
-    "@blocksuite/affine-shared": "workspace:*",
-    "@blocksuite/affine-widget-drag-handle": "workspace:*",
-    "@blocksuite/affine-widget-edgeless-auto-connect": "workspace:*",
-    "@blocksuite/affine-widget-frame-title": "workspace:*",
-    "@blocksuite/affine-widget-remote-selection": "workspace:*",
-    "@blocksuite/affine-widget-scroll-anchoring": "workspace:*",
-    "@blocksuite/block-std": "workspace:*",
-    "@blocksuite/data-view": "workspace:*",
-    "@blocksuite/global": "workspace:*",
-    "@blocksuite/icons": "^2.2.1",
-    "@blocksuite/inline": "workspace:*",
-    "@blocksuite/store": "workspace:*",
-    "@floating-ui/dom": "^1.6.10",
-    "@lit/context": "^1.1.2",
-    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.11",
-    "@types/lodash-es": "^4.17.12",
-    "@types/mdast": "^4.0.4",
-    "@vanilla-extract/css": "^1.17.0",
-    "dompurify": "^3.2.4",
-    "fflate": "^0.8.2",
-    "html2canvas": "^1.4.1",
-    "lit": "^3.2.0",
-    "lodash-es": "^4.17.21",
-    "minimatch": "^10.0.1",
-    "simple-xml-to-json": "^1.2.2",
-    "yjs": "^13.6.21",
-    "zod": "^3.23.8"
-  },
-  "exports": {
-    ".": "./src/index.ts",
-    "./effects": "./src/effects.ts"
-  },
-  "files": [
-    "src",
-    "dist",
-    "!src/__tests__",
-    "!dist/__tests__"
-  ],
-  "version": "0.19.0"
-}

blocksuite/affine/block-root/src/edgeless/edgeless-builtin-spec.ts

@@ -1,55 +0,0 @@
-import {
-  EdgelessFrameManager,
-  FrameOverlay,
-  PresentTool,
-} from '@blocksuite/affine-block-frame';
-import { ConnectionOverlay } from '@blocksuite/affine-block-surface';
-import type { ExtensionType } from '@blocksuite/store';
-
-import { EdgelessRootBlockSpec } from './edgeless-root-spec.js';
-import { BrushTool } from './gfx-tool/brush-tool.js';
-import { ConnectorTool } from './gfx-tool/connector-tool.js';
-import { DefaultTool } from './gfx-tool/default-tool.js';
-import { MindMapIndicatorOverlay } from './gfx-tool/default-tool-ext/mind-map-ext/indicator-overlay.js';
-import { EmptyTool } from './gfx-tool/empty-tool.js';
-import { EraserTool } from './gfx-tool/eraser-tool.js';
-import { FrameTool } from './gfx-tool/frame-tool.js';
-import { LassoTool } from './gfx-tool/lasso-tool.js';
-import { NoteTool } from './gfx-tool/note-tool.js';
-import { PanTool } from './gfx-tool/pan-tool.js';
-import { ShapeTool } from './gfx-tool/shape-tool.js';
-import { TemplateTool } from './gfx-tool/template-tool.js';
-import { TextTool } from './gfx-tool/text-tool.js';
-import { EditPropsMiddlewareBuilder } from './middlewares/base.js';
-import { EdgelessSnapManager } from './utils/snap-manager.js';
-
-export const EdgelessToolExtension: ExtensionType[] = [
-  DefaultTool,
-  PanTool,
-  EraserTool,
-  TextTool,
-  ShapeTool,
-  NoteTool,
-  BrushTool,
-  ConnectorTool,
-  TemplateTool,
-  EmptyTool,
-  FrameTool,
-  LassoTool,
-  PresentTool,
-];
-
-export const EdgelessBuiltInManager: ExtensionType[] = [
-  ConnectionOverlay,
-  FrameOverlay,
-  MindMapIndicatorOverlay,
-  EdgelessSnapManager,
-  EdgelessFrameManager,
-  EditPropsMiddlewareBuilder,
-];
-
-export const EdgelessBuiltInSpecs: ExtensionType[] = [
-  EdgelessRootBlockSpec,
-  EdgelessToolExtension,
-  EdgelessBuiltInManager,
-].flat();

blocksuite/affine/block-root/src/edgeless/index.ts

@@ -1,10 +0,0 @@
-export { FramePreview } from './components/frame/frame-preview.js';
-export { EdgelessTemplatePanel } from './components/toolbar/template/template-panel.js';
-export * from './components/toolbar/template/template-type.js';
-export * from './edgeless-root-block.js';
-export { EdgelessRootPreviewBlockComponent } from './edgeless-root-preview-block.js';
-export { EdgelessRootService } from './edgeless-root-service.js';
-export * from './gfx-tool';
-export * from './utils/clipboard-utils.js';
-export { sortEdgelessElements } from './utils/clone-utils.js';
-export { isCanvasElement } from './utils/query.js';

blocksuite/affine/block-root/src/effects.ts

@@ -1,336 +0,0 @@
-import { EdgelessAutoCompletePanel } from './edgeless/components/auto-complete/auto-complete-panel.js';
-import { EdgelessAutoComplete } from './edgeless/components/auto-complete/edgeless-auto-complete.js';
-import { EdgelessToolIconButton } from './edgeless/components/buttons/tool-icon-button.js';
-import { EdgelessToolbarButton } from './edgeless/components/buttons/toolbar-button.js';
-import { EdgelessConnectorHandle } from './edgeless/components/connector/connector-handle.js';
-import {
-  NOTE_SLICER_WIDGET,
-  NoteSlicer,
-} from './edgeless/components/note-slicer/index.js';
-import { EdgelessAlignPanel } from './edgeless/components/panel/align-panel.js';
-import { CardStylePanel } from './edgeless/components/panel/card-style-panel.js';
-import {
-  EdgelessColorButton,
-  EdgelessColorPanel,
-  EdgelessTextColorIcon,
-} from './edgeless/components/panel/color-panel.js';
-import { EdgelessFontFamilyPanel } from './edgeless/components/panel/font-family-panel.js';
-import { EdgelessFontWeightAndStylePanel } from './edgeless/components/panel/font-weight-and-style-panel.js';
-import { EdgelessLineWidthPanel } from './edgeless/components/panel/line-width-panel.js';
-import { NoteDisplayModePanel } from './edgeless/components/panel/note-display-mode-panel.js';
-import { EdgelessNoteShadowPanel } from './edgeless/components/panel/note-shadow-panel.js';
-import { EdgelessScalePanel } from './edgeless/components/panel/scale-panel.js';
-import { EdgelessShapePanel } from './edgeless/components/panel/shape-panel.js';
-import { EdgelessShapeStylePanel } from './edgeless/components/panel/shape-style-panel.js';
-import { EdgelessSizePanel } from './edgeless/components/panel/size-panel.js';
-import { StrokeStylePanel } from './edgeless/components/panel/stroke-style-panel.js';
-import {
-  EDGELESS_NAVIGATOR_BLACK_BACKGROUND_WIDGET,
-  EdgelessNavigatorBlackBackgroundWidget,
-} from './edgeless/components/presentation/edgeless-navigator-black-background.js';
-import {
-  EDGELESS_DRAGGING_AREA_WIDGET,
-  EdgelessDraggingAreaRectWidget,
-} from './edgeless/components/rects/edgeless-dragging-area-rect.js';
-import {
-  EDGELESS_SELECTED_RECT_WIDGET,
-  EdgelessSelectedRectWidget,
-} from './edgeless/components/rects/edgeless-selected-rect.js';
-import { EdgelessConnectorLabelEditor } from './edgeless/components/text/edgeless-connector-label-editor.js';
-import { EdgelessFrameTitleEditor } from './edgeless/components/text/edgeless-frame-title-editor.js';
-import { EdgelessGroupTitleEditor } from './edgeless/components/text/edgeless-group-title-editor.js';
-import { EdgelessShapeTextEditor } from './edgeless/components/text/edgeless-shape-text-editor.js';
-import { EdgelessTextEditor } from './edgeless/components/text/edgeless-text-editor.js';
-import { EdgelessBrushMenu } from './edgeless/components/toolbar/brush/brush-menu.js';
-import { EdgelessBrushToolButton } from './edgeless/components/toolbar/brush/brush-tool-button.js';
-import { EdgelessSlideMenu } from './edgeless/components/toolbar/common/slide-menu.js';
-import { ToolbarArrowUpIcon } from './edgeless/components/toolbar/common/toolbar-arrow-up-icon.js';
-import { EdgelessConnectorMenu } from './edgeless/components/toolbar/connector/connector-menu.js';
-import { EdgelessConnectorToolButton } from './edgeless/components/toolbar/connector/connector-tool-button.js';
-import { EdgelessDefaultToolButton } from './edgeless/components/toolbar/default/default-tool-button.js';
-import { EdgelessToolbarWidget } from './edgeless/components/toolbar/edgeless-toolbar.js';
-import { EdgelessEraserToolButton } from './edgeless/components/toolbar/eraser/eraser-tool-button.js';
-import { EdgelessFrameMenu } from './edgeless/components/toolbar/frame/frame-menu.js';
-import { EdgelessFrameToolButton } from './edgeless/components/toolbar/frame/frame-tool-button.js';
-import { EdgelessLassoToolButton } from './edgeless/components/toolbar/lasso/lasso-tool-button.js';
-import { EdgelessLinkToolButton } from './edgeless/components/toolbar/link/link-tool-button.js';
-import { MindMapPlaceholder } from './edgeless/components/toolbar/mindmap/mindmap-importing-placeholder.js';
-import { EdgelessMindmapMenu } from './edgeless/components/toolbar/mindmap/mindmap-menu.js';
-import { EdgelessMindmapToolButton } from './edgeless/components/toolbar/mindmap/mindmap-tool-button.js';
-import { EdgelessNoteMenu } from './edgeless/components/toolbar/note/note-menu.js';
-import { EdgelessNoteSeniorButton } from './edgeless/components/toolbar/note/note-senior-button.js';
-import { EdgelessNoteToolButton } from './edgeless/components/toolbar/note/note-tool-button.js';
-import { EdgelessFrameOrderButton } from './edgeless/components/toolbar/present/frame-order-button.js';
-import { EdgelessFrameOrderMenu } from './edgeless/components/toolbar/present/frame-order-menu.js';
-import { EdgelessNavigatorSettingButton } from './edgeless/components/toolbar/present/navigator-setting-button.js';
-import { EdgelessPresentButton } from './edgeless/components/toolbar/present/present-button.js';
-import { PresentationToolbar } from './edgeless/components/toolbar/presentation-toolbar.js';
-import { EdgelessToolbarShapeDraggable } from './edgeless/components/toolbar/shape/shape-draggable.js';
-import { EdgelessShapeMenu } from './edgeless/components/toolbar/shape/shape-menu.js';
-import { EdgelessShapeToolButton } from './edgeless/components/toolbar/shape/shape-tool-button.js';
-import { EdgelessShapeToolElement } from './edgeless/components/toolbar/shape/shape-tool-element.js';
-import { OverlayScrollbar } from './edgeless/components/toolbar/template/overlay-scrollbar.js';
-import { AffineTemplateLoading } from './edgeless/components/toolbar/template/template-loading.js';
-import { EdgelessTemplatePanel } from './edgeless/components/toolbar/template/template-panel.js';
-import { EdgelessTemplateButton } from './edgeless/components/toolbar/template/template-tool-button.js';
-import { EdgelessTextMenu } from './edgeless/components/toolbar/text/text-menu.js';
-import {
-  AFFINE_EMBED_CARD_TOOLBAR_WIDGET,
-  AFFINE_FORMAT_BAR_WIDGET,
-  AffineFormatBarWidget,
-  AffineImageToolbarWidget,
-  AffineModalWidget,
-  EDGELESS_TOOLBAR_WIDGET,
-  EdgelessRootBlockComponent,
-  EdgelessRootPreviewBlockComponent,
-  EmbedCardToolbar,
-  FramePreview,
-  PageRootBlockComponent,
-  PreviewRootBlockComponent,
-} from './index.js';
-import {
-  AFFINE_EDGELESS_ZOOM_TOOLBAR_WIDGET,
-  AffineEdgelessZoomToolbarWidget,
-} from './widgets/edgeless-zoom-toolbar/index.js';
-import { ZoomBarToggleButton } from './widgets/edgeless-zoom-toolbar/zoom-bar-toggle-button.js';
-import { EdgelessZoomToolbar } from './widgets/edgeless-zoom-toolbar/zoom-toolbar.js';
-import { effects as widgetEdgelessElementToolbarEffects } from './widgets/element-toolbar/effects.js';
-import { AffineImageToolbar } from './widgets/image-toolbar/components/image-toolbar.js';
-import { AFFINE_IMAGE_TOOLBAR_WIDGET } from './widgets/image-toolbar/index.js';
-import {
-  AFFINE_INNER_MODAL_WIDGET,
-  AffineInnerModalWidget,
-} from './widgets/inner-modal/inner-modal.js';
-import { effects as widgetMobileToolbarEffects } from './widgets/keyboard-toolbar/effects.js';
-import { effects as widgetLinkedDocEffects } from './widgets/linked-doc/effects.js';
-import { Loader } from './widgets/linked-doc/import-doc/loader.js';
-import { AffineCustomModal } from './widgets/modal/custom-modal.js';
-import { AFFINE_MODAL_WIDGET } from './widgets/modal/modal.js';
-import {
-  AFFINE_PAGE_DRAGGING_AREA_WIDGET,
-  AffinePageDraggingAreaWidget,
-} from './widgets/page-dragging-area/page-dragging-area.js';
-import {
-  AFFINE_SLASH_MENU_WIDGET,
-  AffineSlashMenuWidget,
-} from './widgets/slash-menu/index.js';
-import {
-  InnerSlashMenu,
-  SlashMenu,
-} from './widgets/slash-menu/slash-menu-popover.js';
-import {
-  AFFINE_SURFACE_REF_TOOLBAR,
-  AffineSurfaceRefToolbar,
-} from './widgets/surface-ref-toolbar/surface-ref-toolbar.js';
-import {
-  AFFINE_VIEWPORT_OVERLAY_WIDGET,
-  AffineViewportOverlayWidget,
-} from './widgets/viewport-overlay/viewport-overlay.js';
-
-export function effects() {
-  // Run other effects
-  widgetEdgelessElementToolbarEffects();
-  widgetMobileToolbarEffects();
-  widgetLinkedDocEffects();
-
-  // Register components by category
-  registerRootComponents();
-  registerWidgets();
-  registerEdgelessToolbarComponents();
-  registerEdgelessPanelComponents();
-  registerEdgelessEditorComponents();
-  registerMiscComponents();
-}
-
-function registerRootComponents() {
-  customElements.define('affine-page-root', PageRootBlockComponent);
-  customElements.define('affine-preview-root', PreviewRootBlockComponent);
-  customElements.define('affine-edgeless-root', EdgelessRootBlockComponent);
-  customElements.define(
-    'affine-edgeless-root-preview',
-    EdgelessRootPreviewBlockComponent
-  );
-}
-
-function registerWidgets() {
-  customElements.define(AFFINE_EMBED_CARD_TOOLBAR_WIDGET, EmbedCardToolbar);
-  customElements.define(AFFINE_INNER_MODAL_WIDGET, AffineInnerModalWidget);
-  customElements.define(AFFINE_MODAL_WIDGET, AffineModalWidget);
-  customElements.define(
-    AFFINE_PAGE_DRAGGING_AREA_WIDGET,
-    AffinePageDraggingAreaWidget
-  );
-  customElements.define(AFFINE_IMAGE_TOOLBAR_WIDGET, AffineImageToolbarWidget);
-  customElements.define(AFFINE_SLASH_MENU_WIDGET, AffineSlashMenuWidget);
-  customElements.define(
-    AFFINE_VIEWPORT_OVERLAY_WIDGET,
-    AffineViewportOverlayWidget
-  );
-  customElements.define(
-    AFFINE_EDGELESS_ZOOM_TOOLBAR_WIDGET,
-    AffineEdgelessZoomToolbarWidget
-  );
-  customElements.define(AFFINE_SURFACE_REF_TOOLBAR, AffineSurfaceRefToolbar);
-  customElements.define(AFFINE_FORMAT_BAR_WIDGET, AffineFormatBarWidget);
-}
-
-function registerEdgelessToolbarComponents() {
-  // Tool buttons
-  customElements.define('edgeless-brush-tool-button', EdgelessBrushToolButton);
-  customElements.define(
-    'edgeless-connector-tool-button',
-    EdgelessConnectorToolButton
-  );
-  customElements.define(
-    'edgeless-default-tool-button',
-    EdgelessDefaultToolButton
-  );
-  customElements.define(
-    'edgeless-eraser-tool-button',
-    EdgelessEraserToolButton
-  );
-  customElements.define('edgeless-frame-tool-button', EdgelessFrameToolButton);
-  customElements.define('edgeless-link-tool-button', EdgelessLinkToolButton);
-  customElements.define('edgeless-lasso-tool-button', EdgelessLassoToolButton);
-  customElements.define(
-    'edgeless-mindmap-tool-button',
-    EdgelessMindmapToolButton
-  );
-  customElements.define('edgeless-note-tool-button', EdgelessNoteToolButton);
-  customElements.define('edgeless-shape-tool-button', EdgelessShapeToolButton);
-  customElements.define('edgeless-template-button', EdgelessTemplateButton);
-
-  // Menus
-  customElements.define('edgeless-brush-menu', EdgelessBrushMenu);
-  customElements.define('edgeless-connector-menu', EdgelessConnectorMenu);
-  customElements.define('edgeless-frame-menu', EdgelessFrameMenu);
-  customElements.define('edgeless-mindmap-menu', EdgelessMindmapMenu);
-  customElements.define('edgeless-note-menu', EdgelessNoteMenu);
-  customElements.define('edgeless-shape-menu', EdgelessShapeMenu);
-  customElements.define('edgeless-text-menu', EdgelessTextMenu);
-  customElements.define('edgeless-slide-menu', EdgelessSlideMenu);
-
-  // Toolbar components
-  customElements.define(EDGELESS_TOOLBAR_WIDGET, EdgelessToolbarWidget);
-  customElements.define('edgeless-toolbar-button', EdgelessToolbarButton);
-  customElements.define('edgeless-tool-icon-button', EdgelessToolIconButton);
-  customElements.define(
-    'edgeless-toolbar-shape-draggable',
-    EdgelessToolbarShapeDraggable
-  );
-  customElements.define('toolbar-arrow-up-icon', ToolbarArrowUpIcon);
-
-  // Frame order components
-  customElements.define(
-    'edgeless-frame-order-button',
-    EdgelessFrameOrderButton
-  );
-  customElements.define('edgeless-frame-order-menu', EdgelessFrameOrderMenu);
-  customElements.define(
-    'edgeless-navigator-setting-button',
-    EdgelessNavigatorSettingButton
-  );
-  customElements.define('edgeless-present-button', EdgelessPresentButton);
-  customElements.define(
-    'edgeless-note-senior-button',
-    EdgelessNoteSeniorButton
-  );
-}
-
-function registerEdgelessPanelComponents() {
-  customElements.define('edgeless-align-panel', EdgelessAlignPanel);
-  customElements.define('card-style-panel', CardStylePanel);
-  customElements.define('edgeless-color-panel', EdgelessColorPanel);
-  customElements.define('edgeless-line-width-panel', EdgelessLineWidthPanel);
-  customElements.define(
-    'edgeless-font-weight-and-style-panel',
-    EdgelessFontWeightAndStylePanel
-  );
-  customElements.define('edgeless-note-shadow-panel', EdgelessNoteShadowPanel);
-  customElements.define('edgeless-size-panel', EdgelessSizePanel);
-  customElements.define('edgeless-scale-panel', EdgelessScalePanel);
-  customElements.define('edgeless-font-family-panel', EdgelessFontFamilyPanel);
-  customElements.define('edgeless-shape-panel', EdgelessShapePanel);
-  customElements.define('note-display-mode-panel', NoteDisplayModePanel);
-  customElements.define('stroke-style-panel', StrokeStylePanel);
-  customElements.define('edgeless-shape-style-panel', EdgelessShapeStylePanel);
-
-  // Color components
-  customElements.define('edgeless-color-button', EdgelessColorButton);
-  customElements.define('edgeless-text-color-icon', EdgelessTextColorIcon);
-}
-
-function registerEdgelessEditorComponents() {
-  customElements.define(
-    'edgeless-connector-label-editor',
-    EdgelessConnectorLabelEditor
-  );
-  customElements.define('edgeless-shape-text-editor', EdgelessShapeTextEditor);
-  customElements.define(
-    'edgeless-group-title-editor',
-    EdgelessGroupTitleEditor
-  );
-  customElements.define(
-    'edgeless-frame-title-editor',
-    EdgelessFrameTitleEditor
-  );
-  customElements.define('edgeless-text-editor', EdgelessTextEditor);
-}
-
-function registerMiscComponents() {
-  // Modal and menu components
-  customElements.define('affine-custom-modal', AffineCustomModal);
-  customElements.define('affine-slash-menu', SlashMenu);
-  customElements.define('inner-slash-menu', InnerSlashMenu);
-
-  // Loading and preview components
-  customElements.define('loader-element', Loader);
-  customElements.define('frame-preview', FramePreview);
-  customElements.define('affine-template-loading', AffineTemplateLoading);
-
-  // Toolbar and UI components
-  customElements.define('affine-image-toolbar', AffineImageToolbar);
-  customElements.define('presentation-toolbar', PresentationToolbar);
-  customElements.define('edgeless-zoom-toolbar', EdgelessZoomToolbar);
-  customElements.define('zoom-bar-toggle-button', ZoomBarToggleButton);
-  customElements.define('overlay-scrollbar', OverlayScrollbar);
-
-  // Auto-complete components
-  customElements.define(
-    'edgeless-auto-complete-panel',
-    EdgelessAutoCompletePanel
-  );
-  customElements.define('edgeless-auto-complete', EdgelessAutoComplete);
-
-  // Note and template components
-  customElements.define(NOTE_SLICER_WIDGET, NoteSlicer);
-  customElements.define('edgeless-templates-panel', EdgelessTemplatePanel);
-
-  // Navigation components
-  customElements.define(
-    EDGELESS_NAVIGATOR_BLACK_BACKGROUND_WIDGET,
-    EdgelessNavigatorBlackBackgroundWidget
-  );
-
-  // Dragging area components
-  customElements.define(
-    EDGELESS_DRAGGING_AREA_WIDGET,
-    EdgelessDraggingAreaRectWidget
-  );
-  customElements.define(
-    EDGELESS_SELECTED_RECT_WIDGET,
-    EdgelessSelectedRectWidget
-  );
-
-  // Mindmap components
-  customElements.define('mindmap-import-placeholder', MindMapPlaceholder);
-
-  // Shape components
-  customElements.define(
-    'edgeless-shape-tool-element',
-    EdgelessShapeToolElement
-  );
-
-  // Connector components
-  customElements.define('edgeless-connector-handle', EdgelessConnectorHandle);
-}

blocksuite/affine/block-root/src/transformers/index.ts

@@ -1,5 +0,0 @@
-export { HtmlTransformer } from './html.js';
-export { MarkdownTransformer } from './markdown.js';
-export { NotionHtmlTransformer } from './notion-html.js';
-export { createAssetsArchive, download } from './utils.js';
-export { ZipTransformer } from './zip.js';

blocksuite/affine/block-root/tsconfig.json

@@ -1,39 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "./src",
-    "outDir": "./dist",
-    "tsBuildInfoFile": "./dist/tsconfig.tsbuildinfo"
-  },
-  "include": ["./src"],
-  "references": [
-    { "path": "../block-attachment" },
-    { "path": "../block-bookmark" },
-    { "path": "../block-data-view" },
-    { "path": "../block-database" },
-    { "path": "../block-edgeless-text" },
-    { "path": "../block-embed" },
-    { "path": "../block-frame" },
-    { "path": "../block-image" },
-    { "path": "../block-latex" },
-    { "path": "../block-list" },
-    { "path": "../block-note" },
-    { "path": "../block-paragraph" },
-    { "path": "../block-surface" },
-    { "path": "../block-surface-ref" },
-    { "path": "../block-table" },
-    { "path": "../components" },
-    { "path": "../model" },
-    { "path": "../shared" },
-    { "path": "../widget-drag-handle" },
-    { "path": "../widget-edgeless-auto-connect" },
-    { "path": "../widget-frame-title" },
-    { "path": "../widget-remote-selection" },
-    { "path": "../widget-scroll-anchoring" },
-    { "path": "../../framework/block-std" },
-    { "path": "../data-view" },
-    { "path": "../../framework/global" },
-    { "path": "../../framework/inline" },
-    { "path": "../../framework/store" }
-  ]
-}

blocksuite/affine/block-surface-ref/src/portal/note.ts

@@ -118,7 +118,7 @@ export class SurfaceRefNotePortal extends WithDisposable(ShadowlessElement) {
       query: this.query,
       readonly: true,
     });
-    const previewSpec = SpecProvider._.getSpec('preview:page');
+    const previewSpec = SpecProvider.getInstance().getSpec('page:preview');
     return new BlockStdScope({
       store: doc,
       extensions: previewSpec.value.slice(),

blocksuite/affine/block-surface-ref/src/surface-ref-block.ts

@@ -239,7 +239,8 @@ export class SurfaceRefBlockComponent extends BlockComponent<SurfaceRefBlockMode
 
   private _previewDoc: Store | null = null;
 
-  private readonly _previewSpec = SpecProvider._.getSpec('preview:edgeless');
+  private readonly _previewSpec =
+    SpecProvider.getInstance().getSpec('edgeless:preview');
 
   private _referencedModel: GfxModel | null = null;
 

blocksuite/affine/block-table/src/adapters/utils.ts

@@ -4,10 +4,7 @@ import type {
   TableColumn,
   TableRow,
 } from '@blocksuite/affine-model';
-import {
-  AdapterTextUtils,
-  HastUtils,
-} from '@blocksuite/affine-shared/adapters';
+import { HastUtils, TextUtils } from '@blocksuite/affine-shared/adapters';
 import { generateFractionalIndexingKeyBetween } from '@blocksuite/affine-shared/utils';
 import type { DeltaInsert } from '@blocksuite/inline';
 import { nanoid } from '@blocksuite/store';
@@ -158,7 +155,7 @@ export const createTableProps = (rowTextLists: string[][]) => {
       const cellId = `${row.rowId}:${column.columnId}`;
       const text = rowTextLists[i]?.[j];
       cells[cellId] = {
-        text: AdapterTextUtils.createText(text ?? ''),
+        text: TextUtils.createText(text ?? ''),
       };
     }
   }

blocksuite/affine/block-table/src/table-cell.ts

@@ -745,7 +745,8 @@ export class TableCell extends SignalWatcher(
           .attributesSchema="${this.inlineManager?.getSchema()}"
           .attributeRenderer="${this.inlineManager?.getRenderer()}"
           .embedChecker="${this.inlineManager?.embedChecker}"
-          .markdownMatches="${this.inlineManager?.markdownMatches}"
+          .markdownShortcutHandler="${this.inlineManager
+            ?.markdownShortcutHandler}"
           .readonly="${this.readonly}"
           .enableClipboard="${true}"
           .verticalScrollContainerGetter="${() =>

blocksuite/affine/components/package.json

@@ -40,6 +40,7 @@
   },
   "exports": {
     ".": "./src/index.ts",
+    "./ai-item": "./src/ai-item/index.ts",
     "./color-picker": "./src/color-picker/index.ts",
     "./icons": "./src/icons/index.ts",
     "./peek": "./src/peek/index.ts",

blocksuite/affine/components/src/ai-item/ai-item-list.ts

@@ -2,15 +2,15 @@ import {
   EditorHost,
   PropTypes,
   requiredProperties,
-} from '@blocksuite/affine/block-std';
-import { createLitPortal } from '@blocksuite/affine/blocks';
-import { WithDisposable } from '@blocksuite/affine/global/utils';
+} from '@blocksuite/block-std';
+import { WithDisposable } from '@blocksuite/global/utils';
 import { flip, offset } from '@floating-ui/dom';
 import { baseTheme } from '@toeverything/theme';
 import { css, html, LitElement, nothing, unsafeCSS } from 'lit';
 import { property } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
 
+import { createLitPortal } from '../portal';
 import type { AIItem } from './ai-item';
 import { SUBMENU_OFFSET_CROSS_AXIS, SUBMENU_OFFSET_MAIN_AXIS } from './const';
 import type { AIItemConfig, AIItemGroupConfig } from './types';

blocksuite/affine/components/src/ai-item/ai-item.ts

@@ -2,12 +2,12 @@ import {
   EditorHost,
   PropTypes,
   requiredProperties,
-} from '@blocksuite/affine/block-std';
-import { ArrowRightIcon, EnterIcon } from '@blocksuite/affine/blocks';
-import { WithDisposable } from '@blocksuite/affine/global/utils';
+} from '@blocksuite/block-std';
+import { WithDisposable } from '@blocksuite/global/utils';
 import { css, html, LitElement, nothing } from 'lit';
 import { property, query } from 'lit/decorators.js';
 
+import { ArrowRightIcon, EnterIcon } from '../icons';
 import { menuItemStyles } from './styles';
 import type { AIItemConfig } from './types';
 

blocksuite/affine/components/src/ai-item/ai-sub-item-list.ts

@@ -2,13 +2,13 @@ import {
   EditorHost,
   PropTypes,
   requiredProperties,
-} from '@blocksuite/affine/block-std';
-import { EnterIcon } from '@blocksuite/affine/blocks';
-import { WithDisposable } from '@blocksuite/affine/global/utils';
+} from '@blocksuite/block-std';
+import { WithDisposable } from '@blocksuite/global/utils';
 import { baseTheme } from '@toeverything/theme';
 import { css, html, LitElement, nothing, unsafeCSS } from 'lit';
 import { property } from 'lit/decorators.js';
 
+import { EnterIcon } from '../icons';
 import { menuItemStyles } from './styles';
 import type { AIItemConfig, AISubItemConfig } from './types';
 

blocksuite/affine/components/src/ai-item/types.ts

@@ -1,9 +1,5 @@
-import type {
-  Chain,
-  EditorHost,
-  InitCommandCtx,
-} from '@blocksuite/affine/block-std';
-import type { DocMode } from '@blocksuite/affine/blocks';
+import type { DocMode } from '@blocksuite/affine-model';
+import type { Chain, EditorHost, InitCommandCtx } from '@blocksuite/block-std';
 import type { TemplateResult } from 'lit';
 
 export interface AIItemGroupConfig {

blocksuite/affine/components/src/rich-text/extension/inline-manager.ts

@@ -9,8 +9,11 @@ import {
   baseTextAttributes,
   type DeltaInsert,
   getDefaultAttributeRenderer,
+  KEYBOARD_ALLOW_DEFAULT,
+  type KeyboardBindingContext,
 } from '@blocksuite/inline';
 import type { ExtensionType } from '@blocksuite/store';
+import type * as Y from 'yjs';
 import { z, type ZodObject, type ZodTypeAny } from 'zod';
 
 import { MarkdownMatcherIdentifier } from './markdown-matcher.js';
@@ -58,6 +61,27 @@ export class InlineManager {
     return schema;
   };
 
+  markdownShortcutHandler = (
+    context: KeyboardBindingContext<AffineTextAttributes>,
+    undoManager: Y.UndoManager
+  ) => {
+    const { inlineEditor, prefixText, inlineRange } = context;
+    for (const match of this.markdownMatches) {
+      const matchedText = prefixText.match(match.pattern);
+      if (matchedText) {
+        return match.action({
+          inlineEditor,
+          prefixText,
+          inlineRange,
+          pattern: match.pattern,
+          undoManager,
+        });
+      }
+    }
+
+    return KEYBOARD_ALLOW_DEFAULT;
+  };
+
   readonly specs: Array<InlineSpecs<AffineTextAttributes>>;
 
   constructor(

blocksuite/affine/components/src/rich-text/extension/type.ts

@@ -4,6 +4,7 @@ import type {
   DeltaInsert,
   InlineEditor,
   InlineRange,
+  KeyboardBindingHandler,
 } from '@blocksuite/inline';
 import type * as Y from 'yjs';
 import type { ZodTypeAny } from 'zod';
@@ -27,7 +28,7 @@ export type InlineMarkdownMatchAction<
   inlineRange: InlineRange;
   pattern: RegExp;
   undoManager: Y.UndoManager;
-}) => void;
+}) => ReturnType<KeyboardBindingHandler>;
 
 export type InlineMarkdownMatch<
   AffineTextAttributes extends BaseTextAttributes = BaseTextAttributes,

blocksuite/affine/components/src/rich-text/inline/adapters/html/inline-delta.ts

@@ -1,7 +1,7 @@
 import type { InlineHtmlAST } from '@blocksuite/affine-shared/adapters';
 import {
-  AdapterTextUtils,
   InlineDeltaToHtmlAdapterExtension,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';
 import { ThemeProvider } from '@blocksuite/affine-shared/services';
 
@@ -90,7 +90,7 @@ export const referenceDeltaToHtmlAdapterMatcher =
 
       const { configs } = context;
       const title = configs.get(`title:${reference.pageId}`);
-      const url = AdapterTextUtils.generateDocUrl(
+      const url = TextUtils.generateDocUrl(
         configs.get('docLinkBaseUrl') ?? '',
         String(reference.pageId),
         reference.params ?? Object.create(null)

blocksuite/affine/components/src/rich-text/inline/adapters/markdown/inline-delta.ts

@@ -1,7 +1,7 @@
 import {
-  AdapterTextUtils,
   FOOTNOTE_DEFINITION_PREFIX,
   InlineDeltaToMarkdownAdapterExtension,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';
 import type { PhrasingContent } from 'mdast';
 import type RemarkMath from 'remark-math';
@@ -74,7 +74,7 @@ export const referenceDeltaToMarkdownAdapterMatcher =
       const { configs } = context;
       const title = configs.get(`title:${reference.pageId}`);
       const params = reference.params ?? {};
-      const url = AdapterTextUtils.generateDocUrl(
+      const url = TextUtils.generateDocUrl(
         configs.get('docLinkBaseUrl') ?? '',
         String(reference.pageId),
         params

blocksuite/affine/components/src/rich-text/inline/adapters/plain-text/inline-delta.ts

@@ -1,7 +1,7 @@
 import {
-  AdapterTextUtils,
   InlineDeltaToPlainTextAdapterExtension,
   type TextBuffer,
+  TextUtils,
 } from '@blocksuite/affine-shared/adapters';
 import type { ExtensionType } from '@blocksuite/store';
 
@@ -20,7 +20,7 @@ export const referenceDeltaMarkdownAdapterMatch =
 
       const { configs } = context;
       const title = configs.get(`title:${reference.pageId}`) ?? '';
-      const url = AdapterTextUtils.generateDocUrl(
+      const url = TextUtils.generateDocUrl(
         configs.get('docLinkBaseUrl') ?? '',
         String(reference.pageId),
         reference.params ?? Object.create(null)

blocksuite/affine/components/src/rich-text/inline/presets/markdown.ts

@@ -1,4 +1,8 @@
 import type { BlockComponent } from '@blocksuite/block-std';
+import {
+  KEYBOARD_ALLOW_DEFAULT,
+  KEYBOARD_PREVENT_DEFAULT,
+} from '@blocksuite/inline';
 import type { ExtensionType } from '@blocksuite/store';
 
 import { InlineMarkdownExtension } from '../../extension/markdown-matcher.js';
@@ -12,13 +16,14 @@ import { InlineMarkdownExtension } from '../../extension/markdown-matcher.js';
 
 export const BoldItalicMarkdown = InlineMarkdownExtension({
   name: 'bolditalic',
-  pattern: /.*\*{3}([^\s*][^*]*[^\s*])\*{3}$|.*\*{3}([^\s*])\*{3}$/,
+  pattern: /(?:\*\*\*)([^\s*](?:[^*]*?[^\s*])?)(?:\*\*\*)$/g,
   action: ({ inlineEditor, prefixText, inlineRange, pattern, undoManager }) => {
-    const match = prefixText.match(pattern);
-    if (!match) return;
+    const match = pattern.exec(prefixText);
+    if (!match) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
 
-    const targetText = match[1] ?? match[2];
-    const annotatedText = match[0].slice(-targetText.length - 3 * 2);
+    const annotatedText = match[0];
     const startIndex = inlineRange.index - annotatedText.length;
 
     inlineEditor.insertText(
@@ -63,18 +68,20 @@ export const BoldItalicMarkdown = InlineMarkdownExtension({
       index: startIndex + annotatedText.length - 6,
       length: 0,
     });
+
+    return KEYBOARD_PREVENT_DEFAULT;
   },
 });
 
 export const BoldMarkdown = InlineMarkdownExtension({
   name: 'bold',
-  pattern: /.*\*{2}([^\s][^*]*[^\s*])\*{2}$|.*\*{2}([^\s*])\*{2}$/,
+  pattern: /(?:\*\*)([^\s*](?:[^*]*?[^\s*])?)(?:\*\*)$/g,
   action: ({ inlineEditor, prefixText, inlineRange, pattern, undoManager }) => {
-    const match = prefixText.match(pattern);
-    if (!match) return;
-
-    const targetText = match[1] ?? match[2];
-    const annotatedText = match[0].slice(-targetText.length - 2 * 2);
+    const match = pattern.exec(prefixText);
+    if (!match) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
+    const annotatedText = match[0];
     const startIndex = inlineRange.index - annotatedText.length;
 
     inlineEditor.insertText(
@@ -118,18 +125,20 @@ export const BoldMarkdown = InlineMarkdownExtension({
       index: startIndex + annotatedText.length - 4,
       length: 0,
     });
+
+    return KEYBOARD_PREVENT_DEFAULT;
   },
 });
 
 export const ItalicExtension = InlineMarkdownExtension({
   name: 'italic',
-  pattern: /.*\*{1}([^\s][^*]*[^\s*])\*{1}$|.*\*{1}([^\s*])\*{1}$/,
+  pattern: /(?:\*)([^\s*](?:[^*]*?[^\s*])?)(?:\*)$/g,
   action: ({ inlineEditor, prefixText, inlineRange, pattern, undoManager }) => {
-    const match = prefixText.match(pattern);
-    if (!match) return;
-
-    const targetText = match[1] ?? match[2];
-    const annotatedText = match[0].slice(-targetText.length - 1 * 2);
+    const match = pattern.exec(prefixText);
+    if (!match) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
+    const annotatedText = match[0];
     const startIndex = inlineRange.index - annotatedText.length;
 
     inlineEditor.insertText(
@@ -173,18 +182,20 @@ export const ItalicExtension = InlineMarkdownExtension({
       index: startIndex + annotatedText.length - 2,
       length: 0,
     });
+
+    return KEYBOARD_PREVENT_DEFAULT;
   },
 });
 
 export const StrikethroughExtension = InlineMarkdownExtension({
   name: 'strikethrough',
-  pattern: /.*~{2}([^\s][^~]*[^\s])~{2}$|.*~{2}([^\s~])~{2}$/,
+  pattern: /(?:~~)([^\s~](?:[^~]*?[^\s~])?)(?:~~)$/g,
   action: ({ inlineEditor, prefixText, inlineRange, pattern, undoManager }) => {
-    const match = prefixText.match(pattern);
-    if (!match) return;
-
-    const targetText = match[1] ?? match[2];
-    const annotatedText = match[0].slice(-targetText.length - 2 * 2);
+    const match = pattern.exec(prefixText);
+    if (!match) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
+    const annotatedText = match[0];
     const startIndex = inlineRange.index - annotatedText.length;
 
     inlineEditor.insertText(
@@ -228,18 +239,20 @@ export const StrikethroughExtension = InlineMarkdownExtension({
       index: startIndex + annotatedText.length - 4,
       length: 0,
     });
+
+    return KEYBOARD_PREVENT_DEFAULT;
   },
 });
 
 export const UnderthroughExtension = InlineMarkdownExtension({
   name: 'underthrough',
-  pattern: /.*~{1}([^\s][^~]*[^\s~])~{1}$|.*~{1}([^\s~])~{1}$/,
+  pattern: /(?:~)([^\s~](?:[^~]*?[^\s~])?)(?:~)$/g,
   action: ({ inlineEditor, prefixText, inlineRange, pattern, undoManager }) => {
-    const match = prefixText.match(pattern);
-    if (!match) return;
-
-    const targetText = match[1] ?? match[2];
-    const annotatedText = match[0].slice(-targetText.length - 1 * 2);
+    const match = pattern.exec(prefixText);
+    if (!match) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
+    const annotatedText = match[0];
     const startIndex = inlineRange.index - annotatedText.length;
 
     inlineEditor.insertText(
@@ -283,20 +296,26 @@ export const UnderthroughExtension = InlineMarkdownExtension({
       index: startIndex + annotatedText.length - 2,
       length: 0,
     });
+
+    return KEYBOARD_PREVENT_DEFAULT;
   },
 });
 
 export const CodeExtension = InlineMarkdownExtension({
   name: 'code',
-  pattern: /.*`([^\s][^`]*[^\s])`$|.*`([^\s`])`$/,
+  pattern: /(?:`)([^\s`](?:[^`]*?[^\s`])?)(?:`)$/g,
   action: ({ inlineEditor, prefixText, inlineRange, pattern, undoManager }) => {
-    const match = prefixText.match(pattern);
-    if (!match) return;
-
-    const targetText = match[1] ?? match[2];
-    const annotatedText = match[0].slice(-targetText.length - 1 * 2);
+    const match = pattern.exec(prefixText);
+    if (!match) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
+    const annotatedText = match[0];
     const startIndex = inlineRange.index - annotatedText.length;
 
+    if (prefixText.match(/^([* \n]+)$/g)) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
+
     inlineEditor.insertText(
       {
         index: startIndex + annotatedText.length,
@@ -338,20 +357,23 @@ export const CodeExtension = InlineMarkdownExtension({
       index: startIndex + annotatedText.length - 2,
       length: 0,
     });
+
+    return KEYBOARD_PREVENT_DEFAULT;
   },
 });
 
 export const LinkExtension = InlineMarkdownExtension({
   name: 'link',
-  pattern: /.*\[(.+?)\]\((.+?)\)$/,
+  pattern: /(?:\[(.+?)\])(?:\((.+?)\))$/g,
   action: ({ inlineEditor, prefixText, inlineRange, pattern, undoManager }) => {
-    const match = prefixText.match(pattern);
-    if (!match) return;
-
-    const linkText = match[1];
-    const linkUrl = match[2];
-    const annotatedText = match[0].slice(-linkText.length - linkUrl.length - 4);
-    const startIndex = inlineRange.index - annotatedText.length;
+    const startIndex = prefixText.search(pattern);
+    const matchedText = prefixText.match(pattern)?.[0];
+    const hrefText = prefixText.match(/(?:\[(.*?)\])/g)?.[0];
+    const hrefLink = prefixText.match(/(?:\((.*?)\))/g)?.[0];
+    if (startIndex === -1 || !matchedText || !hrefText || !hrefLink) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
+    const start = inlineRange.index - matchedText.length;
 
     inlineEditor.insertText(
       {
@@ -367,37 +389,35 @@ export const LinkExtension = InlineMarkdownExtension({
 
     undoManager.stopCapturing();
 
-    // aaa[bbb](baidu.com) + space
-
-    // delete (baidu.com) + space
-    inlineEditor.deleteText({
-      index: startIndex + 1 + linkText.length + 1,
-      length: 1 + linkUrl.length + 1 + 1,
-    });
-    // delete [ and ]
-    inlineEditor.deleteText({
-      index: startIndex + 1 + linkText.length,
-      length: 1,
-    });
-    inlineEditor.deleteText({
-      index: startIndex,
-      length: 1,
-    });
-
     inlineEditor.formatText(
       {
-        index: startIndex,
-        length: linkText.length,
+        index: start,
+        length: hrefText.length,
       },
       {
-        link: linkUrl,
+        link: hrefLink.slice(1, hrefLink.length - 1),
       }
     );
 
+    inlineEditor.deleteText({
+      index: inlineRange.index + matchedText.length,
+      length: 1,
+    });
+    inlineEditor.deleteText({
+      index: inlineRange.index - hrefLink.length - 1,
+      length: hrefLink.length + 1,
+    });
+    inlineEditor.deleteText({
+      index: start,
+      length: 1,
+    });
+
     inlineEditor.setInlineRange({
-      index: startIndex + linkText.length,
+      index: start + hrefText.length - 1,
       length: 0,
     });
+
+    return KEYBOARD_PREVENT_DEFAULT;
   },
 });
 
@@ -408,7 +428,9 @@ export const LatexExtension = InlineMarkdownExtension({
     /(?:\$\$)(?<content>[^$]+)(?:\$\$)$|(?<blockPrefix>\$\$\$\$)|(?<inlinePrefix>\$\$)$/g,
   action: ({ inlineEditor, prefixText, inlineRange, pattern, undoManager }) => {
     const match = pattern.exec(prefixText);
-    if (!match || !match.groups) return;
+    if (!match || !match.groups) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
     const content = match.groups['content'];
     const inlinePrefix = match.groups['inlinePrefix'];
     const blockPrefix = match.groups['blockPrefix'];
@@ -428,19 +450,19 @@ export const LatexExtension = InlineMarkdownExtension({
 
       undoManager.stopCapturing();
 
-      if (!inlineEditor.rootElement) return;
+      if (!inlineEditor.rootElement) return KEYBOARD_ALLOW_DEFAULT;
       const blockComponent =
         inlineEditor.rootElement.closest<BlockComponent>('[data-block-id]');
-      if (!blockComponent) return;
+      if (!blockComponent) return KEYBOARD_ALLOW_DEFAULT;
 
       const doc = blockComponent.doc;
       const parentComponent = blockComponent.parentComponent;
-      if (!parentComponent) return;
+      if (!parentComponent) return KEYBOARD_ALLOW_DEFAULT;
 
       const index = parentComponent.model.children.indexOf(
         blockComponent.model
       );
-      if (index === -1) return;
+      if (index === -1) return KEYBOARD_ALLOW_DEFAULT;
 
       inlineEditor.deleteText({
         index: inlineRange.index - 4,
@@ -466,7 +488,7 @@ export const LatexExtension = InlineMarkdownExtension({
         })
         .catch(console.error);
 
-      return;
+      return KEYBOARD_PREVENT_DEFAULT;
     }
 
     if (inlinePrefix === '$$') {
@@ -523,10 +545,12 @@ export const LatexExtension = InlineMarkdownExtension({
         })
         .catch(console.error);
 
-      return;
+      return KEYBOARD_PREVENT_DEFAULT;
     }
 
-    if (!content || content.length === 0) return;
+    if (!content || content.length === 0) {
+      return KEYBOARD_ALLOW_DEFAULT;
+    }
 
     inlineEditor.insertText(
       {
@@ -568,6 +592,8 @@ export const LatexExtension = InlineMarkdownExtension({
       index: startIndex + 1,
       length: 0,
     });
+
+    return KEYBOARD_PREVENT_DEFAULT;
   },
 });
 

blocksuite/affine/components/src/rich-text/rich-text.ts

@@ -3,10 +3,12 @@ import { ShadowlessElement } from '@blocksuite/block-std';
 import { assertExists, WithDisposable } from '@blocksuite/global/utils';
 import {
   type AttributeRenderer,
+  createInlineKeyDownHandler,
   type DeltaInsert,
   InlineEditor,
   type InlineRange,
   type InlineRangeProvider,
+  type KeyboardBindingContext,
   type VLine,
 } from '@blocksuite/inline';
 import { Text } from '@blocksuite/store';
@@ -17,7 +19,6 @@ import { classMap } from 'lit/directives/class-map.js';
 import * as Y from 'yjs';
 import { z } from 'zod';
 
-import type { InlineMarkdownMatch } from './extension/type.js';
 import { onVBeforeinput, onVCompositionEnd } from './hooks.js';
 import type { AffineInlineEditor } from './inline/index.js';
 
@@ -180,40 +181,20 @@ export class RichText extends WithDisposable(ShadowlessElement) {
     }
     const inlineEditor = this._inlineEditor;
 
-    const markdownMatches = this.markdownMatches;
-    if (markdownMatches) {
+    const markdownShortcutHandler = this.markdownShortcutHandler;
+    if (markdownShortcutHandler) {
+      const keyDownHandler = createInlineKeyDownHandler(inlineEditor, {
+        inputRule: {
+          key: [' ', 'Enter'],
+          handler: context =>
+            markdownShortcutHandler(context, this.undoManager),
+        },
+      });
+
       inlineEditor.disposables.addFromEvent(
         this.inlineEventSource ?? this.inlineEditorContainer,
         'keydown',
-        (e: KeyboardEvent) => {
-          if (e.key !== ' ' && e.key !== 'Enter') return;
-
-          const inlineRange = inlineEditor.getInlineRange();
-          if (!inlineRange || inlineRange.length > 0) return;
-
-          const nearestLineBreakIndex = inlineEditor.yTextString
-            .slice(0, inlineRange.index)
-            .lastIndexOf('\n');
-          const prefixText = inlineEditor.yTextString.slice(
-            nearestLineBreakIndex + 1,
-            inlineRange.index
-          );
-
-          for (const match of markdownMatches) {
-            const { pattern, action } = match;
-            if (prefixText.match(pattern)) {
-              action({
-                inlineEditor,
-                prefixText,
-                inlineRange,
-                pattern,
-                undoManager: this.undoManager,
-              });
-              e.preventDefault();
-              break;
-            }
-          }
-        }
+        keyDownHandler
       );
     }
 
@@ -428,7 +409,12 @@ export class RichText extends WithDisposable(ShadowlessElement) {
   accessor inlineRangeProvider: InlineRangeProvider | undefined = undefined;
 
   @property({ attribute: false })
-  accessor markdownMatches: InlineMarkdownMatch<AffineTextAttributes>[] = [];
+  accessor markdownShortcutHandler:
+    | (<TextAttributes extends AffineTextAttributes = AffineTextAttributes>(
+        context: KeyboardBindingContext<TextAttributes>,
+        undoManager: Y.UndoManager
+      ) => boolean)
+    | undefined = undefined;
 
   @property({ attribute: false })
   accessor readonly = false;

blocksuite/affine/fragment-frame-panel/src/index.ts

@@ -1 +1,2 @@
 export * from './frame-panel';
+export * from './tool';

blocksuite/affine/fragment-frame-panel/src/tool.ts

@@ -1,7 +1,6 @@
+import type { NavigatorMode } from '@blocksuite/affine-block-frame';
 import { BaseTool } from '@blocksuite/block-std/gfx';
 
-import type { NavigatorMode } from './frame-manager';
-
 type PresentToolOption = {
   mode?: NavigatorMode;
 };

blocksuite/affine/model/src/utils/types.ts

@@ -1,11 +1,3 @@
-import type { GfxModel } from '@blocksuite/block-std/gfx';
-
-import type {
-  BrushElementModel,
-  ConnectorElementModel,
-  GroupElementModel,
-} from '../elements';
-
 export type EmbedCardStyle =
   | 'horizontal'
   | 'horizontalThin'
@@ -25,8 +17,3 @@ export type LinkPreviewData = {
   image: string | null;
   title: string | null;
 };
-
-export type Connectable = Exclude<
-  GfxModel,
-  ConnectorElementModel | BrushElementModel | GroupElementModel
->;

blocksuite/affine/shared/src/adapters/html/delta-converter.ts

@@ -14,7 +14,7 @@ import {
   type InlineDeltaMatcher,
 } from '../types/adapter.js';
 import type { HtmlAST, InlineHtmlAST } from '../types/hast.js';
-import { AdapterTextUtils } from '../utils/text.js';
+import { TextUtils } from '../utils/text.js';
 
 export type InlineDeltaToHtmlAdapterMatcher = InlineDeltaMatcher<InlineHtmlAST>;
 
@@ -119,7 +119,7 @@ export class HtmlDeltaConverter extends DeltaASTConverter<
     options: DeltaASTConverterOptions = Object.create(null)
   ): DeltaInsert<AffineTextAttributes>[] {
     return this._spreadAstToDelta(ast, options).reduce((acc, cur) => {
-      return AdapterTextUtils.mergeDeltas(acc, cur);
+      return TextUtils.mergeDeltas(acc, cur);
     }, [] as DeltaInsert<AffineTextAttributes>[]);
   }
 

blocksuite/affine/shared/src/adapters/middlewares/doc-link.ts

@@ -1,44 +0,0 @@
-import type { TransformerMiddleware } from '@blocksuite/store';
-
-const customDocLinkBaseUrlMiddleware = (
-  baseUrl: string,
-  collectionId: string
-): TransformerMiddleware => {
-  return ({ adapterConfigs }) => {
-    const docLinkBaseUrl = baseUrl
-      ? `${baseUrl}/workspace/${collectionId}`
-      : '';
-    adapterConfigs.set('docLinkBaseUrl', docLinkBaseUrl);
-  };
-};
-
-export const docLinkBaseURLMiddlewareBuilder = (
-  baseUrl: string,
-  collectionId: string
-) => {
-  let middleware = customDocLinkBaseUrlMiddleware(baseUrl, collectionId);
-  return {
-    get: () => middleware,
-    set: (url: string) => {
-      middleware = customDocLinkBaseUrlMiddleware(url, collectionId);
-    },
-  };
-};
-
-const defaultDocLinkBaseURLMiddlewareBuilder = (collectionId: string) =>
-  docLinkBaseURLMiddlewareBuilder(
-    typeof window !== 'undefined' ? window.location.origin : '.',
-    collectionId
-  );
-
-export const docLinkBaseURLMiddleware = (collectionId: string) =>
-  defaultDocLinkBaseURLMiddlewareBuilder(collectionId).get();
-
-export const setDocLinkBaseURLMiddleware = (collectionId: string) =>
-  defaultDocLinkBaseURLMiddlewareBuilder(collectionId).set;
-
-export const embedSyncedDocMiddleware =
-  (type: 'content'): TransformerMiddleware =>
-  ({ adapterConfigs }) => {
-    adapterConfigs.set('embedSyncedDocExportType', type);
-  };

blocksuite/affine/shared/src/adapters/middlewares/file-name.ts

@@ -1,23 +0,0 @@
-import type { TransformerMiddleware } from '@blocksuite/store';
-
-export const fileNameMiddleware =
-  (fileName?: string): TransformerMiddleware =>
-  ({ slots }) => {
-    slots.beforeImport.on(payload => {
-      if (payload.type !== 'page') {
-        return;
-      }
-      if (!fileName) {
-        return;
-      }
-      payload.snapshot.meta.title = fileName;
-      payload.snapshot.blocks.props.title = {
-        '$blocksuite:internal:text$': true,
-        delta: [
-          {
-            insert: fileName,
-          },
-        ],
-      };
-    });
-  };

blocksuite/affine/shared/src/adapters/middlewares/index.ts

@@ -1,8 +1,4 @@
 export * from './code';
 export * from './copy';
-export * from './doc-link';
-export * from './file-name';
 export * from './paste';
-export * from './replace-id';
 export * from './surface-ref-to-embed';
-export * from './title';

blocksuite/affine/shared/src/adapters/middlewares/title.ts

@@ -1,11 +0,0 @@
-import type { DocMeta, TransformerMiddleware } from '@blocksuite/store';
-
-export const titleMiddleware =
-  (metas: DocMeta[]): TransformerMiddleware =>
-  ({ slots, adapterConfigs }) => {
-    slots.beforeExport.on(() => {
-      for (const meta of metas) {
-        adapterConfigs.set('title:' + meta.id, meta.title);
-      }
-    });
-  };

blocksuite/affine/shared/src/adapters/utils/text.ts

@@ -86,7 +86,7 @@ function generateDocUrl(
   return url;
 }
 
-export const AdapterTextUtils = {
+export const TextUtils = {
   mergeDeltas,
   isNullish,
   createText,

blocksuite/affine/shared/src/utils/spec/spec-provider.ts

@@ -3,38 +3,31 @@ import type { ExtensionType } from '@blocksuite/store';
 
 import { SpecBuilder } from './spec-builder.js';
 
-type SpecId =
-  | 'store'
-  | 'page'
-  | 'edgeless'
-  | 'preview:page'
-  | 'preview:edgeless';
-
 export class SpecProvider {
   static instance: SpecProvider;
 
-  private readonly specMap = new Map<SpecId, ExtensionType[]>();
+  private readonly specMap = new Map<string, ExtensionType[]>();
 
   private constructor() {}
 
-  static get _() {
+  static getInstance() {
     if (!SpecProvider.instance) {
       SpecProvider.instance = new SpecProvider();
     }
     return SpecProvider.instance;
   }
 
-  addSpec(id: SpecId, spec: ExtensionType[]) {
+  addSpec(id: string, spec: ExtensionType[]) {
     if (!this.specMap.has(id)) {
       this.specMap.set(id, spec);
     }
   }
 
-  clearSpec(id: SpecId) {
+  clearSpec(id: string) {
     this.specMap.delete(id);
   }
 
-  extendSpec(id: SpecId, newSpec: ExtensionType[]) {
+  extendSpec(id: string, newSpec: ExtensionType[]) {
     const existingSpec = this.specMap.get(id);
     if (!existingSpec) {
       console.error(`Spec not found for ${id}`);
@@ -43,17 +36,26 @@ export class SpecProvider {
     this.specMap.set(id, [...existingSpec, ...newSpec]);
   }
 
-  getSpec(id: SpecId) {
+  getSpec(id: string) {
     const spec = this.specMap.get(id);
     assertExists(spec, `Spec not found for ${id}`);
     return new SpecBuilder(spec);
   }
 
-  hasSpec(id: SpecId) {
+  hasSpec(id: string) {
     return this.specMap.has(id);
   }
 
-  omitSpec(id: SpecId, targetSpec: ExtensionType) {
+  cloneSpec(id: string, targetId: string) {
+    const existingSpec = this.specMap.get(id);
+    if (!existingSpec) {
+      console.error(`Spec not found for ${id}`);
+      return;
+    }
+    this.specMap.set(targetId, [...existingSpec]);
+  }
+
+  omitSpec(id: string, targetSpec: ExtensionType) {
     const existingSpec = this.specMap.get(id);
     if (!existingSpec) {
       console.error(`Spec not found for ${id}`);
@@ -66,7 +68,7 @@ export class SpecProvider {
     );
   }
 
-  replaceSpec(id: SpecId, targetSpec: ExtensionType, newSpec: ExtensionType) {
+  replaceSpec(id: string, targetSpec: ExtensionType, newSpec: ExtensionType) {
     const existingSpec = this.specMap.get(id);
     if (!existingSpec) {
       console.error(`Spec not found for ${id}`);

blocksuite/affine/shared/src/viewport-renderer/dom-utils.ts

@@ -1,4 +1,7 @@
-import { type Viewport } from '@blocksuite/block-std/gfx';
+import {
+  GfxControllerIdentifier,
+  type Viewport,
+} from '@blocksuite/block-std/gfx';
 import { Pane } from 'tweakpane';
 
 import { getSentenceRects, segmentSentences } from './text-utils.js';
@@ -100,13 +103,28 @@ export function initTweakpane(
   debugPane.title = 'Viewport Turbo Renderer';
 
   debugPane
-    .addBinding({ paused: false }, 'paused', {
+    .addBinding({ paused: true }, 'paused', {
       label: 'Paused',
     })
     .on('change', ({ value }) => {
       renderer.state = value ? 'paused' : 'monitoring';
     });
-  debugPane.addButton({ title: 'Invalidate' }).on('click', () => {
-    renderer.invalidate();
+
+  debugPane
+    .addBinding({ keepDOM: true }, 'keepDOM', {
+      label: 'Keep DOM',
+    })
+    .on('change', ({ value }) => {
+      const container = viewportElement.querySelector('gfx-viewport')!;
+      (container as HTMLElement).style.display = value ? 'block' : 'none';
+    });
+
+  debugPane.addButton({ title: 'Fit Viewport' }).on('click', () => {
+    const gfx = renderer.std.get(GfxControllerIdentifier);
+    gfx.fitToScreen();
+  });
+
+  debugPane.addButton({ title: 'Force Refresh' }).on('click', () => {
+    renderer.refresh(true).catch(console.error);
   });
 }

blocksuite/affine/shared/src/viewport-renderer/viewport-renderer.ts

@@ -50,36 +50,33 @@ export class ViewportTurboRendererExtension extends LifeCycleWatcher {
   }
 
   override mounted() {
-    const mountPoint = document.querySelector('.affine-edgeless-viewport');
-    if (mountPoint) {
-      mountPoint.append(this.canvas);
-      initTweakpane(this, mountPoint as HTMLElement);
+    const viewportElement = document.querySelector('.affine-edgeless-viewport');
+    if (viewportElement) {
+      viewportElement.append(this.canvas);
+      initTweakpane(this, viewportElement as HTMLElement);
     }
-
-    this.viewport.elementReady.once(() => {
-      syncCanvasSize(this.canvas, this.std.host);
-      this.state = 'monitoring';
-      this.disposables.add(
-        this.viewport.viewportUpdated.on(() => {
-          this.refresh().catch(console.error);
-        })
-      );
+    syncCanvasSize(this.canvas, this.std.host);
+    this.viewport.viewportUpdated.on(() => {
+      this.refresh().catch(console.error);
     });
 
     const debounceOptions = { leading: false, trailing: true };
-    const debouncedRefresh = debounce(
-      () => {
-        this.refresh().catch(console.error);
-      },
-      1000, // During this period, fallback to DOM
+    const debouncedLayoutUpdate = debounce(
+      () => this.updateLayoutCache(),
+      500,
       debounceOptions
     );
     this.disposables.add(
       this.std.store.slots.blockUpdated.on(() => {
-        this.invalidate();
-        debouncedRefresh();
+        this.clearTile();
+        debouncedLayoutUpdate();
       })
     );
+
+    document.fonts.load('15px Inter').then(() => {
+      // this.state = 'monitoring';
+      this.refresh().catch(console.error);
+    });
   }
 
   override unmounted() {
@@ -105,18 +102,14 @@ export class ViewportTurboRendererExtension extends LifeCycleWatcher {
     } else if (this.canUseBitmapCache()) {
       this.drawCachedBitmap(this.layoutCache!);
     } else {
+      // Unneeded most of the time, the DOM query is debounced after block update
       if (!this.layoutCache) {
         this.updateLayoutCache();
       }
-      const layout = this.layoutCache!;
-      await this.paintLayout(layout);
-      this.drawCachedBitmap(layout);
-    }
-  }
 
-  invalidate() {
-    this.clearCache();
-    this.clearCanvas();
+      await this.paintLayout(this.layoutCache!);
+      this.drawCachedBitmap(this.layoutCache!);
+    }
   }
 
   private updateLayoutCache() {
@@ -124,11 +117,6 @@ export class ViewportTurboRendererExtension extends LifeCycleWatcher {
     this.layoutCache = layout;
   }
 
-  private clearCache() {
-    this.layoutCache = null;
-    this.clearTile();
-  }
-
   private clearTile() {
     if (this.tile) {
       this.tile.bitmap.close();

blocksuite/affine/widget-drag-handle/src/helpers/preview-helper.ts

@@ -102,8 +102,8 @@ export class PreviewHelper {
     const editorSetting = std.get(EditorSettingProvider).peek();
     const query = this._calculateQuery(blockIds as string[], mode);
     const store = widget.doc.doc.getStore({ query });
-    const previewSpec = SpecProvider._.getSpec(
-      isEdgeless ? 'preview:edgeless' : 'preview:page'
+    const previewSpec = SpecProvider.getInstance().getSpec(
+      isEdgeless ? 'edgeless:preview' : 'page:preview'
     );
     const settingSignal = signal({ ...editorSetting });
     const extensions = [

blocksuite/blocks/package.json

@@ -28,7 +28,6 @@
     "@blocksuite/affine-block-list": "workspace:*",
     "@blocksuite/affine-block-note": "workspace:*",
     "@blocksuite/affine-block-paragraph": "workspace:*",
-    "@blocksuite/affine-block-root": "workspace:*",
     "@blocksuite/affine-block-surface": "workspace:*",
     "@blocksuite/affine-block-surface-ref": "workspace:*",
     "@blocksuite/affine-block-table": "workspace:*",
@@ -47,7 +46,28 @@
     "@blocksuite/global": "workspace:*",
     "@blocksuite/icons": "^2.2.1",
     "@blocksuite/inline": "workspace:*",
-    "@blocksuite/store": "workspace:*"
+    "@blocksuite/store": "workspace:*",
+    "@floating-ui/dom": "^1.6.10",
+    "@lit/context": "^1.1.2",
+    "@preact/signals-core": "^1.8.0",
+    "@toeverything/theme": "^1.1.11",
+    "@vanilla-extract/css": "^1.17.0",
+    "date-fns": "^4.0.0",
+    "dompurify": "^3.2.4",
+    "fflate": "^0.8.2",
+    "file-type": "^20.0.0",
+    "fractional-indexing": "^3.2.0",
+    "html2canvas": "^1.4.1",
+    "katex": "^0.16.11",
+    "lit": "^3.2.0",
+    "lodash-es": "^4.17.21",
+    "lz-string": "^1.5.0",
+    "minimatch": "^10.0.1",
+    "nanoid": "^5.0.7",
+    "shiki": "^2.0.0",
+    "simple-xml-to-json": "^1.2.2",
+    "yjs": "^13.6.21",
+    "zod": "^3.23.8"
   },
   "exports": {
     ".": "./src/index.ts",
@@ -58,9 +78,13 @@
     "src",
     "dist",
     "!src/__tests__",
-    "!dist/__tests__"
+    "!dist/__tests__",
+    "schemas.d.ts",
+    "schemas.js"
   ],
   "devDependencies": {
+    "@types/katex": "^0.16.7",
+    "@types/lodash-es": "^4.17.12",
     "@vanilla-extract/vite-plugin": "^5.0.0",
     "vitest": "3.0.6"
   }

blocksuite/blocks/schemas.d.ts

@@ -0,0 +1,2 @@
+// @ts-expect-error FIXME: ts error
+export * from './dist/schemas';

blocksuite/blocks/schemas.js

@@ -0,0 +1,3 @@
+/// <reference types="./dist/schemas.d.ts" />
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
+export * from './dist/schemas.js';

blocksuite/blocks/src/__tests__/adapters/html.unit.spec.ts

@@ -1,8 +1,10 @@
-import { DefaultTheme, NoteDisplayMode } from '@blocksuite/affine-model';
 import {
-  embedSyncedDocMiddleware,
-  HtmlAdapter,
-} from '@blocksuite/affine-shared/adapters';
+  HtmlInlineToDeltaAdapterExtensions,
+  InlineDeltaToHtmlAdapterExtensions,
+} from '@blocksuite/affine-components/rich-text';
+import { DefaultTheme, NoteDisplayMode } from '@blocksuite/affine-model';
+import { HtmlAdapter } from '@blocksuite/affine-shared/adapters';
+import { Container } from '@blocksuite/global/di';
 import type {
   BlockSnapshot,
   DocSnapshot,
@@ -11,11 +13,20 @@ import type {
 import { AssetsManager, MemoryBlobCRUD } from '@blocksuite/store';
 import { describe, expect, test } from 'vitest';
 
+import { defaultBlockHtmlAdapterMatchers } from '../../_common/adapters/html/block-matcher.js';
+import { embedSyncedDocMiddleware } from '../../_common/transformers/middlewares.js';
 import { createJob } from '../utils/create-job.js';
-import { getProvider } from '../utils/get-provider.js';
 import { nanoidReplacement } from '../utils/nanoid-replacement.js';
 
-const provider = getProvider();
+const container = new Container();
+[
+  ...HtmlInlineToDeltaAdapterExtensions,
+  ...defaultBlockHtmlAdapterMatchers,
+  ...InlineDeltaToHtmlAdapterExtensions,
+].forEach(ext => {
+  ext.setup(container);
+});
+const provider = container.provider();
 
 describe('snapshot to html', () => {
   const template = (html: string, title?: string) => {

blocksuite/blocks/src/__tests__/adapters/markdown.unit.spec.ts

@@ -1,12 +1,14 @@
+import {
+  InlineDeltaToMarkdownAdapterExtensions,
+  MarkdownInlineToDeltaAdapterExtensions,
+} from '@blocksuite/affine-components/rich-text';
 import {
   DefaultTheme,
   NoteDisplayMode,
   TableModelFlavour,
 } from '@blocksuite/affine-model';
-import {
-  embedSyncedDocMiddleware,
-  MarkdownAdapter,
-} from '@blocksuite/affine-shared/adapters';
+import { MarkdownAdapter } from '@blocksuite/affine-shared/adapters';
+import { Container } from '@blocksuite/global/di';
 import type {
   BlockSnapshot,
   DocSnapshot,
@@ -16,11 +18,21 @@ import type {
 import { AssetsManager, MemoryBlobCRUD } from '@blocksuite/store';
 import { describe, expect, test } from 'vitest';
 
+import { defaultBlockMarkdownAdapterMatchers } from '../../_common/adapters/markdown/block-matcher.js';
+import { embedSyncedDocMiddleware } from '../../_common/transformers/middlewares.js';
 import { createJob } from '../utils/create-job.js';
-import { getProvider } from '../utils/get-provider.js';
 import { nanoidReplacement } from '../utils/nanoid-replacement.js';
 
-const provider = getProvider();
+const container = new Container();
+[
+  ...MarkdownInlineToDeltaAdapterExtensions,
+  ...defaultBlockMarkdownAdapterMatchers,
+  ...InlineDeltaToMarkdownAdapterExtensions,
+].forEach(ext => {
+  ext.setup(container);
+});
+
+const provider = container.provider();
 
 describe('snapshot to markdown', () => {
   test('code', async () => {

blocksuite/blocks/src/__tests__/adapters/notion-html.unit.spec.ts

@@ -1,5 +1,7 @@
+import { NotionHtmlInlineToDeltaAdapterExtensions } from '@blocksuite/affine-components/rich-text';
 import { DefaultTheme, NoteDisplayMode } from '@blocksuite/affine-model';
 import { NotionHtmlAdapter } from '@blocksuite/affine-shared/adapters';
+import { Container } from '@blocksuite/global/di';
 import {
   AssetsManager,
   type BlockSnapshot,
@@ -7,11 +9,19 @@ import {
 } from '@blocksuite/store';
 import { describe, expect, test } from 'vitest';
 
+import { defaultBlockNotionHtmlAdapterMatchers } from '../../_common/adapters/notion-html/block-matcher.js';
 import { createJob } from '../utils/create-job.js';
-import { getProvider } from '../utils/get-provider.js';
 import { nanoidReplacement } from '../utils/nanoid-replacement.js';
 
-const provider = getProvider();
+const container = new Container();
+[
+  ...NotionHtmlInlineToDeltaAdapterExtensions,
+  ...defaultBlockNotionHtmlAdapterMatchers,
+].forEach(ext => {
+  ext.setup(container);
+});
+
+const provider = container.provider();
 
 describe('notion html to snapshot', () => {
   test('code', async () => {

blocksuite/blocks/src/__tests__/adapters/plain-text.unit.spec.ts

@@ -1,8 +1,7 @@
+import { InlineDeltaToPlainTextAdapterExtensions } from '@blocksuite/affine-components/rich-text';
 import { DefaultTheme, NoteDisplayMode } from '@blocksuite/affine-model';
-import {
-  embedSyncedDocMiddleware,
-  PlainTextAdapter,
-} from '@blocksuite/affine-shared/adapters';
+import { PlainTextAdapter } from '@blocksuite/affine-shared/adapters';
+import { Container } from '@blocksuite/global/di';
 import type {
   BlockSnapshot,
   DocSnapshot,
@@ -10,10 +9,18 @@ import type {
 } from '@blocksuite/store';
 import { describe, expect, test } from 'vitest';
 
+import { defaultBlockPlainTextAdapterMatchers } from '../../_common/adapters/plain-text/block-matcher.js';
+import { embedSyncedDocMiddleware } from '../../_common/transformers/middlewares.js';
 import { createJob } from '../utils/create-job.js';
-import { getProvider } from '../utils/get-provider.js';
 
-const provider = getProvider();
+const container = new Container();
+[
+  ...defaultBlockPlainTextAdapterMatchers,
+  ...InlineDeltaToPlainTextAdapterExtensions,
+].forEach(ext => {
+  ext.setup(container);
+});
+const provider = container.provider();
 
 describe('snapshot to plain text', () => {
   test('paragraph', async () => {

blocksuite/blocks/src/__tests__/utils/create-job.ts

@@ -1,4 +1,3 @@
-import { defaultImageProxyMiddleware } from '@blocksuite/affine-block-image';
 import { FeatureFlagService } from '@blocksuite/affine-shared/services';
 import {
   Schema,
@@ -7,6 +6,7 @@ import {
 } from '@blocksuite/store';
 import { TestWorkspace } from '@blocksuite/store/test';
 
+import { defaultImageProxyMiddleware } from '../../_common/transformers/middlewares.js';
 import { AffineSchemas } from '../../schemas.js';
 
 declare global {

blocksuite/blocks/src/__tests__/utils/get-provider.ts

@@ -1,15 +0,0 @@
-import { SpecProvider } from '@blocksuite/affine-shared/utils';
-import { Container } from '@blocksuite/global/di';
-
-import { registerSpecs } from '../../extensions/register';
-
-registerSpecs();
-
-export function getProvider() {
-  const container = new Container();
-  const exts = SpecProvider._.getSpec('store').value;
-  exts.forEach(ext => {
-    ext.setup(container);
-  });
-  return container.provider();
-}

blocksuite/blocks/src/_common/adapters/extension.ts

@@ -0,0 +1,22 @@
+import {
+  AttachmentAdapterFactoryExtension,
+  HtmlAdapterFactoryExtension,
+  ImageAdapterFactoryExtension,
+  MarkdownAdapterFactoryExtension,
+  MixTextAdapterFactoryExtension,
+  NotionHtmlAdapterFactoryExtension,
+  NotionTextAdapterFactoryExtension,
+  PlainTextAdapterFactoryExtension,
+} from '@blocksuite/affine-shared/adapters';
+import type { ExtensionType } from '@blocksuite/store';
+
+export const AdapterFactoryExtensions: ExtensionType[] = [
+  AttachmentAdapterFactoryExtension,
+  ImageAdapterFactoryExtension,
+  MarkdownAdapterFactoryExtension,
+  PlainTextAdapterFactoryExtension,
+  HtmlAdapterFactoryExtension,
+  NotionTextAdapterFactoryExtension,
+  NotionHtmlAdapterFactoryExtension,
+  MixTextAdapterFactoryExtension,
+];

blocksuite/blocks/src/_common/adapters/html/block-matcher.ts

@@ -13,9 +13,10 @@ import {
 import { ImageBlockHtmlAdapterExtension } from '@blocksuite/affine-block-image';
 import { ListBlockHtmlAdapterExtension } from '@blocksuite/affine-block-list';
 import { ParagraphBlockHtmlAdapterExtension } from '@blocksuite/affine-block-paragraph';
-import { RootBlockHtmlAdapterExtension } from '@blocksuite/affine-block-root';
 import { TableBlockHtmlAdapterExtension } from '@blocksuite/affine-block-table';
 
+import { RootBlockHtmlAdapterExtension } from '../../../root-block/adapters/html.js';
+
 export const defaultBlockHtmlAdapterMatchers = [
   ListBlockHtmlAdapterExtension,
   ParagraphBlockHtmlAdapterExtension,

blocksuite/blocks/src/_common/adapters/markdown/block-matcher.ts

@@ -15,9 +15,10 @@ import { LatexBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-lat
 import { ListBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-list';
 import { DocNoteBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-note';
 import { ParagraphBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-paragraph';
-import { RootBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-root';
 import { TableBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-table';
 
+import { RootBlockMarkdownAdapterExtension } from '../../../root-block/adapters/markdown.js';
+
 export const defaultBlockMarkdownAdapterMatchers = [
   RootBlockMarkdownAdapterExtension,
   DocNoteBlockMarkdownAdapterExtension,

blocksuite/blocks/src/_common/adapters/notion-html/block-matcher.ts

@@ -13,9 +13,10 @@ import { ImageBlockNotionHtmlAdapterExtension } from '@blocksuite/affine-block-i
 import { LatexBlockNotionHtmlAdapterExtension } from '@blocksuite/affine-block-latex';
 import { ListBlockNotionHtmlAdapterExtension } from '@blocksuite/affine-block-list';
 import { ParagraphBlockNotionHtmlAdapterExtension } from '@blocksuite/affine-block-paragraph';
-import { RootBlockNotionHtmlAdapterExtension } from '@blocksuite/affine-block-root';
 import type { ExtensionType } from '@blocksuite/store';
 
+import { RootBlockNotionHtmlAdapterExtension } from '../../../root-block/adapters/notion-html.js';
+
 export const defaultBlockNotionHtmlAdapterMatchers: ExtensionType[] = [
   ListBlockNotionHtmlAdapterExtension,
   ParagraphBlockNotionHtmlAdapterExtension,

blocksuite/blocks/src/_common/transformers/html.ts

@@ -1,16 +1,20 @@
-import { defaultImageProxyMiddleware } from '@blocksuite/affine-block-image';
 import {
-  docLinkBaseURLMiddleware,
-  fileNameMiddleware,
-  HtmlAdapter,
-  titleMiddleware,
-} from '@blocksuite/affine-shared/adapters';
-import { SpecProvider } from '@blocksuite/affine-shared/utils';
+  HtmlInlineToDeltaAdapterExtensions,
+  InlineDeltaToHtmlAdapterExtensions,
+} from '@blocksuite/affine-components/rich-text';
+import { HtmlAdapter } from '@blocksuite/affine-shared/adapters';
 import { Container } from '@blocksuite/global/di';
 import { sha } from '@blocksuite/global/utils';
 import type { Store, Workspace } from '@blocksuite/store';
 import { extMimeMap, Transformer } from '@blocksuite/store';
 
+import { defaultBlockHtmlAdapterMatchers } from '../adapters/html/block-matcher.js';
+import {
+  defaultImageProxyMiddleware,
+  docLinkBaseURLMiddleware,
+  fileNameMiddleware,
+  titleMiddleware,
+} from './middlewares.js';
 import { createAssetsArchive, download, Unzip } from './utils.js';
 
 type ImportHTMLToDocOptions = {
@@ -24,14 +28,16 @@ type ImportHTMLZipOptions = {
   imported: Blob;
 };
 
-function getProvider() {
-  const container = new Container();
-  const exts = SpecProvider._.getSpec('store').value;
-  exts.forEach(ext => {
-    ext.setup(container);
-  });
-  return container.provider();
-}
+const container = new Container();
+[
+  ...HtmlInlineToDeltaAdapterExtensions,
+  ...defaultBlockHtmlAdapterMatchers,
+  ...InlineDeltaToHtmlAdapterExtensions,
+].forEach(ext => {
+  ext.setup(container);
+});
+
+const provider = container.provider();
 
 /**
  * Exports a doc to HTML format.
@@ -40,7 +46,6 @@ function getProvider() {
  * @returns A Promise that resolves when the export is complete.
  */
 async function exportDoc(doc: Store) {
-  const provider = getProvider();
   const job = new Transformer({
     schema: doc.schema,
     blobCRUD: doc.blobSync,
@@ -96,7 +101,6 @@ async function importHTMLToDoc({
   html,
   fileName,
 }: ImportHTMLToDocOptions) {
-  const provider = getProvider();
   const job = new Transformer({
     schema: collection.schema,
     blobCRUD: collection.blobSync,
@@ -131,7 +135,6 @@ async function importHTMLToDoc({
  * @returns A Promise that resolves to an array of IDs of the newly created docs.
  */
 async function importHTMLZip({ collection, imported }: ImportHTMLZipOptions) {
-  const provider = getProvider();
   const unzip = new Unzip();
   await unzip.load(imported);
 

blocksuite/blocks/src/_common/transformers/index.ts

@@ -0,0 +1,15 @@
+export { HtmlTransformer } from './html.js';
+export { MarkdownTransformer } from './markdown.js';
+export {
+  customImageProxyMiddleware,
+  defaultImageProxyMiddleware,
+  docLinkBaseURLMiddleware,
+  docLinkBaseURLMiddlewareBuilder,
+  embedSyncedDocMiddleware,
+  replaceIdMiddleware,
+  setImageProxyMiddlewareURL,
+  titleMiddleware,
+} from './middlewares.js';
+export { NotionHtmlTransformer } from './notion-html.js';
+export { createAssetsArchive, download } from './utils.js';
+export { ZipTransformer } from './zip.js';

blocksuite/blocks/src/_common/transformers/markdown.ts

@@ -1,27 +1,33 @@
-import { defaultImageProxyMiddleware } from '@blocksuite/affine-block-image';
 import {
-  docLinkBaseURLMiddleware,
-  fileNameMiddleware,
-  MarkdownAdapter,
-  titleMiddleware,
-} from '@blocksuite/affine-shared/adapters';
-import { SpecProvider } from '@blocksuite/affine-shared/utils';
+  InlineDeltaToMarkdownAdapterExtensions,
+  MarkdownInlineToDeltaAdapterExtensions,
+} from '@blocksuite/affine-components/rich-text';
+import { MarkdownAdapter } from '@blocksuite/affine-shared/adapters';
 import { Container } from '@blocksuite/global/di';
 import { BlockSuiteError, ErrorCode } from '@blocksuite/global/exceptions';
 import { assertExists, sha } from '@blocksuite/global/utils';
 import type { Store, Workspace } from '@blocksuite/store';
 import { extMimeMap, Transformer } from '@blocksuite/store';
 
+import { defaultBlockMarkdownAdapterMatchers } from '../adapters/index.js';
+import {
+  defaultImageProxyMiddleware,
+  docLinkBaseURLMiddleware,
+  fileNameMiddleware,
+  titleMiddleware,
+} from './middlewares.js';
 import { createAssetsArchive, download, Unzip } from './utils.js';
 
-function getProvider() {
-  const container = new Container();
-  const exts = SpecProvider._.getSpec('store').value;
-  exts.forEach(ext => {
-    ext.setup(container);
-  });
-  return container.provider();
-}
+const container = new Container();
+[
+  ...MarkdownInlineToDeltaAdapterExtensions,
+  ...defaultBlockMarkdownAdapterMatchers,
+  ...InlineDeltaToMarkdownAdapterExtensions,
+].forEach(ext => {
+  ext.setup(container);
+});
+
+const provider = container.provider();
 
 type ImportMarkdownToBlockOptions = {
   doc: Store;
@@ -46,7 +52,6 @@ type ImportMarkdownZipOptions = {
  * @returns A Promise that resolves when the export is complete
  */
 async function exportDoc(doc: Store) {
-  const provider = getProvider();
   const job = new Transformer({
     schema: doc.schema,
     blobCRUD: doc.blobSync,
@@ -106,7 +111,6 @@ async function importMarkdownToBlock({
   markdown,
   blockId,
 }: ImportMarkdownToBlockOptions) {
-  const provider = getProvider();
   const job = new Transformer({
     schema: doc.schema,
     blobCRUD: doc.blobSync,
@@ -152,7 +156,6 @@ async function importMarkdownToDoc({
   markdown,
   fileName,
 }: ImportMarkdownToDocOptions) {
-  const provider = getProvider();
   const job = new Transformer({
     schema: collection.schema,
     blobCRUD: collection.blobSync,
@@ -189,7 +192,6 @@ async function importMarkdownZip({
   collection,
   imported,
 }: ImportMarkdownZipOptions) {
-  const provider = getProvider();
   const unzip = new Unzip();
   await unzip.load(imported);
 

blocksuite/blocks/src/_common/transformers/middlewares.ts

@@ -6,8 +6,13 @@ import type {
   ParagraphBlockModel,
   SurfaceRefBlockModel,
 } from '@blocksuite/affine-model';
+import { DEFAULT_IMAGE_PROXY_ENDPOINT } from '@blocksuite/affine-shared/consts';
 import { assertExists } from '@blocksuite/global/utils';
-import type { DeltaOperation, TransformerMiddleware } from '@blocksuite/store';
+import type {
+  DeltaOperation,
+  DocMeta,
+  TransformerMiddleware,
+} from '@blocksuite/store';
 
 export const replaceIdMiddleware =
   (idGenerator: () => string): TransformerMiddleware =>
@@ -198,3 +203,103 @@ export const replaceIdMiddleware =
       }
     });
   };
+
+export const customImageProxyMiddleware = (
+  imageProxyURL: string
+): TransformerMiddleware => {
+  return ({ adapterConfigs }) => {
+    adapterConfigs.set('imageProxy', imageProxyURL);
+  };
+};
+
+const customDocLinkBaseUrlMiddleware = (
+  baseUrl: string,
+  collectionId: string
+): TransformerMiddleware => {
+  return ({ adapterConfigs }) => {
+    const docLinkBaseUrl = baseUrl
+      ? `${baseUrl}/workspace/${collectionId}`
+      : '';
+    adapterConfigs.set('docLinkBaseUrl', docLinkBaseUrl);
+  };
+};
+
+export const titleMiddleware =
+  (metas: DocMeta[]): TransformerMiddleware =>
+  ({ slots, adapterConfigs }) => {
+    slots.beforeExport.on(() => {
+      for (const meta of metas) {
+        adapterConfigs.set('title:' + meta.id, meta.title);
+      }
+    });
+  };
+
+export const docLinkBaseURLMiddlewareBuilder = (
+  baseUrl: string,
+  collectionId: string
+) => {
+  let middleware = customDocLinkBaseUrlMiddleware(baseUrl, collectionId);
+  return {
+    get: () => middleware,
+    set: (url: string) => {
+      middleware = customDocLinkBaseUrlMiddleware(url, collectionId);
+    },
+  };
+};
+
+const defaultDocLinkBaseURLMiddlewareBuilder = (collectionId: string) =>
+  docLinkBaseURLMiddlewareBuilder(
+    typeof window !== 'undefined' ? window.location.origin : '.',
+    collectionId
+  );
+
+export const docLinkBaseURLMiddleware = (collectionId: string) =>
+  defaultDocLinkBaseURLMiddlewareBuilder(collectionId).get();
+
+export const setDocLinkBaseURLMiddleware = (collectionId: string) =>
+  defaultDocLinkBaseURLMiddlewareBuilder(collectionId).set;
+
+const imageProxyMiddlewareBuilder = () => {
+  let middleware = customImageProxyMiddleware(DEFAULT_IMAGE_PROXY_ENDPOINT);
+  return {
+    get: () => middleware,
+    set: (url: string) => {
+      middleware = customImageProxyMiddleware(url);
+    },
+  };
+};
+
+const defaultImageProxyMiddlewarBuilder = imageProxyMiddlewareBuilder();
+
+export const setImageProxyMiddlewareURL = defaultImageProxyMiddlewarBuilder.set;
+
+export const defaultImageProxyMiddleware =
+  defaultImageProxyMiddlewarBuilder.get();
+
+export const embedSyncedDocMiddleware =
+  (type: 'content'): TransformerMiddleware =>
+  ({ adapterConfigs }) => {
+    adapterConfigs.set('embedSyncedDocExportType', type);
+  };
+
+export const fileNameMiddleware =
+  (fileName?: string): TransformerMiddleware =>
+  ({ slots }) => {
+    slots.beforeImport.on(payload => {
+      if (payload.type !== 'page') {
+        return;
+      }
+      if (!fileName) {
+        return;
+      }
+      payload.snapshot.meta.title = fileName;
+      payload.snapshot.blocks.props.title = {
+        '$blocksuite:internal:text$': true,
+        delta: [
+          {
+            insert: fileName,
+          },
+        ],
+      };
+    });
+  };

blocksuite/blocks/src/_common/transformers/notion-html.ts

@@ -1,10 +1,11 @@
-import { defaultImageProxyMiddleware } from '@blocksuite/affine-block-image';
+import { NotionHtmlInlineToDeltaAdapterExtensions } from '@blocksuite/affine-components/rich-text';
 import { NotionHtmlAdapter } from '@blocksuite/affine-shared/adapters';
-import { SpecProvider } from '@blocksuite/affine-shared/utils';
 import { Container } from '@blocksuite/global/di';
 import { sha } from '@blocksuite/global/utils';
 import { extMimeMap, Transformer, type Workspace } from '@blocksuite/store';
 
+import { defaultBlockNotionHtmlAdapterMatchers } from '../adapters/notion-html/block-matcher.js';
+import { defaultImageProxyMiddleware } from './middlewares.js';
 import { Unzip } from './utils.js';
 
 type ImportNotionZipOptions = {
@@ -12,14 +13,15 @@ type ImportNotionZipOptions = {
   imported: Blob;
 };
 
-function getProvider() {
-  const container = new Container();
-  const exts = SpecProvider._.getSpec('store').value;
-  exts.forEach(ext => {
-    ext.setup(container);
-  });
-  return container.provider();
-}
+const container = new Container();
+[
+  ...NotionHtmlInlineToDeltaAdapterExtensions,
+  ...defaultBlockNotionHtmlAdapterMatchers,
+].forEach(ext => {
+  ext.setup(container);
+});
+
+const provider = container.provider();
 
 /**
  * Imports a Notion zip file into the BlockSuite collection.
@@ -38,7 +40,6 @@ async function importNotionZip({
   collection,
   imported,
 }: ImportNotionZipOptions) {
-  const provider = getProvider();
   const pageIds: string[] = [];
   let isWorkspaceFile = false;
   let hasMarkdown = false;

blocksuite/blocks/src/_common/transformers/zip.ts

@@ -1,12 +1,9 @@
-import {
-  replaceIdMiddleware,
-  titleMiddleware,
-} from '@blocksuite/affine-shared/adapters';
 import { sha } from '@blocksuite/global/utils';
 import type { DocSnapshot, Store, Workspace } from '@blocksuite/store';
 import { extMimeMap, getAssetName, Transformer } from '@blocksuite/store';
 
 import { download, Unzip, Zip } from '../transformers/utils.js';
+import { replaceIdMiddleware, titleMiddleware } from './middlewares.js';
 
 async function exportDocs(collection: Workspace, docs: Store[]) {
   const zip = new Zip();

blocksuite/blocks/src/_common/types.ts

@@ -0,0 +1,11 @@
+import type {
+  BrushElementModel,
+  ConnectorElementModel,
+  GroupElementModel,
+} from '@blocksuite/affine-model';
+import type { GfxModel } from '@blocksuite/block-std/gfx';
+
+export type Connectable = Exclude<
+  GfxModel,
+  ConnectorElementModel | BrushElementModel | GroupElementModel
+>;

blocksuite/blocks/src/_specs/common.ts

@@ -55,13 +55,7 @@ import {
 } from '@blocksuite/block-std';
 import type { ExtensionType } from '@blocksuite/store';
 
-import {
-  AdapterFactoryExtensions,
-  HtmlAdapterExtension,
-  MarkdownAdapterExtension,
-  NotionHtmlAdapterExtension,
-  PlainTextAdapterExtension,
-} from '../adapters/extension.js';
+import { AdapterFactoryExtensions } from '../_common/adapters/extension.js';
 
 export const CommonBlockSpecs: ExtensionType[] = [
   DocDisplayMetaService,
@@ -116,9 +110,4 @@ export const StoreExtensions: ExtensionType[] = [
   LinkPreviewerService,
   FileSizeLimitService,
   ImageStoreSpec,
-
-  HtmlAdapterExtension,
-  MarkdownAdapterExtension,
-  NotionHtmlAdapterExtension,
-  PlainTextAdapterExtension,
 ].flat();

blocksuite/blocks/src/_specs/index.ts

@@ -0,0 +1,6 @@
+export * from './common.js';
+export * from './preset/edgeless-specs.js';
+export * from './preset/mobile-patch.js';
+export * from './preset/page-specs.js';
+export * from './preset/preview-specs.js';
+export { SpecBuilder, SpecProvider } from '@blocksuite/affine-shared/utils';

blocksuite/blocks/src/_specs/preset/edgeless-specs.ts

@@ -0,0 +1,59 @@
+import {
+  EdgelessFrameManager,
+  FrameOverlay,
+} from '@blocksuite/affine-block-frame';
+import { ConnectionOverlay } from '@blocksuite/affine-block-surface';
+import { PresentTool } from '@blocksuite/affine-fragment-frame-panel';
+import type { ExtensionType } from '@blocksuite/store';
+
+import { EdgelessRootBlockSpec } from '../../root-block/edgeless/edgeless-root-spec.js';
+import { BrushTool } from '../../root-block/edgeless/gfx-tool/brush-tool.js';
+import { ConnectorTool } from '../../root-block/edgeless/gfx-tool/connector-tool.js';
+import { CopilotTool } from '../../root-block/edgeless/gfx-tool/copilot-tool.js';
+import { DefaultTool } from '../../root-block/edgeless/gfx-tool/default-tool.js';
+import { MindMapIndicatorOverlay } from '../../root-block/edgeless/gfx-tool/default-tool-ext/mind-map-ext/indicator-overlay.js';
+import { EmptyTool } from '../../root-block/edgeless/gfx-tool/empty-tool.js';
+import { EraserTool } from '../../root-block/edgeless/gfx-tool/eraser-tool.js';
+import { FrameTool } from '../../root-block/edgeless/gfx-tool/frame-tool.js';
+import { LassoTool } from '../../root-block/edgeless/gfx-tool/lasso-tool.js';
+import { NoteTool } from '../../root-block/edgeless/gfx-tool/note-tool.js';
+import { PanTool } from '../../root-block/edgeless/gfx-tool/pan-tool.js';
+import { ShapeTool } from '../../root-block/edgeless/gfx-tool/shape-tool.js';
+import { TemplateTool } from '../../root-block/edgeless/gfx-tool/template-tool.js';
+import { TextTool } from '../../root-block/edgeless/gfx-tool/text-tool.js';
+import { EditPropsMiddlewareBuilder } from '../../root-block/edgeless/middlewares/base.js';
+import { EdgelessSnapManager } from '../../root-block/edgeless/utils/snap-manager.js';
+import { EdgelessFirstPartyBlockSpecs } from '../common.js';
+
+export const EdgelessToolExtension: ExtensionType[] = [
+  DefaultTool,
+  PanTool,
+  EraserTool,
+  TextTool,
+  ShapeTool,
+  NoteTool,
+  BrushTool,
+  ConnectorTool,
+  CopilotTool,
+  TemplateTool,
+  EmptyTool,
+  FrameTool,
+  LassoTool,
+  PresentTool,
+];
+
+export const EdgelessBuiltInManager: ExtensionType[] = [
+  ConnectionOverlay,
+  FrameOverlay,
+  MindMapIndicatorOverlay,
+  EdgelessSnapManager,
+  EdgelessFrameManager,
+  EditPropsMiddlewareBuilder,
+];
+
+export const EdgelessEditorBlockSpecs: ExtensionType[] = [
+  EdgelessRootBlockSpec,
+  EdgelessFirstPartyBlockSpecs,
+  EdgelessToolExtension,
+  EdgelessBuiltInManager,
+].flat();

blocksuite/blocks/src/_specs/preset/mobile-patch.ts

@@ -0,0 +1,74 @@
+import type { CodeBlockConfig } from '@blocksuite/affine-block-code';
+import { ParagraphBlockService } from '@blocksuite/affine-block-paragraph';
+import {
+  type ReferenceNodeConfig,
+  ReferenceNodeConfigIdentifier,
+} from '@blocksuite/affine-components/rich-text';
+import { FeatureFlagService } from '@blocksuite/affine-shared/services';
+import {
+  type BlockStdScope,
+  ConfigIdentifier,
+  LifeCycleWatcher,
+} from '@blocksuite/block-std';
+import type { Container } from '@blocksuite/global/di';
+
+export class MobileSpecsPatches extends LifeCycleWatcher {
+  static override key = 'mobile-patches';
+
+  constructor(std: BlockStdScope) {
+    super(std);
+    const featureFlagService = std.get(FeatureFlagService);
+
+    featureFlagService.setFlag('enable_mobile_keyboard_toolbar', true);
+    featureFlagService.setFlag('enable_mobile_linked_doc_menu', true);
+  }
+
+  static override setup(di: Container) {
+    super.setup(di);
+
+    // Hide reference popup on mobile.
+    {
+      const prev = di.getFactory(ReferenceNodeConfigIdentifier);
+      di.override(ReferenceNodeConfigIdentifier, provider => {
+        return {
+          ...prev?.(provider),
+          hidePopup: true,
+        } satisfies ReferenceNodeConfig;
+      });
+    }
+
+    // Hide number lines for code block on mobile.
+    {
+      const codeConfigIdentifier = ConfigIdentifier('affine:code');
+      const prev = di.getFactory(codeConfigIdentifier);
+      di.override(codeConfigIdentifier, provider => {
+        return {
+          ...prev?.(provider),
+          showLineNumbers: false,
+        } satisfies CodeBlockConfig;
+      });
+    }
+  }
+
+  override mounted() {
+    // remove slash placeholder for mobile: `type / ...`
+    {
+      const paragraphService = this.std.get(ParagraphBlockService);
+      if (!paragraphService) return;
+
+      paragraphService.placeholderGenerator = model => {
+        const placeholders = {
+          text: '',
+          h1: 'Heading 1',
+          h2: 'Heading 2',
+          h3: 'Heading 3',
+          h4: 'Heading 4',
+          h5: 'Heading 5',
+          h6: 'Heading 6',
+          quote: '',
+        };
+        return placeholders[model.type];
+      };
+    }
+  }
+}

blocksuite/blocks/src/_specs/preset/page-specs.ts

@@ -0,0 +1,9 @@
+import type { ExtensionType } from '@blocksuite/store';
+
+import { PageRootBlockSpec } from '../../root-block/page/page-root-spec.js';
+import { PageFirstPartyBlockSpecs } from '../common.js';
+
+export const PageEditorBlockSpecs: ExtensionType[] = [
+  PageRootBlockSpec,
+  ...PageFirstPartyBlockSpecs,
+].flat();

blocksuite/blocks/src/_specs/preset/preview-specs.ts

@@ -1,13 +1,11 @@
-import {
-  PreviewEdgelessRootBlockSpec,
-  PreviewPageRootBlockSpec,
-} from '@blocksuite/affine-block-root';
 import type { ExtensionType } from '@blocksuite/store';
 
+import { PreviewEdgelessRootBlockSpec } from '../../root-block/edgeless/edgeless-root-spec.js';
+import { PreviewPageRootBlockSpec } from '../../root-block/page/page-root-spec.js';
 import {
   EdgelessFirstPartyBlockSpecs,
   PageFirstPartyBlockSpecs,
-} from './common.js';
+} from '../common.js';
 
 export const PreviewEdgelessEditorBlockSpecs: ExtensionType[] = [
   PreviewEdgelessRootBlockSpec,

blocksuite/blocks/src/_specs/register-specs.ts

@@ -0,0 +1,24 @@
+import { SpecProvider } from '@blocksuite/affine-shared/utils';
+
+import { CommonBlockSpecs, StoreExtensions } from './common.js';
+import { EdgelessEditorBlockSpecs } from './preset/edgeless-specs.js';
+import { PageEditorBlockSpecs } from './preset/page-specs.js';
+import {
+  PreviewEdgelessEditorBlockSpecs,
+  PreviewPageEditorBlockSpecs,
+} from './preset/preview-specs.js';
+
+export function registerSpecs() {
+  SpecProvider.getInstance().addSpec('store', StoreExtensions);
+  SpecProvider.getInstance().addSpec('common', CommonBlockSpecs);
+  SpecProvider.getInstance().addSpec('page', PageEditorBlockSpecs);
+  SpecProvider.getInstance().addSpec('edgeless', EdgelessEditorBlockSpecs);
+  SpecProvider.getInstance().addSpec(
+    'page:preview',
+    PreviewPageEditorBlockSpecs
+  );
+  SpecProvider.getInstance().addSpec(
+    'edgeless:preview',
+    PreviewEdgelessEditorBlockSpecs
+  );
+}

blocksuite/blocks/src/adapters/extension.ts

@@ -1,57 +0,0 @@
-import {
-  HtmlInlineToDeltaAdapterExtensions,
-  InlineDeltaToHtmlAdapterExtensions,
-  InlineDeltaToMarkdownAdapterExtensions,
-  InlineDeltaToPlainTextAdapterExtensions,
-  MarkdownInlineToDeltaAdapterExtensions,
-  NotionHtmlInlineToDeltaAdapterExtensions,
-} from '@blocksuite/affine-components/rich-text';
-import {
-  AttachmentAdapterFactoryExtension,
-  HtmlAdapterFactoryExtension,
-  ImageAdapterFactoryExtension,
-  MarkdownAdapterFactoryExtension,
-  MixTextAdapterFactoryExtension,
-  NotionHtmlAdapterFactoryExtension,
-  NotionTextAdapterFactoryExtension,
-  PlainTextAdapterFactoryExtension,
-} from '@blocksuite/affine-shared/adapters';
-import type { ExtensionType } from '@blocksuite/store';
-
-import { defaultBlockHtmlAdapterMatchers } from './html/block-matcher';
-import { defaultBlockMarkdownAdapterMatchers } from './markdown/block-matcher';
-import { defaultBlockNotionHtmlAdapterMatchers } from './notion-html/block-matcher';
-import { defaultBlockPlainTextAdapterMatchers } from './plain-text/block-matcher';
-
-export const AdapterFactoryExtensions: ExtensionType[] = [
-  AttachmentAdapterFactoryExtension,
-  ImageAdapterFactoryExtension,
-  MarkdownAdapterFactoryExtension,
-  PlainTextAdapterFactoryExtension,
-  HtmlAdapterFactoryExtension,
-  NotionTextAdapterFactoryExtension,
-  NotionHtmlAdapterFactoryExtension,
-  MixTextAdapterFactoryExtension,
-];
-
-export const HtmlAdapterExtension: ExtensionType[] = [
-  ...HtmlInlineToDeltaAdapterExtensions,
-  ...defaultBlockHtmlAdapterMatchers,
-  ...InlineDeltaToHtmlAdapterExtensions,
-];
-
-export const MarkdownAdapterExtension: ExtensionType[] = [
-  ...MarkdownInlineToDeltaAdapterExtensions,
-  ...defaultBlockMarkdownAdapterMatchers,
-  ...InlineDeltaToMarkdownAdapterExtensions,
-];
-
-export const NotionHtmlAdapterExtension: ExtensionType[] = [
-  ...NotionHtmlInlineToDeltaAdapterExtensions,
-  ...defaultBlockNotionHtmlAdapterMatchers,
-];
-
-export const PlainTextAdapterExtension: ExtensionType[] = [
-  ...defaultBlockPlainTextAdapterMatchers,
-  ...InlineDeltaToPlainTextAdapterExtensions,
-];

blocksuite/blocks/src/effects.ts

@@ -12,10 +12,10 @@ import { effects as blockLatexEffects } from '@blocksuite/affine-block-latex/eff
 import { effects as blockListEffects } from '@blocksuite/affine-block-list/effects';
 import { effects as blockNoteEffects } from '@blocksuite/affine-block-note/effects';
 import { effects as blockParagraphEffects } from '@blocksuite/affine-block-paragraph/effects';
-import { effects as blockRootEffects } from '@blocksuite/affine-block-root/effects';
 import { effects as blockSurfaceEffects } from '@blocksuite/affine-block-surface/effects';
 import { effects as blockSurfaceRefEffects } from '@blocksuite/affine-block-surface-ref/effects';
 import { effects as blockTableEffects } from '@blocksuite/affine-block-table/effects';
+import { effects as componentAiItemEffects } from '@blocksuite/affine-components/ai-item';
 import { BlockSelection } from '@blocksuite/affine-components/block-selection';
 import { BlockZeroWidth } from '@blocksuite/affine-components/block-zero-width';
 import { effects as componentCaptionEffects } from '@blocksuite/affine-components/caption';
@@ -44,7 +44,142 @@ import { effects as stdEffects } from '@blocksuite/block-std/effects';
 import { effects as dataViewEffects } from '@blocksuite/data-view/effects';
 import { effects as inlineEffects } from '@blocksuite/inline/effects';
 
-import { registerSpecs } from './extensions/register.js';
+import { registerSpecs } from './_specs/register-specs.js';
+import { EdgelessAutoCompletePanel } from './root-block/edgeless/components/auto-complete/auto-complete-panel.js';
+import { EdgelessAutoComplete } from './root-block/edgeless/components/auto-complete/edgeless-auto-complete.js';
+import { EdgelessToolIconButton } from './root-block/edgeless/components/buttons/tool-icon-button.js';
+import { EdgelessToolbarButton } from './root-block/edgeless/components/buttons/toolbar-button.js';
+import { EdgelessConnectorHandle } from './root-block/edgeless/components/connector/connector-handle.js';
+import {
+  NOTE_SLICER_WIDGET,
+  NoteSlicer,
+} from './root-block/edgeless/components/note-slicer/index.js';
+import { EdgelessAlignPanel } from './root-block/edgeless/components/panel/align-panel.js';
+import { CardStylePanel } from './root-block/edgeless/components/panel/card-style-panel.js';
+import {
+  EdgelessColorButton,
+  EdgelessColorPanel,
+  EdgelessTextColorIcon,
+} from './root-block/edgeless/components/panel/color-panel.js';
+import { EdgelessFontFamilyPanel } from './root-block/edgeless/components/panel/font-family-panel.js';
+import { EdgelessFontWeightAndStylePanel } from './root-block/edgeless/components/panel/font-weight-and-style-panel.js';
+import { EdgelessLineWidthPanel } from './root-block/edgeless/components/panel/line-width-panel.js';
+import { NoteDisplayModePanel } from './root-block/edgeless/components/panel/note-display-mode-panel.js';
+import { EdgelessNoteShadowPanel } from './root-block/edgeless/components/panel/note-shadow-panel.js';
+import { EdgelessScalePanel } from './root-block/edgeless/components/panel/scale-panel.js';
+import { EdgelessShapePanel } from './root-block/edgeless/components/panel/shape-panel.js';
+import { EdgelessShapeStylePanel } from './root-block/edgeless/components/panel/shape-style-panel.js';
+import { EdgelessSizePanel } from './root-block/edgeless/components/panel/size-panel.js';
+import { StrokeStylePanel } from './root-block/edgeless/components/panel/stroke-style-panel.js';
+import {
+  EDGELESS_NAVIGATOR_BLACK_BACKGROUND_WIDGET,
+  EdgelessNavigatorBlackBackgroundWidget,
+} from './root-block/edgeless/components/presentation/edgeless-navigator-black-background.js';
+import {
+  EDGELESS_DRAGGING_AREA_WIDGET,
+  EdgelessDraggingAreaRectWidget,
+} from './root-block/edgeless/components/rects/edgeless-dragging-area-rect.js';
+import {
+  EDGELESS_SELECTED_RECT_WIDGET,
+  EdgelessSelectedRectWidget,
+} from './root-block/edgeless/components/rects/edgeless-selected-rect.js';
+import { EdgelessConnectorLabelEditor } from './root-block/edgeless/components/text/edgeless-connector-label-editor.js';
+import { EdgelessFrameTitleEditor } from './root-block/edgeless/components/text/edgeless-frame-title-editor.js';
+import { EdgelessGroupTitleEditor } from './root-block/edgeless/components/text/edgeless-group-title-editor.js';
+import { EdgelessShapeTextEditor } from './root-block/edgeless/components/text/edgeless-shape-text-editor.js';
+import { EdgelessTextEditor } from './root-block/edgeless/components/text/edgeless-text-editor.js';
+import { EdgelessBrushMenu } from './root-block/edgeless/components/toolbar/brush/brush-menu.js';
+import { EdgelessBrushToolButton } from './root-block/edgeless/components/toolbar/brush/brush-tool-button.js';
+import { EdgelessSlideMenu } from './root-block/edgeless/components/toolbar/common/slide-menu.js';
+import { ToolbarArrowUpIcon } from './root-block/edgeless/components/toolbar/common/toolbar-arrow-up-icon.js';
+import { EdgelessConnectorMenu } from './root-block/edgeless/components/toolbar/connector/connector-menu.js';
+import { EdgelessConnectorToolButton } from './root-block/edgeless/components/toolbar/connector/connector-tool-button.js';
+import { EdgelessDefaultToolButton } from './root-block/edgeless/components/toolbar/default/default-tool-button.js';
+import {
+  EDGELESS_TOOLBAR_WIDGET,
+  EdgelessToolbarWidget,
+} from './root-block/edgeless/components/toolbar/edgeless-toolbar.js';
+import { EdgelessEraserToolButton } from './root-block/edgeless/components/toolbar/eraser/eraser-tool-button.js';
+import { EdgelessFrameMenu } from './root-block/edgeless/components/toolbar/frame/frame-menu.js';
+import { EdgelessFrameToolButton } from './root-block/edgeless/components/toolbar/frame/frame-tool-button.js';
+import { EdgelessLassoToolButton } from './root-block/edgeless/components/toolbar/lasso/lasso-tool-button.js';
+import { EdgelessLinkToolButton } from './root-block/edgeless/components/toolbar/link/link-tool-button.js';
+import { MindMapPlaceholder } from './root-block/edgeless/components/toolbar/mindmap/mindmap-importing-placeholder.js';
+import { EdgelessMindmapMenu } from './root-block/edgeless/components/toolbar/mindmap/mindmap-menu.js';
+import { EdgelessMindmapToolButton } from './root-block/edgeless/components/toolbar/mindmap/mindmap-tool-button.js';
+import { EdgelessNoteMenu } from './root-block/edgeless/components/toolbar/note/note-menu.js';
+import { EdgelessNoteSeniorButton } from './root-block/edgeless/components/toolbar/note/note-senior-button.js';
+import { EdgelessNoteToolButton } from './root-block/edgeless/components/toolbar/note/note-tool-button.js';
+import { EdgelessFrameOrderButton } from './root-block/edgeless/components/toolbar/present/frame-order-button.js';
+import { EdgelessFrameOrderMenu } from './root-block/edgeless/components/toolbar/present/frame-order-menu.js';
+import { EdgelessNavigatorSettingButton } from './root-block/edgeless/components/toolbar/present/navigator-setting-button.js';
+import { EdgelessPresentButton } from './root-block/edgeless/components/toolbar/present/present-button.js';
+import { PresentationToolbar } from './root-block/edgeless/components/toolbar/presentation-toolbar.js';
+import { EdgelessToolbarShapeDraggable } from './root-block/edgeless/components/toolbar/shape/shape-draggable.js';
+import { EdgelessShapeMenu } from './root-block/edgeless/components/toolbar/shape/shape-menu.js';
+import { EdgelessShapeToolButton } from './root-block/edgeless/components/toolbar/shape/shape-tool-button.js';
+import { EdgelessShapeToolElement } from './root-block/edgeless/components/toolbar/shape/shape-tool-element.js';
+import { OverlayScrollbar } from './root-block/edgeless/components/toolbar/template/overlay-scrollbar.js';
+import { AffineTemplateLoading } from './root-block/edgeless/components/toolbar/template/template-loading.js';
+import { EdgelessTemplatePanel } from './root-block/edgeless/components/toolbar/template/template-panel.js';
+import { EdgelessTemplateButton } from './root-block/edgeless/components/toolbar/template/template-tool-button.js';
+import { EdgelessTextMenu } from './root-block/edgeless/components/toolbar/text/text-menu.js';
+import { EdgelessRootPreviewBlockComponent } from './root-block/edgeless/edgeless-root-preview-block.js';
+import {
+  AFFINE_AI_PANEL_WIDGET,
+  AFFINE_EDGELESS_COPILOT_WIDGET,
+  AFFINE_EMBED_CARD_TOOLBAR_WIDGET,
+  AFFINE_FORMAT_BAR_WIDGET,
+  AffineAIPanelWidget,
+  AffineEdgelessZoomToolbarWidget,
+  AffineFormatBarWidget,
+  AffineImageToolbarWidget,
+  AffineInnerModalWidget,
+  AffineModalWidget,
+  AffinePageDraggingAreaWidget,
+  AffineSlashMenuWidget,
+  AffineSurfaceRefToolbar,
+  EdgelessCopilotToolbarEntry,
+  EdgelessCopilotWidget,
+  EdgelessRootBlockComponent,
+  EmbedCardToolbar,
+  FramePreview,
+  PageRootBlockComponent,
+  PreviewRootBlockComponent,
+} from './root-block/index.js';
+import { AIFinishTip } from './root-block/widgets/ai-panel/components/finish-tip.js';
+import { GeneratingPlaceholder } from './root-block/widgets/ai-panel/components/generating-placeholder.js';
+import {
+  AIPanelAnswer,
+  AIPanelDivider,
+  AIPanelError,
+  AIPanelGenerating,
+  AIPanelInput,
+} from './root-block/widgets/ai-panel/components/index.js';
+import { EdgelessCopilotPanel } from './root-block/widgets/edgeless-copilot-panel/index.js';
+import { AFFINE_EDGELESS_ZOOM_TOOLBAR_WIDGET } from './root-block/widgets/edgeless-zoom-toolbar/index.js';
+import { ZoomBarToggleButton } from './root-block/widgets/edgeless-zoom-toolbar/zoom-bar-toggle-button.js';
+import { EdgelessZoomToolbar } from './root-block/widgets/edgeless-zoom-toolbar/zoom-toolbar.js';
+import { effects as widgetEdgelessElementToolbarEffects } from './root-block/widgets/element-toolbar/effects.js';
+import { AffineImageToolbar } from './root-block/widgets/image-toolbar/components/image-toolbar.js';
+import { AFFINE_IMAGE_TOOLBAR_WIDGET } from './root-block/widgets/image-toolbar/index.js';
+import { AFFINE_INNER_MODAL_WIDGET } from './root-block/widgets/inner-modal/inner-modal.js';
+import { effects as widgetMobileToolbarEffects } from './root-block/widgets/keyboard-toolbar/effects.js';
+import { effects as widgetLinkedDocEffects } from './root-block/widgets/linked-doc/effects.js';
+import { Loader } from './root-block/widgets/linked-doc/import-doc/loader';
+import { AffineCustomModal } from './root-block/widgets/modal/custom-modal.js';
+import { AFFINE_MODAL_WIDGET } from './root-block/widgets/modal/modal.js';
+import { AFFINE_PAGE_DRAGGING_AREA_WIDGET } from './root-block/widgets/page-dragging-area/page-dragging-area.js';
+import { AFFINE_SLASH_MENU_WIDGET } from './root-block/widgets/slash-menu/index.js';
+import {
+  InnerSlashMenu,
+  SlashMenu,
+} from './root-block/widgets/slash-menu/slash-menu-popover.js';
+import { AFFINE_SURFACE_REF_TOOLBAR } from './root-block/widgets/surface-ref-toolbar/surface-ref-toolbar.js';
+import {
+  AFFINE_VIEWPORT_OVERLAY_WIDGET,
+  AffineViewportOverlayWidget,
+} from './root-block/widgets/viewport-overlay/viewport-overlay.js';
 
 export function effects() {
   registerSpecs();
@@ -71,7 +206,6 @@ export function effects() {
   blockDataViewEffects();
   blockCodeEffects();
   blockTableEffects();
-  blockRootEffects();
 
   componentCaptionEffects();
   componentContextMenuEffects();
@@ -81,12 +215,16 @@ export function effects() {
   componentToolbarEffects();
   componentDropIndicatorEffects();
   componentToggleButtonEffects();
+  componentAiItemEffects();
   componentColorPickerEffects();
   componentEmbedCardModalEffects();
   componentDocTitleEffects();
 
   widgetScrollAnchoringEffects();
+  widgetMobileToolbarEffects();
+  widgetLinkedDocEffects();
   widgetFrameTitleEffects();
+  widgetEdgelessElementToolbarEffects();
   widgetRemoteSelectionEffects();
   widgetDragHandleEffects();
   widgetEdgelessAutoConnectEffects();
@@ -94,10 +232,173 @@ export function effects() {
   fragmentFramePanelEffects();
   fragmentOutlineEffects();
 
+  customElements.define('affine-page-root', PageRootBlockComponent);
+  customElements.define('affine-preview-root', PreviewRootBlockComponent);
+  customElements.define('affine-edgeless-root', EdgelessRootBlockComponent);
+  customElements.define('edgeless-copilot-panel', EdgelessCopilotPanel);
+  customElements.define(
+    'edgeless-copilot-toolbar-entry',
+    EdgelessCopilotToolbarEntry
+  );
+  customElements.define('edgeless-connector-handle', EdgelessConnectorHandle);
+  customElements.define('edgeless-zoom-toolbar', EdgelessZoomToolbar);
+  customElements.define(
+    'affine-edgeless-root-preview',
+    EdgelessRootPreviewBlockComponent
+  );
+  customElements.define('affine-custom-modal', AffineCustomModal);
+  customElements.define('affine-slash-menu', SlashMenu);
+  customElements.define('inner-slash-menu', InnerSlashMenu);
+  customElements.define('generating-placeholder', GeneratingPlaceholder);
+  customElements.define('ai-finish-tip', AIFinishTip);
+  customElements.define('ai-panel-divider', AIPanelDivider);
+  customElements.define(NOTE_SLICER_WIDGET, NoteSlicer);
+  customElements.define(
+    EDGELESS_NAVIGATOR_BLACK_BACKGROUND_WIDGET,
+    EdgelessNavigatorBlackBackgroundWidget
+  );
+  customElements.define('zoom-bar-toggle-button', ZoomBarToggleButton);
+  customElements.define(
+    EDGELESS_DRAGGING_AREA_WIDGET,
+    EdgelessDraggingAreaRectWidget
+  );
   customElements.define('icon-button', IconButton);
+  customElements.define('loader-element', Loader);
+  customElements.define('edgeless-brush-menu', EdgelessBrushMenu);
+  customElements.define('edgeless-brush-tool-button', EdgelessBrushToolButton);
+  customElements.define(
+    'edgeless-connector-tool-button',
+    EdgelessConnectorToolButton
+  );
+  customElements.define(
+    'edgeless-default-tool-button',
+    EdgelessDefaultToolButton
+  );
+  customElements.define('edgeless-connector-menu', EdgelessConnectorMenu);
   customElements.define('smooth-corner', SmoothCorner);
   customElements.define('toggle-switch', ToggleSwitch);
+  customElements.define('ai-panel-answer', AIPanelAnswer);
+  customElements.define(
+    'edgeless-eraser-tool-button',
+    EdgelessEraserToolButton
+  );
+  customElements.define('edgeless-frame-menu', EdgelessFrameMenu);
+  customElements.define('edgeless-frame-tool-button', EdgelessFrameToolButton);
+  customElements.define('ai-panel-input', AIPanelInput);
+  customElements.define('ai-panel-generating', AIPanelGenerating);
+  customElements.define('edgeless-link-tool-button', EdgelessLinkToolButton);
+  customElements.define('edgeless-mindmap-menu', EdgelessMindmapMenu);
+  customElements.define('edgeless-lasso-tool-button', EdgelessLassoToolButton);
   customElements.define('affine-filterable-list', FilterableListComponent);
+  customElements.define('ai-panel-error', AIPanelError);
+  customElements.define(
+    EDGELESS_SELECTED_RECT_WIDGET,
+    EdgelessSelectedRectWidget
+  );
+  customElements.define('mindmap-import-placeholder', MindMapPlaceholder);
+  customElements.define(
+    'edgeless-note-senior-button',
+    EdgelessNoteSeniorButton
+  );
+  customElements.define('edgeless-align-panel', EdgelessAlignPanel);
+  customElements.define('card-style-panel', CardStylePanel);
+  customElements.define('edgeless-color-button', EdgelessColorButton);
+  customElements.define('edgeless-color-panel', EdgelessColorPanel);
+  customElements.define('edgeless-text-color-icon', EdgelessTextColorIcon);
+  customElements.define(
+    'edgeless-mindmap-tool-button',
+    EdgelessMindmapToolButton
+  );
+  customElements.define('edgeless-note-tool-button', EdgelessNoteToolButton);
+  customElements.define('edgeless-note-menu', EdgelessNoteMenu);
+  customElements.define('edgeless-line-width-panel', EdgelessLineWidthPanel);
+  customElements.define(
+    'edgeless-frame-order-button',
+    EdgelessFrameOrderButton
+  );
+  customElements.define('edgeless-frame-order-menu', EdgelessFrameOrderMenu);
+  customElements.define(
+    'edgeless-auto-complete-panel',
+    EdgelessAutoCompletePanel
+  );
+  customElements.define(
+    'edgeless-navigator-setting-button',
+    EdgelessNavigatorSettingButton
+  );
+  customElements.define('edgeless-present-button', EdgelessPresentButton);
+  customElements.define('overlay-scrollbar', OverlayScrollbar);
+  customElements.define('affine-template-loading', AffineTemplateLoading);
+  customElements.define('edgeless-auto-complete', EdgelessAutoComplete);
+  customElements.define(
+    'edgeless-font-weight-and-style-panel',
+    EdgelessFontWeightAndStylePanel
+  );
+  customElements.define('edgeless-note-shadow-panel', EdgelessNoteShadowPanel);
+  customElements.define('edgeless-templates-panel', EdgelessTemplatePanel);
+  customElements.define('edgeless-text-menu', EdgelessTextMenu);
+  customElements.define('edgeless-template-button', EdgelessTemplateButton);
+  customElements.define('edgeless-tool-icon-button', EdgelessToolIconButton);
+  customElements.define('edgeless-size-panel', EdgelessSizePanel);
+  customElements.define('edgeless-scale-panel', EdgelessScalePanel);
+  customElements.define('edgeless-font-family-panel', EdgelessFontFamilyPanel);
+  customElements.define('edgeless-shape-panel', EdgelessShapePanel);
+  customElements.define('note-display-mode-panel', NoteDisplayModePanel);
+  customElements.define('edgeless-toolbar-button', EdgelessToolbarButton);
+  customElements.define('frame-preview', FramePreview);
+  customElements.define('presentation-toolbar', PresentationToolbar);
+  customElements.define('edgeless-shape-menu', EdgelessShapeMenu);
+  customElements.define('stroke-style-panel', StrokeStylePanel);
+  customElements.define('edgeless-shape-tool-button', EdgelessShapeToolButton);
+  customElements.define(
+    'edgeless-connector-label-editor',
+    EdgelessConnectorLabelEditor
+  );
   customElements.define('block-zero-width', BlockZeroWidth);
+  customElements.define(
+    'edgeless-shape-tool-element',
+    EdgelessShapeToolElement
+  );
+  customElements.define('edgeless-shape-text-editor', EdgelessShapeTextEditor);
+  customElements.define(
+    'edgeless-group-title-editor',
+    EdgelessGroupTitleEditor
+  );
+  customElements.define(EDGELESS_TOOLBAR_WIDGET, EdgelessToolbarWidget);
+  customElements.define('edgeless-shape-style-panel', EdgelessShapeStylePanel);
+  customElements.define(
+    'edgeless-frame-title-editor',
+    EdgelessFrameTitleEditor
+  );
+  customElements.define('edgeless-text-editor', EdgelessTextEditor);
+  customElements.define('affine-image-toolbar', AffineImageToolbar);
   customElements.define('affine-block-selection', BlockSelection);
+  customElements.define('edgeless-slide-menu', EdgelessSlideMenu);
+  customElements.define(
+    'edgeless-toolbar-shape-draggable',
+    EdgelessToolbarShapeDraggable
+  );
+  customElements.define('toolbar-arrow-up-icon', ToolbarArrowUpIcon);
+
+  customElements.define(AFFINE_AI_PANEL_WIDGET, AffineAIPanelWidget);
+  customElements.define(AFFINE_EMBED_CARD_TOOLBAR_WIDGET, EmbedCardToolbar);
+  customElements.define(AFFINE_INNER_MODAL_WIDGET, AffineInnerModalWidget);
+  customElements.define(AFFINE_MODAL_WIDGET, AffineModalWidget);
+  customElements.define(
+    AFFINE_PAGE_DRAGGING_AREA_WIDGET,
+    AffinePageDraggingAreaWidget
+  );
+  customElements.define(AFFINE_EDGELESS_COPILOT_WIDGET, EdgelessCopilotWidget);
+
+  customElements.define(AFFINE_IMAGE_TOOLBAR_WIDGET, AffineImageToolbarWidget);
+  customElements.define(AFFINE_SLASH_MENU_WIDGET, AffineSlashMenuWidget);
+  customElements.define(
+    AFFINE_VIEWPORT_OVERLAY_WIDGET,
+    AffineViewportOverlayWidget
+  );
+  customElements.define(
+    AFFINE_EDGELESS_ZOOM_TOOLBAR_WIDGET,
+    AffineEdgelessZoomToolbarWidget
+  );
+  customElements.define(AFFINE_SURFACE_REF_TOOLBAR, AffineSurfaceRefToolbar);
+  customElements.define(AFFINE_FORMAT_BAR_WIDGET, AffineFormatBarWidget);
 }

blocksuite/blocks/src/extensions/editor-specs.ts

@@ -1,20 +0,0 @@
-import {
-  EdgelessBuiltInSpecs,
-  PageRootBlockSpec,
-} from '@blocksuite/affine-block-root';
-import type { ExtensionType } from '@blocksuite/store';
-
-import {
-  EdgelessFirstPartyBlockSpecs,
-  PageFirstPartyBlockSpecs,
-} from './common';
-
-export const EdgelessEditorBlockSpecs: ExtensionType[] = [
-  EdgelessBuiltInSpecs,
-  EdgelessFirstPartyBlockSpecs,
-].flat();
-
-export const PageEditorBlockSpecs: ExtensionType[] = [
-  PageRootBlockSpec,
-  PageFirstPartyBlockSpecs,
-].flat();

blocksuite/blocks/src/extensions/index.ts

@@ -1,3 +0,0 @@
-export * from './common.js';
-export * from './editor-specs.js';
-export * from './preview-specs.js';

blocksuite/blocks/src/extensions/register.ts

@@ -1,19 +0,0 @@
-import { SpecProvider } from '@blocksuite/affine-shared/utils';
-
-import { StoreExtensions } from './common.js';
-import {
-  EdgelessEditorBlockSpecs,
-  PageEditorBlockSpecs,
-} from './editor-specs.js';
-import {
-  PreviewEdgelessEditorBlockSpecs,
-  PreviewPageEditorBlockSpecs,
-} from './preview-specs.js';
-
-export function registerSpecs() {
-  SpecProvider._.addSpec('store', StoreExtensions);
-  SpecProvider._.addSpec('page', PageEditorBlockSpecs);
-  SpecProvider._.addSpec('edgeless', EdgelessEditorBlockSpecs);
-  SpecProvider._.addSpec('preview:page', PreviewPageEditorBlockSpecs);
-  SpecProvider._.addSpec('preview:edgeless', PreviewEdgelessEditorBlockSpecs);
-}

blocksuite/blocks/src/index.ts

@@ -1,5 +1,25 @@
-export * from './adapters/index.js';
-export * from './extensions/index.js';
+/* oxlint-disable @typescript-eslint/triple-slash-reference */
+/// <reference path="./effects.ts" />
+import { matchModels } from '@blocksuite/affine-shared/utils';
+import { deserializeXYWH, Point } from '@blocksuite/global/utils';
+
+import { splitElements } from './root-block/edgeless/utils/clipboard-utils.js';
+import { isCanvasElement } from './root-block/edgeless/utils/query.js';
+
+export * from './_common/adapters/index.js';
+export * from './_common/transformers/index.js';
+export * from './_specs/index.js';
+export { EdgelessTemplatePanel } from './root-block/edgeless/components/toolbar/template/template-panel.js';
+export type {
+  Template,
+  TemplateCategory,
+  TemplateManager,
+} from './root-block/edgeless/components/toolbar/template/template-type.js';
+export { CopilotTool } from './root-block/edgeless/gfx-tool/copilot-tool.js';
+export * from './root-block/edgeless/gfx-tool/index.js';
+export { EditPropsMiddlewareBuilder } from './root-block/edgeless/middlewares/base.js';
+export { EdgelessSnapManager } from './root-block/edgeless/utils/snap-manager.js';
+export * from './root-block/index.js';
 export * from './schemas.js';
 export * from '@blocksuite/affine-block-attachment';
 export * from '@blocksuite/affine-block-bookmark';
@@ -15,10 +35,19 @@ export * from '@blocksuite/affine-block-latex';
 export * from '@blocksuite/affine-block-list';
 export * from '@blocksuite/affine-block-note';
 export * from '@blocksuite/affine-block-paragraph';
-export * from '@blocksuite/affine-block-root';
 export * from '@blocksuite/affine-block-surface';
 export * from '@blocksuite/affine-block-surface-ref';
 export * from '@blocksuite/affine-block-table';
+export {
+  type AIError,
+  type AIItemConfig,
+  type AIItemGroupConfig,
+  AIItemList,
+  type AISubItemConfig,
+  GeneralNetworkError,
+  PaymentRequiredError,
+  UnauthorizedError,
+} from '@blocksuite/affine-components/ai-item';
 export {
   menu,
   type MenuOptions,
@@ -64,7 +93,31 @@ export {
 export * from '@blocksuite/affine-fragment-frame-panel';
 export * from '@blocksuite/affine-fragment-outline';
 export * from '@blocksuite/affine-model';
-export * from '@blocksuite/affine-shared/adapters';
+export {
+  AttachmentAdapter,
+  AttachmentAdapterFactoryExtension,
+  AttachmentAdapterFactoryIdentifier,
+  codeBlockWrapMiddleware,
+  FetchUtils,
+  HtmlAdapter,
+  HtmlAdapterFactoryExtension,
+  HtmlAdapterFactoryIdentifier,
+  ImageAdapter,
+  ImageAdapterFactoryExtension,
+  ImageAdapterFactoryIdentifier,
+  MarkdownAdapter,
+  MarkdownAdapterFactoryExtension,
+  MarkdownAdapterFactoryIdentifier,
+  MixTextAdapter,
+  MixTextAdapterFactoryExtension,
+  MixTextAdapterFactoryIdentifier,
+  NotionTextAdapter,
+  NotionTextAdapterFactoryExtension,
+  NotionTextAdapterFactoryIdentifier,
+  PlainTextAdapter,
+  PlainTextAdapterFactoryExtension,
+  PlainTextAdapterFactoryIdentifier,
+} from '@blocksuite/affine-shared/adapters';
 export * from '@blocksuite/affine-shared/commands';
 export { HighlightSelection } from '@blocksuite/affine-shared/selection';
 export * from '@blocksuite/affine-shared/services';
@@ -74,7 +127,6 @@ export {
   FontFamilyVariables,
   SizeVariables,
   StyleVariables,
-  unsafeCSSVar,
   unsafeCSSVarV2,
 } from '@blocksuite/affine-shared/theme';
 export { type AffineTextAttributes } from '@blocksuite/affine-shared/types';
@@ -84,24 +136,27 @@ export {
   createSignalFromObservable,
   findNoteBlockModel,
   getLastNoteBlock,
-  getPageRootByElement,
   isInsideEdgelessEditor,
   isInsidePageEditor,
   matchModels,
-  MOUSE_BUTTON,
   on,
   once,
   openFileOrFiles,
   printToPdf,
   referenceToNode,
-  requestConnectedFrame,
   type Signal,
-  SpecBuilder,
   SpecProvider,
-  stopPropagation,
 } from '@blocksuite/affine-shared/utils';
 export type { DragBlockPayload } from '@blocksuite/affine-widget-drag-handle';
 
+export const BlocksUtils = {
+  splitElements,
+  matchModels,
+  deserializeXYWH,
+  isCanvasElement,
+  Point,
+};
+
 const env: Record<string, unknown> =
   typeof globalThis !== 'undefined'
     ? globalThis

blocksuite/blocks/src/root-block/clipboard/page-clipboard.ts

@@ -1,7 +1,6 @@
 import { deleteTextCommand } from '@blocksuite/affine-components/rich-text';
 import {
   pasteMiddleware,
-  replaceIdMiddleware,
   surfaceRefToEmbed,
 } from '@blocksuite/affine-shared/adapters';
 import {
@@ -18,6 +17,7 @@ import type { UIEventHandler } from '@blocksuite/block-std';
 import { DisposableGroup } from '@blocksuite/global/utils';
 import type { BlockSnapshot, Store } from '@blocksuite/store';
 
+import { replaceIdMiddleware } from '../../_common/transformers/middlewares';
 import { ReadOnlyClipboard } from './readonly-clipboard';
 
 /**