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

blocksuite/affine/shared/src/services/index.ts

@@ -1,13 +1,14 @@
-export * from './doc-display-meta-service.js';
-export * from './doc-mode-service.js';
-export * from './drag-handle-config.js';
-export * from './edit-props-store.js';
-export * from './editor-setting-service.js';
-export * from './embed-option-service.js';
-export * from './font-loader/index.js';
-export * from './generate-url-service.js';
-export * from './notification-service.js';
-export * from './parse-url-service.js';
-export * from './quick-search-service.js';
-export * from './telemetry-service/index.js';
-export * from './theme-service.js';
+export * from './doc-display-meta-service';
+export * from './doc-mode-service';
+export * from './drag-handle-config';
+export * from './edit-props-store';
+export * from './editor-setting-service';
+export * from './embed-option-service';
+export * from './font-loader';
+export * from './generate-url-service';
+export * from './notification-service';
+export * from './page-viewport-service';
+export * from './parse-url-service';
+export * from './quick-search-service';
+export * from './telemetry-service';
+export * from './theme-service';

blocksuite/affine/shared/src/services/page-viewport-service.ts

@@ -0,0 +1,15 @@
+import type { ExtensionType } from '@blocksuite/block-std';
+import { createIdentifier } from '@blocksuite/global/di';
+import { Slot } from '@blocksuite/store';
+
+import type { Viewport } from '../types';
+
+export const PageViewportService = createIdentifier<Slot<Viewport>>(
+  'PageViewportService'
+);
+
+export const PageViewportServiceExtension: ExtensionType = {
+  setup: di => {
+    di.addImpl(PageViewportService, () => new Slot<Viewport>());
+  },
+};