@vizejs/vite-plugin-musea 0.13.0 → 0.14.0

package/dist/{vrt-CrjRhMVE.js → vrt-5_c9P1YY.js}

@@ -1,5 +1,5 @@
-import path from "node:path";
 import fs from "node:fs";
+import path from "node:path";
 import { PNG } from "pngjs";
 
 //#region src/vrt/comparison.ts
@@ -99,6 +99,210 @@ function escapeHtml(str) {
 	return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
 }
 
+//#endregion
+//#region src/vrt/utils.ts
+/**
+* Build URL for variant preview.
+*/
+function buildVariantUrl(baseUrl, artPath, variantName) {
+	const encodedPath = encodeURIComponent(artPath);
+	const encodedVariant = encodeURIComponent(variantName);
+	return `${baseUrl}/__musea__/preview?art=${encodedPath}&variant=${encodedVariant}`;
+}
+/**
+* Compute VRT summary statistics from a list of results.
+*/
+function computeSummary(results, startTime) {
+	return {
+		total: results.length,
+		passed: results.filter((r) => r.passed && !r.isNew).length,
+		failed: results.filter((r) => !r.passed && !r.error).length,
+		new: results.filter((r) => r.isNew).length,
+		skipped: results.filter((r) => r.error).length,
+		duration: Date.now() - startTime
+	};
+}
+
+//#endregion
+//#region src/vrt/runner-comparison.ts
+/**
+* Capture screenshot and compare with baseline.
+*
+* Standalone function that operates on a MuseaVrtRunner instance.
+*/
+async function captureAndCompare(runner, art, variantName, viewport, baseUrl) {
+	const browser = runner.getBrowser();
+	if (!browser) throw new Error("VRT runner not initialized. Call init() first.");
+	const options = runner.getOptions();
+	const capture = runner.getCapture();
+	const comparison = runner.getComparison();
+	const snapshotDir = options.snapshotDir;
+	const artBaseName = path.basename(art.path, ".art.vue");
+	const viewportName = viewport.name || `${viewport.width}x${viewport.height}`;
+	const snapshotName = `${artBaseName}--${variantName}--${viewportName}.png`;
+	const snapshotPath = path.join(snapshotDir, snapshotName);
+	const currentPath = path.join(snapshotDir, "current", snapshotName);
+	const diffPath = path.join(snapshotDir, "diff", snapshotName);
+	await fs.promises.mkdir(path.dirname(snapshotPath), { recursive: true });
+	await fs.promises.mkdir(path.join(snapshotDir, "current"), { recursive: true });
+	await fs.promises.mkdir(path.join(snapshotDir, "diff"), { recursive: true });
+	let context = null;
+	let page = null;
+	try {
+		context = await browser.newContext({
+			viewport: {
+				width: viewport.width,
+				height: viewport.height
+			},
+			deviceScaleFactor: viewport.deviceScaleFactor ?? 1
+		});
+		page = await context.newPage();
+		const variantUrl = buildVariantUrl(baseUrl, art.path, variantName);
+		const waitUntil = capture.waitForNetwork ? "networkidle" : "load";
+		await page.goto(variantUrl, { waitUntil });
+		await page.waitForSelector(capture.waitSelector, { timeout: 1e4 });
+		await page.waitForTimeout(capture.settleTime);
+		if (capture.hideElements.length > 0) for (const selector of capture.hideElements) await page.evaluate((sel) => {
+			document.querySelectorAll(sel).forEach((el) => {
+				el.style.visibility = "hidden";
+			});
+		}, selector);
+		if (capture.maskElements.length > 0) for (const selector of capture.maskElements) await page.evaluate((sel) => {
+			document.querySelectorAll(sel).forEach((el) => {
+				const htmlEl = el;
+				htmlEl.style.background = "#ff00ff";
+				htmlEl.style.color = "transparent";
+				htmlEl.innerHTML = "";
+			});
+		}, selector);
+		await page.screenshot({
+			path: currentPath,
+			fullPage: capture.fullPage
+		});
+		const hasBaseline = await fileExists(snapshotPath);
+		if (!hasBaseline) {
+			await fs.promises.copyFile(currentPath, snapshotPath);
+			return {
+				artPath: art.path,
+				variantName,
+				viewport,
+				passed: true,
+				snapshotPath,
+				currentPath,
+				isNew: true
+			};
+		}
+		const comparisonResult = await compareImages(snapshotPath, currentPath, diffPath, comparison);
+		const passed = comparisonResult.diffPercentage <= options.threshold;
+		return {
+			artPath: art.path,
+			variantName,
+			viewport,
+			passed,
+			snapshotPath,
+			currentPath,
+			diffPath: passed ? void 0 : diffPath,
+			diffPercentage: comparisonResult.diffPercentage,
+			diffPixels: comparisonResult.diffPixels,
+			totalPixels: comparisonResult.totalPixels
+		};
+	} catch (error) {
+		return {
+			artPath: art.path,
+			variantName,
+			viewport,
+			passed: false,
+			snapshotPath,
+			error: error instanceof Error ? error.message : String(error)
+		};
+	} finally {
+		if (page) await page.close();
+		if (context) await context.close();
+	}
+}
+/**
+* Compare two PNG images and generate a diff image.
+* Returns pixel difference statistics.
+*/
+async function compareImages(baselinePath, currentPath, diffPath, comparison) {
+	const baseline = await readPng(baselinePath);
+	const current = await readPng(currentPath);
+	if (baseline.width !== current.width || baseline.height !== current.height) {
+		const width$1 = Math.max(baseline.width, current.width);
+		const height$1 = Math.max(baseline.height, current.height);
+		const diff$1 = new PNG({
+			width: width$1,
+			height: height$1
+		});
+		for (let i = 0; i < diff$1.data.length; i += 4) {
+			diff$1.data[i] = 255;
+			diff$1.data[i + 1] = 0;
+			diff$1.data[i + 2] = 0;
+			diff$1.data[i + 3] = 255;
+		}
+		await writePng(diff$1, diffPath);
+		return {
+			diffPixels: width$1 * height$1,
+			totalPixels: width$1 * height$1,
+			diffPercentage: 100
+		};
+	}
+	const width = baseline.width;
+	const height = baseline.height;
+	const totalPixels = width * height;
+	const diff = new PNG({
+		width,
+		height
+	});
+	const useAntiAliasing = comparison.antiAliasing ?? true;
+	const useAlpha = comparison.alpha ?? true;
+	const diffColor = comparison.diffColor ?? {
+		r: 255,
+		g: 0,
+		b: 0
+	};
+	let diffPixels = 0;
+	const threshold = .1;
+	for (let y = 0; y < height; y++) for (let x = 0; x < width; x++) {
+		const idx = (y * width + x) * 4;
+		const r1 = baseline.data[idx];
+		const g1 = baseline.data[idx + 1];
+		const b1 = baseline.data[idx + 2];
+		const a1 = useAlpha ? baseline.data[idx + 3] : 255;
+		const r2 = current.data[idx];
+		const g2 = current.data[idx + 1];
+		const b2 = current.data[idx + 2];
+		const a2 = useAlpha ? current.data[idx + 3] : 255;
+		const delta = colorDelta(r1, g1, b1, a1, r2, g2, b2, a2);
+		if (delta > threshold * 255 * 255) if (useAntiAliasing && isAntiAliased(baseline, current, x, y, width, height)) {
+			diff.data[idx] = 255;
+			diff.data[idx + 1] = 200;
+			diff.data[idx + 2] = 0;
+			diff.data[idx + 3] = 128;
+		} else {
+			diffPixels++;
+			diff.data[idx] = diffColor.r;
+			diff.data[idx + 1] = diffColor.g;
+			diff.data[idx + 2] = diffColor.b;
+			diff.data[idx + 3] = 255;
+		}
+		else {
+			const gray = Math.round((r2 + g2 + b2) / 3);
+			diff.data[idx] = gray;
+			diff.data[idx + 1] = gray;
+			diff.data[idx + 2] = gray;
+			diff.data[idx + 3] = 128;
+		}
+	}
+	if (diffPixels > 0) await writePng(diff, diffPath);
+	const diffPercentage = diffPixels / totalPixels * 100;
+	return {
+		diffPixels,
+		totalPixels,
+		diffPercentage
+	};
+}
+
 //#endregion
 //#region src/vrt/runner.ts
 /**
@@ -136,6 +340,22 @@ var MuseaVrtRunner = class {
 		this.comparison = options.comparison ?? {};
 		this.ci = options.ci ?? {};
 	}
+	/** @internal */
+	getBrowser() {
+		return this.browser;
+	}
+	/** @internal */
+	getOptions() {
+		return this.options;
+	}
+	/** @internal */
+	getCapture() {
+		return this.capture;
+	}
+	/** @internal */
+	getComparison() {
+		return this.comparison;
+	}
 	/**
 	* Initialize Playwright browser.
 	*/
