@vizejs/vite-plugin-musea 0.11.0 → 0.12.0

package/dist/{vrt-Vb4aqPZE.d.ts → vrt-BuMkTrLK.d.ts}

@@ -328,7 +328,7 @@ interface A11yViolation {
   helpUrl: string;
   nodes: number;
 } //#endregion
-//#region src/vrt.d.ts
+//#region src/vrt/runner.d.ts
 
 //# sourceMappingURL=types.d.ts.map
 /**
@@ -405,10 +405,24 @@ declare class MuseaVrtRunner {
    * Close browser and cleanup.
    */
   close(): Promise<void>;
+  /**
+   * Alias for init() - used by the plugin API.
+   */
+  start(): Promise<void>;
+  /**
+   * Alias for close() - used by the plugin API.
+   */
+  stop(): Promise<void>;
   /**
    * Run VRT tests for all Art files.
    */
   runAllTests(artFiles: ArtFileInfo[], baseUrl: string): Promise<VrtResult[]>;
+  /**
+   * Run VRT tests - alias used by the plugin API that accepts options.
+   */
+  runTests(artFiles: ArtFileInfo[], baseUrl: string, _options?: {
+    updateSnapshots?: boolean;
+  }): Promise<VrtResult[]>;
   /**
    * Capture screenshot and compare with baseline.
    */
@@ -446,6 +460,10 @@ declare class MuseaVrtRunner {
    */
   private compareImages;
 }
