chore: merge blocksuite source code (#9213)

blocksuite/blocks/src/root-block/root-service.ts

@@ -0,0 +1,86 @@
+import { RootBlockSchema } from '@blocksuite/affine-model';
+import type { BlockComponent } from '@blocksuite/block-std';
+import { BlockService } from '@blocksuite/block-std';
+
+import {
+  FileDropManager,
+  type FileDropOptions,
+} from '../_common/components/file-drop-manager.js';
+import {
+  HtmlTransformer,
+  MarkdownTransformer,
+  ZipTransformer,
+} from '../_common/transformers/index.js';
+import type { RootBlockComponent } from './types.js';
+
+export abstract class RootService extends BlockService {
+  static override readonly flavour = RootBlockSchema.model.flavour;
+
+  private _fileDropOptions: FileDropOptions = {
+    flavour: this.flavour,
+  };
+
+  readonly fileDropManager = new FileDropManager(this, this._fileDropOptions);
+
+  transformers = {
+    markdown: MarkdownTransformer,
+    html: HtmlTransformer,
+    zip: ZipTransformer,
+  };
+
+  get selectedBlocks() {
+    let result: BlockComponent[] = [];
+    this.std.command
+      .chain()
+      .tryAll(chain => [
+        chain.getTextSelection(),
+        chain.getImageSelections(),
+        chain.getBlockSelections(),
+      ])
+      .getSelectedBlocks()
+      .inline(({ selectedBlocks }) => {
+        if (!selectedBlocks) return;
+        result = selectedBlocks;
+      })
+      .run();
+    return result;
+  }
+
+  get selectedModels() {
+    return this.selectedBlocks.map(block => block.model);
+  }
+
+  get viewportElement() {
+    const rootId = this.std.doc.root?.id;
+    if (!rootId) return null;
+    const rootComponent = this.std.view.getBlock(
+      rootId
+    ) as RootBlockComponent | null;
+    if (!rootComponent) return null;
+    const viewportElement = rootComponent.viewportElement;
+    return viewportElement;
+  }
+
+  override mounted() {
+    super.mounted();
+
+    this.disposables.addFromEvent(
+      this.host,
+      'dragover',
+      this.fileDropManager.onDragOver
+    );
+
+    this.disposables.addFromEvent(
+      this.host,
+      'dragleave',
+      this.fileDropManager.onDragLeave
+    );
+
+    this.disposables.add(
+      this.std.event.add('pointerDown', ctx => {
+        const state = ctx.get('pointerState');
+        state.raw.stopPropagation();
+      })
+    );
+  }
+}