@hocuspocus/provider 1.0.0-alpha.35 → 1.0.0-alpha.38

package/dist/hocuspocus-provider.esm.js

@@ -1596,9 +1596,14 @@ class MessageReceiver {
         // Apply update
         const syncMessageType = readSyncMessage(message.decoder, message.encoder, provider.document, provider);
         // Synced once we receive Step2
-        if (emitSynced && syncMessageType === messageYjsSyncStep2) {
+        if (emitSynced && (syncMessageType === messageYjsSyncStep2)) {
             provider.synced = true;
         }
+        if (syncMessageType === messageYjsUpdate || syncMessageType === messageYjsSyncStep2) {
+            if (provider.unsyncedChanges > 0) {
+                provider.unsyncedChanges -= 1;
+            }
+        }
     }
     applyAwarenessMessage(provider) {
         const { message } = this;
@@ -1784,6 +1789,7 @@ class HocuspocusProvider extends EventEmitter {
         this.shouldConnect = true;
         this.status = WebSocketStatus.Disconnected;
         this.isSynced = false;
+        this.unsyncedChanges = 0;
         this.isAuthenticated = false;
         this.lastMessageReceived = 0;
         this.mux = createMutex();
@@ -1792,6 +1798,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.Doc();
         this.configuration.awareness = configuration.awareness ? configuration.awareness : new Awareness(this.document);
@@ -1837,6 +1846,7 @@ class HocuspocusProvider extends EventEmitter {
         if (this.status === WebSocketStatus.Connected) {
             return;
         }
+        this.unsyncedChanges = 0; // set to 0 in case we got reconnected
         this.shouldConnect = true;
         this.subscribeToBroadcastChannel();
         try {
@@ -1909,6 +1919,9 @@ class HocuspocusProvider extends EventEmitter {
     get awareness() {
         return this.configuration.awareness;
     }
+    get hasUnsyncedChanges() {
+        return this.unsyncedChanges > 0;
+    }
     checkConnection() {
         var _a;
         // Don’t check the connection when it’s not even established
@@ -1933,19 +1946,21 @@ 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) {
             return;
         }
+        this.unsyncedChanges += 1;
         this.send(UpdateMessage, { update }, true);
     }
     awarenessUpdateHandler({ added, updated, removed }, origin) {
@@ -2109,7 +2124,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}`;
@@ -2124,7 +2140,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(() => {
@@ -2142,7 +2158,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;
         }
     }