@@ -201,90 +421,7 @@ var MuseaVrtRunner = class {
 	* Capture screenshot and compare with baseline.
 	*/
 	async captureAndCompare(art, variantName, viewport, baseUrl) {
-		if (!this.browser) throw new Error("VRT runner not initialized. Call init() first.");
-		const snapshotDir = this.options.snapshotDir;
-		const artBaseName = path.basename(art.path, ".art.vue");
-		const viewportName = viewport.name || `${viewport.width}x${viewport.height}`;
-		const snapshotName = `${artBaseName}--${variantName}--${viewportName}.png`;
-		const snapshotPath = path.join(snapshotDir, snapshotName);
-		const currentPath = path.join(snapshotDir, "current", snapshotName);
-		const diffPath = path.join(snapshotDir, "diff", snapshotName);
-		await fs.promises.mkdir(path.dirname(snapshotPath), { recursive: true });
-		await fs.promises.mkdir(path.join(snapshotDir, "current"), { recursive: true });
-		await fs.promises.mkdir(path.join(snapshotDir, "diff"), { recursive: true });
-		let context = null;
-		let page = null;
-		try {
-			context = await this.browser.newContext({
-				viewport: {
-					width: viewport.width,
-					height: viewport.height
-				},
-				deviceScaleFactor: viewport.deviceScaleFactor ?? 1
-			});
-			page = await context.newPage();
-			const variantUrl = this.buildVariantUrl(baseUrl, art.path, variantName);
-			const waitUntil = this.capture.waitForNetwork ? "networkidle" : "load";
-			await page.goto(variantUrl, { waitUntil });
-			await page.waitForSelector(this.capture.waitSelector, { timeout: 1e4 });
-			await page.waitForTimeout(this.capture.settleTime);
-			if (this.capture.hideElements.length > 0) for (const selector of this.capture.hideElements) await page.evaluate((sel) => {
-				document.querySelectorAll(sel).forEach((el) => {
-					el.style.visibility = "hidden";
-				});
-			}, selector);
-			if (this.capture.maskElements.length > 0) for (const selector of this.capture.maskElements) await page.evaluate((sel) => {
-				document.querySelectorAll(sel).forEach((el) => {
-					const htmlEl = el;
-					htmlEl.style.background = "#ff00ff";
-					htmlEl.style.color = "transparent";
-					htmlEl.innerHTML = "";
-				});
-			}, selector);
-			await page.screenshot({
-				path: currentPath,
-				fullPage: this.capture.fullPage
-			});
-			const hasBaseline = await fileExists(snapshotPath);
-			if (!hasBaseline) {
-				await fs.promises.copyFile(currentPath, snapshotPath);
-				return {
-					artPath: art.path,
-					variantName,
-					viewport,
-					passed: true,
-					snapshotPath,
-					currentPath,
-					isNew: true
-				};
-			}
-			const comparison = await this.compareImages(snapshotPath, currentPath, diffPath);
-			const passed = comparison.diffPercentage <= this.options.threshold;
-			return {
-				artPath: art.path,
-				variantName,
-				viewport,
-				passed,
-				snapshotPath,
-				currentPath,
-				diffPath: passed ? void 0 : diffPath,
-				diffPercentage: comparison.diffPercentage,
-				diffPixels: comparison.diffPixels,
-				totalPixels: comparison.totalPixels
-			};
-		} catch (error) {
-			return {
-				artPath: art.path,
-				variantName,
-				viewport,
-				passed: false,
-				snapshotPath,
-				error: error instanceof Error ? error.message : String(error)
-			};
-		} finally {
-			if (page) await page.close();
-			if (context) await context.close();
-		}
+		return captureAndCompare(this, art, variantName, viewport, baseUrl);
 	}
 	/**
 	* Get the Playwright Page for external use (e.g., a11y auditing).
@@ -362,104 +499,7 @@ var MuseaVrtRunner = class {
 	* Get VRT summary statistics.
 	*/
 	getSummary(results) {
-		return {
-			total: results.length,
-			passed: results.filter((r) => r.passed && !r.isNew).length,
-			failed: results.filter((r) => !r.passed && !r.error).length,
-			new: results.filter((r) => r.isNew).length,
-			skipped: results.filter((r) => r.error).length,
-			duration: Date.now() - this.startTime
-		};
-	}
-	/**
-	* Build URL for variant preview.
-	*/
-	buildVariantUrl(baseUrl, artPath, variantName) {
-		const encodedPath = encodeURIComponent(artPath);
-		const encodedVariant = encodeURIComponent(variantName);
-		return `${baseUrl}/__musea__/preview?art=${encodedPath}&variant=${encodedVariant}`;
-	}
-	/**
-	* Compare two PNG images and generate a diff image.
-	* Returns pixel difference statistics.
-	*/
-	async compareImages(baselinePath, currentPath, diffPath) {
-		const baseline = await readPng(baselinePath);
-		const current = await readPng(currentPath);
-		if (baseline.width !== current.width || baseline.height !== current.height) {
-			const width$1 = Math.max(baseline.width, current.width);
-			const height$1 = Math.max(baseline.height, current.height);
-			const diff$1 = new PNG({
-				width: width$1,
-				height: height$1
-			});
-			for (let i = 0; i < diff$1.data.length; i += 4) {
-				diff$1.data[i] = 255;
-				diff$1.data[i + 1] = 0;
-				diff$1.data[i + 2] = 0;
-				diff$1.data[i + 3] = 255;
-			}
-			await writePng(diff$1, diffPath);
-			return {
-				diffPixels: width$1 * height$1,
-				totalPixels: width$1 * height$1,
-				diffPercentage: 100
-			};
-		}
-		const width = baseline.width;
-		const height = baseline.height;
-		const totalPixels = width * height;
-		const diff = new PNG({
-			width,
-			height
-		});
-		const useAntiAliasing = this.comparison.antiAliasing ?? true;
-		const useAlpha = this.comparison.alpha ?? true;
-		const diffColor = this.comparison.diffColor ?? {
-			r: 255,
-			g: 0,
-			b: 0
-		};
-		let diffPixels = 0;
-		const threshold = .1;
-		for (let y = 0; y < height; y++) for (let x = 0; x < width; x++) {
-			const idx = (y * width + x) * 4;
-			const r1 = baseline.data[idx];
-			const g1 = baseline.data[idx + 1];
-			const b1 = baseline.data[idx + 2];
-			const a1 = useAlpha ? baseline.data[idx + 3] : 255;
-			const r2 = current.data[idx];
-			const g2 = current.data[idx + 1];
-			const b2 = current.data[idx + 2];
-			const a2 = useAlpha ? current.data[idx + 3] : 255;
-			const delta = colorDelta(r1, g1, b1, a1, r2, g2, b2, a2);
-			if (delta > threshold * 255 * 255) if (useAntiAliasing && isAntiAliased(baseline, current, x, y, width, height)) {
-				diff.data[idx] = 255;
-				diff.data[idx + 1] = 200;
-				diff.data[idx + 2] = 0;
-				diff.data[idx + 3] = 128;
-			} else {
-				diffPixels++;
-				diff.data[idx] = diffColor.r;
-				diff.data[idx + 1] = diffColor.g;
-				diff.data[idx + 2] = diffColor.b;
-				diff.data[idx + 3] = 255;
-			}
-			else {
-				const gray = Math.round((r2 + g2 + b2) / 3);
-				diff.data[idx] = gray;
-				diff.data[idx + 1] = gray;
-				diff.data[idx + 2] = gray;
-				diff.data[idx + 3] = 128;
-			}
-		}
-		if (diffPixels > 0) await writePng(diff, diffPath);
-		const diffPercentage = diffPixels / totalPixels * 100;
-		return {
-			diffPixels,
-			totalPixels,
-			diffPercentage
-		};
+		return computeSummary(results, this.startTime);
 	}
 };
 
