git-shots-cli 0.1.2 → 0.2.0

package/src/review.ts

@@ -1,199 +1,199 @@
-import { execSync } from 'node:child_process';
-import { platform } from 'node:os';
-import chalk from 'chalk';
-import type { GitShotsConfig } from './config.js';
-import { upload } from './upload.js';
-
-interface ReviewOptions {
-	branch?: string;
-	sha?: string;
-	open?: boolean;
-	poll?: boolean;
-	timeout?: number;
-}
-
-interface ReviewResponse {
-	review: {
-		id: number;
-		status: string;
-		url: string;
-	};
-	diffs: Array<{
-		screen: string;
-		mismatchPercentage: number;
-		mismatchPixels: number;
-	}>;
-}
-
-interface ReviewStatusResponse {
-	review: {
-		id: number;
-		status: string;
-	};
-	diffs: Array<{
-		base: { screen_slug: string };
-		mismatch_percentage: number;
-		status: string;
-	}>;
-}
-
-function openBrowser(url: string): void {
-	try {
-		const os = platform();
-		if (os === 'win32') {
-			execSync(`start "" "${url}"`, { stdio: 'ignore' });
-		} else if (os === 'darwin') {
-			execSync(`open "${url}"`, { stdio: 'ignore' });
-		} else {
-			execSync(`xdg-open "${url}"`, { stdio: 'ignore' });
-		}
-	} catch {
-		console.log(chalk.dim(`Could not open browser. Visit the URL manually.`));
-	}
-}
-
-function sleep(ms: number): Promise<void> {
-	return new Promise((resolve) => setTimeout(resolve, ms));
-}
-
-export async function review(config: GitShotsConfig, options: ReviewOptions) {
-	const shouldOpen = options.open ?? true;
-	const shouldPoll = options.poll ?? true;
-	const timeoutSec = options.timeout ?? 300;
-
-	// Get git info
-	const branch =
-		options.branch ??
-		execSync('git rev-parse --abbrev-ref HEAD', { encoding: 'utf-8' }).trim();
-	const sha =
-		options.sha ?? execSync('git rev-parse HEAD', { encoding: 'utf-8' }).trim();
-
-	console.log(chalk.dim(`Project: ${config.project}`));
-	console.log(chalk.dim(`Branch:  ${branch}`));
-	console.log(chalk.dim(`SHA:     ${sha.slice(0, 7)}`));
-	console.log();
-
-	// Step 1: Upload screenshots
-	console.log(chalk.dim('Uploading screenshots...'));
-	await upload(config, { branch, sha });
-	console.log();
-
-	// Step 2: Create review session via POST /api/reviews
-	console.log(chalk.dim('Creating review session...'));
-
-	const reviewUrl = `${config.server}/api/reviews`;
-	let reviewData: ReviewResponse;
-
-	try {
-		const res = await fetch(reviewUrl, {
-			method: 'POST',
-			headers: { 'Content-Type': 'application/json', Origin: config.server },
-			body: JSON.stringify({
-				project: config.project,
-				branch,
-				gitSha: sha
-			})
-		});
-		const data = await res.json();
-
-		if (!res.ok) {
-			console.error(chalk.red(`Failed to create review: ${JSON.stringify(data)}`));
-			process.exit(1);
-		}
-
-		reviewData = data as ReviewResponse;
-	} catch (err) {
-		console.error(chalk.red(`Request failed: ${err}`));
-		process.exit(1);
-	}
-
-	// Step 3: Check if all diffs are 0% mismatch
-	const allZero =
-		reviewData.diffs.length === 0 ||
-		reviewData.diffs.every((d) => d.mismatchPercentage === 0);
-
-	if (allZero) {
-		console.log(chalk.green('No visual changes detected.'));
-		process.exit(0);
-	}
-
-	// Step 4: Print review URL and diff summary
-	const sessionUrl = `${config.server}/reviews/${reviewData.review.id}`;
-	console.log();
-	console.log(chalk.bold('Visual changes detected:'));
-	console.log();
-
-	for (const d of reviewData.diffs) {
-		const pct = d.mismatchPercentage.toFixed(2) + '%';
-		const color =
-			d.mismatchPercentage > 10
-				? chalk.red
-				: d.mismatchPercentage > 1
-					? chalk.yellow
-					: chalk.green;
-		console.log(`  ${d.screen.padEnd(30)} ${color(pct)}`);
-	}
-
-	console.log();
-	console.log(`Review: ${chalk.cyan(sessionUrl)}`);
-
-	// Step 5: Open in browser
-	if (shouldOpen) {
-		openBrowser(sessionUrl);
-	}
-
-	// Step 6: Poll for verdict
-	if (!shouldPoll) {
-		return;
-	}
-
-	console.log();
-	console.log(chalk.dim(`Polling for verdict (timeout: ${timeoutSec}s)...`));
-
-	const pollInterval = 3000;
-	const startTime = Date.now();
-	const deadline = startTime + timeoutSec * 1000;
-
-	while (Date.now() < deadline) {
-		await sleep(pollInterval);
-
-		try {
-			const res = await fetch(`${config.server}/api/reviews/${reviewData.review.id}`, {
-				headers: { Origin: config.server }
-			});
-			const data = (await res.json()) as ReviewStatusResponse;
-
-			if (!res.ok) continue;
-
-			if (data.review.status === 'approved') {
-				console.log();
-				console.log(chalk.green.bold('Review approved!'));
-				process.exit(0);
-			}
-
-			if (data.review.status === 'rejected') {
-				console.log();
-				console.log(chalk.red.bold('Review rejected.'));
-
-				// Show which screens had issues
-				const rejected = data.diffs.filter((d) => d.status === 'rejected');
-				if (rejected.length > 0) {
-					console.log(chalk.dim('Rejected screens:'));
-					for (const d of rejected) {
-						console.log(chalk.red(`  - ${d.base.screen_slug}`));
-					}
-				}
-
-				process.exit(1);
-			}
-		} catch {
-			// Network error — keep polling
-		}
-	}
-
-	// Timeout
-	console.log();
-	console.log(chalk.yellow(`Review timed out after ${timeoutSec}s.`));
-	console.log(chalk.dim(`Visit ${sessionUrl} to complete the review.`));
-	process.exit(2);
-}
+import { execSync } from 'node:child_process';
+import { platform } from 'node:os';
+import chalk from 'chalk';
+import type { GitShotsConfig } from './config.js';
+import { upload } from './upload.js';
+
+interface ReviewOptions {
+	branch?: string;
+	sha?: string;
+	open?: boolean;
+	poll?: boolean;
+	timeout?: number;
+}
+
+interface ReviewResponse {
+	review: {
+		id: number;
+		status: string;
+		url: string;
+	};
+	diffs: Array<{
+		screen: string;
+		mismatchPercentage: number;
+		mismatchPixels: number;
+	}>;
+}
+
+interface ReviewStatusResponse {
+	review: {
+		id: number;
+		status: string;
+	};
+	diffs: Array<{
+		base: { screen_slug: string };
+		mismatch_percentage: number;
+		status: string;
+	}>;
+}
+
+function openBrowser(url: string): void {
+	try {
+		const os = platform();
+		if (os === 'win32') {
+			execSync(`start "" "${url}"`, { stdio: 'ignore' });
+		} else if (os === 'darwin') {
+			execSync(`open "${url}"`, { stdio: 'ignore' });
+		} else {
+			execSync(`xdg-open "${url}"`, { stdio: 'ignore' });
+		}
+	} catch {
+		console.log(chalk.dim(`Could not open browser. Visit the URL manually.`));
+	}
+}
+
+function sleep(ms: number): Promise<void> {
+	return new Promise((resolve) => setTimeout(resolve, ms));
+}
+
+export async function review(config: GitShotsConfig, options: ReviewOptions) {
+	const shouldOpen = options.open ?? true;
+	const shouldPoll = options.poll ?? true;
+	const timeoutSec = options.timeout ?? 300;
+
+	// Get git info
+	const branch =
+		options.branch ??
+		execSync('git rev-parse --abbrev-ref HEAD', { encoding: 'utf-8' }).trim();
+	const sha =
+		options.sha ?? execSync('git rev-parse HEAD', { encoding: 'utf-8' }).trim();
+
+	console.log(chalk.dim(`Project: ${config.project}`));
+	console.log(chalk.dim(`Branch:  ${branch}`));
+	console.log(chalk.dim(`SHA:     ${sha.slice(0, 7)}`));
+	console.log();
+
+	// Step 1: Upload screenshots
+	console.log(chalk.dim('Uploading screenshots...'));
+	await upload(config, { branch, sha });
+	console.log();
+
+	// Step 2: Create review session via POST /api/reviews
+	console.log(chalk.dim('Creating review session...'));
+
+	const reviewUrl = `${config.server}/api/reviews`;
+	let reviewData: ReviewResponse;
+
+	try {
+		const res = await fetch(reviewUrl, {
+			method: 'POST',
+			headers: { 'Content-Type': 'application/json', Origin: config.server },
+			body: JSON.stringify({
+				project: config.project,
+				branch,
+				gitSha: sha
+			})
+		});
+		const data = await res.json();
+
+		if (!res.ok) {
+			console.error(chalk.red(`Failed to create review: ${JSON.stringify(data)}`));
+			process.exit(1);
+		}
+
+		reviewData = data as ReviewResponse;
+	} catch (err) {
+		console.error(chalk.red(`Request failed: ${err}`));
+		process.exit(1);
+	}
+
+	// Step 3: Check if all diffs are 0% mismatch
+	const allZero =
+		reviewData.diffs.length === 0 ||
+		reviewData.diffs.every((d) => d.mismatchPercentage === 0);
+
+	if (allZero) {
+		console.log(chalk.green('No visual changes detected.'));
+		process.exit(0);
+	}
+
+	// Step 4: Print review URL and diff summary
+	const sessionUrl = `${config.server}/reviews/${reviewData.review.id}`;
+	console.log();
+	console.log(chalk.bold('Visual changes detected:'));
+	console.log();
+
+	for (const d of reviewData.diffs) {
+		const pct = d.mismatchPercentage.toFixed(2) + '%';
+		const color =
+			d.mismatchPercentage > 10
+				? chalk.red
+				: d.mismatchPercentage > 1
+					? chalk.yellow
+					: chalk.green;
+		console.log(`  ${d.screen.padEnd(30)} ${color(pct)}`);
+	}
+
+	console.log();
+	console.log(`Review: ${chalk.cyan(sessionUrl)}`);
+
+	// Step 5: Open in browser
+	if (shouldOpen) {
+		openBrowser(sessionUrl);
+	}
+
+	// Step 6: Poll for verdict
+	if (!shouldPoll) {
+		return;
+	}
+
+	console.log();
+	console.log(chalk.dim(`Polling for verdict (timeout: ${timeoutSec}s)...`));
+
+	const pollInterval = 3000;
+	const startTime = Date.now();
+	const deadline = startTime + timeoutSec * 1000;
+
+	while (Date.now() < deadline) {
+		await sleep(pollInterval);
+
+		try {
+			const res = await fetch(`${config.server}/api/reviews/${reviewData.review.id}`, {
+				headers: { Origin: config.server }
+			});
+			const data = (await res.json()) as ReviewStatusResponse;
+
+			if (!res.ok) continue;
+
+			if (data.review.status === 'approved') {
+				console.log();
+				console.log(chalk.green.bold('Review approved!'));
+				process.exit(0);
+			}
+
+			if (data.review.status === 'rejected') {
+				console.log();
+				console.log(chalk.red.bold('Review rejected.'));
+
+				// Show which screens had issues
+				const rejected = data.diffs.filter((d) => d.status === 'rejected');
+				if (rejected.length > 0) {
+					console.log(chalk.dim('Rejected screens:'));
+					for (const d of rejected) {
+						console.log(chalk.red(`  - ${d.base.screen_slug}`));
+					}
+				}
+
+				process.exit(1);
+			}
+		} catch {
+			// Network error — keep polling
+		}
+	}
+
+	// Timeout
+	console.log();
+	console.log(chalk.yellow(`Review timed out after ${timeoutSec}s.`));
+	console.log(chalk.dim(`Visit ${sessionUrl} to complete the review.`));
+	process.exit(2);
+}

