react-mirrorstate 0.3.0 → 0.3.1

package/dist/connection-manager.d.ts

@@ -4,7 +4,6 @@ declare class WebSocketConnectionManager {
     private isConnecting;
     private listeners;
     private currentStates;
-    private clientId;
     private lastSeq;
     private queuedUpdates;
     private getWebSocketConfig;

package/dist/connection-manager.js

@@ -3,7 +3,6 @@ class WebSocketConnectionManager {
     isConnecting = false;
     listeners = new Map();
     currentStates = new Map();
-    clientId = null;
     lastSeq = new Map();
     queuedUpdates = new Map();
     async getWebSocketConfig() {
@@ -43,38 +42,36 @@ class WebSocketConnectionManager {
         this.ws = new WebSocket(wsUrl);
         this.ws.onopen = () => {
             this.isConnecting = false;
+            // Flush any queued updates
+            this.queuedUpdates.forEach((state, name) => {
+                this.updateState(name, state);
+            });
+            this.queuedUpdates.clear();
         };
         this.ws.onclose = () => {
             this.cleanup();
         };
-        this.ws.onerror = () => {
-            console.error("WebSocket error");
+        this.ws.onerror = (e) => {
+            console.error("WebSocket error", e);
             this.cleanup();
         };
         this.ws.onmessage = (event) => {
+            let data;
             try {
-                const data = JSON.parse(event.data);
-                if (data.type === "connected") {
-                    this.clientId = data.clientId;
-                    // Flush any queued updates
-                    this.queuedUpdates.forEach((state, name) => {
-                        this.updateState(name, state);
-                    });
-                    this.queuedUpdates.clear();
-                    return;
-                }
-                if (data.type === "fileChange") {
-                    // Only apply updates with a higher sequence number
-                    const currentSeq = this.lastSeq.get(data.name) ?? -1;
-                    if (data.seq !== undefined && data.seq > currentSeq) {
-                        this.lastSeq.set(data.name, data.seq);
-                        this.currentStates.set(data.name, data.state);
-                        this.notifyListeners(data.name, data.state);
-                    }
-                }
+                data = JSON.parse(event.data);
             }
             catch (error) {
                 console.error("Error handling server message:", error);
+                return;
+            }
+            if (data.type === "fileChange") {
+                // Only apply updates with a higher sequence number
+                const currentSeq = this.lastSeq.get(data.name) ?? -1;
+                if (data.seq !== undefined && data.seq > currentSeq) {
+                    this.lastSeq.set(data.name, data.seq);
+                    this.currentStates.set(data.name, data.state);
+                    this.notifyListeners(data.name, data.state);
+                }
             }
         };
     }
@@ -83,12 +80,7 @@ class WebSocketConnectionManager {
             this.listeners.set(name, new Set());
         }
         this.listeners.get(name).add(listener);
-        // Connect if not already connected (dev mode)
         this.connect();
-        // Don't immediately notify with currentStates here - it might be stale
-        // and could revert optimistic updates. The component initializes from
-        // INITIAL_STATES, and the server will send initialState messages when
-        // the connection is established, which will update all subscribers.
         return () => {
             const nameListeners = this.listeners.get(name);
             if (nameListeners) {
@@ -101,7 +93,7 @@ class WebSocketConnectionManager {
     }
     pendingUpdates = new Map();
     updateState(name, state) {
-        if (this.ws?.readyState !== WebSocket.OPEN || !this.clientId) {
+        if (this.ws?.readyState !== WebSocket.OPEN) {
             this.queuedUpdates.set(name, state);
             return;
         }
@@ -112,13 +104,12 @@ class WebSocketConnectionManager {
         }
         // Debounce rapid updates
         const timeout = setTimeout(() => {
-            if (!this.ws || !this.clientId) {
+            if (!this.ws) {
                 return;
             }
             this.ws.send(JSON.stringify({
-                clientId: this.clientId,
                 name,
-                state
+                state,
             }));
             this.currentStates.set(name, state);
             this.pendingUpdates.delete(name);

package/dist/index.js

@@ -4,13 +4,11 @@ import { connectionManager } from "./connection-manager";
 import { INITIAL_STATES } from "virtual:mirrorstate/initial-states";
 export function useMirrorState(name, initialValue) {
     // Capture initialValue once on first render to make it stable
-    // This prevents re-renders when users pass inline objects/arrays
     const initialValueRef = useRef(initialValue);
     const [state, setState] = useState(() => INITIAL_STATES?.[name] ?? initialValueRef.current);
     const hasCreatedFile = useRef(false);
     useEffect(() => {
         // Subscribe to state changes for this name
-        // Echo filtering happens in connection-manager using vector clocks
         const unsubscribe = connectionManager.subscribe(name, (newState) => {
             setState(newState);
         });
@@ -28,9 +26,7 @@ export function useMirrorState(name, initialValue) {
     const updateMirrorState = (updater) => {
         const currentState = connectionManager.getCurrentState(name) ?? state;
         const newState = produce(currentState, updater);
-        // Send update to connection manager (includes vector clock tracking)
         connectionManager.updateState(name, newState);
-        // Optimistic local update for immediate UI feedback
         setState(newState);
     };
     return [state, updateMirrorState];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-mirrorstate",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "React library for bidirectional state synchronization with MirrorState",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",