@pluv/client 0.44.0 → 0.44.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @pluv/client@0.44.0 build /home/runner/work/pluv/pluv/packages/client
+> @pluv/client@0.44.2 build /home/runner/work/pluv/pluv/packages/client
 > tsup src/index.ts --format esm,cjs --dts
 
 CLI Building entry: src/index.ts
@@ -8,11 +8,11 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-ESM dist/index.mjs 56.45 KB
-ESM ⚡️ Build success in 112ms
-CJS dist/index.js 57.76 KB
-CJS ⚡️ Build success in 112ms
+CJS dist/index.js 58.23 KB
+CJS ⚡️ Build success in 128ms
+ESM dist/index.mjs 56.91 KB
+ESM ⚡️ Build success in 129ms
 DTS Build start
-DTS ⚡️ Build success in 3446ms
-DTS dist/index.d.mts 25.36 KB
-DTS dist/index.d.ts  25.36 KB
+DTS ⚡️ Build success in 3435ms
+DTS dist/index.d.mts 25.38 KB
+DTS dist/index.d.ts  25.38 KB

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @pluv/client
 
+## 0.44.2
+
+### Patch Changes
+
+- 6cfd36f: Update `PluvRoom` to attempt to reconnect if currently disconnected when the window is re-focused.
+  - @pluv/crdt@0.44.2
+  - @pluv/types@0.44.2
+
+## 0.44.1
+
+### Patch Changes
+
+- 67c081d: Fix `PluvRoom._reconnect` not being called with the last used metadata (from `PluvRoom.connect`).
+  - @pluv/crdt@0.44.1
+  - @pluv/types@0.44.1
+
 ## 0.44.0
 
 ### Minor Changes

package/dist/index.d.mts

@@ -228,6 +228,7 @@ declare class PluvRoom<TIO extends IOLike<any, any>, TMetadata extends JsonObjec
     private _onNavigatorOffline;
     private _onNavigatorOnline;
     private _onVisibilityChange;
+    private _onWindowFocus;
     private _parseMessage;
     private _pollReconnect;
     private _reconnect;

package/dist/index.d.ts

@@ -228,6 +228,7 @@ declare class PluvRoom<TIO extends IOLike<any, any>, TMetadata extends JsonObjec
     private _onNavigatorOffline;
     private _onNavigatorOnline;
     private _onVisibilityChange;
+    private _onWindowFocus;
     private _parseMessage;
     private _pollReconnect;
     private _reconnect;

package/dist/index.js

@@ -859,11 +859,13 @@ var PluvRoom = class extends AbstractRoom {
     this._windowListeners = this._windowListeners || {
       onNavigatorOffline: this._onNavigatorOffline.bind(this),
       onNavigatorOnline: this._onNavigatorOnline.bind(this),
-      onVisibilityChange: this._onVisibilityChange.bind(this)
+      onVisibilityChange: this._onVisibilityChange.bind(this),
+      onWindowFocus: this._onWindowFocus.bind(this)
     };
     window.addEventListener("offline", this._windowListeners.onNavigatorOffline);
     window.addEventListener("online", this._windowListeners.onNavigatorOnline);
     document.addEventListener("visibilitychange", this._windowListeners.onVisibilityChange);
+    window.addEventListener("focus", this._windowListeners.onWindowFocus);
   }
   _attachWsListeners() {
     if (!this._state.webSocket) return;
@@ -904,8 +906,10 @@ var PluvRoom = class extends AbstractRoom {
     if (!this._windowListeners) return;
     if (typeof window === "undefined") return;
     if (typeof document === "undefined") return;
+    window.removeEventListener("offline", this._windowListeners.onNavigatorOffline);
     window.removeEventListener("online", this._windowListeners.onNavigatorOnline);
     document.removeEventListener("visibilitychange", this._windowListeners.onVisibilityChange);
+    window.removeEventListener("focus", this._windowListeners.onWindowFocus);
     this._windowListeners = null;
   }
   _detachWsListeners() {
@@ -1329,6 +1333,11 @@ var PluvRoom = class extends AbstractRoom {
       }
     });
   }
