@vizzly-testing/cli 0.24.0 → 0.24.1

package/dist/client/index.js

@@ -191,6 +191,7 @@ function createSimpleClient(serverUrl) {
         let isFilePath = typeof imageBuffer === 'string';
         let image = isFilePath ? imageBuffer : imageBuffer.toString('base64');
         let type = isFilePath ? 'file-path' : 'base64';
+        let httpStart = Date.now();
         const {
           status,
           json
@@ -202,6 +203,10 @@ function createSimpleClient(serverUrl) {
           properties: options,
           fullPage: options.fullPage || false
         }, DEFAULT_TIMEOUT_MS);
+        let httpMs = Date.now() - httpStart;
+        if (shouldLogClient('debug')) {
+          console.debug(`[vizzly-client] ${name} HTTP completed in ${httpMs}ms`);
+        }
         if (status < 200 || status >= 300) {
           // In TDD mode, if we get 422 (visual difference), don't throw
           // This allows all screenshots in the test to be captured and compared

package/dist/plugin-loader.js

@@ -68,8 +68,10 @@ async function discoverInstalledPlugins() {
         const packageJson = JSON.parse(readFileSync(pkgPath, 'utf-8'));
 
         // Check if package has a plugin field
-        if (packageJson.vizzly?.plugin) {
-          const pluginRelativePath = packageJson.vizzly.plugin;
+        // Support both new `vizzlyPlugin` and legacy `vizzly.plugin` for backwards compatibility
+        const pluginField = packageJson.vizzlyPlugin || packageJson.vizzly?.plugin;
+        if (pluginField) {
+          const pluginRelativePath = pluginField;
 
           // Security: Ensure plugin path is relative and doesn't traverse up
           if (pluginRelativePath.startsWith('/') || pluginRelativePath.includes('..')) {
@@ -174,11 +176,14 @@ function resolvePluginPath(pluginSpec, configPath) {
     try {
       const packageJsonPath = resolve(process.cwd(), 'node_modules', pluginSpec, 'package.json');
       const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf-8'));
-      if (packageJson.vizzly?.plugin) {
+
+      // Support both new `vizzlyPlugin` and legacy `vizzly.plugin`
+      const pluginField = packageJson.vizzlyPlugin || packageJson.vizzly?.plugin;
+      if (pluginField) {
         const packageDir = dirname(packageJsonPath);
-        return resolve(packageDir, packageJson.vizzly.plugin);
+        return resolve(packageDir, pluginField);
       }
-      throw new Error('Package does not specify a vizzly.plugin field');
+      throw new Error('Package does not specify a vizzlyPlugin or vizzly.plugin field');
     } catch (error) {
       throw new Error(`Cannot resolve plugin package ${pluginSpec}: ${error.message}`);
     }

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

@@ -48,6 +48,10 @@ export const createApiHandler = (client, {
   let screenshotCount = 0;
   let uploadPromises = [];
   const handleScreenshot = async (buildId, name, image, properties = {}, type) => {
+    let handlerStart = Date.now();
+    output.debug('upload', `${name} received`, {
+      buildId: buildId?.slice(0, 8)
+    });
     if (vizzlyDisabled) {
       output.debug('upload', `${name} (disabled)`);
       return {
@@ -124,27 +128,39 @@ export const createApiHandler = (client, {
       };
     }
     screenshotCount++;
+    let uploadStart = Date.now();
 
     // Fire upload in background - DON'T AWAIT!
     let uploadPromise = uploadScreenshot(client, buildId, name, imageBuffer, properties ?? {}).then(result => {
+      let duration = Date.now() - uploadStart;
       if (!result.skipped) {
-        output.debug('upload', name);
+        output.debug('upload', `${name} completed`, {
+          ms: duration
+        });
+      } else {
+        output.debug('upload', `${name} skipped (dedup)`, {
+          ms: duration
+        });
       }
       return {
         success: true,
         name,
-        result
+        result,
+        duration
       };
     }).catch(uploadError => {
+      let duration = Date.now() - uploadStart;
       output.debug('upload', `${name} failed`, {
-        error: uploadError.message
+        error: uploadError.message,
+        ms: duration
       });
       vizzlyDisabled = true;
       output.warn('Vizzly disabled due to upload error - continuing tests without visual testing');
       return {
         success: false,
         name,
-        error: uploadError
+        error: uploadError,
+        duration
       };
     });
 
@@ -152,6 +168,10 @@ export const createApiHandler = (client, {
     uploadPromises.push(uploadPromise);
 
     // Return immediately - test continues without waiting!
+    let handlerMs = Date.now() - handlerStart;
+    output.debug('upload', `${name} handler returning`, {
+      ms: handlerMs
+    });
     return {
       statusCode: 200,
       body: {

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

@@ -268,6 +268,9 @@ export const createTddHandler = (config, workingDir, baselineBuild, baselineComp
     }
   };
   const handleScreenshot = async (_buildId, name, image, properties = {}, type) => {
+    let handlerStart = Date.now();
+    output.debug('tdd', `${name} received`);
+
     // Validate and sanitize screenshot name
     let sanitizedName;
     try {
@@ -444,6 +447,11 @@ export const createTddHandler = (config, workingDir, baselineBuild, baselineComp
     }
 
     // Match or new baseline
+    let handlerMs = Date.now() - handlerStart;
+    output.debug('tdd', `${name} handler returning`, {
+      ms: handlerMs,
+      status: comparison.status
+    });
     return {
       statusCode: 200,
       body: {

package/package.json

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