@vizzly-testing/cli 0.26.0 → 0.26.2

package/dist/server/handlers/tdd-handler.js

@@ -405,6 +405,15 @@ export const createTddHandler = (config, workingDir, baselineBuild, baselineComp
     // Update comparison in report data file
     updateComparison(newComparison);
 
+    // Log screenshot event for menubar
+    // Normalize status to match HTTP response ('failed' -> 'diff')
+    let logStatus = comparison.status === 'failed' ? 'diff' : comparison.status;
+    output.info(`Screenshot: ${sanitizedName}`, {
+      screenshot: sanitizedName,
+      status: logStatus,
+      diffPercentage: comparison.diffPercentage || 0
+    });
+
     // Visual diffs return 200 with status: 'diff' - they're not errors
     // The SDK/user can decide whether to fail tests based on this
     if (comparison.status === 'failed') {
@@ -486,7 +495,13 @@ export const createTddHandler = (config, workingDir, baselineBuild, baselineComp
         diff: null
       };
       updateComparison(updatedComparison);
-      output.info(`Baseline accepted for comparison ${comparisonId}`);
+
+      // Log screenshot event for menubar
+      output.info(`Screenshot: ${comparison.name}`, {
+        screenshot: comparison.name,
+        status: 'accepted',
+        diffPercentage: 0
+      });
       return result;
     } catch (error) {
       output.error(`Failed to accept baseline for ${comparisonId}:`, error);
@@ -510,7 +525,13 @@ export const createTddHandler = (config, workingDir, baselineBuild, baselineComp
         status: 'rejected'
       };
       updateComparison(updatedComparison);
-      output.info(`Changes rejected for comparison ${comparisonId}`);
+
+      // Log screenshot event for menubar
+      output.info(`Screenshot: ${comparison.name}`, {
+        screenshot: comparison.name,
+        status: 'rejected',
+        diffPercentage: comparison.diffPercentage || 0
+      });
       return {
         success: true,
         id: comparisonId

package/dist/tdd/server-registry.js

@@ -1,3 +1,4 @@
+import { execSync } from 'node:child_process';
 import { randomBytes } from 'node:crypto';
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'node:fs';
 import { createServer } from 'node:net';
@@ -166,13 +167,19 @@ export class ServerRegistry {
   /**
    * Notify the menubar app that the registry changed
    *
-   * NOTE: The menubar app primarily uses FSEvents file watching on servers.json.
-   * This method is a placeholder for future notification mechanisms (e.g., XPC).
-   * For now, file watching provides reliable, immediate updates.
+   * Uses macOS notifyutil for instant Darwin notification delivery.
+   * The menubar app listens for this in addition to file watching.
    */
   notifyMenubar() {
-    // File watching on servers.json is the primary notification mechanism.
-    // This method exists for future enhancements (XPC, etc.) but is currently a no-op.
+    if (process.platform !== 'darwin') return;
+    try {
+      execSync('notifyutil -p dev.vizzly.serverChanged', {
+        stdio: 'ignore',
+        timeout: 500
+      });
+    } catch {
+      // Non-fatal - menubar will still see changes via file watching
+    }
   }
 
   /**

package/dist/utils/output.js

@@ -185,6 +185,10 @@ export function getColors() {
  */
 export function success(message, data = {}) {
   stopSpinner();
+  writeLog('info', message, {
+    status: 'success',
+    ...data
+  });
   if (config.silent) return;
   if (config.json) {
     console.log(JSON.stringify({
@@ -221,6 +225,7 @@ export function result(message) {
  * Show an info message
  */
 export function info(message, data = {}) {
+  writeLog('info', message, data);
   if (!shouldLog('info')) return;
   if (config.json) {
     console.log(JSON.stringify({
@@ -238,6 +243,7 @@ export function info(message, data = {}) {
  */
 export function warn(message, data = {}) {
   stopSpinner();
+  writeLog('warn', message, data);
   if (!shouldLog('warn')) return;
   if (config.json) {
     console.error(JSON.stringify({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizzly-testing/cli",
-  "version": "0.26.0",
+  "version": "0.26.2",
   "description": "Visual review platform for UI developers and designers",
   "keywords": [
     "visual-testing",
@@ -86,7 +86,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@vizzly-testing/honeydiff": "^0.9.0",
+    "@vizzly-testing/honeydiff": "^0.10.0",
     "ansis": "^4.2.0",
     "commander": "^14.0.0",
     "cosmiconfig": "^9.0.0",