@@ -732,4 +772,4 @@ var vrt_default = MuseaVrtRunner;
 
 //#endregion
 export { MuseaVrtRunner, generateVrtJsonReport, generateVrtReport, vrt_default };
-//# sourceMappingURL=vrt-CrjRhMVE.js.map
+//# sourceMappingURL=vrt-5_c9P1YY.js.map

package/dist/vrt-5_c9P1YY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vrt-5_c9P1YY.js","names":["filepath: string","png: PNG","r1: number","g1: number","b1: number","a1: number","r2: number","g2: number","b2: number","a2: number","fg: number","bg: number","alpha: number","img1: PNG","img2: PNG","x: number","y: number","width: number","height: number","pattern: string","str: string","baseUrl: string","artPath: string","variantName: string","results: VrtResult[]","startTime: number","runner: MuseaVrtRunner","art: ArtFileInfo","variantName: string","viewport: ViewportConfig","baseUrl: string","context: BrowserContext | null","page: Page | null","baselinePath: string","currentPath: string","diffPath: string","comparison: {\n    antiAliasing?: boolean;\n    alpha?: boolean;\n    diffColor?: { r: number; g: number; b: number };\n  }","width","height","diff","options: ExtendedVrtOptions","artFiles: ArtFileInfo[]","baseUrl: string","results: VrtResult[]","result: VrtResult | null","_options?: { updateSnapshots?: boolean }","art: ArtFileInfo","variantName: string","viewport: ViewportConfig","pattern?: string","results: VrtResult[]","summary: VrtSummary","ms: number"],"sources":["../src/vrt/comparison.ts","../src/vrt/utils.ts","../src/vrt/runner-comparison.ts","../src/vrt/runner.ts","../src/vrt/report.ts","../src/vrt.ts"],"sourcesContent":["/**\n * Pixel comparison utilities for VRT.\n *\n * Provides PNG reading/writing, color delta calculation using YIQ color space,\n * and anti-aliasing detection for pixel-level image comparison.\n */\n\nimport fs from \"node:fs\";\nimport { PNG } from \"pngjs\";\n\n/**\n * Read PNG file and return PNG object.\n */\nexport async function readPng(filepath: string): Promise<PNG> {\n  return new Promise((resolve, reject) => {\n    fs.createReadStream(filepath)\n      .pipe(new PNG())\n      .on(\"parsed\", function (this: PNG) {\n        resolve(this);\n      })\n      .on(\"error\", reject);\n  });\n}\n\n/**\n * Write PNG object to file.\n */\nexport async function writePng(png: PNG, filepath: string): Promise<void> {\n  return new Promise((resolve, reject) => {\n    png.pack().pipe(fs.createWriteStream(filepath)).on(\"finish\", resolve).on(\"error\", reject);\n  });\n}\n\n/**\n * Calculate color delta using YIQ color space.\n */\nexport function colorDelta(\n  r1: number,\n  g1: number,\n  b1: number,\n  a1: number,\n  r2: number,\n  g2: number,\n  b2: number,\n  a2: number,\n): number {\n  if (a1 !== 255) {\n    r1 = blend(r1, 255, a1 / 255);\n    g1 = blend(g1, 255, a1 / 255);\n    b1 = blend(b1, 255, a1 / 255);\n  }\n  if (a2 !== 255) {\n    r2 = blend(r2, 255, a2 / 255);\n    g2 = blend(g2, 255, a2 / 255);\n    b2 = blend(b2, 255, a2 / 255);\n  }\n\n  const y1 = r1 * 0.29889531 + g1 * 0.58662247 + b1 * 0.11448223;\n  const i1 = r1 * 0.59597799 - g1 * 0.2741761 - b1 * 0.32180189;\n  const q1 = r1 * 0.21147017 - g1 * 0.52261711 + b1 * 0.31114694;\n\n  const y2 = r2 * 0.29889531 + g2 * 0.58662247 + b2 * 0.11448223;\n  const i2 = r2 * 0.59597799 - g2 * 0.2741761 - b2 * 0.32180189;\n  const q2 = r2 * 0.21147017 - g2 * 0.52261711 + b2 * 0.31114694;\n\n  const dy = y1 - y2;\n  const di = i1 - i2;\n  const dq = q1 - q2;\n\n  return dy * dy * 0.5053 + di * di * 0.299 + dq * dq * 0.1957;\n}\n\n/**\n * Blend foreground with background using alpha.\n */\nfunction blend(fg: number, bg: number, alpha: number): number {\n  return bg + (fg - bg) * alpha;\n}\n\n/**\n * Check if file exists.\n */\nexport async function fileExists(filepath: string): Promise<boolean> {\n  try {\n    await fs.promises.access(filepath);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Simple anti-aliasing detection.\n * A pixel is likely anti-aliased if its neighbors have high contrast in opposite directions.\n */\nexport function isAntiAliased(\n  img1: PNG,\n  img2: PNG,\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n): boolean {\n  const minX = Math.max(0, x - 1);\n  const maxX = Math.min(width - 1, x + 1);\n  const minY = Math.max(0, y - 1);\n  const maxY = Math.min(height - 1, y + 1);\n\n  let zeroes = 0;\n  let positives = 0;\n  let negatives = 0;\n\n  for (let ny = minY; ny <= maxY; ny++) {\n    for (let nx = minX; nx <= maxX; nx++) {\n      if (nx === x && ny === y) continue;\n      const idx = (ny * width + nx) * 4;\n\n      const delta = colorDelta(\n        img1.data[idx],\n        img1.data[idx + 1],\n        img1.data[idx + 2],\n        img1.data[idx + 3],\n        img2.data[idx],\n        img2.data[idx + 1],\n        img2.data[idx + 2],\n        img2.data[idx + 3],\n      );\n\n      if (delta === 0) {\n        zeroes++;\n      } else if (delta > 0) {\n        positives++;\n      } else {\n        negatives++;\n      }\n    }\n  }\n\n  // If neighbors are mixed (some match, some differ), it's likely AA\n  return zeroes > 0 && (positives > 0 || negatives > 0) && positives + negatives < 4;\n}\n\n/**\n * Simple glob matching for pattern-based filtering.\n */\nexport function matchGlob(filepath: string, pattern: string): boolean {\n  const regex = pattern\n    .replace(/\\./g, \"\\\\.\")\n    .replace(/\\*\\*/g, \".*\")\n    .replace(/\\*(?!\\*)/g, \"[^/]*\");\n  return new RegExp(`^${regex}$`).test(filepath);\n}\n\n/**\n * Escape HTML special characters.\n */\nexport function escapeHtml(str: string): string {\n  return str\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&#x27;\");\n}\n","/**\n * Utility functions for VRT runner.\n *\n * Includes summary generation, URL builders, and helpers\n * used across the runner modules.\n */\n\nimport type { VrtResult, VrtSummary } from \"./types.js\";\n\n/**\n * Build URL for variant preview.\n */\nexport function buildVariantUrl(baseUrl: string, artPath: string, variantName: string): string {\n  const encodedPath = encodeURIComponent(artPath);\n  const encodedVariant = encodeURIComponent(variantName);\n  return `${baseUrl}/__musea__/preview?art=${encodedPath}&variant=${encodedVariant}`;\n}\n\n/**\n * Compute VRT summary statistics from a list of results.\n */\nexport function computeSummary(results: VrtResult[], startTime: number): VrtSummary {\n  return {\n    total: results.length,\n    passed: results.filter((r) => r.passed && !r.isNew).length,\n    failed: results.filter((r) => !r.passed && !r.error).length,\n    new: results.filter((r) => r.isNew).length,\n    skipped: results.filter((r) => r.error).length,\n    duration: Date.now() - startTime,\n  };\n}\n","/**\n * Screenshot capture and pixel comparison logic for VRT.\n *\n * Contains the captureAndCompare flow (browser context, navigation,\n * element hiding/masking, screenshot, baseline check) and the\n * pixel-level compareImages implementation.\n */\n\nimport type { BrowserContext, Page } from \"playwright\";\nimport type { ArtFileInfo, ViewportConfig } from \"../types/index.js\";\nimport fs from \"node:fs\";\nimport path from \"node:path\";\nimport { PNG } from \"pngjs\";\n\nimport { readPng, writePng, colorDelta, isAntiAliased, fileExists } from \"./comparison.js\";\nimport type { VrtResult } from \"./types.js\";\nimport type { MuseaVrtRunner } from \"./runner.js\";\nimport { buildVariantUrl } from \"./utils.js\";\n\n/**\n * Capture screenshot and compare with baseline.\n *\n * Standalone function that operates on a MuseaVrtRunner instance.\n */\nexport async function captureAndCompare(\n  runner: MuseaVrtRunner,\n  art: ArtFileInfo,\n  variantName: string,\n  viewport: ViewportConfig,\n  baseUrl: string,\n): Promise<VrtResult> {\n  const browser = runner.getBrowser();\n  if (!browser) {\n    throw new Error(\"VRT runner not initialized. Call init() first.\");\n  }\n\n  const options = runner.getOptions();\n  const capture = runner.getCapture();\n  const comparison = runner.getComparison();\n\n  const snapshotDir = options.snapshotDir;\n  const artBaseName = path.basename(art.path, \".art.vue\");\n  const viewportName = viewport.name || `${viewport.width}x${viewport.height}`;\n  const snapshotName = `${artBaseName}--${variantName}--${viewportName}.png`;\n  const snapshotPath = path.join(snapshotDir, snapshotName);\n  const currentPath = path.join(snapshotDir, \"current\", snapshotName);\n  const diffPath = path.join(snapshotDir, \"diff\", snapshotName);\n\n  // Ensure directories exist\n  await fs.promises.mkdir(path.dirname(snapshotPath), { recursive: true });\n  await fs.promises.mkdir(path.join(snapshotDir, \"current\"), { recursive: true });\n  await fs.promises.mkdir(path.join(snapshotDir, \"diff\"), { recursive: true });\n\n  let context: BrowserContext | null = null;\n  let page: Page | null = null;\n\n  try {\n    context = await browser.newContext({\n      viewport: {\n        width: viewport.width,\n        height: viewport.height,\n      },\n      deviceScaleFactor: viewport.deviceScaleFactor ?? 1,\n    });\n    page = await context.newPage();\n\n    // Navigate to variant preview URL\n    const variantUrl = buildVariantUrl(baseUrl, art.path, variantName);\n    const waitUntil = capture.waitForNetwork ? (\"networkidle\" as const) : (\"load\" as const);\n    await page.goto(variantUrl, { waitUntil });\n\n    // Wait for content to render\n    await page.waitForSelector(capture.waitSelector, { timeout: 10000 });\n\n    // Additional wait for animations to settle\n    await page.waitForTimeout(capture.settleTime);\n\n    // Hide elements before capture\n    if (capture.hideElements.length > 0) {\n      for (const selector of capture.hideElements) {\n        await page.evaluate((sel) => {\n          document.querySelectorAll(sel).forEach((el) => {\n            (el as HTMLElement).style.visibility = \"hidden\";\n          });\n        }, selector);\n      }\n    }\n\n    // Mask elements before capture (replace with colored box)\n    if (capture.maskElements.length > 0) {\n      for (const selector of capture.maskElements) {\n        await page.evaluate((sel) => {\n          document.querySelectorAll(sel).forEach((el) => {\n            const htmlEl = el as HTMLElement;\n            htmlEl.style.background = \"#ff00ff\";\n            htmlEl.style.color = \"transparent\";\n            htmlEl.innerHTML = \"\";\n          });\n        }, selector);\n      }\n    }\n\n    // Take screenshot\n    await page.screenshot({\n      path: currentPath,\n      fullPage: capture.fullPage,\n    });\n\n    // Check if baseline exists\n    const hasBaseline = await fileExists(snapshotPath);\n\n    if (!hasBaseline) {\n      // First run - save as baseline\n      await fs.promises.copyFile(currentPath, snapshotPath);\n      return {\n        artPath: art.path,\n        variantName,\n        viewport,\n        passed: true,\n        snapshotPath,\n        currentPath,\n        isNew: true,\n      };\n    }\n\n    // Compare images using pixel comparison\n    const comparisonResult = await compareImages(snapshotPath, currentPath, diffPath, comparison);\n\n    const passed = comparisonResult.diffPercentage <= options.threshold;\n\n    return {\n      artPath: art.path,\n      variantName,\n      viewport,\n      passed,\n      snapshotPath,\n      currentPath,\n      diffPath: passed ? undefined : diffPath,\n      diffPercentage: comparisonResult.diffPercentage,\n      diffPixels: comparisonResult.diffPixels,\n      totalPixels: comparisonResult.totalPixels,\n    };\n  } catch (error) {\n    return {\n      artPath: art.path,\n      variantName,\n      viewport,\n      passed: false,\n      snapshotPath,\n      error: error instanceof Error ? error.message : String(error),\n    };\n  } finally {\n    if (page) await page.close();\n    if (context) await context.close();\n  }\n}\n\n/**\n * Compare two PNG images and generate a diff image.\n * Returns pixel difference statistics.\n */\nexport async function compareImages(\n  baselinePath: string,\n  currentPath: string,\n  diffPath: string,\n  comparison: {\n    antiAliasing?: boolean;\n    alpha?: boolean;\n    diffColor?: { r: number; g: number; b: number };\n  },\n): Promise<{ diffPixels: number; totalPixels: number; diffPercentage: number }> {\n  const baseline = await readPng(baselinePath);\n  const current = await readPng(currentPath);\n\n  // Handle size mismatch\n  if (baseline.width !== current.width || baseline.height !== current.height) {\n    const width = Math.max(baseline.width, current.width);\n    const height = Math.max(baseline.height, current.height);\n    const diff = new PNG({ width, height });\n\n    // Fill with red to indicate size mismatch\n    for (let i = 0; i < diff.data.length; i += 4) {\n      diff.data[i] = 255; // R\n      diff.data[i + 1] = 0; // G\n      diff.data[i + 2] = 0; // B\n      diff.data[i + 3] = 255; // A\n    }\n\n    await writePng(diff, diffPath);\n\n    return {\n      diffPixels: width * height,\n      totalPixels: width * height,\n      diffPercentage: 100,\n    };\n  }\n\n  const width = baseline.width;\n  const height = baseline.height;\n  const totalPixels = width * height;\n  const diff = new PNG({ width, height });\n\n  const useAntiAliasing = comparison.antiAliasing ?? true;\n  const useAlpha = comparison.alpha ?? true;\n  const diffColor = comparison.diffColor ?? { r: 255, g: 0, b: 0 };\n\n  // Pixel comparison\n  let diffPixels = 0;\n  const threshold = 0.1; // Color difference threshold\n\n  for (let y = 0; y < height; y++) {\n    for (let x = 0; x < width; x++) {\n      const idx = (y * width + x) * 4;\n\n      const r1 = baseline.data[idx];\n      const g1 = baseline.data[idx + 1];\n      const b1 = baseline.data[idx + 2];\n      const a1 = useAlpha ? baseline.data[idx + 3] : 255;\n\n      const r2 = current.data[idx];\n      const g2 = current.data[idx + 1];\n      const b2 = current.data[idx + 2];\n      const a2 = useAlpha ? current.data[idx + 3] : 255;\n\n      // Calculate color difference using YIQ color space\n      const delta = colorDelta(r1, g1, b1, a1, r2, g2, b2, a2);\n\n      if (delta > threshold * 255 * 255) {\n        // Anti-aliasing detection: check if pixel is likely AA\n        if (useAntiAliasing && isAntiAliased(baseline, current, x, y, width, height)) {\n          // Mark as AA (yellow)\n          diff.data[idx] = 255;\n          diff.data[idx + 1] = 200;\n          diff.data[idx + 2] = 0;\n          diff.data[idx + 3] = 128;\n        } else {\n          // Mark as different\n          diffPixels++;\n          diff.data[idx] = diffColor.r;\n          diff.data[idx + 1] = diffColor.g;\n          diff.data[idx + 2] = diffColor.b;\n          diff.data[idx + 3] = 255;\n        }\n      } else {\n        // Grayscale for matching pixels\n        const gray = Math.round((r2 + g2 + b2) / 3);\n        diff.data[idx] = gray;\n        diff.data[idx + 1] = gray;\n        diff.data[idx + 2] = gray;\n        diff.data[idx + 3] = 128; // Semi-transparent\n      }\n    }\n  }\n\n  // Only write diff if there are differences\n  if (diffPixels > 0) {\n    await writePng(diff, diffPath);\n  }\n\n  const diffPercentage = (diffPixels / totalPixels) * 100;\n\n  return {\n    diffPixels,\n    totalPixels,\n    diffPercentage,\n  };\n}\n","/**\n * VRT runner using Playwright for browser automation.\n *\n * Manages browser lifecycle, screenshot capture, and baseline comparison\n * for visual regression testing of Musea art file variants.\n */\n\nimport type { Browser, BrowserContext, Page } from \"playwright\";\nimport type {\n  ArtFileInfo,\n  VrtOptions,\n  ViewportConfig,\n  CaptureConfig,\n  ComparisonConfig,\n  CiConfig,\n} from \"../types/index.js\";\nimport fs from \"node:fs\";\nimport path from \"node:path\";\n\nimport { fileExists, matchGlob } from \"./comparison.js\";\nimport { captureAndCompare } from \"./runner-comparison.js\";\nimport { computeSummary } from \"./utils.js\";\n\nexport type {\n  VrtResult,\n  VrtSummary,\n  ExtendedVrtOptions,\n  PixelCompareOptions,\n} from \"./types.js\";\n\nimport type { VrtResult, VrtSummary, ExtendedVrtOptions } from \"./types.js\";\n\n/**\n * VRT runner using Playwright.\n */\nexport class MuseaVrtRunner {\n  private options: Required<VrtOptions>;\n  private capture: Required<CaptureConfig>;\n  private comparison: ComparisonConfig;\n  private ci: CiConfig;\n  private browser: Browser | null = null;\n  private startTime: number = 0;\n\n  constructor(options: ExtendedVrtOptions = {}) {\n    this.options = {\n      snapshotDir: options.snapshotDir ?? \".vize/snapshots\",\n      threshold: options.threshold ?? 0.1,\n      viewports: options.viewports ?? [\n        { width: 1280, height: 720, name: \"desktop\" },\n        { width: 375, height: 667, name: \"mobile\" },\n      ],\n    };\n    this.capture = {\n      fullPage: options.capture?.fullPage ?? false,\n      waitForNetwork: options.capture?.waitForNetwork ?? true,\n      settleTime: options.capture?.settleTime ?? 100,\n      waitSelector: options.capture?.waitSelector ?? \".musea-variant\",\n      hideElements: options.capture?.hideElements ?? [],\n      maskElements: options.capture?.maskElements ?? [],\n    };\n    this.comparison = options.comparison ?? {};\n    this.ci = options.ci ?? {};\n  }\n\n  // --- Internal accessors used by runner-comparison ---\n\n  /** @internal */\n  getBrowser(): Browser | null {\n    return this.browser;\n  }\n\n  /** @internal */\n  getOptions(): Required<VrtOptions> {\n    return this.options;\n  }\n\n  /** @internal */\n  getCapture(): Required<CaptureConfig> {\n    return this.capture;\n  }\n\n  /** @internal */\n  getComparison(): ComparisonConfig {\n    return this.comparison;\n  }\n\n  /**\n   * Initialize Playwright browser.\n   */\n  async init(): Promise<void> {\n    const { chromium } = await import(\"playwright\");\n    this.browser = await chromium.launch({ headless: true });\n    this.startTime = Date.now();\n  }\n\n  /**\n   * Close browser and cleanup.\n   */\n  async close(): Promise<void> {\n    if (this.browser) {\n      await this.browser.close();\n      this.browser = null;\n    }\n  }\n\n  /**\n   * Alias for init() - used by the plugin API.\n   */\n  async start(): Promise<void> {\n    return this.init();\n  }\n\n  /**\n   * Alias for close() - used by the plugin API.\n   */\n  async stop(): Promise<void> {\n    return this.close();\n  }\n\n  /**\n   * Run VRT tests for all Art files.\n   */\n  async runAllTests(artFiles: ArtFileInfo[], baseUrl: string): Promise<VrtResult[]> {\n    if (!this.browser) {\n      throw new Error(\"VRT runner not initialized. Call init() first.\");\n    }\n\n    const results: VrtResult[] = [];\n    const retries = this.ci.retries ?? 0;\n\n    for (const art of artFiles) {\n      for (const variant of art.variants) {\n        if (variant.skipVrt) {\n          continue;\n        }\n\n        // Determine viewports: use per-variant viewport if defined, else global viewports\n        const viewports = variant.args?.viewport\n          ? [variant.args.viewport as ViewportConfig]\n          : this.options.viewports;\n\n        for (const viewport of viewports) {\n          let result: VrtResult | null = null;\n          let attempts = 0;\n\n          while (attempts <= retries) {\n            result = await this.captureAndCompare(art, variant.name, viewport, baseUrl);\n            if (result.passed || result.isNew || !result.error) {\n              break;\n            }\n            attempts++;\n            if (attempts <= retries) {\n              console.log(\n                `[vrt] Retry ${attempts}/${retries}: ${path.basename(art.path)}/${variant.name}`,\n              );\n            }\n          }\n\n          if (result) {\n            results.push(result);\n          }\n        }\n      }\n    }\n\n    return results;\n  }\n\n  /**\n   * Run VRT tests - alias used by the plugin API that accepts options.\n   */\n  async runTests(\n    artFiles: ArtFileInfo[],\n    baseUrl: string,\n    _options?: { updateSnapshots?: boolean },\n  ): Promise<VrtResult[]> {\n    const results = await this.runAllTests(artFiles, baseUrl);\n    if (_options?.updateSnapshots) {\n      await this.updateBaselines(results);\n    }\n    return results;\n  }\n\n  /**\n   * Capture screenshot and compare with baseline.\n   */\n  async captureAndCompare(\n    art: ArtFileInfo,\n    variantName: string,\n    viewport: ViewportConfig,\n    baseUrl: string,\n  ): Promise<VrtResult> {\n    return captureAndCompare(this, art, variantName, viewport, baseUrl);\n  }\n\n  /**\n   * Get the Playwright Page for external use (e.g., a11y auditing).\n   */\n  async createPage(viewport: ViewportConfig): Promise<{ page: Page; context: BrowserContext }> {\n    if (!this.browser) {\n      throw new Error(\"VRT runner not initialized. Call init() first.\");\n    }\n    const context = await this.browser.newContext({\n      viewport: { width: viewport.width, height: viewport.height },\n      deviceScaleFactor: viewport.deviceScaleFactor ?? 1,\n    });\n    const page = await context.newPage();\n    return { page, context };\n  }\n\n  /**\n   * Update baseline snapshots with current screenshots.\n   */\n  async updateBaselines(results: VrtResult[]): Promise<number> {\n    let updated = 0;\n    const snapshotDir = this.options.snapshotDir;\n    const currentDir = path.join(snapshotDir, \"current\");\n\n    for (const result of results) {\n      const currentPath = path.join(currentDir, path.basename(result.snapshotPath));\n\n      if (await fileExists(currentPath)) {\n        await fs.promises.copyFile(currentPath, result.snapshotPath);\n        updated++;\n        console.log(`[vrt] Updated: ${path.basename(result.snapshotPath)}`);\n      }\n    }\n\n    return updated;\n  }\n\n  /**\n   * Approve specific failed results (update their baselines).\n   */\n  async approveResults(results: VrtResult[], pattern?: string): Promise<number> {\n    const toApprove = pattern\n      ? results.filter((r) => {\n          const name = `${path.basename(r.artPath, \".art.vue\")}/${r.variantName}`;\n          return name.includes(pattern) || matchGlob(name, pattern);\n        })\n      : results.filter((r) => !r.passed && !r.error);\n\n    return this.updateBaselines(toApprove);\n  }\n\n  /**\n   * Clean orphaned snapshots (no corresponding art/variant).\n   */\n  async cleanOrphans(artFiles: ArtFileInfo[]): Promise<number> {\n    const snapshotDir = this.options.snapshotDir;\n    let cleaned = 0;\n\n    try {\n      const files = await fs.promises.readdir(snapshotDir);\n      const validNames = new Set<string>();\n\n      for (const art of artFiles) {\n        const artBaseName = path.basename(art.path, \".art.vue\");\n        for (const variant of art.variants) {\n          if (variant.skipVrt) continue;\n          for (const viewport of this.options.viewports) {\n            const viewportName = viewport.name || `${viewport.width}x${viewport.height}`;\n            validNames.add(`${artBaseName}--${variant.name}--${viewportName}.png`);\n          }\n        }\n      }\n\n      for (const file of files) {\n        if (file.endsWith(\".png\") && !validNames.has(file)) {\n          await fs.promises.unlink(path.join(snapshotDir, file));\n          cleaned++;\n          console.log(`[vrt] Cleaned: ${file}`);\n        }\n      }\n    } catch {\n      // Directory may not exist yet\n    }\n\n    return cleaned;\n  }\n\n  /**\n   * Get VRT summary statistics.\n   */\n  getSummary(results: VrtResult[]): VrtSummary {\n    return computeSummary(results, this.startTime);\n  }\n}\n","/**\n * VRT report generation for Musea.\n *\n * Generates HTML and JSON reports from VRT results for visual review\n * and CI integration.\n */\n\nimport path from \"node:path\";\n\nimport type { VrtResult, VrtSummary } from \"./types.js\";\nimport { escapeHtml } from \"./comparison.js\";\n\n/**\n * Generate VRT report in HTML format.\n * Supports side-by-side, overlay, and slider comparison modes.\n */\nexport function generateVrtReport(results: VrtResult[], summary: VrtSummary): string {\n  const formatDuration = (ms: number): string => {\n    if (ms < 1000) return `${ms}ms`;\n    const seconds = Math.floor(ms / 1000);\n    const minutes = Math.floor(seconds / 60);\n    if (minutes === 0) return `${seconds}s`;\n    return `${minutes}m ${seconds % 60}s`;\n  };\n\n  const timestamp = new Date().toLocaleString(\"ja-JP\", {\n    year: \"numeric\",\n    month: \"2-digit\",\n    day: \"2-digit\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n\n  const html = `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>VRT Report - Musea</title>\n  <style>\n    :root {\n      --musea-bg-primary: #0d0d0d;\n      --musea-bg-secondary: #1a1815;\n      --musea-bg-tertiary: #252220;\n      --musea-accent: #a34828;\n      --musea-accent-hover: #c45a32;\n      --musea-text: #e6e9f0;\n      --musea-text-muted: #7b8494;\n      --musea-border: #3a3530;\n      --musea-success: #4ade80;\n      --musea-error: #f87171;\n      --musea-info: #60a5fa;\n      --musea-warning: #fbbf24;\n    }\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n    body {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      background: var(--musea-bg-primary);\n      color: var(--musea-text);\n      min-height: 100vh;\n      line-height: 1.5;\n    }\n\n    .header {\n      background: var(--musea-bg-secondary);\n      border-bottom: 1px solid var(--musea-border);\n      padding: 1rem 2rem;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      position: sticky;\n      top: 0;\n      z-index: 100;\n    }\n    .header-left { display: flex; align-items: center; gap: 1rem; }\n    .logo { font-size: 1.25rem; font-weight: 700; color: var(--musea-accent); }\n    .header-title { color: var(--musea-text-muted); font-size: 0.875rem; }\n    .header-meta { display: flex; align-items: center; gap: 1.5rem; font-size: 0.8125rem; color: var(--musea-text-muted); }\n    .header-meta span { display: flex; align-items: center; gap: 0.375rem; }\n\n    .main { max-width: 1400px; margin: 0 auto; padding: 2rem; }\n\n    .summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1rem; margin-bottom: 2rem; }\n    .stat { background: var(--musea-bg-secondary); border: 1px solid var(--musea-border); border-radius: 8px; padding: 1.25rem; position: relative; overflow: hidden; }\n    .stat::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; }\n    .stat.passed::before { background: var(--musea-success); }\n    .stat.failed::before { background: var(--musea-error); }\n    .stat.new::before { background: var(--musea-info); }\n    .stat.skipped::before { background: var(--musea-warning); }\n    .stat-value { font-size: 2rem; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; margin-bottom: 0.25rem; }\n    .stat.passed .stat-value { color: var(--musea-success); }\n    .stat.failed .stat-value { color: var(--musea-error); }\n    .stat.new .stat-value { color: var(--musea-info); }\n    .stat.skipped .stat-value { color: var(--musea-warning); }\n    .stat-label { color: var(--musea-text-muted); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 500; }\n\n    .filters { display: flex; gap: 0.5rem; margin-bottom: 1.5rem; flex-wrap: wrap; }\n    .filter-btn { background: var(--musea-bg-secondary); border: 1px solid var(--musea-border); color: var(--musea-text); padding: 0.5rem 1rem; border-radius: 6px; cursor: pointer; font-size: 0.8125rem; font-weight: 500; transition: all 0.15s ease; }\n    .filter-btn:hover { background: var(--musea-bg-tertiary); border-color: var(--musea-text-muted); }\n    .filter-btn.active { background: var(--musea-accent); border-color: var(--musea-accent); color: #fff; }\n    .filter-btn .count { opacity: 0.7; margin-left: 0.25rem; }\n\n    /* Comparison mode toggle */\n    .compare-modes { display: flex; gap: 0.25rem; margin-bottom: 1.5rem; background: var(--musea-bg-secondary); border-radius: 6px; padding: 0.25rem; width: fit-content; }\n    .compare-mode-btn { background: none; border: none; color: var(--musea-text-muted); padding: 0.375rem 0.75rem; border-radius: 4px; cursor: pointer; font-size: 0.75rem; font-weight: 500; transition: all 0.15s ease; }\n    .compare-mode-btn.active { background: var(--musea-bg-tertiary); color: var(--musea-text); }\n\n    .results { display: flex; flex-direction: column; gap: 0.75rem; }\n    .result { background: var(--musea-bg-secondary); border: 1px solid var(--musea-border); border-radius: 8px; overflow: hidden; transition: border-color 0.15s ease; }\n    .result:hover { border-color: var(--musea-text-muted); }\n    .result-header { padding: 1rem 1.25rem; display: flex; justify-content: space-between; align-items: center; cursor: pointer; border-left: 3px solid transparent; background: var(--musea-bg-tertiary); }\n    .result.passed .result-header { border-left-color: var(--musea-success); }\n    .result.failed .result-header { border-left-color: var(--musea-error); }\n    .result.new .result-header { border-left-color: var(--musea-info); }\n    .result.error .result-header { border-left-color: var(--musea-warning); }\n\n    .result-info { display: flex; align-items: center; gap: 1rem; }\n    .result-name { font-weight: 600; font-size: 0.9375rem; }\n    .result-meta { color: var(--musea-text-muted); font-size: 0.8125rem; padding: 0.125rem 0.5rem; background: var(--musea-bg-secondary); border-radius: 4px; }\n    .result-badge { padding: 0.25rem 0.625rem; border-radius: 4px; font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; }\n    .result.passed .result-badge { background: rgba(74, 222, 128, 0.15); color: var(--musea-success); }\n    .result.failed .result-badge { background: rgba(248, 113, 113, 0.15); color: var(--musea-error); }\n    .result.new .result-badge { background: rgba(96, 165, 250, 0.15); color: var(--musea-info); }\n    .result.error .result-badge { background: rgba(251, 191, 36, 0.15); color: var(--musea-warning); }\n\n    .result-body { border-top: 1px solid var(--musea-border); }\n    .result-details { padding: 0.875rem 1.25rem; font-size: 0.8125rem; color: var(--musea-text-muted); font-family: 'SF Mono', 'Fira Code', monospace; background: var(--musea-bg-primary); }\n    .result-details.error { color: var(--musea-error); }\n\n    .result-images { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; padding: 1.25rem; background: var(--musea-bg-primary); }\n    .result-images.overlay { grid-template-columns: 1fr; }\n    .image-container { background: var(--musea-bg-secondary); border: 1px solid var(--musea-border); border-radius: 6px; overflow: hidden; }\n    .image-label { padding: 0.625rem 0.875rem; font-size: 0.6875rem; font-weight: 600; color: var(--musea-text-muted); text-transform: uppercase; letter-spacing: 0.08em; background: var(--musea-bg-tertiary); border-bottom: 1px solid var(--musea-border); }\n    .image-wrapper { padding: 0.5rem; background: repeating-conic-gradient(var(--musea-bg-tertiary) 0% 25%, var(--musea-bg-secondary) 0% 50%) 50% / 16px 16px; }\n    .image-container img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n    /* Slider comparison */\n    .slider-compare { position: relative; overflow: hidden; }\n    .slider-compare img { display: block; width: 100%; }\n    .slider-overlay { position: absolute; top: 0; left: 0; bottom: 0; overflow: hidden; border-right: 2px solid var(--musea-accent); }\n    .slider-overlay img { display: block; min-width: 100%; height: 100%; object-fit: cover; }\n\n    .empty-state { text-align: center; padding: 4rem 2rem; color: var(--musea-text-muted); }\n    .all-passed { background: rgba(74, 222, 128, 0.1); border: 1px solid rgba(74, 222, 128, 0.2); border-radius: 8px; padding: 1.5rem; text-align: center; margin-bottom: 1.5rem; }\n    .all-passed-icon { font-size: 2.5rem; margin-bottom: 0.5rem; }\n    .all-passed-text { color: var(--musea-success); font-weight: 600; }\n  </style>\n</head>\n<body>\n  <header class=\"header\">\n    <div class=\"header-left\">\n      <div class=\"logo\">Musea</div>\n      <span class=\"header-title\">Visual Regression Report</span>\n    </div>\n    <div class=\"header-meta\">\n      <span>\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\"/><polyline points=\"12 6 12 12 16 14\"/>\n        </svg>\n        ${formatDuration(summary.duration)}\n      </span>\n      <span>\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"/>\n        </svg>\n        ${timestamp}\n      </span>\n    </div>\n  </header>\n\n  <main class=\"main\">\n    <div class=\"summary\">\n      <div class=\"stat passed\"><div class=\"stat-value\">${summary.passed}</div><div class=\"stat-label\">Passed</div></div>\n      <div class=\"stat failed\"><div class=\"stat-value\">${summary.failed}</div><div class=\"stat-label\">Failed</div></div>\n      <div class=\"stat new\"><div class=\"stat-value\">${summary.new}</div><div class=\"stat-label\">New</div></div>\n      <div class=\"stat skipped\"><div class=\"stat-value\">${summary.skipped}</div><div class=\"stat-label\">Skipped</div></div>\n    </div>\n\n    ${\n      summary.failed === 0 && summary.skipped === 0 && summary.total > 0\n        ? `<div class=\"all-passed\">\n            <div class=\"all-passed-icon\">✓</div>\n            <div class=\"all-passed-text\">All ${summary.total} visual tests passed</div>\n          </div>`\n        : \"\"\n    }\n\n    <div class=\"filters\">\n      <button class=\"filter-btn active\" data-filter=\"all\">All<span class=\"count\">(${summary.total})</span></button>\n      <button class=\"filter-btn\" data-filter=\"failed\">Failed<span class=\"count\">(${summary.failed})</span></button>\n      <button class=\"filter-btn\" data-filter=\"passed\">Passed<span class=\"count\">(${summary.passed})</span></button>\n      <button class=\"filter-btn\" data-filter=\"new\">New<span class=\"count\">(${summary.new})</span></button>\n    </div>\n\n    <div class=\"compare-modes\">\n      <button class=\"compare-mode-btn active\" data-mode=\"side-by-side\">Side by Side</button>\n      <button class=\"compare-mode-btn\" data-mode=\"overlay\">Overlay</button>\n      <button class=\"compare-mode-btn\" data-mode=\"slider\">Slider</button>\n    </div>\n\n    <div class=\"results\">\n      ${\n        results.length === 0\n          ? `<div class=\"empty-state\"><p>No visual tests found</p></div>`\n          : results\n              .map((r) => {\n                const status = r.error ? \"error\" : r.isNew ? \"new\" : r.passed ? \"passed\" : \"failed\";\n                const badge = r.error ? \"Error\" : r.isNew ? \"New\" : r.passed ? \"Passed\" : \"Failed\";\n                const artName = path.basename(r.artPath, \".art.vue\");\n                const viewportName = r.viewport.name || `${r.viewport.width}×${r.viewport.height}`;\n\n                let details = \"\";\n                if (r.error) {\n                  details = `<div class=\"result-details error\">${escapeHtml(r.error)}</div>`;\n                } else if (r.diffPercentage !== undefined) {\n                  const diffFormatted = r.diffPercentage.toFixed(3);\n                  const pixelsFormatted = r.diffPixels?.toLocaleString() ?? \"0\";\n                  const totalFormatted = r.totalPixels?.toLocaleString() ?? \"0\";\n                  details = `<div class=\"result-details\">diff: ${diffFormatted}% (${pixelsFormatted} / ${totalFormatted} pixels)</div>`;\n                }\n\n                let images = \"\";\n                if (!r.error && !r.passed && r.diffPath) {\n                  images = `<div class=\"result-images\" data-baseline=\"file://${r.snapshotPath}\" data-current=\"file://${r.currentPath}\" data-diff=\"file://${r.diffPath}\">\n                    ${r.snapshotPath ? `<div class=\"image-container\"><div class=\"image-label\">Baseline</div><div class=\"image-wrapper\"><img src=\"file://${r.snapshotPath}\" alt=\"Baseline\" loading=\"lazy\" /></div></div>` : \"\"}\n                    ${r.currentPath ? `<div class=\"image-container\"><div class=\"image-label\">Current</div><div class=\"image-wrapper\"><img src=\"file://${r.currentPath}\" alt=\"Current\" loading=\"lazy\" /></div></div>` : \"\"}\n                    ${r.diffPath ? `<div class=\"image-container\"><div class=\"image-label\">Diff</div><div class=\"image-wrapper\"><img src=\"file://${r.diffPath}\" alt=\"Diff\" loading=\"lazy\" /></div></div>` : \"\"}\n                  </div>`;\n                }\n\n                const hasBody = details || images;\n\n                return `<div class=\"result ${status}\" data-status=\"${status}\">\n                  <div class=\"result-header\">\n                    <div class=\"result-info\">\n                      <div class=\"result-name\">${escapeHtml(artName)} / ${escapeHtml(r.variantName)}</div>\n                      <div class=\"result-meta\">${escapeHtml(viewportName)}</div>\n                    </div>\n                    <span class=\"result-badge\">${badge}</span>\n                  </div>\n                  ${hasBody ? `<div class=\"result-body\">${details}${images}</div>` : \"\"}\n                </div>`;\n              })\n              .join(\"\")\n      }\n    </div>\n  </main>\n\n  <script>\n    // Filter buttons\n    document.querySelectorAll('.filter-btn').forEach(btn => {\n      btn.addEventListener('click', () => {\n        document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\n        btn.classList.add('active');\n        const filter = btn.dataset.filter;\n        document.querySelectorAll('.result').forEach(result => {\n          result.style.display = (filter === 'all' || result.dataset.status === filter) ? 'block' : 'none';\n        });\n      });\n    });\n\n    // Compare mode buttons\n    document.querySelectorAll('.compare-mode-btn').forEach(btn => {\n      btn.addEventListener('click', () => {\n        document.querySelectorAll('.compare-mode-btn').forEach(b => b.classList.remove('active'));\n        btn.classList.add('active');\n        // Mode switching would update result-images display; this is a static report for now\n      });\n    });\n  </script>\n</body>\n</html>`;\n\n  return html;\n}\n\n/**\n * Generate VRT JSON report for CI integration.\n */\nexport function generateVrtJsonReport(results: VrtResult[], summary: VrtSummary): string {\n  return JSON.stringify(\n    {\n      timestamp: new Date().toISOString(),\n      summary,\n      results: results.map((r) => ({\n        art: path.basename(r.artPath, \".art.vue\"),\n        variant: r.variantName,\n        viewport: r.viewport.name || `${r.viewport.width}x${r.viewport.height}`,\n        status: r.error ? \"error\" : r.isNew ? \"new\" : r.passed ? \"passed\" : \"failed\",\n        diffPercentage: r.diffPercentage,\n        error: r.error,\n      })),\n    },\n    null,\n    2,\n  );\n}\n","/**\n * Visual Regression Testing (VRT) module for Musea.\n * Uses Playwright for browser automation and pixel comparison.\n *\n * This file re-exports from the split VRT submodules for backward compatibility.\n */\n\nexport {\n  MuseaVrtRunner,\n  type VrtResult,\n  type VrtSummary,\n  type ExtendedVrtOptions,\n  type PixelCompareOptions,\n} from \"./vrt/runner.js\";\n\nexport { generateVrtReport, generateVrtJsonReport } from \"./vrt/report.js\";\n\nimport { MuseaVrtRunner } from \"./vrt/runner.js\";\nexport default MuseaVrtRunner;\n"],"mappings":"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"}