package/src/status.ts

@@ -1,42 +1,42 @@
-import chalk from 'chalk';
-import type { GitShotsConfig } from './config.js';
-
-export async function status(config: GitShotsConfig) {
-	const url = `${config.server}/api/diffs?project=${encodeURIComponent(config.project)}`;
-
-	try {
-		const res = await fetch(url);
-		const data = await res.json();
-
-		if (!res.ok) {
-			console.error(chalk.red(`Status failed: ${JSON.stringify(data)}`));
-			process.exit(1);
-		}
-
-		if (data.length === 0) {
-			console.log(chalk.dim('No diffs found for this project.'));
-			return;
-		}
-
-		console.log(`${chalk.bold(data.length)} diffs for ${config.project}`);
-		console.log();
-		console.log(chalk.dim('ID'.padEnd(8) + 'Status'.padEnd(12) + 'Mismatch'.padEnd(12) + 'Date'));
-		console.log(chalk.dim('-'.repeat(50)));
-
-		for (const { diff } of data) {
-			const statusColor =
-				diff.status === 'approved' ? chalk.green :
-				diff.status === 'rejected' ? chalk.red :
-				chalk.yellow;
-			console.log(
-				String(diff.id).padEnd(8) +
-				statusColor(diff.status.padEnd(12)) +
-				(diff.mismatch_percentage.toFixed(2) + '%').padEnd(12) +
-				chalk.dim(new Date(diff.created_at * 1000).toLocaleDateString())
-			);
-		}
-	} catch (err) {
-		console.error(chalk.red(`Request failed: ${err}`));
-		process.exit(1);
-	}
-}
+import chalk from 'chalk';
+import type { GitShotsConfig } from './config.js';
+
+export async function status(config: GitShotsConfig) {
+	const url = `${config.server}/api/diffs?project=${encodeURIComponent(config.project)}`;
+
+	try {
+		const res = await fetch(url);
+		const data = await res.json();
+
+		if (!res.ok) {
+			console.error(chalk.red(`Status failed: ${JSON.stringify(data)}`));
+			process.exit(1);
+		}
+
+		if (data.length === 0) {
+			console.log(chalk.dim('No diffs found for this project.'));
+			return;
+		}
+
+		console.log(`${chalk.bold(data.length)} diffs for ${config.project}`);
+		console.log();
+		console.log(chalk.dim('ID'.padEnd(8) + 'Status'.padEnd(12) + 'Mismatch'.padEnd(12) + 'Date'));
+		console.log(chalk.dim('-'.repeat(50)));
+
+		for (const { diff } of data) {
+			const statusColor =
+				diff.status === 'approved' ? chalk.green :
+				diff.status === 'rejected' ? chalk.red :
+				chalk.yellow;
+			console.log(
+				String(diff.id).padEnd(8) +
+				statusColor(diff.status.padEnd(12)) +
+				(diff.mismatch_percentage.toFixed(2) + '%').padEnd(12) +
+				chalk.dim(new Date(diff.created_at * 1000).toLocaleDateString())
+			);
+		}
+	} catch (err) {
+		console.error(chalk.red(`Request failed: ${err}`));
+		process.exit(1);
+	}
+}