+
+//#endregion
+//#region src/vrt/report.d.ts
+//# sourceMappingURL=runner.d.ts.map
 /**
  * Generate VRT report in HTML format.
  * Supports side-by-side, overlay, and slider comparison modes.
@@ -457,5 +475,7 @@ declare function generateVrtReport(results: VrtResult[], summary: VrtSummary): s
 declare function generateVrtJsonReport(results: VrtResult[], summary: VrtSummary): string;
 
 //#endregion
+//# sourceMappingURL=report.d.ts.map
+
 export { A11yOptions, A11yResult, AnalysisApiResponse, ArtFileInfo, ArtMetadata, ArtVariant, CaptureConfig, CiConfig, ComparisonConfig, CsfOutput, ExtendedVrtOptions, MuseaOptions, MuseaTheme, MuseaThemeColors, MuseaVrtRunner as MuseaVrtRunner$1, PaletteApiResponse, PixelCompareOptions, ViewportConfig, VrtOptions, VrtResult, VrtSummary, generateVrtJsonReport as generateVrtJsonReport$1, generateVrtReport as generateVrtReport$1 };
-//# sourceMappingURL=vrt-Vb4aqPZE.d.ts.map
+//# sourceMappingURL=vrt-BuMkTrLK.d.ts.map

package/dist/vrt-BuMkTrLK.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vrt-BuMkTrLK.d.ts","names":[],"sources":["../src/types.ts","../src/vrt/runner.ts","../src/vrt/report.ts"],"sourcesContent":null,"mappings":"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"}

package/dist/{vrt-DP87vGIA.js → vrt-CrjRhMVE.js}

@@ -2,7 +2,105 @@ import path from "node:path";
 import fs from "node:fs";
 import { PNG } from "pngjs";
 
-//#region src/vrt.ts
+//#region src/vrt/comparison.ts
+/**
+* Read PNG file and return PNG object.
+*/
+async function readPng(filepath) {
+	return new Promise((resolve, reject) => {
+		fs.createReadStream(filepath).pipe(new PNG()).on("parsed", function() {
+			resolve(this);
+		}).on("error", reject);
+	});
+}
+/**
+* Write PNG object to file.
+*/
+async function writePng(png, filepath) {
+	return new Promise((resolve, reject) => {
+		png.pack().pipe(fs.createWriteStream(filepath)).on("finish", resolve).on("error", reject);
+	});
+}
+/**
+* Calculate color delta using YIQ color space.
+*/
+function colorDelta(r1, g1, b1, a1, r2, g2, b2, a2) {
+	if (a1 !== 255) {
+		r1 = blend(r1, 255, a1 / 255);
+		g1 = blend(g1, 255, a1 / 255);
+		b1 = blend(b1, 255, a1 / 255);
+	}
+	if (a2 !== 255) {
+		r2 = blend(r2, 255, a2 / 255);
+		g2 = blend(g2, 255, a2 / 255);
+		b2 = blend(b2, 255, a2 / 255);
+	}
+	const y1 = r1 * .29889531 + g1 * .58662247 + b1 * .11448223;
+	const i1 = r1 * .59597799 - g1 * .2741761 - b1 * .32180189;
+	const q1 = r1 * .21147017 - g1 * .52261711 + b1 * .31114694;
+	const y2 = r2 * .29889531 + g2 * .58662247 + b2 * .11448223;
+	const i2 = r2 * .59597799 - g2 * .2741761 - b2 * .32180189;
+	const q2 = r2 * .21147017 - g2 * .52261711 + b2 * .31114694;
+	const dy = y1 - y2;
+	const di = i1 - i2;
+	const dq = q1 - q2;
+	return dy * dy * .5053 + di * di * .299 + dq * dq * .1957;
+}
+/**
+* Blend foreground with background using alpha.
+*/
+function blend(fg, bg, alpha) {
+	return bg + (fg - bg) * alpha;
+}
+/**
+* Check if file exists.
+*/
+async function fileExists(filepath) {
+	try {
+		await fs.promises.access(filepath);
+		return true;
+	} catch {
+		return false;
+	}
+}
+/**
+* Simple anti-aliasing detection.
+* A pixel is likely anti-aliased if its neighbors have high contrast in opposite directions.
+*/
+function isAntiAliased(img1, img2, x, y, width, height) {
+	const minX = Math.max(0, x - 1);
+	const maxX = Math.min(width - 1, x + 1);
+	const minY = Math.max(0, y - 1);
+	const maxY = Math.min(height - 1, y + 1);
+	let zeroes = 0;
+	let positives = 0;
+	let negatives = 0;
+	for (let ny = minY; ny <= maxY; ny++) for (let nx = minX; nx <= maxX; nx++) {
+		if (nx === x && ny === y) continue;
+		const idx = (ny * width + nx) * 4;
+		const delta = colorDelta(img1.data[idx], img1.data[idx + 1], img1.data[idx + 2], img1.data[idx + 3], img2.data[idx], img2.data[idx + 1], img2.data[idx + 2], img2.data[idx + 3]);
+		if (delta === 0) zeroes++;
+		else if (delta > 0) positives++;
+		else negatives++;
+	}
+	return zeroes > 0 && (positives > 0 || negatives > 0) && positives + negatives < 4;
+}
+/**
+* Simple glob matching for pattern-based filtering.
+*/
+function matchGlob(filepath, pattern) {
+	const regex = pattern.replace(/\./g, "\\.").replace(/\*\*/g, ".*").replace(/\*(?!\*)/g, "[^/]*");
+	return new RegExp(`^${regex}$`).test(filepath);
+}
+/**
+* Escape HTML special characters.
+*/
+function escapeHtml(str) {
+	return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
+}
+
+//#endregion
+//#region src/vrt/runner.ts
 /**
 * VRT runner using Playwright.
 */
