@vizzly-testing/cli 0.20.0 → 0.20.1-beta.1

package/dist/services/project-service.js

@@ -1,326 +0,0 @@
-/**
- * Project Service
- * Manages project mappings and project-related operations
- */
-
-import { VizzlyError } from '../errors/vizzly-error.js';
-import { deleteProjectMapping, getProjectMapping, getProjectMappings, saveProjectMapping } from '../utils/global-config.js';
-
-/**
- * ProjectService for managing project mappings and operations
- */
-export class ProjectService {
-  constructor(config, options = {}) {
-    this.config = config;
-    this.apiService = options.apiService;
-    this.authService = options.authService;
-  }
-
-  /**
-   * List all project mappings
-   * @returns {Promise<Array>} Array of project mappings
-   */
-  async listMappings() {
-    const mappings = await getProjectMappings();
-
-    // Convert object to array with directory path included
-    return Object.entries(mappings).map(([directory, data]) => ({
-      directory,
-      ...data
-    }));
-  }
-
-  /**
-   * Get project mapping for a specific directory
-   * @param {string} directory - Directory path
-   * @returns {Promise<Object|null>} Project mapping or null
-   */
-  async getMapping(directory) {
-    return getProjectMapping(directory);
-  }
-
-  /**
-   * Create or update project mapping
-   * @param {string} directory - Directory path
-   * @param {Object} projectData - Project data
-   * @param {string} projectData.projectSlug - Project slug
-   * @param {string} projectData.organizationSlug - Organization slug
-   * @param {string} projectData.token - Project API token
-   * @param {string} [projectData.projectName] - Optional project name
-   * @returns {Promise<Object>} Created mapping
-   */
-  async createMapping(directory, projectData) {
-    if (!directory) {
-      throw new VizzlyError('Directory path is required', 'INVALID_DIRECTORY');
-    }
-    if (!projectData.projectSlug) {
-      throw new VizzlyError('Project slug is required', 'INVALID_PROJECT_DATA');
-    }
-    if (!projectData.organizationSlug) {
-      throw new VizzlyError('Organization slug is required', 'INVALID_PROJECT_DATA');
-    }
-    if (!projectData.token) {
-      throw new VizzlyError('Project token is required', 'INVALID_PROJECT_DATA');
-    }
-    await saveProjectMapping(directory, projectData);
-    return {
-      directory,
-      ...projectData
-    };
-  }
-
-  /**
-   * Remove project mapping
-   * @param {string} directory - Directory path
-   * @returns {Promise<void>}
-   */
-  async removeMapping(directory) {
-    if (!directory) {
-      throw new VizzlyError('Directory path is required', 'INVALID_DIRECTORY');
-    }
-    await deleteProjectMapping(directory);
-  }
-
-  /**
-   * Switch project for current directory
-   * @param {string} projectSlug - Project slug
-   * @param {string} organizationSlug - Organization slug
-   * @param {string} token - Project token
-   * @returns {Promise<Object>} Updated mapping
-   */
-  async switchProject(projectSlug, organizationSlug, token) {
-    const currentDir = process.cwd();
-    return this.createMapping(currentDir, {
-      projectSlug,
-      organizationSlug,
-      token
-    });
-  }
-
-  /**
-   * List all projects from API
-   * Uses OAuth authentication (authService) when available, falls back to API token
-   * @returns {Promise<Array>} Array of projects with organization info
-   */
-  async listProjects() {
-    // Try OAuth-based request first (user login via device flow)
-    if (this.authService) {
-      try {
-        // First get the user's organizations via whoami
-        const whoami = await this.authService.authenticatedRequest('/api/auth/cli/whoami', {
-          method: 'GET'
-        });
-        const organizations = whoami.organizations || [];
-        if (organizations.length === 0) {
-          return [];
-        }
-
-        // Fetch projects for each organization
-        const allProjects = [];
-        for (const org of organizations) {
-          try {
-            const response = await this.authService.authenticatedRequest('/api/project', {
-              method: 'GET',
-              headers: {
-                'X-Organization': org.slug
-              }
-            });
-
-            // Add organization info to each project
-            const projects = (response.projects || []).map(project => ({
-              ...project,
-              organizationSlug: org.slug,
-              organizationName: org.name
-            }));
-            allProjects.push(...projects);
-          } catch {
-            // Silently skip failed orgs
-          }
-        }
-        return allProjects;
-      } catch {
-        // Fall back to API token
-      }
-    }
-
-    // Fall back to API token-based request (tokens are org-scoped, so no org header needed)
-    if (this.apiService) {
-      try {
-        const response = await this.apiService.request('/api/project', {
-          method: 'GET'
-        });
-        return response.projects || [];
-      } catch {
-        return [];
-      }
-    }
-
-    // No authentication available
-    return [];
-  }
-
-  /**
-   * Get project details
-   * @param {string} projectSlug - Project slug
-   * @param {string} organizationSlug - Organization slug
-   * @returns {Promise<Object>} Project details
-   */
-  async getProject(projectSlug, organizationSlug) {
-    // Try OAuth-based request first
-    if (this.authService) {
-      try {
-        const response = await this.authService.authenticatedRequest(`/api/project/${projectSlug}`, {
-          method: 'GET',
-          headers: {
-            'X-Organization': organizationSlug
-          }
-        });
-        return response.project || response;
-      } catch {
-        // Fall back to API token
-      }
-    }
-
-    // Fall back to API token
-    if (this.apiService) {
-      try {
-        const response = await this.apiService.request(`/api/project/${projectSlug}`, {
-          method: 'GET',
-          headers: {
-            'X-Organization': organizationSlug
-          }
-        });
-        return response.project || response;
-      } catch (error) {
-        throw new VizzlyError(`Failed to fetch project: ${error.message}`, 'PROJECT_FETCH_FAILED', {
-          originalError: error
-        });
-      }
-    }
-    throw new VizzlyError('No authentication available', 'NO_AUTH_SERVICE');
-  }
-
-  /**
-   * Get recent builds for a project
-   * Uses OAuth authentication (authService) when available, falls back to API token
-   * @param {string} projectSlug - Project slug
-   * @param {string} organizationSlug - Organization slug
-   * @param {Object} options - Query options
-   * @param {number} [options.limit=10] - Number of builds to fetch
-   * @param {string} [options.branch] - Filter by branch
-   * @returns {Promise<Array>} Array of builds
-   */
-  async getRecentBuilds(projectSlug, organizationSlug, options = {}) {
-    const queryParams = new globalThis.URLSearchParams();
-    if (options.limit) queryParams.append('limit', String(options.limit));
-    if (options.branch) queryParams.append('branch', options.branch);
-    const query = queryParams.toString();
-    const url = `/api/build/${projectSlug}${query ? `?${query}` : ''}`;
-
-    // Try OAuth-based request first (user login via device flow)
-    if (this.authService) {
-      try {
-        const response = await this.authService.authenticatedRequest(url, {
-          method: 'GET',
-          headers: {
-            'X-Organization': organizationSlug
-          }
-        });
-        return response.builds || [];
-      } catch {
-        // Fall back to API token
-      }
-    }
-
-    // Fall back to API token-based request
-    if (this.apiService) {
-      try {
-        const response = await this.apiService.request(url, {
-          method: 'GET',
-          headers: {
-            'X-Organization': organizationSlug
-          }
-        });
-        return response.builds || [];
-      } catch {
-        return [];
-      }
-    }
-
-    // No authentication available
-    return [];
-  }
-
-  /**
-   * Create a project token
-   * @param {string} projectSlug - Project slug
-   * @param {string} organizationSlug - Organization slug
-   * @param {Object} tokenData - Token data
-   * @param {string} tokenData.name - Token name
-   * @param {string} [tokenData.description] - Token description
-   * @returns {Promise<Object>} Created token
-   */
-  async createProjectToken(projectSlug, organizationSlug, tokenData) {
-    if (!this.apiService) {
-      throw new VizzlyError('API service not available', 'NO_API_SERVICE');
-    }
-    try {
-      const response = await this.apiService.request(`/api/cli/organizations/${organizationSlug}/projects/${projectSlug}/tokens`, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json'
-        },
-        body: JSON.stringify(tokenData)
-      });
-      return response.token;
-    } catch (error) {
-      throw new VizzlyError(`Failed to create project token: ${error.message}`, 'TOKEN_CREATE_FAILED', {
-        originalError: error
-      });
-    }
-  }
-
-  /**
-   * List project tokens
-   * @param {string} projectSlug - Project slug
-   * @param {string} organizationSlug - Organization slug
-   * @returns {Promise<Array>} Array of tokens
-   */
-  async listProjectTokens(projectSlug, organizationSlug) {
-    if (!this.apiService) {
-      throw new VizzlyError('API service not available', 'NO_API_SERVICE');
-    }
-    try {
-      const response = await this.apiService.request(`/api/cli/organizations/${organizationSlug}/projects/${projectSlug}/tokens`, {
-        method: 'GET'
-      });
-      return response.tokens || [];
-    } catch (error) {
-      throw new VizzlyError(`Failed to fetch project tokens: ${error.message}`, 'TOKENS_FETCH_FAILED', {
-        originalError: error
-      });
-    }
-  }
-
-  /**
-   * Revoke a project token
-   * @param {string} projectSlug - Project slug
-   * @param {string} organizationSlug - Organization slug
-   * @param {string} tokenId - Token ID
-   * @returns {Promise<void>}
-   */
-  async revokeProjectToken(projectSlug, organizationSlug, tokenId) {
-    if (!this.apiService) {
-      throw new VizzlyError('API service not available', 'NO_API_SERVICE');
-    }
-    try {
-      await this.apiService.request(`/api/cli/organizations/${organizationSlug}/projects/${projectSlug}/tokens/${tokenId}`, {
-        method: 'DELETE'
-      });
-    } catch (error) {
-      throw new VizzlyError(`Failed to revoke project token: ${error.message}`, 'TOKEN_REVOKE_FAILED', {
-        originalError: error
-      });
-    }
-  }
-}

