@motiadev/stream-client-browser 0.2.1-beta.75 → 0.2.1-beta.76

package/dist/__tests__/stream.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/stream.spec.js

@@ -0,0 +1,68 @@
+import { Stream } from '../src/stream';
+class MockSocket {
+    constructor() {
+        this.listeners = {};
+    }
+    addEventListener(event, cb) {
+        if (!this.listeners[event])
+            this.listeners[event] = [];
+        this.listeners[event].push(cb);
+    }
+    send(data) {
+        this.listeners['message']?.forEach((cb) => cb({ data: JSON.stringify(data) }));
+    }
+    close() {
+        this.listeners = {};
+    }
+}
+function getSocket(stream) {
+    return stream.ws;
+}
+function makeGroupMessage(type, data, timestamp = Date.now()) {
+    return {
+        streamName: 'test-stream',
+        groupId: 'test-group',
+        timestamp,
+        event: { type, ...(type === 'event' ? { event: data } : { data }) },
+    };
+}
+function makeItemMessage(type, data, timestamp = Date.now()) {
+    return {
+        streamName: 'test-stream',
+        groupId: 'test-group',
+        id: '1',
+        timestamp,
+        event: { type, ...(type === 'event' ? { event: data } : { data }) },
+    };
+}
+describe('Stream', () => {
+    beforeEach(() => {
+        global.WebSocket = MockSocket;
+    });
+    afterEach(() => {
+        delete global.WebSocket;
+    });
+    it('should sync group events', () => {
+        const stream = new Stream('ws://localhost:3000');
+        const socket = getSocket(stream);
+        const sub = stream.subscribeGroup('test-stream', 'test-group');
+        const syncData = [
+            { id: '1', name: 'A' },
+            { id: '2', name: 'B' },
+        ];
+        socket.send(makeGroupMessage('sync', syncData));
+        expect(sub.getState()).toEqual(syncData);
+    });
+    it('should not sync item events in group subscriptions', () => {
+        const stream = new Stream('ws://localhost:3000');
+        const socket = getSocket(stream);
+        const sub = stream.subscribeGroup('test-stream', 'test-group');
+        const syncData = [
+            { id: '1', name: 'A' },
+            { id: '2', name: 'B' },
+        ];
+        socket.send(makeGroupMessage('sync', syncData));
+        socket.send(makeItemMessage('sync', syncData[0]));
+        expect(sub.getState()).toEqual(syncData);
+    });
+});

package/dist/src/stream.js

@@ -61,7 +61,8 @@ export class Stream {
         const message = JSON.parse(event.data);
         const room = this.roomName(message);
         this.listeners[room]?.forEach((listener) => listener.listener(message));
-        if (message.id) {
+        // we need to discard sync to group subs when it's an item event
+        if (message.id && message.event.type !== 'sync') {
             const groupRoom = this.roomName({
                 streamName: message.streamName,
                 groupId: message.groupId,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@motiadev/stream-client-browser",
   "description": "Motia Stream Client Package – Responsible for managing streams of data.",
-  "version": "0.2.1-beta.75",
+  "version": "0.2.1-beta.76",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",