@@ -56,6 +154,18 @@ var MuseaVrtRunner = class {
 		}
 	}
 	/**
+	* Alias for init() - used by the plugin API.
+	*/
+	async start() {
+		return this.init();
+	}
+	/**
+	* Alias for close() - used by the plugin API.
+	*/
+	async stop() {
+		return this.close();
+	}
+	/**
 	* Run VRT tests for all Art files.
 	*/
 	async runAllTests(artFiles, baseUrl) {
@@ -80,6 +190,14 @@ var MuseaVrtRunner = class {
 		return results;
 	}
 	/**
+	* Run VRT tests - alias used by the plugin API that accepts options.
+	*/
+	async runTests(artFiles, baseUrl, _options) {
+		const results = await this.runAllTests(artFiles, baseUrl);
+		if (_options?.updateSnapshots) await this.updateBaselines(results);
+		return results;
+	}
+	/**
 	* Capture screenshot and compare with baseline.
 	*/
 	async captureAndCompare(art, variantName, viewport, baseUrl) {
@@ -344,6 +462,9 @@ var MuseaVrtRunner = class {
 		};
 	}
 };
+
+//#endregion
+//#region src/vrt/report.ts
 /**
 * Generate VRT report in HTML format.
 * Supports side-by-side, overlay, and slider comparison modes.
@@ -604,103 +725,11 @@ function generateVrtJsonReport(results, summary) {
 		}))
 	}, null, 2);
 }
-/**
-* Read PNG file and return PNG object.
-*/
-async function readPng(filepath) {
-	return new Promise((resolve, reject) => {
-		fs.createReadStream(filepath).pipe(new PNG()).on("parsed", function() {
-			resolve(this);
-		}).on("error", reject);
-	});
-}
-/**
-* Write PNG object to file.
-*/
-async function writePng(png, filepath) {
-	return new Promise((resolve, reject) => {
-		png.pack().pipe(fs.createWriteStream(filepath)).on("finish", resolve).on("error", reject);
-	});
-}
-/**
-* Calculate color delta using YIQ color space.
-*/
-function colorDelta(r1, g1, b1, a1, r2, g2, b2, a2) {
-	if (a1 !== 255) {
-		r1 = blend(r1, 255, a1 / 255);
-		g1 = blend(g1, 255, a1 / 255);
-		b1 = blend(b1, 255, a1 / 255);
-	}
-	if (a2 !== 255) {
-		r2 = blend(r2, 255, a2 / 255);
-		g2 = blend(g2, 255, a2 / 255);
-		b2 = blend(b2, 255, a2 / 255);
-	}
-	const y1 = r1 * .29889531 + g1 * .58662247 + b1 * .11448223;
-	const i1 = r1 * .59597799 - g1 * .2741761 - b1 * .32180189;
-	const q1 = r1 * .21147017 - g1 * .52261711 + b1 * .31114694;
-	const y2 = r2 * .29889531 + g2 * .58662247 + b2 * .11448223;
-	const i2 = r2 * .59597799 - g2 * .2741761 - b2 * .32180189;
-	const q2 = r2 * .21147017 - g2 * .52261711 + b2 * .31114694;
-	const dy = y1 - y2;
-	const di = i1 - i2;
-	const dq = q1 - q2;
-	return dy * dy * .5053 + di * di * .299 + dq * dq * .1957;
-}
-/**
-* Blend foreground with background using alpha.
-*/
-function blend(fg, bg, alpha) {
-	return bg + (fg - bg) * alpha;
-}
-/**
-* Check if file exists.
-*/
-async function fileExists(filepath) {
-	try {
-		await fs.promises.access(filepath);
-		return true;
-	} catch {
-		return false;
-	}
-}
-/**
-* Simple anti-aliasing detection.
-* A pixel is likely anti-aliased if its neighbors have high contrast in opposite directions.
-*/
-function isAntiAliased(img1, img2, x, y, width, height) {
-	const minX = Math.max(0, x - 1);
-	const maxX = Math.min(width - 1, x + 1);
-	const minY = Math.max(0, y - 1);
-	const maxY = Math.min(height - 1, y + 1);
-	let zeroes = 0;
-	let positives = 0;
-	let negatives = 0;
-	for (let ny = minY; ny <= maxY; ny++) for (let nx = minX; nx <= maxX; nx++) {
-		if (nx === x && ny === y) continue;
-		const idx = (ny * width + nx) * 4;
-		const delta = colorDelta(img1.data[idx], img1.data[idx + 1], img1.data[idx + 2], img1.data[idx + 3], img2.data[idx], img2.data[idx + 1], img2.data[idx + 2], img2.data[idx + 3]);
-		if (delta === 0) zeroes++;
-		else if (delta > 0) positives++;
-		else negatives++;
-	}
-	return zeroes > 0 && (positives > 0 || negatives > 0) && positives + negatives < 4;
-}
-/**
-* Simple glob matching for pattern-based filtering.
-*/
-function matchGlob(filepath, pattern) {
-	const regex = pattern.replace(/\./g, "\\.").replace(/\*\*/g, ".*").replace(/\*(?!\*)/g, "[^/]*");
-	return new RegExp(`^${regex}$`).test(filepath);
-}
-/**
-* Escape HTML special characters.
-*/
-function escapeHtml(str) {
-	return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
-}
+
+//#endregion
+//#region src/vrt.ts
 var vrt_default = MuseaVrtRunner;
 
 //#endregion
 export { MuseaVrtRunner, generateVrtJsonReport, generateVrtReport, vrt_default };
