@vizzly-testing/cli 0.13.3 → 0.14.0

package/dist/server/http-server.js

@@ -9,6 +9,7 @@ const PROJECT_ROOT = join(__dirname, '..', '..');
 const logger = createServiceLogger('HTTP-SERVER');
 export const createHttpServer = (port, screenshotHandler, services = {}) => {
   let server = null;
+  let defaultBuildId = services.buildId || null;
 
   // Extract services for config/auth/project management
   let configService = services.configService;
@@ -355,8 +356,9 @@ export const createHttpServer = (port, screenshotHandler, services = {}) => {
           return;
         }
 
-        // Use default buildId if none provided
-        const effectiveBuildId = buildId || 'default';
+        // Use buildId from request body, or fall back to server's buildId (set during server creation)
+        // If neither is available, this is an error - buildId is required for cloud uploads
+        const effectiveBuildId = buildId || defaultBuildId;
         const result = await screenshotHandler.handleScreenshot(effectiveBuildId, name, image, properties);
         res.statusCode = result.statusCode;
         res.end(JSON.stringify(result.body));

package/dist/services/server-manager.js

@@ -31,7 +31,13 @@ export class ServerManager extends BaseService {
       const apiService = await this.createApiService();
       this.handler = createApiHandler(apiService);
     }
-    this.httpServer = createHttpServer(port, this.handler, this.services);
+
+    // Pass buildId in services so http-server can use it as default
+    const servicesWithBuildId = {
+      ...this.services,
+      buildId: this.buildId
+    };
+    this.httpServer = createHttpServer(port, this.handler, servicesWithBuildId);
     if (this.httpServer) {
       await this.httpServer.start();
     }

package/dist/types/reporter/src/components/comparison/fullscreen-viewer.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Fullscreen comparison viewer - mirrors the Vizzly cloud product UI exactly
+ * Displays a single comparison with navigation between screenshots
+ */
+export default function FullscreenViewer({ comparison, comparisons, onClose, onAccept, onReject, onNavigate, userAction, }: {
+    comparison: any;
+    comparisons?: any[];
+    onClose: any;
+    onAccept: any;
+    onReject: any;
+    onNavigate: any;
+    userAction: any;
+}): any;

package/dist/types/reporter/src/components/comparison/screenshot-list.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Screenshot list component - simple scannable list
+ * Click any row to open the fullscreen comparison viewer
+ */
+export default function ScreenshotList({ comparisons, onSelectComparison, loadingStates, }: {
+    comparisons: any;
+    onSelectComparison: any;
+    loadingStates?: {};
+}): any;

package/dist/types/reporter/src/components/comparison/variant-selector.d.ts

@@ -1,6 +1,6 @@
 /**
  * Variant selector for toggling between different viewport sizes and browsers
- * Matches cloud product's variant selection UI
+ * Mobile-first with horizontal scroll
  */
 export default function VariantSelector({ group, selectedIndex, onSelect }: {
     group: any;

package/dist/types/reporter/src/components/views/comparison-detail-view.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Route-driven comparison detail view
+ * The route parameter :id determines which comparison to show
+ */
+export default function ComparisonDetailView({ reportData, setReportData }: {
+    reportData: any;
+    setReportData: any;
+}): any;

package/dist/types/reporter/src/components/views/comparisons-view.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Comparisons list view - displays all screenshots
+ * Clicking a screenshot navigates to /comparison/:id
+ */
 export default function ComparisonsView({ reportData, setReportData, onRefresh, loading, }: {
     reportData: any;
     setReportData: any;

package/package.json

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