package/dist/services/report-generator/report.css

@@ -1,411 +0,0 @@
-* {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-
-body {
-  font-family:
-    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-  line-height: 1.6;
-  color: #e2e8f0;
-  background: #0f172a;
-  min-height: 100vh;
-}
-
-.container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 20px;
-}
-
-.header {
-  background: #1e293b;
-  border-radius: 12px;
-  padding: 32px;
-  margin-bottom: 24px;
-  box-shadow:
-    0 4px 6px -1px rgba(0, 0, 0, 0.1),
-    0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  border: 1px solid #334155;
-}
-
-.header h1 {
-  font-size: 2rem;
-  margin-bottom: 24px;
-  color: #f1f5f9;
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.summary {
-  display: flex;
-  gap: 30px;
-  margin-bottom: 15px;
-}
-
-.stat {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-.stat-number {
-  font-size: 2rem;
-  font-weight: bold;
-  color: #94a3b8;
-}
-
-.stat.passed .stat-number {
-  color: #22c55e;
-}
-.stat.failed .stat-number {
-  color: #f59e0b;
-}
-
-.stat-label {
-  font-size: 0.875rem;
-  color: #94a3b8;
-  text-transform: uppercase;
-  letter-spacing: 0.025em;
-  font-weight: 500;
-}
-
-.build-info {
-  color: #64748b;
-  font-size: 0.875rem;
-}
-
-.no-failures {
-  text-align: center;
-  padding: 48px;
-  background: #1e293b;
-  border-radius: 12px;
-  border: 1px solid #334155;
-  font-size: 1.125rem;
-  color: #22c55e;
-}
-
-.comparison {
-  background: #1e293b;
-  border-radius: 12px;
-  padding: 24px;
-  margin-bottom: 24px;
-  box-shadow:
-    0 4px 6px -1px rgba(0, 0, 0, 0.1),
-    0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  border: 1px solid #334155;
-}
-
-.comparison-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 20px;
-  padding-bottom: 16px;
-  border-bottom: 1px solid #334155;
-}
-
-.comparison-header h3 {
-  margin: 0;
-  font-size: 1.25rem;
-  color: #f1f5f9;
-  font-weight: 600;
-}
-
-.comparison-meta {
-  display: flex;
-  gap: 16px;
-  font-size: 0.875rem;
-}
-
-.diff-status {
-  padding: 6px 12px;
-  background: rgba(245, 158, 11, 0.1);
-  color: #f59e0b;
-  border-radius: 6px;
-  font-weight: 500;
-  border: 1px solid rgba(245, 158, 11, 0.2);
-  font-size: 0.875rem;
-}
-
-.comparison-controls {
-  display: flex;
-  gap: 10px;
-  margin-bottom: 20px;
-}
-
-.view-mode-btn {
-  padding: 8px 16px;
-  border: 1px solid #475569;
-  background: #334155;
-  border-radius: 8px;
-  cursor: pointer;
-  font-size: 0.875rem;
-  font-weight: 500;
-  transition: all 0.2s;
-  color: #cbd5e1;
-}
-
-.view-mode-btn:hover {
-  background: #475569;
-  border-color: #64748b;
-  color: #e2e8f0;
-}
-
-.view-mode-btn.active {
-  background: #f59e0b;
-  color: #1e293b;
-  border-color: #f59e0b;
-  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
-}
-
-.comparison-viewer {
-  position: relative;
-  border: 1px solid #334155;
-  border-radius: 8px;
-  overflow: hidden;
-  background: #0f172a;
-}
-
-.mode-container {
-  position: relative;
-  min-height: 200px;
-  text-align: center;
-}
-
-.mode-container img {
-  max-width: 100%;
-  height: auto;
-  display: block;
-}
-
-/* Overlay Mode */
-.overlay-container {
-  position: relative;
-  display: inline-block;
-  margin: 0 auto;
-  cursor: pointer;
-  max-width: 100%;
-}
-
-.overlay-container img {
-  max-width: 100%;
-  height: auto;
-  display: block;
-}
-
-.overlay-container .current-image {
-  position: relative;
-  z-index: 1;
-}
-
-.overlay-container .baseline-image {
-  position: absolute;
-  top: 0;
-  left: 0;
-  opacity: 0.5;
-  z-index: 2;
-}
-
-.overlay-container .diff-image {
-  position: absolute;
-  top: 0;
-  left: 0;
-  opacity: 0;
-  z-index: 3;
-}
-
-/* Side by Side Mode */
-.side-by-side-container {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 24px;
-  align-items: start;
-  padding: 16px;
-}
-
-.side-by-side-image {
-  text-align: center;
-  flex: 1;
-  min-width: 200px;
-  max-width: 400px;
-}
-
-.side-by-side-image img {
-  width: 100%;
-  height: auto;
-  max-width: none;
-  border: 2px solid #475569;
-  border-radius: 8px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
-  transition: border-color 0.2s ease;
-}
-
-.side-by-side-image img:hover {
-  border-color: #f59e0b;
-}
-
-.side-by-side-image label {
-  display: block;
-  margin-top: 12px;
-  font-size: 0.875rem;
-  color: #94a3b8;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.025em;
-}
-
-/* Onion Skin Mode */
-.onion-container {
-  position: relative;
-  display: inline-block;
-  margin: 0 auto;
-  cursor: ew-resize;
-  user-select: none;
-  max-width: 100%;
-}
-
-.onion-baseline {
-  max-width: 100%;
-  height: auto;
-  display: block;
-}
-
-.onion-current {
-  position: absolute;
-  top: 0;
-  left: 0;
-  max-width: 100%;
-  height: auto;
-  clip-path: inset(0 50% 0 0);
-}
-
-.onion-divider {
-  position: absolute;
-  top: 0;
-  left: 50%;
-  width: 2px;
-  height: 100%;
-  background: #f59e0b;
-  transform: translateX(-50%);
-  z-index: 10;
-  pointer-events: none;
-}
-
-.onion-divider::before {
-  content: "";
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  background: #f59e0b;
-  border: 2px solid #1e293b;
-}
-
-.onion-divider::after {
-  content: "⟷";
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  color: #1e293b;
-  font-size: 12px;
-  font-weight: bold;
-}
-
-/* Toggle Mode */
-.toggle-container {
-  display: inline-block;
-}
-
-.toggle-container img {
-  max-width: 100%;
-  width: auto;
-  height: auto;
-  cursor: pointer;
-}
-
-.error {
-  color: #ef4444;
-  text-align: center;
-  padding: 40px;
-}
-
-/* Action buttons for accept/reject */
-.comparison-actions {
-  display: flex;
-  gap: 12px;
-  margin: 16px 0;
-  padding: 16px;
-  background: #1e293b;
-  border-radius: 8px;
-  border: 1px solid #334155;
-}
-
-.accept-btn,
-.reject-btn {
-  padding: 10px 16px;
-  border: none;
-  border-radius: 6px;
-  font-size: 14px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.accept-btn {
-  background: #059669;
-  color: white;
-}
-
-.accept-btn:hover {
-  background: #047857;
-}
-
-.accept-btn:disabled {
-  background: #6b7280;
-  cursor: not-allowed;
-}
-
-.reject-btn {
-  background: #dc2626;
-  color: white;
-}
-
-.reject-btn:hover {
-  background: #b91c1c;
-}
-
-.reject-btn:disabled {
-  background: #6b7280;
-  cursor: not-allowed;
-}
-
-@media (max-width: 768px) {
-  .container {
-    padding: 10px;
-  }
-  .summary {
-    flex-wrap: wrap;
-    gap: 15px;
-  }
-  .comparison-controls {
-    flex-wrap: wrap;
-  }
-  .side-by-side-container {
-    grid-template-columns: 1fr;
-    gap: 15px;
-  }
-  .comparison-actions {
-    flex-direction: column;
-  }
-}