-//# sourceMappingURL=vrt-DP87vGIA.js.map
+//# sourceMappingURL=vrt-CrjRhMVE.js.map

package/dist/vrt-CrjRhMVE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vrt-CrjRhMVE.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","options: ExtendedVrtOptions","artFiles: ArtFileInfo[]","baseUrl: string","results: VrtResult[]","result: VrtResult | null","_options?: { updateSnapshots?: boolean }","art: ArtFileInfo","variantName: string","viewport: ViewportConfig","context: BrowserContext | null","page: Page | null","pattern?: string","artPath: string","baselinePath: string","currentPath: string","diffPath: string","width","height","diff","results: VrtResult[]","summary: VrtSummary","ms: number"],"sources":["../src/vrt/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 * 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.js\";\nimport fs from \"node:fs\";\nimport path from \"node:path\";\nimport { PNG } from \"pngjs\";\n\nimport {\n  readPng,\n  writePng,\n  colorDelta,\n  isAntiAliased,\n  fileExists,\n  matchGlob,\n} from \"./comparison.js\";\n\n/**\n * VRT test result for a single variant.\n */\nexport interface VrtResult {\n  artPath: string;\n  variantName: string;\n  viewport: ViewportConfig;\n  passed: boolean;\n  snapshotPath: string;\n  currentPath?: string;\n  diffPath?: string;\n  diffPercentage?: number;\n  diffPixels?: number;\n  totalPixels?: number;\n  error?: string;\n  isNew?: boolean;\n}\n\n/**\n * VRT summary for reporting.\n */\nexport interface VrtSummary {\n  total: number;\n  passed: number;\n  failed: number;\n  new: number;\n  skipped: number;\n  duration: number;\n}\n\n/**\n * Extended VRT options aligned with Rust VrtConfig.\n */\nexport interface ExtendedVrtOptions extends VrtOptions {\n  capture?: CaptureConfig;\n  comparison?: ComparisonConfig;\n  ci?: CiConfig;\n  /** Enable a11y auditing during VRT */\n  a11y?: boolean;\n}\n\n/**\n * Pixel comparison options.\n */\nexport interface PixelCompareOptions {\n  /** Threshold for color difference (0-1). Default: 0.1 */\n  threshold?: number;\n  /** Include anti-aliasing in diff. Default: false */\n  includeAA?: boolean;\n  /** Alpha channel comparison. Default: true */\n  alpha?: boolean;\n  /** Diff highlight color */\n  diffColor?: { r: number; g: number; b: number };\n}\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  /**\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    if (!this.browser) {\n      throw new Error(\"VRT runner not initialized. Call init() first.\");\n    }\n\n    const snapshotDir = this.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 this.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 = this.buildVariantUrl(baseUrl, art.path, variantName);\n      const waitUntil = this.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(this.capture.waitSelector, { timeout: 10000 });\n\n      // Additional wait for animations to settle\n      await page.waitForTimeout(this.capture.settleTime);\n\n      // Hide elements before capture\n      if (this.capture.hideElements.length > 0) {\n        for (const selector of this.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 (this.capture.maskElements.length > 0) {\n        for (const selector of this.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: this.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 comparison = await this.compareImages(snapshotPath, currentPath, diffPath);\n\n      const passed = comparison.diffPercentage <= this.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: comparison.diffPercentage,\n        diffPixels: comparison.diffPixels,\n        totalPixels: comparison.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   * 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 {\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() - this.startTime,\n    };\n  }\n\n  /**\n   * Build URL for variant preview.\n   */\n  private 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   * Compare two PNG images and generate a diff image.\n   * Returns pixel difference statistics.\n   */\n  private async compareImages(\n    baselinePath: string,\n    currentPath: string,\n    diffPath: string,\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 = this.comparison.antiAliasing ?? true;\n    const useAlpha = this.comparison.alpha ?? true;\n    const diffColor = this.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","/**\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 \"./runner.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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"}