package/src/upload.ts

@@ -1,74 +1,74 @@
-import { readFileSync, existsSync } from 'node:fs';
-import { resolve, basename, relative, dirname } from 'node:path';
-import { execSync } from 'node:child_process';
-import { glob } from 'glob';
-import chalk from 'chalk';
-import type { GitShotsConfig } from './config.js';
-
-export async function upload(config: GitShotsConfig, options: { branch?: string; sha?: string }) {
-	const dir = resolve(process.cwd(), config.directory);
-	if (!existsSync(dir)) {
-		console.error(chalk.red(`Directory not found: ${dir}`));
-		process.exit(1);
-	}
-
-	// Get git info
-	const branch = options.branch ?? execSync('git rev-parse --abbrev-ref HEAD', { encoding: 'utf-8' }).trim();
-	const sha = options.sha ?? execSync('git rev-parse HEAD', { encoding: 'utf-8' }).trim();
-
-	console.log(chalk.dim(`Project: ${config.project}`));
-	console.log(chalk.dim(`Branch:  ${branch}`));
-	console.log(chalk.dim(`SHA:     ${sha.slice(0, 7)}`));
-	console.log(chalk.dim(`Dir:     ${dir}`));
-	console.log();
-
-	// Find all PNGs
-	const files = await glob('**/*.png', { cwd: dir });
-	if (files.length === 0) {
-		console.log(chalk.yellow('No PNG files found.'));
-		return;
-	}
-
-	console.log(chalk.dim(`Found ${files.length} screenshots`));
-
-	// Build multipart form
-	const formData = new FormData();
-	formData.append('project', config.project);
-	formData.append('branch', branch);
-	formData.append('gitSha', sha);
-
-	for (const file of files) {
-		const fullPath = resolve(dir, file);
-		const buffer = readFileSync(fullPath);
-		const blob = new Blob([buffer], { type: 'image/png' });
-
-		// Use directory as field name for category derivation
-		const dirName = dirname(file);
-		const fieldName = dirName !== '.' ? `${dirName}/${basename(file)}` : basename(file);
-
-		formData.append(fieldName, blob, basename(file));
-	}
-
-	// Upload
-	const url = `${config.server}/api/upload`;
-	console.log(chalk.dim(`Uploading to ${url}...`));
-
-	try {
-		const res = await fetch(url, {
-			method: 'POST',
-			body: formData,
-			headers: { Origin: config.server },
-		});
-		const data = await res.json();
-
-		if (!res.ok) {
-			console.error(chalk.red(`Upload failed: ${JSON.stringify(data)}`));
-			process.exit(1);
-		}
-
-		console.log(chalk.green(`Uploaded ${data.uploaded} screenshots`));
-	} catch (err) {
-		console.error(chalk.red(`Request failed: ${err}`));
-		process.exit(1);
-	}
-}
+import { readFileSync, existsSync } from 'node:fs';
+import { resolve, basename, relative, dirname } from 'node:path';
+import { execSync } from 'node:child_process';
+import { glob } from 'glob';
+import chalk from 'chalk';
+import type { GitShotsConfig } from './config.js';
+
+export async function upload(config: GitShotsConfig, options: { branch?: string; sha?: string }) {
+	const dir = resolve(process.cwd(), config.directory);
+	if (!existsSync(dir)) {
+		console.error(chalk.red(`Directory not found: ${dir}`));
+		process.exit(1);
+	}
+
+	// Get git info
+	const branch = options.branch ?? execSync('git rev-parse --abbrev-ref HEAD', { encoding: 'utf-8' }).trim();
+	const sha = options.sha ?? execSync('git rev-parse HEAD', { encoding: 'utf-8' }).trim();
+
+	console.log(chalk.dim(`Project: ${config.project}`));
+	console.log(chalk.dim(`Branch:  ${branch}`));
+	console.log(chalk.dim(`SHA:     ${sha.slice(0, 7)}`));
+	console.log(chalk.dim(`Dir:     ${dir}`));
+	console.log();
+
+	// Find all PNGs
+	const files = await glob('**/*.png', { cwd: dir });
+	if (files.length === 0) {
+		console.log(chalk.yellow('No PNG files found.'));
+		return;
+	}
+
+	console.log(chalk.dim(`Found ${files.length} screenshots`));
+
+	// Build multipart form
+	const formData = new FormData();
+	formData.append('project', config.project);
+	formData.append('branch', branch);
+	formData.append('gitSha', sha);
+
+	for (const file of files) {
+		const fullPath = resolve(dir, file);
+		const buffer = readFileSync(fullPath);
+		const blob = new Blob([buffer], { type: 'image/png' });
+
+		// Use directory as field name for category derivation
+		const dirName = dirname(file);
+		const fieldName = dirName !== '.' ? `${dirName}/${basename(file)}` : basename(file);
+
+		formData.append(fieldName, blob, basename(file));
+	}
+
+	// Upload
+	const url = `${config.server}/api/upload`;
+	console.log(chalk.dim(`Uploading to ${url}...`));
+
+	try {
+		const res = await fetch(url, {
+			method: 'POST',
+			body: formData,
+			headers: { Origin: config.server },
+		});
+		const data = await res.json();
+
+		if (!res.ok) {
+			console.error(chalk.red(`Upload failed: ${JSON.stringify(data)}`));
+			process.exit(1);
+		}
+
+		console.log(chalk.green(`Uploaded ${data.uploaded} screenshots`));
+	} catch (err) {
+		console.error(chalk.red(`Request failed: ${err}`));
+		process.exit(1);
+	}
+}

