@hocuspocus/provider 1.0.0-alpha.36 → 1.0.0-alpha.37

package/dist/hocuspocus-provider.cjs

@@ -1816,6 +1816,9 @@ class HocuspocusProvider extends EventEmitter {
             connectionChecker: null,
         };
         this.connectionAttempt = null;
+        this.boundConnect = this.connect.bind(this);
+        this.boundBeforeUnload = this.beforeUnload.bind(this);
+        this.boundBroadcastChannelSubscriber = this.broadcastChannelSubscriber.bind(this);
         this.setConfiguration(configuration);
         this.configuration.document = configuration.document ? configuration.document : new Y__namespace.Doc();
         this.configuration.awareness = configuration.awareness ? configuration.awareness : new Awareness(this.document);
@@ -1957,14 +1960,15 @@ class HocuspocusProvider extends EventEmitter {
         }
         this.send(SyncStepOneMessage, { document: this.document });
     }
+    beforeUnload() {
+        removeAwarenessStates(this.awareness, [this.document.clientID], 'window unload');
+    }
     registerEventListeners() {
         if (typeof window === 'undefined') {
             return;
         }
-        window.addEventListener('online', this.connect.bind(this));
-        window.addEventListener('beforeunload', () => {
-            removeAwarenessStates(this.awareness, [this.document.clientID], 'window unload');
-        });
+        window.addEventListener('online', this.boundConnect);
+        window.addEventListener('beforeunload', this.boundBeforeUnload);
     }
     documentUpdateHandler(update, origin) {
         if (origin === this) {
@@ -2133,7 +2137,8 @@ class HocuspocusProvider extends EventEmitter {
         if (typeof window === 'undefined') {
             return;
         }
-        window.removeEventListener('online', this.connect.bind(this));
+        window.removeEventListener('online', this.boundConnect);
+        window.removeEventListener('beforeunload', this.boundBeforeUnload);
     }
     get broadcastChannel() {
         return `${this.serverUrl}/${this.configuration.name}`;
@@ -2148,7 +2153,7 @@ class HocuspocusProvider extends EventEmitter {
     }
     subscribeToBroadcastChannel() {
         if (!this.subscribedToBroadcastChannel) {
-            subscribe(this.broadcastChannel, this.broadcastChannelSubscriber.bind(this));
+            subscribe(this.broadcastChannel, this.boundBroadcastChannelSubscriber);
             this.subscribedToBroadcastChannel = true;
         }
         this.mux(() => {
@@ -2166,7 +2171,7 @@ class HocuspocusProvider extends EventEmitter {
             states: new Map(),
         }, true);
         if (this.subscribedToBroadcastChannel) {
-            unsubscribe(this.broadcastChannel, this.broadcastChannelSubscriber.bind(this));
+            unsubscribe(this.broadcastChannel, this.boundBroadcastChannelSubscriber);
             this.subscribedToBroadcastChannel = false;
         }
     }