refactor(editor): extract drag handle widget (#9415)

blocksuite/affine/widget-drag-handle/src/middleware/new-id-cross-doc.ts

@@ -0,0 +1,16 @@
+import type { BlockStdScope } from '@blocksuite/block-std';
+import type { JobMiddleware } from '@blocksuite/store';
+
+export const newIdCrossDoc =
+  (std: BlockStdScope): JobMiddleware =>
+  ({ slots, collection }) => {
+    let samePage = false;
+    slots.beforeImport.on(payload => {
+      if (payload.type === 'slice') {
+        samePage = payload.snapshot.pageId === std.doc.id;
+      }
+      if (payload.type === 'block' && !samePage) {
+        payload.snapshot.id = collection.idGenerator();
+      }
+    });
+  };

blocksuite/affine/widget-drag-handle/src/middleware/reorder-list.ts

@@ -0,0 +1,24 @@
+import { correctNumberedListsOrderToPrev } from '@blocksuite/affine-block-list';
+import { matchFlavours } from '@blocksuite/affine-shared/utils';
+import type { BlockStdScope } from '@blocksuite/block-std';
+import type { JobMiddleware } from '@blocksuite/store';
+
+export const reorderList =
+  (std: BlockStdScope): JobMiddleware =>
+  ({ slots }) => {
+    slots.afterImport.on(payload => {
+      if (payload.type === 'block') {
+        const model = payload.model;
+        if (
+          matchFlavours(model, ['affine:list']) &&
+          model.type === 'numbered'
+        ) {
+          const next = std.doc.getNext(model);
+          correctNumberedListsOrderToPrev(std.doc, model);
+          if (next) {
+            correctNumberedListsOrderToPrev(std.doc, next);
+          }
+        }
+      }
+    });
+  };

blocksuite/affine/widget-drag-handle/src/middleware/surface-ref-to-embed.ts

@@ -0,0 +1,29 @@
+import type { BlockStdScope } from '@blocksuite/block-std';
+import type { JobMiddleware } from '@blocksuite/store';
+
+export const surfaceRefToEmbed =
+  (std: BlockStdScope): JobMiddleware =>
+  ({ slots, collection }) => {
+    let pageId: string | null = null;
+    slots.beforeImport.on(payload => {
+      if (payload.type === 'slice') {
+        pageId = payload.snapshot.pageId;
+      }
+    });
+    slots.beforeImport.on(payload => {
+      if (
+        pageId &&
+        payload.type === 'block' &&
+        payload.snapshot.flavour === 'affine:surface-ref' &&
+        !std.doc.hasBlock(payload.snapshot.id)
+      ) {
+        const id = payload.snapshot.id;
+        payload.snapshot.id = collection.idGenerator();
+        payload.snapshot.flavour = 'affine:embed-linked-doc';
+        payload.snapshot.props = {
+          blockId: id,
+          pageId,
+        };
+      }
+    });
+  };