@vizzly-testing/cli 0.29.2 → 0.29.3

package/dist/server/routers/events.js

@@ -58,6 +58,78 @@ export function createEventsRouter(context) {
     res.write(`event: ${eventType}\n`);
     res.write(`data: ${JSON.stringify(data)}\n\n`);
   };
+
+  /**
+   * Build a lookup map from comparisons array keyed by id
+   */
+  const buildComparisonMap = comparisons => {
+    let map = new Map();
+    for (let c of comparisons) {
+      map.set(c.id, c);
+    }
+    return map;
+  };
+  const comparisonChanged = (oldComp, newComp) => {
+    return JSON.stringify(oldComp) !== JSON.stringify(newComp);
+  };
+
+  /**
+   * Extract summary fields (everything except comparisons) for diffing
+   */
+  const extractSummary = data => {
+    let {
+      comparisons: _c,
+      ...summary
+    } = data;
+    return summary;
+  };
+
+  /**
+   * Check if summary-level fields changed between old and new data
+   */
+  const summaryChanged = (oldData, newData) => {
+    let oldSummary = extractSummary(oldData);
+    let newSummary = extractSummary(newData);
+    return JSON.stringify(oldSummary) !== JSON.stringify(newSummary);
+  };
+
+  /**
+   * Send incremental updates by diffing old vs new report data.
+   * Returns true if any events were sent.
+   */
+  const sendIncrementalUpdates = (res, oldData, newData) => {
+    let sent = false;
+    let oldComparisons = oldData.comparisons || [];
+    let newComparisons = newData.comparisons || [];
+    let oldMap = buildComparisonMap(oldComparisons);
+    let newMap = buildComparisonMap(newComparisons);
+
+    // New or changed comparisons — sends the full comparison object, not a partial delta
+    for (let [id, newComp] of newMap) {
+      let oldComp = oldMap.get(id);
+      if (!oldComp || comparisonChanged(oldComp, newComp)) {
+        sendEvent(res, 'comparisonUpdate', newComp);
+        sent = true;
+      }
+    }
+
+    // Removed comparisons
+    for (let [id] of oldMap) {
+      if (!newMap.has(id)) {
+        sendEvent(res, 'comparisonRemoved', {
+          id
+        });
+        sent = true;
+      }
+    }
+
+    // Summary-level changes (total, passed, failed, etc.)
+    if (summaryChanged(oldData, newData)) {
+      sendEvent(res, 'summaryUpdate', extractSummary(newData));
+      sent = true;
+    }
+    return sent;
+  };
   return async function handleEventsRoute(req, res, pathname) {
     if (req.method !== 'GET' || pathname !== '/api/events') {
       return false;
@@ -71,20 +143,28 @@ export function createEventsRouter(context) {
       'X-Accel-Buffering': 'no' // Disable nginx buffering
     });
 
-    // Send initial data immediately
-    const initialData = readReportData();
-    if (initialData) {
-      sendEvent(res, 'reportData', initialData);
+    // Send initial full data immediately
+    let lastSentData = readReportData();
+    if (lastSentData) {
+      sendEvent(res, 'reportData', lastSentData);
     }
 
     // Debounce file change events (fs.watch can fire multiple times)
     let debounceTimer = null;
     let watcher = null;
     const sendUpdate = () => {
-      const data = readReportData();
-      if (data) {
-        sendEvent(res, 'reportData', data);
+      const newData = readReportData();
+      if (!newData) return;
+      if (!lastSentData) {
+        // No previous data — send full payload
+        sendEvent(res, 'reportData', newData);
+      } else {
+        // Diff and send incremental updates
+        let sent = sendIncrementalUpdates(res, lastSentData, newData);
+        // If nothing changed, skip (no event needed)
+        if (!sent) return;
       }
+      lastSentData = newData;
     };
 
     // Watch for file changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizzly-testing/cli",
-  "version": "0.29.2",
+  "version": "0.29.3",
   "description": "Visual review platform for UI developers and designers",
   "keywords": [
     "visual-testing",