package/tsconfig.json

@@ -1,14 +1,14 @@
-{
-	"compilerOptions": {
-		"target": "ES2022",
-		"module": "ESNext",
-		"moduleResolution": "bundler",
-		"esModuleInterop": true,
-		"strict": true,
-		"outDir": "dist",
-		"rootDir": "src",
-		"declaration": true,
-		"skipLibCheck": true
-	},
-	"include": ["src"]
-}
+{
+	"compilerOptions": {
+		"target": "ES2022",
+		"module": "ESNext",
+		"moduleResolution": "bundler",
+		"esModuleInterop": true,
+		"strict": true,
+		"outDir": "dist",
+		"rootDir": "src",
+		"declaration": true,
+		"skipLibCheck": true
+	},
+	"include": ["src"]
+}

package/bash.exe.stackdump

@@ -1,9 +0,0 @@
-Stack trace:
-Frame        Function    Args
-000FFFFBED8  0018006137E (0018026DF0D, 0018024E186, 000FFFFBED8, 000FFFFADD0)
-000FFFFBED8  00180049229 (00000000000, 00000000000, 00000000000, 00000000000)
-000FFFFBED8  00180049262 (0018026DFC9, 000FFFFBD88, 000FFFFBED8, 00000000000)
-000FFFFBED8  001800B5C58 (00000000000, 00000000000, 00000000000, 00000000000)
-000FFFFBED8  001800B5DDD (000FFFFBEF0, 00000000000, 00000000000, 00000000000)
-000FFFFC1A0  001800B740C (000FFFFBEF0, 00000000000, 00000000000, 00000000000)
-End of stack trace