playsocketjs 1.0.4 → 1.0.5

package/dist/playsocket-client.js

@@ -332,13 +332,12 @@ class PlaySocket {
      * @param {*} value - New value
      */
     updateStorage(key, value) {
-        if (JSON.stringify(this.#storage[key]) === JSON.stringify(value)) return;
+        if (JSON.stringify(this.#storage[key]) === JSON.stringify(value)) return; // Prevent updates without changes
         this.#sendToServer({
             type: 'room_storage_update',
             key,
             value
         });
-        // Optimistic update AFTER sendToServer to preserve order if messages are being sent in the event callback
         this.#storage[key] = value;
         this.#triggerEvent("storageUpdated", { ...this.#storage });
     }
@@ -351,6 +350,8 @@ class PlaySocket {
      * @param {*} updateValue - New value for update-matching
      */
     updateStorageArray(key, operation, value, updateValue) {
+        const updatedArray = this.#handleArrayUpdate(key, operation, value, updateValue);
+        if (JSON.stringify(this.#storage[key]) === JSON.stringify(updatedArray)) return; // Prevent updates without changes
         this.#sendToServer({
             type: 'room_storage_array_update',
             key,
@@ -358,8 +359,8 @@ class PlaySocket {
             value,
             updateValue
         });
-        // Optimistic update AFTER sendToServer to preserve order if messages are being sent in the event callback
-        this.#handleArrayUpdate(key, operation, value, updateValue);
+        this.#storage[key] = updatedArray;
+        this.#triggerEvent("storageUpdated", { ...this.#storage });
     }
 
     /**
@@ -367,12 +368,9 @@ class PlaySocket {
      * @private
      */
     #handleArrayUpdate(key, operation, value, updateValue) {
-        if (!this.#storage[key] || !Array.isArray(this.#storage[key])) this.#storage[key] = [];
-        let array = this.#storage[key];
-
+        let array = (!this.#storage[key] || !Array.isArray(this.#storage[key])) ? [] : [...this.#storage[key]];
         const isObject = typeof value === 'object' && value !== null;
-        const compare = (item) => isObject ?
-            JSON.stringify(item) === JSON.stringify(value) : item === value;
+        const compare = (item) => isObject ? JSON.stringify(item) === JSON.stringify(value) : item === value;
 
         switch (operation) {
             case 'add':
@@ -384,7 +382,7 @@ class PlaySocket {
                 break;
 
             case 'remove-matching':
-                this.#storage[key] = array.filter(item => !compare(item));
+                array = array.filter(item => !compare(item));
                 break;
 
             case 'update-matching':
@@ -394,10 +392,9 @@ class PlaySocket {
 
             default:
                 console.error(ERROR_PREFIX + `Unknown array operation: ${operation}`);
-                return;
         }
 
-        this.#triggerEvent("storageUpdated", { ...this.#storage });
+        return array;
     }
 
     /**

package/dist/playsocket-server.js

@@ -169,7 +169,7 @@ function requireServer () {
 	                case 'room_storage_update':
 	                    const updateRoomId = this.#clientRooms.get(ws.clientId);
 	                    const updateRoom = updateRoomId ? this.#rooms[updateRoomId] : null;
-	                    if (updateRoom && data.key) {
+	                    if (updateRoom && data.key && JSON.stringify(updateRoom.storage[data.key]) !== JSON.stringify(data.value)) {
 	                        updateRoom.storage[data.key] = data.value;
 	                        this.#syncRoomStorageKey(updateRoomId, data.key);
 	                    }
@@ -179,8 +179,11 @@ function requireServer () {
 	                    const arrayRoomId = this.#clientRooms.get(ws.clientId);
 	                    const arrayRoom = arrayRoomId ? this.#rooms[arrayRoomId] : null;
 	                    if (arrayRoom && data.key) {
-	                        this.#arrayUpdate(arrayRoom.storage, data.key, data.operation, data.value, data.updateValue);
-	                        this.#syncRoomStorageKey(arrayRoomId, data.key);
+	                        const updatedArray = this.#arrayUpdate(arrayRoom.storage, data.key, data.operation, data.value, data.updateValue);
+	                        if (JSON.stringify(arrayRoom.storage[data.key]) !== JSON.stringify(updatedArray)) {
+	                            arrayRoom.storage[data.key] = updatedArray;
+	                            this.#syncRoomStorageKey(arrayRoomId, data.key);
+	                        }
 	                    }
 	                    break;
 	            }
@@ -224,7 +227,6 @@ function requireServer () {
 	    #syncRoomStorageKey(roomId, key) {
 	        const room = this.#rooms[roomId];
 	        if (!room) return;
-
 	        room.participants.forEach(p => {
 	            const client = this.#clients.get(p);
 	            if (client) {
@@ -242,12 +244,9 @@ function requireServer () {
 	     * @private
 	     */
 	    #arrayUpdate(storage, key, operation, value, updateValue) {
-	        if (!storage[key] || !Array.isArray(storage[key])) storage[key] = [];
-	        let array = storage[key];
-
+	        let array = (!storage[key] || !Array.isArray(storage[key])) ? [] : [...storage[key]];
 	        const isObject = typeof value === 'object' && value !== null;
-	        const compare = (item) => isObject ?
-	            JSON.stringify(item) === JSON.stringify(value) : item === value;
+	        const compare = (item) => isObject ? JSON.stringify(item) === JSON.stringify(value) : item === value;
 
 	        switch (operation) {
 	            case 'add':
@@ -267,6 +266,8 @@ function requireServer () {
 	                if (index !== -1) array[index] = updateValue;
 	                break;
 	        }
+
+	        return array;
 	    }
 
 	    /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "playsocketjs",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "WebSocket wrapper for creating simple multiplayer systems with ease.",
   "module": "dist/playsocket-client.js",
   "exports": {