@hocuspocus/provider 2.13.0 → 2.13.2

package/dist/hocuspocus-provider.cjs

@@ -2476,7 +2476,7 @@ class HocuspocusProvider extends EventEmitter {
         };
         this.isConnected = true;
         this.boundBroadcastChannelSubscriber = this.broadcastChannelSubscriber.bind(this);
-        this.boundPageUnload = this.pageUnload.bind(this);
+        this.boundPageHide = this.pageHide.bind(this);
         this.boundOnOpen = this.onOpen.bind(this);
         this.boundOnClose = this.onClose.bind(this);
         this.boundOnStatus = this.onStatus.bind(this);
@@ -2550,6 +2550,10 @@ class HocuspocusProvider extends EventEmitter {
     get hasUnsyncedChanges() {
         return this.unsyncedChanges > 0;
     }
+    resetUnsyncedChanges() {
+        this.unsyncedChanges = 1;
+        this.emit('unsyncedChanges', this.unsyncedChanges);
+    }
     incrementUnsyncedChanges() {
         this.unsyncedChanges += 1;
         this.emit('unsyncedChanges', this.unsyncedChanges);
@@ -2562,18 +2566,19 @@ class HocuspocusProvider extends EventEmitter {
         this.emit('unsyncedChanges', this.unsyncedChanges);
     }
     forceSync() {
+        this.resetUnsyncedChanges();
         this.send(SyncStepOneMessage, { document: this.document, documentName: this.configuration.name });
     }
-    pageUnload() {
+    pageHide() {
         if (this.awareness) {
-            removeAwarenessStates(this.awareness, [this.document.clientID], 'window unload');
+            removeAwarenessStates(this.awareness, [this.document.clientID], 'page hide');
         }
     }
     registerEventListeners() {
         if (typeof window === 'undefined' || !('addEventListener' in window)) {
             return;
         }
-        window.addEventListener('unload', this.boundPageUnload);
+        window.addEventListener('pagehide', this.boundPageHide);
     }
     sendStateless(payload) {
         this.send(StatelessMessage, { documentName: this.configuration.name, payload });
@@ -2616,7 +2621,7 @@ class HocuspocusProvider extends EventEmitter {
     get isAuthenticationRequired() {
         return !!this.configuration.token && !this.isAuthenticated;
     }
-    // not needed, but provides backward compatibility with e.g. lexicla/yjs
+    // not needed, but provides backward compatibility with e.g. lexical/yjs
     async connect() {
         if (this.configuration.broadcast) {
             this.subscribeToBroadcastChannel();
@@ -2660,7 +2665,7 @@ class HocuspocusProvider extends EventEmitter {
         return this.configuration.token;
     }
     startSync() {
-        this.incrementUnsyncedChanges();
+        this.resetUnsyncedChanges();
         this.send(SyncStepOneMessage, { document: this.document, documentName: this.configuration.name });
         if (this.awareness && this.awareness.getLocalState() !== null) {
             this.send(AwarenessMessage, {
@@ -2725,7 +2730,7 @@ class HocuspocusProvider extends EventEmitter {
         if (typeof window === 'undefined' || !('removeEventListener' in window)) {
             return;
         }
-        window.removeEventListener('unload', this.boundPageUnload);
+        window.removeEventListener('pagehide', this.boundPageHide);
     }
     permissionDeniedHandler(reason) {
         this.emit('authenticationFailed', { reason });