+  _onWindowFocus() {
+    return __async(this, null, function* () {
+      return yield this._onVisibilityChange();
+    });
+  }
   _parseMessage(message) {
     if (typeof message.data !== "string") return null;
     try {
@@ -1375,7 +1384,9 @@ var PluvRoom = class extends AbstractRoom {
     webSocket.send(message);
   }
   _setMetadata(metadata) {
-    return this.metadata ? this.metadata.parse(metadata) : metadata;
+    const parsed = this.metadata ? this.metadata.parse(metadata) : metadata;
+    this._lastMetadata = parsed;
+    return parsed;
   }
   _updateState(updater) {
     let authorization;

package/dist/index.mjs

@@ -828,11 +828,13 @@ var PluvRoom = class extends AbstractRoom {
     this._windowListeners = this._windowListeners || {
       onNavigatorOffline: this._onNavigatorOffline.bind(this),
       onNavigatorOnline: this._onNavigatorOnline.bind(this),
-      onVisibilityChange: this._onVisibilityChange.bind(this)
+      onVisibilityChange: this._onVisibilityChange.bind(this),
+      onWindowFocus: this._onWindowFocus.bind(this)
     };
     window.addEventListener("offline", this._windowListeners.onNavigatorOffline);
     window.addEventListener("online", this._windowListeners.onNavigatorOnline);
     document.addEventListener("visibilitychange", this._windowListeners.onVisibilityChange);
+    window.addEventListener("focus", this._windowListeners.onWindowFocus);
   }
   _attachWsListeners() {
     if (!this._state.webSocket) return;
@@ -873,8 +875,10 @@ var PluvRoom = class extends AbstractRoom {
     if (!this._windowListeners) return;
     if (typeof window === "undefined") return;
     if (typeof document === "undefined") return;
+    window.removeEventListener("offline", this._windowListeners.onNavigatorOffline);
     window.removeEventListener("online", this._windowListeners.onNavigatorOnline);
     document.removeEventListener("visibilitychange", this._windowListeners.onVisibilityChange);
+    window.removeEventListener("focus", this._windowListeners.onWindowFocus);
     this._windowListeners = null;
   }
   _detachWsListeners() {
@@ -1298,6 +1302,11 @@ var PluvRoom = class extends AbstractRoom {
       }
     });
   }
+  _onWindowFocus() {
+    return __async(this, null, function* () {
+      return yield this._onVisibilityChange();
+    });
+  }
   _parseMessage(message) {
     if (typeof message.data !== "string") return null;
     try {
@@ -1344,7 +1353,9 @@ var PluvRoom = class extends AbstractRoom {
     webSocket.send(message);
   }
   _setMetadata(metadata) {
-    return this.metadata ? this.metadata.parse(metadata) : metadata;
+    const parsed = this.metadata ? this.metadata.parse(metadata) : metadata;
+    this._lastMetadata = parsed;
+    return parsed;
   }
   _updateState(updater) {
     let authorization;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pluv/client",
-  "version": "0.44.0",
+  "version": "0.44.2",
   "description": "@pluv/io frontend client",
   "author": "leedavidcs",
   "license": "MIT",
@@ -18,15 +18,15 @@
   },
   "dependencies": {
     "wonka": "^6.3.5",
-    "@pluv/crdt": "^0.44.0",
-    "@pluv/types": "^0.44.0"
+    "@pluv/crdt": "^0.44.2",
+    "@pluv/types": "^0.44.2"
   },
   "devDependencies": {
     "eslint": "^9.25.1",
     "tsup": "^8.4.0",
     "typescript": "^5.8.3",
-    "@pluv/tsconfig": "^0.44.0",
-    "eslint-config-pluv": "^0.44.0"
+    "@pluv/tsconfig": "^0.44.2",
+    "eslint-config-pluv": "^0.44.2"
   },
   "scripts": {
     "build": "tsup src/index.ts --format esm,cjs --dts",

package/src/PluvRoom.ts

@@ -82,6 +82,7 @@ interface WindowListeners {
     onNavigatorOffline: () => void;
     onNavigatorOnline: () => void;
     onVisibilityChange: () => void;
+    onWindowFocus: () => void;
 }
 
 interface WebSocketListeners {
@@ -619,11 +620,13 @@ export class PluvRoom<
             onNavigatorOffline: this._onNavigatorOffline.bind(this),
             onNavigatorOnline: this._onNavigatorOnline.bind(this),
             onVisibilityChange: this._onVisibilityChange.bind(this),
+            onWindowFocus: this._onWindowFocus.bind(this),
         };
 
         window.addEventListener("offline", this._windowListeners.onNavigatorOffline);
         window.addEventListener("online", this._windowListeners.onNavigatorOnline);
         document.addEventListener("visibilitychange", this._windowListeners.onVisibilityChange);
+        window.addEventListener("focus", this._windowListeners.onWindowFocus);
     }
 
     private _attachWsListeners(): void {
@@ -675,8 +678,10 @@ export class PluvRoom<
         if (typeof window === "undefined") return;
         if (typeof document === "undefined") return;
 
+        window.removeEventListener("offline", this._windowListeners.onNavigatorOffline);
         window.removeEventListener("online", this._windowListeners.onNavigatorOnline);
         document.removeEventListener("visibilitychange", this._windowListeners.onVisibilityChange);
+        window.removeEventListener("focus", this._windowListeners.onWindowFocus);
 
         this._windowListeners = null;
     }
@@ -1288,6 +1293,10 @@ export class PluvRoom<
         }
     }
 
+    private async _onWindowFocus(): Promise<void> {
+        return await this._onVisibilityChange();
+    }
+
     private _parseMessage(message: { data: string | ArrayBuffer }): IOEventMessage<TIO> | null {
         /**
          * !HACK
@@ -1371,7 +1380,11 @@ export class PluvRoom<
     }
 
     private _setMetadata(metadata: TMetadata): TMetadata {
-        return this.metadata ? this.metadata.parse(metadata) : metadata;
+        const parsed = this.metadata ? this.metadata.parse(metadata) : metadata;
+
+        this._lastMetadata = parsed;
+
+        return parsed;
     }
 
     private _updateState(updater: (oldState: WebSocketState<TIO>) => WebSocketState<TIO>): WebSocketState<TIO> {