package/dist/vrt.d.ts

@@ -1,2 +1,2 @@
-import { ExtendedVrtOptions, MuseaVrtRunner$1 as MuseaVrtRunner, PixelCompareOptions, VrtResult, VrtSummary, generateVrtJsonReport$1 as generateVrtJsonReport, generateVrtReport$1 as generateVrtReport } from "./vrt-Vb4aqPZE.js";
+import { ExtendedVrtOptions, MuseaVrtRunner$1 as MuseaVrtRunner, PixelCompareOptions, VrtResult, VrtSummary, generateVrtJsonReport$1 as generateVrtJsonReport, generateVrtReport$1 as generateVrtReport } from "./vrt-BuMkTrLK.js";
 export { ExtendedVrtOptions, MuseaVrtRunner, PixelCompareOptions, VrtResult, VrtSummary, MuseaVrtRunner as default, generateVrtJsonReport, generateVrtReport };

package/dist/vrt.js

@@ -1,3 +1,3 @@
-import { MuseaVrtRunner, generateVrtJsonReport, generateVrtReport, vrt_default } from "./vrt-DP87vGIA.js";
+import { MuseaVrtRunner, generateVrtJsonReport, generateVrtReport, vrt_default } from "./vrt-CrjRhMVE.js";
 
 export { MuseaVrtRunner, vrt_default as default, generateVrtJsonReport, generateVrtReport };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/vite-plugin-musea",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "Vite plugin for Musea - Component gallery for Vue components",
   "type": "module",
   "main": "./dist/index.js",
