feat(editor): replace slot with rxjs subject (#10768)

blocksuite/framework/sync/src/doc/engine.ts

@@ -1,5 +1,5 @@
-import { Slot } from '@blocksuite/global/slot';
 import type { Logger } from '@blocksuite/global/utils';
+import { Subject } from 'rxjs';
 import type { Doc } from 'yjs';
 
 import { SharedPriorityTarget } from '../utils/async-queue.js';
@@ -49,7 +49,7 @@ export class DocEngine {
 
   private _status: DocEngineStatus;
 
-  readonly onStatusChange = new Slot<DocEngineStatus>();
+  readonly onStatusChange = new Subject<DocEngineStatus>();
 
   readonly priorityTarget = new SharedPriorityTarget();
 
@@ -79,7 +79,7 @@ export class DocEngine {
   private setStatus(s: DocEngineStatus) {
     this.logger.debug(`syne-engine:${this.rootDocId} status change`, s);
     this._status = s;
-    this.onStatusChange.emit(s);
+    this.onStatusChange.next(s);
   }
 
   canGracefulStop() {
@@ -133,10 +133,10 @@ export class DocEngine {
       );
 
       cleanUp.push(
-        state.mainPeer.onStatusChange.on(() => {
+        state.mainPeer.onStatusChange.subscribe(() => {
           if (!signal.aborted)
             this.updateSyncingState(state.mainPeer, state.shadowPeers);
-        }).dispose
+        }).unsubscribe
       );
 
       this.updateSyncingState(state.mainPeer, state.shadowPeers);
@@ -153,10 +153,10 @@ export class DocEngine {
           this.logger
         );
         cleanUp.push(
-          peer.onStatusChange.on(() => {
+          peer.onStatusChange.subscribe(() => {
             if (!signal.aborted)
               this.updateSyncingState(state.mainPeer, state.shadowPeers);
-          }).dispose
+          }).unsubscribe
         );
         return peer;
       });
@@ -221,7 +221,7 @@ export class DocEngine {
         });
       }),
       new Promise<void>(resolve => {
-        this.onStatusChange.on(() => {
+        this.onStatusChange.subscribe(() => {
           if (this.canGracefulStop()) {
             resolve();
           }
@@ -243,7 +243,7 @@ export class DocEngine {
     } else {
       return Promise.race([
         new Promise<void>(resolve => {
-          this.onStatusChange.on(status => {
+          this.onStatusChange.subscribe(status => {
             if (isLoadedRootDoc(status)) {
               resolve();
             }
@@ -267,7 +267,7 @@ export class DocEngine {
     } else {
       return Promise.race([
         new Promise<void>(resolve => {
-          this.onStatusChange.on(status => {
+          this.onStatusChange.subscribe(status => {
             if (status.step === DocEngineStep.Synced) {
               resolve();
             }