@pluv/client 0.41.7 → 0.42.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @pluv/client@0.41.7 build /home/runner/work/pluv/pluv/packages/client
+> @pluv/client@0.42.0 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 55.12 KB
-ESM ⚡️ Build success in 110ms
-CJS dist/index.js 56.44 KB
-CJS ⚡️ Build success in 116ms
+ESM dist/index.mjs 55.91 KB
+ESM ⚡️ Build success in 112ms
+CJS dist/index.js 57.22 KB
+CJS ⚡️ Build success in 118ms
 DTS Build start
-DTS ⚡️ Build success in 3198ms
-DTS dist/index.d.mts 24.58 KB
-DTS dist/index.d.ts  24.58 KB
+DTS ⚡️ Build success in 3444ms
+DTS dist/index.d.mts 24.61 KB
+DTS dist/index.d.ts  24.61 KB

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @pluv/client
 
+## 0.42.0
+
+### Patch Changes
+
+- 7ae56bf: Periodically sync connection ids with the server to clear stale connections.
+  - @pluv/crdt@0.42.0
+  - @pluv/types@0.42.0
+
 ## 0.41.7
 
 ### Patch Changes

package/dist/index.d.mts

@@ -206,6 +206,7 @@ declare class PluvRoom<TIO extends IOLike<any, any>, TMetadata extends JsonObjec
     private _handleRegisteredMessage;
     private _handleStorageReceivedMessage;
     private _handleStorageUpdatedMessage;
+    private _handleSyncStateReceived;
     private _handleUserJoinedMessage;
     private _heartbeat;
     private _logDebug;

package/dist/index.d.ts

@@ -206,6 +206,7 @@ declare class PluvRoom<TIO extends IOLike<any, any>, TMetadata extends JsonObjec
     private _handleRegisteredMessage;
     private _handleStorageReceivedMessage;
     private _handleStorageUpdatedMessage;
+    private _handleSyncStateReceived;
     private _handleUserJoinedMessage;
     private _heartbeat;
     private _logDebug;

package/dist/index.js

@@ -1113,6 +1113,21 @@ var PluvRoom = class extends AbstractRoom {
     );
     this._crdtNotifier.rootSubject.next(storageRoot);
   }
+  _handleSyncStateReceived(message) {
+    var _a;
+    const { connectionId } = message;
+    if (!connectionId) return;
+    if (!this._state.webSocket) throw new Error("Could not find WebSocket");
+    if (!this._usersManager.myself) return;
+    const data = message.data;
+    const active = new Set((_a = data == null ? void 0 : data.connectionIds) != null ? _a : []);
+    const quitters = this._usersManager.getOthers().filter((other) => !active.has(other.connectionId));
+    quitters.forEach((quitter) => {
+      this._usersManager.deleteConnection(quitter.connectionId);
+    });
+    const remaining = this._usersManager.getOthers();
+    this._stateNotifier.subjects.others.next(remaining);
+  }
   _handleUserJoinedMessage(message) {
     const { connectionId } = message;
     if (!connectionId) return;
@@ -1250,6 +1265,10 @@ var PluvRoom = class extends AbstractRoom {
         this._handleStorageUpdatedMessage(message);
         return;
       }
+      case "$syncStateReceived": {
+        this._handleSyncStateReceived(message);
+        return;
+      }
       case "$userJoined": {
         this._handleUserJoinedMessage(message);
         return;

package/dist/index.mjs

@@ -1082,6 +1082,21 @@ var PluvRoom = class extends AbstractRoom {
     );
     this._crdtNotifier.rootSubject.next(storageRoot);
   }
+  _handleSyncStateReceived(message) {
+    var _a;
+    const { connectionId } = message;
+    if (!connectionId) return;
+    if (!this._state.webSocket) throw new Error("Could not find WebSocket");
+    if (!this._usersManager.myself) return;
+    const data = message.data;
+    const active = new Set((_a = data == null ? void 0 : data.connectionIds) != null ? _a : []);
+    const quitters = this._usersManager.getOthers().filter((other) => !active.has(other.connectionId));
+    quitters.forEach((quitter) => {
+      this._usersManager.deleteConnection(quitter.connectionId);
+    });
+    const remaining = this._usersManager.getOthers();
+    this._stateNotifier.subjects.others.next(remaining);
+  }
   _handleUserJoinedMessage(message) {
     const { connectionId } = message;
     if (!connectionId) return;
@@ -1219,6 +1234,10 @@ var PluvRoom = class extends AbstractRoom {
         this._handleStorageUpdatedMessage(message);
         return;
       }
+      case "$syncStateReceived": {
+        this._handleSyncStateReceived(message);
+        return;
+      }
       case "$userJoined": {
         this._handleUserJoinedMessage(message);
         return;

package/package.json

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

package/src/PluvRoom.ts

@@ -1017,6 +1017,28 @@ export class PluvRoom<
         this._crdtNotifier.rootSubject.next(storageRoot);
     }
 
+    private _handleSyncStateReceived(message: IOEventMessage<TIO>): void {
+        const { connectionId } = message;
+
+        if (!connectionId) return;
+        // Should not reach here
+        if (!this._state.webSocket) throw new Error("Could not find WebSocket");
+        if (!this._usersManager.myself) return;
+
+        const data = message.data as BaseIOEventRecord<InferIOAuthorize<TIO>>["$syncStateReceived"];
+        const active = new Set(data?.connectionIds ?? []);
+
+        const quitters = this._usersManager.getOthers().filter((other) => !active.has(other.connectionId));
+
+        quitters.forEach((quitter) => {
+            this._usersManager.deleteConnection(quitter.connectionId);
+        });
+
+        const remaining = this._usersManager.getOthers();
+
+        this._stateNotifier.subjects.others.next(remaining);
+    }
+
     private _handleUserJoinedMessage(message: IOEventMessage<TIO>): void {
         const { connectionId } = message;
 
@@ -1190,6 +1212,10 @@ export class PluvRoom<
                 this._handleStorageUpdatedMessage(message);
                 return;
             }
+            case "$syncStateReceived": {
+                this._handleSyncStateReceived(message);
+                return;
+            }
             case "$userJoined": {
                 this._handleUserJoinedMessage(message);
                 return;