@@ -52,7 +52,7 @@
   },
   "dependencies": {
     "pngjs": "^7.0.0",
-    "@vizejs/native": "0.11.0"
+    "@vizejs/native": "0.12.0"
   },
   "devDependencies": {
     "@mdi/js": "^7.4.47",
@@ -68,13 +68,13 @@
     "vite": "^8.0.0-beta.0",
     "vue": "^3.5.0",
     "vue-router": "^4.5.0",
-    "@vizejs/vite-plugin": "0.11.0"
+    "@vizejs/vite-plugin": "0.12.0"
   },
   "peerDependencies": {
     "axe-core": "^4.7.0",
     "playwright": "^1.40.0",
     "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-beta.0",
-    "@vizejs/vite-plugin": "0.11.0"
+    "@vizejs/vite-plugin": "0.12.0"
   },
   "peerDependenciesMeta": {
     "playwright": {

package/dist/vrt-DP87vGIA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vrt-DP87vGIA.js","names":["options: ExtendedVrtOptions","artFiles: ArtFileInfo[]","baseUrl: string","results: VrtResult[]","result: VrtResult | null","art: ArtFileInfo","variantName: string","viewport: ViewportConfig","context: BrowserContext | null","page: Page | null","pattern?: string","artPath: string","baselinePath: string","currentPath: string","diffPath: string","width","height","diff","summary: VrtSummary","ms: number","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"],"sources":["../src/vrt.ts"],"sourcesContent":["/**\n * Visual Regression Testing (VRT) module for Musea.\n * Uses Playwright for browser automation and pixel comparison.\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.js\";\nimport fs from \"node:fs\";\nimport path from \"node:path\";\nimport { PNG } from \"pngjs\";\n\n/**\n * VRT test result for a single variant.\n */\nexport interface VrtResult {\n  artPath: string;\n  variantName: string;\n  viewport: ViewportConfig;\n  passed: boolean;\n  snapshotPath: string;\n  currentPath?: string;\n  diffPath?: string;\n  diffPercentage?: number;\n  diffPixels?: number;\n  totalPixels?: number;\n  error?: string;\n  isNew?: boolean;\n}\n\n/**\n * VRT summary for reporting.\n */\nexport interface VrtSummary {\n  total: number;\n  passed: number;\n  failed: number;\n  new: number;\n  skipped: number;\n  duration: number;\n}\n\n/**\n * Extended VRT options aligned with Rust VrtConfig.\n */\nexport interface ExtendedVrtOptions extends VrtOptions {\n  capture?: CaptureConfig;\n  comparison?: ComparisonConfig;\n  ci?: CiConfig;\n  /** Enable a11y auditing during VRT */\n  a11y?: boolean;\n}\n\n/**\n * Pixel comparison options.\n */\nexport interface PixelCompareOptions {\n  /** Threshold for color difference (0-1). Default: 0.1 */\n  threshold?: number;\n  /** Include anti-aliasing in diff. Default: false */\n  includeAA?: boolean;\n  /** Alpha channel comparison. Default: true */\n  alpha?: boolean;\n  /** Diff highlight color */\n  diffColor?: { r: number; g: number; b: number };\n}\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  /**\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   * 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   * 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    if (!this.browser) {\n      throw new Error(\"VRT runner not initialized. Call init() first.\");\n    }\n\n    const snapshotDir = this.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 this.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 = this.buildVariantUrl(baseUrl, art.path, variantName);\n      const waitUntil = this.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(this.capture.waitSelector, { timeout: 10000 });\n\n      // Additional wait for animations to settle\n      await page.waitForTimeout(this.capture.settleTime);\n\n      // Hide elements before capture\n      if (this.capture.hideElements.length > 0) {\n        for (const selector of this.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 (this.capture.maskElements.length > 0) {\n        for (const selector of this.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: this.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 comparison = await this.compareImages(snapshotPath, currentPath, diffPath);\n\n      const passed = comparison.diffPercentage <= this.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: comparison.diffPercentage,\n        diffPixels: comparison.diffPixels,\n        totalPixels: comparison.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   * 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 {\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() - this.startTime,\n    };\n  }\n\n  /**\n   * Build URL for variant preview.\n   */\n  private 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   * Compare two PNG images and generate a diff image.\n   * Returns pixel difference statistics.\n   */\n  private async compareImages(\n    baselinePath: string,\n    currentPath: string,\n    diffPath: string,\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      // Create a diff showing the size mismatch\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 = this.comparison.antiAliasing ?? true;\n    const useAlpha = this.comparison.alpha ?? true;\n    const diffColor = this.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\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// Utility functions\n\n/**\n * Read PNG file and return PNG object.\n */\nasync 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 */\nasync 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 */\nfunction 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 */\nasync 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 */\nfunction 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 */\nfunction 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 */\nfunction 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\nexport default MuseaVrtRunner;\n"],"mappings":"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"}

package/dist/vrt-Vb4aqPZE.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vrt-Vb4aqPZE.d.ts","names":[],"sources":["../src/types.ts","../src/vrt.ts"],"sourcesContent":null,"mappings":"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"}