refactor(editor): extract note block (#9310)

blocksuite/blocks/src/root-block/keyboard/keyboard-manager.ts

@@ -1,14 +1,13 @@
-import { matchFlavours } from '@blocksuite/affine-shared/utils';
-import type { BlockComponent, BlockSelection } from '@blocksuite/block-std';
-import { IS_MAC, IS_WINDOWS } from '@blocksuite/global/env';
-import { assertExists } from '@blocksuite/global/utils';
-
 import {
   convertSelectedBlocksToLinkedDoc,
   getTitleFromSelectedModels,
   notifyDocCreated,
   promptDocTitle,
-} from '../../_common/utils/render-linked-doc.js';
+} from '@blocksuite/affine-block-embed';
+import { matchFlavours } from '@blocksuite/affine-shared/utils';
+import type { BlockComponent, BlockSelection } from '@blocksuite/block-std';
+import { IS_MAC, IS_WINDOWS } from '@blocksuite/global/env';
+import { assertExists } from '@blocksuite/global/utils';
 
 export class PageKeyboardManager {
   private readonly _handleDelete = () => {
@@ -117,7 +116,7 @@ export class PageKeyboardManager {
 
     const doc = rootComponent.host.doc;
     const autofill = getTitleFromSelectedModels(selectedModels);
-    promptDocTitle(rootComponent.host, autofill)
+    promptDocTitle(rootComponent.std, autofill)
       .then(title => {
         if (title === null) return;
         convertSelectedBlocksToLinkedDoc(
@@ -126,7 +125,7 @@ export class PageKeyboardManager {
           draftedModels,
           title
         ).catch(console.error);
-        notifyDocCreated(rootComponent.host, doc);
+        notifyDocCreated(rootComponent.std, doc);
       })
       .catch(console.error);
   }

blocksuite/blocks/src/root-block/widgets/drag-handle/watchers/pointer-event-watcher.ts

@@ -1,3 +1,4 @@
+import type { NoteBlockComponent } from '@blocksuite/affine-block-note';
 import { captureEventTarget } from '@blocksuite/affine-shared/utils';
 import {
   BLOCK_ID_ATTR,
@@ -8,7 +9,6 @@ import {
 import { Point, throttle } from '@blocksuite/global/utils';
 import { computed } from '@preact/signals-core';
 
-import type { NoteBlockComponent } from '../../../../note-block/index.js';
 import type { EdgelessRootBlockComponent } from '../../../edgeless/index.js';
 import {
   DRAG_HANDLE_CONTAINER_WIDTH,

blocksuite/blocks/src/root-block/widgets/element-toolbar/more-menu/config.ts

@@ -1,10 +1,12 @@
 import type { AttachmentBlockComponent } from '@blocksuite/affine-block-attachment';
 import type { BookmarkBlockComponent } from '@blocksuite/affine-block-bookmark';
-import type {
-  EmbedFigmaBlockComponent,
-  EmbedGithubBlockComponent,
-  EmbedLoomBlockComponent,
-  EmbedYoutubeBlockComponent,
+import {
+  type EmbedFigmaBlockComponent,
+  type EmbedGithubBlockComponent,
+  type EmbedLoomBlockComponent,
+  type EmbedYoutubeBlockComponent,
+  notifyDocCreated,
+  promptDocTitle,
 } from '@blocksuite/affine-block-embed';
 import type { ImageBlockComponent } from '@blocksuite/affine-block-image';
 import { isPeekable, peek } from '@blocksuite/affine-components/peek';
@@ -30,8 +32,6 @@ import {
 import {
   createLinkedDocFromEdgelessElements,
   createLinkedDocFromNote,
-  notifyDocCreated,
-  promptDocTitle,
 } from '../../../../_common/utils/render-linked-doc.js';
 import { duplicate } from '../../../edgeless/utils/clipboard-utils.js';
 import { getSortedCloneElements } from '../../../edgeless/utils/clone-utils.js';
@@ -245,11 +245,11 @@ export const conversionsGroup: MenuItemGroup<ElementToolbarMoreMenuContext> = {
       label: 'Turn into linked doc',
       type: 'turn-into-linked-doc',
       action: async ctx => {
-        const { doc, service, surface, host, std } = ctx;
+        const { doc, service, surface, std } = ctx;
         const element = ctx.getNoteBlock();
         if (!element) return;
 
-        const title = await promptDocTitle(host);
+        const title = await promptDocTitle(std);
         if (title === null) return;
 
         const linkedDoc = createLinkedDocFromNote(doc, element, title);
@@ -309,7 +309,7 @@ export const conversionsGroup: MenuItemGroup<ElementToolbarMoreMenuContext> = {
         host,
         std,
       }) => {
-        const title = await promptDocTitle(host);
+        const title = await promptDocTitle(std);
         if (title === null) return;
 
         const elements = getSortedCloneElements(selection.selectedElements);
@@ -360,7 +360,7 @@ export const conversionsGroup: MenuItemGroup<ElementToolbarMoreMenuContext> = {
           other: 'new doc',
         });
 
-        notifyDocCreated(host, doc);
+        notifyDocCreated(std, doc);
       },
       when: ctx => !(ctx.getLinkedDocBlock() || ctx.getNoteBlock()),
     },

blocksuite/blocks/src/root-block/widgets/format-bar/components/paragraph-button.ts

@@ -1,5 +1,6 @@
 import { whenHover } from '@blocksuite/affine-components/hover';
 import { ArrowDownIcon } from '@blocksuite/affine-components/icons';
+import { textConversionConfigs } from '@blocksuite/affine-components/rich-text';
 import type { ParagraphBlockModel } from '@blocksuite/affine-model';
 import type { EditorHost } from '@blocksuite/block-std';
 import { assertExists } from '@blocksuite/global/utils';
@@ -8,7 +9,6 @@ import { html } from 'lit';
 import { ref, type RefOrCallback } from 'lit/directives/ref.js';
 import { repeat } from 'lit/directives/repeat.js';
 
-import { textConversionConfigs } from '../../../../_common/configs/text-conversion.js';
 import type { ParagraphActionConfigItem } from '../config.js';
 import type { AffineFormatBarWidget } from '../format-bar.js';
 

blocksuite/blocks/src/root-block/widgets/format-bar/config.ts

@@ -1,3 +1,9 @@
+import {
+  convertSelectedBlocksToLinkedDoc,
+  getTitleFromSelectedModels,
+  notifyDocCreated,
+  promptDocTitle,
+} from '@blocksuite/affine-block-embed';
 import {
   BoldIcon,
   BulletedListIcon,
@@ -37,12 +43,6 @@ import { assertExists } from '@blocksuite/global/utils';
 import { Slice } from '@blocksuite/store';
 import { html, type TemplateResult } from 'lit';
 
-import {
-  convertSelectedBlocksToLinkedDoc,
-  getTitleFromSelectedModels,
-  notifyDocCreated,
-  promptDocTitle,
-} from '../../../_common/utils/render-linked-doc.js';
 import { convertToDatabase } from '../../../database-block/data-source.js';
 import { DATABASE_CONVERT_WHITE_LIST } from '../../../database-block/utils/block-utils.js';
 import { FormatBarContext } from './context.js';
@@ -201,7 +201,7 @@ export function toolbarDefaultConfig(toolbar: AffineFormatBarWidget) {
           })
           .draftSelectedModels()
           .run();
-        const { draftedModels, selectedModels } = ctx;
+        const { draftedModels, selectedModels, std } = ctx;
         if (!selectedModels?.length || !draftedModels) return;
 
         const host = formatBar.host;
@@ -209,16 +209,16 @@ export function toolbarDefaultConfig(toolbar: AffineFormatBarWidget) {
 
         const doc = host.doc;
         const autofill = getTitleFromSelectedModels(selectedModels);
-        promptDocTitle(host, autofill)
+        promptDocTitle(std, autofill)
           .then(async title => {
             if (title === null) return;
             await convertSelectedBlocksToLinkedDoc(
-              host.std,
+              std,
               doc,
               draftedModels,
               title
             );
-            notifyDocCreated(host, doc);
+            notifyDocCreated(std, doc);
             host.std.getOptional(TelemetryProvider)?.track('DocCreated', {
               control: 'create linked doc',
               page: 'doc editor',

blocksuite/blocks/src/root-block/widgets/slash-menu/config.ts

@@ -28,6 +28,7 @@ import {
   getInlineEditorByModel,
   insertContent,
   REFERENCE_NODE,
+  textConversionConfigs,
   textFormatConfigs,
 } from '@blocksuite/affine-components/rich-text';
 import { toast } from '@blocksuite/affine-components/toast';
@@ -49,7 +50,6 @@ import { Slice, Text } from '@blocksuite/store';
 import type { TemplateResult } from 'lit';
 
 import { toggleEmbedCardCreateModal } from '../../../_common/components/embed-card/modal/embed-card-create-modal.js';
-import { textConversionConfigs } from '../../../_common/configs/text-conversion.js';
 import type { DataViewBlockComponent } from '../../../data-view-block/index.js';
 import { getSurfaceBlock } from '../../../surface-ref-block/utils.js';
 import type { RootBlockComponent } from '../../types.js';

blocksuite/blocks/src/root-block/widgets/slash-menu/utils.ts

@@ -1,9 +1,11 @@
-import type { TextFormatConfig } from '@blocksuite/affine-components/rich-text';
+import type {
+  TextConversionConfig,
+  TextFormatConfig,
+} from '@blocksuite/affine-components/rich-text';
 import { isInsideBlockByFlavour } from '@blocksuite/affine-shared/utils';
 import { assertType } from '@blocksuite/global/utils';
 import type { BlockModel } from '@blocksuite/store';
 
-import type { TextConversionConfig } from '../../../_common/configs/text-conversion.js';
 import type {
   SlashMenuActionItem,
   SlashMenuContext,