@vizejs/vite-plugin-musea 0.0.1-alpha.100

package/dist/vrt-DP87vGIA.js.map

@@ -0,0 +1 @@
+{"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":";;;;;;;;AA4EA,IAAa,iBAAb,MAA4B;CAC1B,AAAQ;CACR,AAAQ;CACR,AAAQ;CACR,AAAQ;CACR,AAAQ,UAA0B;CAClC,AAAQ,YAAoB;CAE5B,YAAYA,UAA8B,CAAE,GAAE;AAC5C,OAAK,UAAU;GACb,aAAa,QAAQ,eAAe;GACpC,WAAW,QAAQ,aAAa;GAChC,WAAW,QAAQ,aAAa,CAC9B;IAAE,OAAO;IAAM,QAAQ;IAAK,MAAM;GAAW,GAC7C;IAAE,OAAO;IAAK,QAAQ;IAAK,MAAM;GAAU,CAC5C;EACF;AACD,OAAK,UAAU;GACb,UAAU,QAAQ,SAAS,YAAY;GACvC,gBAAgB,QAAQ,SAAS,kBAAkB;GACnD,YAAY,QAAQ,SAAS,cAAc;GAC3C,cAAc,QAAQ,SAAS,gBAAgB;GAC/C,cAAc,QAAQ,SAAS,gBAAgB,CAAE;GACjD,cAAc,QAAQ,SAAS,gBAAgB,CAAE;EAClD;AACD,OAAK,aAAa,QAAQ,cAAc,CAAE;AAC1C,OAAK,KAAK,QAAQ,MAAM,CAAE;CAC3B;;;;CAKD,MAAM,OAAsB;EAC1B,MAAM,EAAE,UAAU,GAAG,MAAM,OAAO;AAClC,OAAK,UAAU,MAAM,SAAS,OAAO,EAAE,UAAU,KAAM,EAAC;AACxD,OAAK,YAAY,KAAK,KAAK;CAC5B;;;;CAKD,MAAM,QAAuB;AAC3B,MAAI,KAAK,SAAS;AAChB,SAAM,KAAK,QAAQ,OAAO;AAC1B,QAAK,UAAU;EAChB;CACF;;;;CAKD,MAAM,YAAYC,UAAyBC,SAAuC;AAChF,OAAK,KAAK,QACR,OAAM,IAAI,MAAM;EAGlB,MAAMC,UAAuB,CAAE;EAC/B,MAAM,UAAU,KAAK,GAAG,WAAW;AAEnC,OAAK,MAAM,OAAO,SAChB,MAAK,MAAM,WAAW,IAAI,UAAU;AAClC,OAAI,QAAQ,QACV;GAIF,MAAM,YAAY,QAAQ,MAAM,WAC5B,CAAC,QAAQ,KAAK,QAA2B,IACzC,KAAK,QAAQ;AAEjB,QAAK,MAAM,YAAY,WAAW;IAChC,IAAIC,SAA2B;IAC/B,IAAI,WAAW;AAEf,WAAO,YAAY,SAAS;AAC1B,cAAS,MAAM,KAAK,kBAAkB,KAAK,QAAQ,MAAM,UAAU,QAAQ;AAC3E,SAAI,OAAO,UAAU,OAAO,UAAU,OAAO,MAC3C;AAEF;AACA,SAAI,YAAY,QACd,SAAQ,KACL,cAAc,SAAS,GAAG,QAAQ,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,GAAG,QAAQ,KAAK,EAChF;IAEJ;AAED,QAAI,OACF,SAAQ,KAAK,OAAO;GAEvB;EACF;AAGH,SAAO;CACR;;;;CAKD,MAAM,kBACJC,KACAC,aACAC,UACAL,SACoB;AACpB,OAAK,KAAK,QACR,OAAM,IAAI,MAAM;EAGlB,MAAM,cAAc,KAAK,QAAQ;EACjC,MAAM,cAAc,KAAK,SAAS,IAAI,MAAM,WAAW;EACvD,MAAM,eAAe,SAAS,SAAS,EAAE,SAAS,MAAM,GAAG,SAAS,OAAO;EAC3E,MAAM,gBAAgB,EAAE,YAAY,IAAI,YAAY,IAAI,aAAa;EACrE,MAAM,eAAe,KAAK,KAAK,aAAa,aAAa;EACzD,MAAM,cAAc,KAAK,KAAK,aAAa,WAAW,aAAa;EACnE,MAAM,WAAW,KAAK,KAAK,aAAa,QAAQ,aAAa;AAG7D,QAAM,GAAG,SAAS,MAAM,KAAK,QAAQ,aAAa,EAAE,EAAE,WAAW,KAAM,EAAC;AACxE,QAAM,GAAG,SAAS,MAAM,KAAK,KAAK,aAAa,UAAU,EAAE,EAAE,WAAW,KAAM,EAAC;AAC/E,QAAM,GAAG,SAAS,MAAM,KAAK,KAAK,aAAa,OAAO,EAAE,EAAE,WAAW,KAAM,EAAC;EAE5E,IAAIM,UAAiC;EACrC,IAAIC,OAAoB;AAExB,MAAI;AACF,aAAU,MAAM,KAAK,QAAQ,WAAW;IACtC,UAAU;KACR,OAAO,SAAS;KAChB,QAAQ,SAAS;IAClB;IACD,mBAAmB,SAAS,qBAAqB;GAClD,EAAC;AACF,UAAO,MAAM,QAAQ,SAAS;GAG9B,MAAM,aAAa,KAAK,gBAAgB,SAAS,IAAI,MAAM,YAAY;GACvE,MAAM,YAAY,KAAK,QAAQ,iBAAkB,gBAA2B;AAC5E,SAAM,KAAK,KAAK,YAAY,EAAE,UAAW,EAAC;AAG1C,SAAM,KAAK,gBAAgB,KAAK,QAAQ,cAAc,EAAE,SAAS,IAAO,EAAC;AAGzE,SAAM,KAAK,eAAe,KAAK,QAAQ,WAAW;AAGlD,OAAI,KAAK,QAAQ,aAAa,SAAS,EACrC,MAAK,MAAM,YAAY,KAAK,QAAQ,aAClC,OAAM,KAAK,SAAS,CAAC,QAAQ;AAC3B,aAAS,iBAAiB,IAAI,CAAC,QAAQ,CAAC,OAAO;AAC7C,KAAC,GAAmB,MAAM,aAAa;IACxC,EAAC;GACH,GAAE,SAAS;AAKhB,OAAI,KAAK,QAAQ,aAAa,SAAS,EACrC,MAAK,MAAM,YAAY,KAAK,QAAQ,aAClC,OAAM,KAAK,SAAS,CAAC,QAAQ;AAC3B,aAAS,iBAAiB,IAAI,CAAC,QAAQ,CAAC,OAAO;KAC7C,MAAM,SAAS;AACf,YAAO,MAAM,aAAa;AAC1B,YAAO,MAAM,QAAQ;AACrB,YAAO,YAAY;IACpB,EAAC;GACH,GAAE,SAAS;AAKhB,SAAM,KAAK,WAAW;IACpB,MAAM;IACN,UAAU,KAAK,QAAQ;GACxB,EAAC;GAGF,MAAM,cAAc,MAAM,WAAW,aAAa;AAElD,QAAK,aAAa;AAEhB,UAAM,GAAG,SAAS,SAAS,aAAa,aAAa;AACrD,WAAO;KACL,SAAS,IAAI;KACb;KACA;KACA,QAAQ;KACR;KACA;KACA,OAAO;IACR;GACF;GAGD,MAAM,aAAa,MAAM,KAAK,cAAc,cAAc,aAAa,SAAS;GAEhF,MAAM,SAAS,WAAW,kBAAkB,KAAK,QAAQ;AAEzD,UAAO;IACL,SAAS,IAAI;IACb;IACA;IACA;IACA;IACA;IACA,UAAU,kBAAqB;IAC/B,gBAAgB,WAAW;IAC3B,YAAY,WAAW;IACvB,aAAa,WAAW;GACzB;EACF,SAAQ,OAAO;AACd,UAAO;IACL,SAAS,IAAI;IACb;IACA;IACA,QAAQ;IACR;IACA,OAAO,iBAAiB,QAAQ,MAAM,UAAU,OAAO,MAAM;GAC9D;EACF,UAAS;AACR,OAAI,KAAM,OAAM,KAAK,OAAO;AAC5B,OAAI,QAAS,OAAM,QAAQ,OAAO;EACnC;CACF;;;;CAKD,MAAM,WAAWF,UAA4E;AAC3F,OAAK,KAAK,QACR,OAAM,IAAI,MAAM;EAElB,MAAM,UAAU,MAAM,KAAK,QAAQ,WAAW;GAC5C,UAAU;IAAE,OAAO,SAAS;IAAO,QAAQ,SAAS;GAAQ;GAC5D,mBAAmB,SAAS,qBAAqB;EAClD,EAAC;EACF,MAAM,OAAO,MAAM,QAAQ,SAAS;AACpC,SAAO;GAAE;GAAM;EAAS;CACzB;;;;CAKD,MAAM,gBAAgBJ,SAAuC;EAC3D,IAAI,UAAU;EACd,MAAM,cAAc,KAAK,QAAQ;EACjC,MAAM,aAAa,KAAK,KAAK,aAAa,UAAU;AAEpD,OAAK,MAAM,UAAU,SAAS;GAC5B,MAAM,cAAc,KAAK,KAAK,YAAY,KAAK,SAAS,OAAO,aAAa,CAAC;AAE7E,OAAI,MAAM,WAAW,YAAY,EAAE;AACjC,UAAM,GAAG,SAAS,SAAS,aAAa,OAAO,aAAa;AAC5D;AACA,YAAQ,KAAK,iBAAiB,KAAK,SAAS,OAAO,aAAa,CAAC,EAAE;GACpE;EACF;AAED,SAAO;CACR;;;;CAKD,MAAM,eAAeA,SAAsBO,SAAmC;EAC5E,MAAM,YAAY,UACd,QAAQ,OAAO,CAAC,MAAM;GACpB,MAAM,QAAQ,EAAE,KAAK,SAAS,EAAE,SAAS,WAAW,CAAC,GAAG,EAAE,YAAY;AACtE,UAAO,KAAK,SAAS,QAAQ,IAAI,UAAU,MAAM,QAAQ;EAC1D,EAAC,GACF,QAAQ,OAAO,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM;AAEhD,SAAO,KAAK,gBAAgB,UAAU;CACvC;;;;CAKD,MAAM,aAAaT,UAA0C;EAC3D,MAAM,cAAc,KAAK,QAAQ;EACjC,IAAI,UAAU;AAEd,MAAI;GACF,MAAM,QAAQ,MAAM,GAAG,SAAS,QAAQ,YAAY;GACpD,MAAM,aAAa,IAAI;AAEvB,QAAK,MAAM,OAAO,UAAU;IAC1B,MAAM,cAAc,KAAK,SAAS,IAAI,MAAM,WAAW;AACvD,SAAK,MAAM,WAAW,IAAI,UAAU;AAClC,SAAI,QAAQ,QAAS;AACrB,UAAK,MAAM,YAAY,KAAK,QAAQ,WAAW;MAC7C,MAAM,eAAe,SAAS,SAAS,EAAE,SAAS,MAAM,GAAG,SAAS,OAAO;AAC3E,iBAAW,KAAK,EAAE,YAAY,IAAI,QAAQ,KAAK,IAAI,aAAa,MAAM;KACvE;IACF;GACF;AAED,QAAK,MAAM,QAAQ,MACjB,KAAI,KAAK,SAAS,OAAO,KAAK,WAAW,IAAI,KAAK,EAAE;AAClD,UAAM,GAAG,SAAS,OAAO,KAAK,KAAK,aAAa,KAAK,CAAC;AACtD;AACA,YAAQ,KAAK,iBAAiB,KAAK,EAAE;GACtC;EAEJ,QAAO,CAEP;AAED,SAAO;CACR;;;;CAKD,WAAWE,SAAkC;AAC3C,SAAO;GACL,OAAO,QAAQ;GACf,QAAQ,QAAQ,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC;GACpD,QAAQ,QAAQ,OAAO,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC;GACrD,KAAK,QAAQ,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC;GACpC,SAAS,QAAQ,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC;GACxC,UAAU,KAAK,KAAK,GAAG,KAAK;EAC7B;CACF;;;;CAKD,AAAQ,gBAAgBD,SAAiBS,SAAiBL,aAA6B;EACrF,MAAM,cAAc,mBAAmB,QAAQ;EAC/C,MAAM,iBAAiB,mBAAmB,YAAY;AACtD,UAAQ,EAAE,QAAQ,yBAAyB,YAAY,WAAW,eAAe;CAClF;;;;;CAMD,MAAc,cACZM,cACAC,aACAC,UAC8E;EAC9E,MAAM,WAAW,MAAM,QAAQ,aAAa;EAC5C,MAAM,UAAU,MAAM,QAAQ,YAAY;AAG1C,MAAI,SAAS,UAAU,QAAQ,SAAS,SAAS,WAAW,QAAQ,QAAQ;GAE1E,MAAMC,UAAQ,KAAK,IAAI,SAAS,OAAO,QAAQ,MAAM;GACrD,MAAMC,WAAS,KAAK,IAAI,SAAS,QAAQ,QAAQ,OAAO;GACxD,MAAMC,SAAO,IAAI,IAAI;IAAE;IAAO;GAAQ;AAGtC,QAAK,IAAI,IAAI,GAAG,IAAIA,OAAK,KAAK,QAAQ,KAAK,GAAG;AAC5C,WAAK,KAAK,KAAK;AACf,WAAK,KAAK,IAAI,KAAK;AACnB,WAAK,KAAK,IAAI,KAAK;AACnB,WAAK,KAAK,IAAI,KAAK;GACpB;AAED,SAAM,SAASA,QAAM,SAAS;AAE9B,UAAO;IACL,YAAYF,UAAQC;IACpB,aAAaD,UAAQC;IACrB,gBAAgB;GACjB;EACF;EAED,MAAM,QAAQ,SAAS;EACvB,MAAM,SAAS,SAAS;EACxB,MAAM,cAAc,QAAQ;EAC5B,MAAM,OAAO,IAAI,IAAI;GAAE;GAAO;EAAQ;EAEtC,MAAM,kBAAkB,KAAK,WAAW,gBAAgB;EACxD,MAAM,WAAW,KAAK,WAAW,SAAS;EAC1C,MAAM,YAAY,KAAK,WAAW,aAAa;GAAE,GAAG;GAAK,GAAG;GAAG,GAAG;EAAG;EAGrE,IAAI,aAAa;EACjB,MAAM,YAAY;AAElB,OAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,IAC1B,MAAK,IAAI,IAAI,GAAG,IAAI,OAAO,KAAK;GAC9B,MAAM,OAAO,IAAI,QAAQ,KAAK;GAE9B,MAAM,KAAK,SAAS,KAAK;GACzB,MAAM,KAAK,SAAS,KAAK,MAAM;GAC/B,MAAM,KAAK,SAAS,KAAK,MAAM;GAC/B,MAAM,KAAK,WAAW,SAAS,KAAK,MAAM,KAAK;GAE/C,MAAM,KAAK,QAAQ,KAAK;GACxB,MAAM,KAAK,QAAQ,KAAK,MAAM;GAC9B,MAAM,KAAK,QAAQ,KAAK,MAAM;GAC9B,MAAM,KAAK,WAAW,QAAQ,KAAK,MAAM,KAAK;GAG9C,MAAM,QAAQ,WAAW,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG;AAExD,OAAI,QAAQ,YAAY,MAAM,IAE5B,KAAI,mBAAmB,cAAc,UAAU,SAAS,GAAG,GAAG,OAAO,OAAO,EAAE;AAE5E,SAAK,KAAK,OAAO;AACjB,SAAK,KAAK,MAAM,KAAK;AACrB,SAAK,KAAK,MAAM,KAAK;AACrB,SAAK,KAAK,MAAM,KAAK;GACtB,OAAM;AAEL;AACA,SAAK,KAAK,OAAO,UAAU;AAC3B,SAAK,KAAK,MAAM,KAAK,UAAU;AAC/B,SAAK,KAAK,MAAM,KAAK,UAAU;AAC/B,SAAK,KAAK,MAAM,KAAK;GACtB;QACI;IAEL,MAAM,OAAO,KAAK,OAAO,KAAK,KAAK,MAAM,EAAE;AAC3C,SAAK,KAAK,OAAO;AACjB,SAAK,KAAK,MAAM,KAAK;AACrB,SAAK,KAAK,MAAM,KAAK;AACrB,SAAK,KAAK,MAAM,KAAK;GACtB;EACF;AAIH,MAAI,aAAa,EACf,OAAM,SAAS,MAAM,SAAS;EAGhC,MAAM,iBAAkB,aAAa,cAAe;AAEpD,SAAO;GACL;GACA;GACA;EACD;CACF;AACF;;;;;AAMD,SAAgB,kBAAkBb,SAAsBe,SAA6B;CACnF,MAAM,iBAAiB,CAACC,OAAuB;AAC7C,MAAI,KAAK,IAAM,SAAQ,EAAE,GAAG;EAC5B,MAAM,UAAU,KAAK,MAAM,KAAK,IAAK;EACrC,MAAM,UAAU,KAAK,MAAM,UAAU,GAAG;AACxC,MAAI,YAAY,EAAG,SAAQ,EAAE,QAAQ;AACrC,UAAQ,EAAE,QAAQ,IAAI,UAAU,GAAG;CACpC;CAED,MAAM,YAAY,IAAI,OAAO,eAAe,SAAS;EACnD,MAAM;EACN,OAAO;EACP,KAAK;EACL,MAAM;EACN,QAAQ;CACT,EAAC;CAEF,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA8HN,eAAe,QAAQ,SAAS,CAAC;;;;;;UAMjC,UAAU;;;;;;;yDAOqC,QAAQ,OAAO;yDACf,QAAQ,OAAO;sDAClB,QAAQ,IAAI;0DACR,QAAQ,QAAQ;;;MAIpE,QAAQ,WAAW,KAAK,QAAQ,YAAY,KAAK,QAAQ,QAAQ,KAC5D;;+CAEoC,QAAQ,MAAM;oBAEnD,GACL;;;oFAG+E,QAAQ,MAAM;mFACf,QAAQ,OAAO;mFACf,QAAQ,OAAO;6EACrB,QAAQ,IAAI;;;;;;;;;;QAWjF,QAAQ,WAAW,KACd,+DACD,QACG,IAAI,CAAC,MAAM;EACV,MAAM,SAAS,EAAE,QAAQ,UAAU,EAAE,QAAQ,QAAQ,EAAE,SAAS,WAAW;EAC3E,MAAM,QAAQ,EAAE,QAAQ,UAAU,EAAE,QAAQ,QAAQ,EAAE,SAAS,WAAW;EAC1E,MAAM,UAAU,KAAK,SAAS,EAAE,SAAS,WAAW;EACpD,MAAM,eAAe,EAAE,SAAS,SAAS,EAAE,EAAE,SAAS,MAAM,GAAG,EAAE,SAAS,OAAO;EAEjF,IAAI,UAAU;AACd,MAAI,EAAE,MACJ,YAAW,oCAAoC,WAAW,EAAE,MAAM,CAAC;WAC1D,EAAE,2BAA8B;GACzC,MAAM,gBAAgB,EAAE,eAAe,QAAQ,EAAE;GACjD,MAAM,kBAAkB,EAAE,YAAY,gBAAgB,IAAI;GAC1D,MAAM,iBAAiB,EAAE,aAAa,gBAAgB,IAAI;AAC1D,cAAW,oCAAoC,cAAc,KAAK,gBAAgB,KAAK,eAAe;EACvG;EAED,IAAI,SAAS;AACb,OAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAC7B,WAAU,mDAAmD,EAAE,aAAa,yBAAyB,EAAE,YAAY,sBAAsB,EAAE,SAAS;sBAChJ,EAAE,gBAAgB,kHAAkH,EAAE,aAAa,kDAAkD,GAAG;sBACxM,EAAE,eAAe,iHAAiH,EAAE,YAAY,iDAAiD,GAAG;sBACpM,EAAE,YAAY,8GAA8G,EAAE,SAAS,8CAA8C,GAAG;;EAI9L,MAAM,UAAU,WAAW;AAE3B,UAAQ,qBAAqB,OAAO,iBAAiB,OAAO;;;iDAG3B,WAAW,QAAQ,CAAC,KAAK,WAAW,EAAE,YAAY,CAAC;iDACnD,WAAW,aAAa,CAAC;;iDAEzB,MAAM;;oBAEnC,WAAW,2BAA2B,QAAQ,EAAE,OAAO,UAAU,GAAG;;CAEzE,EAAC,CACD,KAAK,GAAG,CAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BL,QAAO;AACR;;;;AAKD,SAAgB,sBAAsBhB,SAAsBe,SAA6B;AACvF,QAAO,KAAK,UACV;EACE,WAAW,IAAI,OAAO,aAAa;EACnC;EACA,SAAS,QAAQ,IAAI,CAAC,OAAO;GAC3B,KAAK,KAAK,SAAS,EAAE,SAAS,WAAW;GACzC,SAAS,EAAE;GACX,UAAU,EAAE,SAAS,SAAS,EAAE,EAAE,SAAS,MAAM,GAAG,EAAE,SAAS,OAAO;GACtE,QAAQ,EAAE,QAAQ,UAAU,EAAE,QAAQ,QAAQ,EAAE,SAAS,WAAW;GACpE,gBAAgB,EAAE;GAClB,OAAO,EAAE;EACV,GAAE;CACJ,GACD,MACA,EACD;AACF;;;;AAOD,eAAe,QAAQE,UAAgC;AACrD,QAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,KAAG,iBAAiB,SAAS,CAC1B,KAAK,IAAI,MAAM,CACf,GAAG,UAAU,WAAqB;AACjC,WAAQ,KAAK;EACd,EAAC,CACD,GAAG,SAAS,OAAO;CACvB;AACF;;;;AAKD,eAAe,SAASC,KAAUD,UAAiC;AACjE,QAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,MAAI,MAAM,CAAC,KAAK,GAAG,kBAAkB,SAAS,CAAC,CAAC,GAAG,UAAU,QAAQ,CAAC,GAAG,SAAS,OAAO;CAC1F;AACF;;;;AAKD,SAAS,WACPE,IACAC,IACAC,IACAC,IACAC,IACAC,IACAC,IACAC,IACQ;AACR,KAAI,OAAO,KAAK;AACd,OAAK,MAAM,IAAI,KAAK,KAAK,IAAI;AAC7B,OAAK,MAAM,IAAI,KAAK,KAAK,IAAI;AAC7B,OAAK,MAAM,IAAI,KAAK,KAAK,IAAI;CAC9B;AACD,KAAI,OAAO,KAAK;AACd,OAAK,MAAM,IAAI,KAAK,KAAK,IAAI;AAC7B,OAAK,MAAM,IAAI,KAAK,KAAK,IAAI;AAC7B,OAAK,MAAM,IAAI,KAAK,KAAK,IAAI;CAC9B;CAED,MAAM,KAAK,KAAK,YAAa,KAAK,YAAa,KAAK;CACpD,MAAM,KAAK,KAAK,YAAa,KAAK,WAAY,KAAK;CACnD,MAAM,KAAK,KAAK,YAAa,KAAK,YAAa,KAAK;CAEpD,MAAM,KAAK,KAAK,YAAa,KAAK,YAAa,KAAK;CACpD,MAAM,KAAK,KAAK,YAAa,KAAK,WAAY,KAAK;CACnD,MAAM,KAAK,KAAK,YAAa,KAAK,YAAa,KAAK;CAEpD,MAAM,KAAK,KAAK;CAChB,MAAM,KAAK,KAAK;CAChB,MAAM,KAAK,KAAK;AAEhB,QAAO,KAAK,KAAK,QAAS,KAAK,KAAK,OAAQ,KAAK,KAAK;AACvD;;;;AAKD,SAAS,MAAMC,IAAYC,IAAYC,OAAuB;AAC5D,QAAO,MAAM,KAAK,MAAM;AACzB;;;;AAKD,eAAe,WAAWZ,UAAoC;AAC5D,KAAI;AACF,QAAM,GAAG,SAAS,OAAO,SAAS;AAClC,SAAO;CACR,QAAO;AACN,SAAO;CACR;AACF;;;;;AAMD,SAAS,cACPa,MACAC,MACAC,GACAC,GACAC,OACAC,QACS;CACT,MAAM,OAAO,KAAK,IAAI,GAAG,IAAI,EAAE;CAC/B,MAAM,OAAO,KAAK,IAAI,QAAQ,GAAG,IAAI,EAAE;CACvC,MAAM,OAAO,KAAK,IAAI,GAAG,IAAI,EAAE;CAC/B,MAAM,OAAO,KAAK,IAAI,SAAS,GAAG,IAAI,EAAE;CAExC,IAAI,SAAS;CACb,IAAI,YAAY;CAChB,IAAI,YAAY;AAEhB,MAAK,IAAI,KAAK,MAAM,MAAM,MAAM,KAC9B,MAAK,IAAI,KAAK,MAAM,MAAM,MAAM,MAAM;AACpC,MAAI,OAAO,KAAK,OAAO,EAAG;EAC1B,MAAM,OAAO,KAAK,QAAQ,MAAM;EAEhC,MAAM,QAAQ,WACZ,KAAK,KAAK,MACV,KAAK,KAAK,MAAM,IAChB,KAAK,KAAK,MAAM,IAChB,KAAK,KAAK,MAAM,IAChB,KAAK,KAAK,MACV,KAAK,KAAK,MAAM,IAChB,KAAK,KAAK,MAAM,IAChB,KAAK,KAAK,MAAM,GACjB;AAED,MAAI,UAAU,EACZ;WACS,QAAQ,EACjB;MAEA;CAEH;AAIH,QAAO,SAAS,MAAM,YAAY,KAAK,YAAY,MAAM,YAAY,YAAY;AAClF;;;;AAKD,SAAS,UAAUlB,UAAkBmB,SAA0B;CAC7D,MAAM,QAAQ,QACX,QAAQ,OAAO,MAAM,CACrB,QAAQ,SAAS,KAAK,CACtB,QAAQ,aAAa,QAAQ;AAChC,QAAO,IAAI,QAAQ,GAAG,MAAM,IAAI,KAAK,SAAS;AAC/C;;;;AAKD,SAAS,WAAWC,KAAqB;AACvC,QAAO,IACJ,QAAQ,MAAM,QAAQ,CACtB,QAAQ,MAAM,OAAO,CACrB,QAAQ,MAAM,OAAO,CACrB,QAAQ,MAAM,SAAS,CACvB,QAAQ,MAAM,SAAS;AAC3B;AAED,kBAAe"}

package/dist/vrt-m01uFerp.d.ts

@@ -0,0 +1,439 @@
+import { BrowserContext, Page } from "playwright";
+
+//#region src/types.d.ts
+/**
+* Theme color definitions for Musea gallery UI.
+* All properties are optional — unspecified colors inherit from the `base` built-in theme.
+*/
+/**
+ * Theme color definitions for Musea gallery UI.
+ * All properties are optional — unspecified colors inherit from the `base` built-in theme.
+ */
+interface MuseaThemeColors {
+  bgPrimary?: string;
+  bgSecondary?: string;
+  bgTertiary?: string;
+  bgElevated?: string;
+  accent?: string;
+  accentHover?: string;
+  accentSubtle?: string;
+  text?: string;
+  textSecondary?: string;
+  textMuted?: string;
+  border?: string;
+  borderSubtle?: string;
+  success?: string;
+  error?: string;
+  info?: string;
+  warning?: string;
+  shadow?: string;
+}
+/**
+ * Custom theme definition.
+ */
+interface MuseaTheme {
+  /** Unique name for this theme. */
+  name: string;
+  /** Built-in theme to inherit unspecified colors from. @default 'dark' */
+  base?: "dark" | "light";
+  /** Color overrides. */
+  colors: MuseaThemeColors;
+}
+/**
+ * Musea plugin options.
+ */
+interface MuseaOptions {
+  /**
+   * Glob patterns to include Art files.
+   * @default ['**\/*.art.vue']
+   */
+  include?: string[];
+  /**
+   * Glob patterns to exclude.
+   * @default ['node_modules/**', 'dist/**']
+   */
+  exclude?: string[];
+  /**
+   * Base path for Musea gallery UI.
+   * @default '/__musea__'
+   */
+  basePath?: string;
+  /**
+   * Enable Storybook CSF output.
+   * @default false
+   */
+  storybookCompat?: boolean;
+  /**
+   * Storybook output directory (when storybookCompat is true).
+   * @default '.storybook/stories'
+   */
+  storybookOutDir?: string;
+  /**
+   * Enable inline <art> blocks in regular .vue SFC files.
+   * When enabled, regular .vue files containing <art> blocks will be
+   * included in the gallery. Use <Self> to reference the host component.
+   * @default false
+   */
+  inlineArt?: boolean;
+  /**
+   * VRT (Visual Regression Testing) configuration.
+   */
+  vrt?: VrtOptions;
+  /**
+   * Path to Style Dictionary tokens JSON file or directory.
+   * Supports standard Style Dictionary format.
+   * @example 'src/tokens.json' or 'src/tokens/'
+   */
+  tokensPath?: string;
+  /**
+   * Gallery theme configuration.
+   *
+   * - `'dark'` / `'light'` — use a built-in theme (default: `'dark'`)
+   * - `'system'` — follow the OS color-scheme preference
+   * - `MuseaTheme` — single custom theme (replaces defaults)
+   * - `MuseaTheme[]` — multiple custom themes (first is default, user can switch)
+   */
+  theme?: "dark" | "light" | "system" | MuseaTheme | MuseaTheme[];
+}
+/**
+ * VRT configuration options.
+ */
+interface VrtOptions {
+  /**
+   * Snapshot storage directory.
+   * @default '.vize/snapshots'
+   */
+  snapshotDir?: string;
+  /**
+   * Pixel difference threshold for comparison.
+   * @default 100
+   */
+  threshold?: number;
+  /**
+   * Viewports to capture.
+   * @default [{ width: 1280, height: 720 }, { width: 375, height: 667 }]
+   */
+  viewports?: ViewportConfig[];
+}
+/**
+ * Viewport configuration.
+ */
+interface ViewportConfig {
+  /** Width in pixels */
+  width: number;
+  /** Height in pixels */
+  height: number;
+  /** Device scale factor */
+  deviceScaleFactor?: number;
+  /** Viewport name for identification */
+  name?: string;
+}
+/**
+ * Art file metadata.
+ */
+interface ArtMetadata {
+  title: string;
+  description?: string;
+  component?: string;
+  category?: string;
+  tags: string[];
+  status: "draft" | "ready" | "deprecated";
+  order?: number;
+}
+/**
+ * Art variant definition.
+ */
+interface ArtVariant {
+  name: string;
+  template: string;
+  isDefault: boolean;
+  skipVrt: boolean;
+  args?: Record<string, unknown>;
+}
+/**
+ * Parsed Art file information.
+ */
+interface ArtFileInfo {
+  /** Absolute file path */
+  path: string;
+  /** Art metadata */
+  metadata: ArtMetadata;
+  /** Variant definitions */
+  variants: ArtVariant[];
+  /** Whether file has script setup */
+  hasScriptSetup: boolean;
+  /** Whether file has regular script */
+  hasScript: boolean;
+  /** Number of style blocks */
+  styleCount: number;
+  /** Whether this art comes from an inline <art> block in a regular .vue file */
+  isInline?: boolean;
+  /** For inline art: absolute path to the host .vue component file */
+  componentPath?: string;
+}
+/**
+ * CSF output from Art transformation.
+ */
+interface CsfOutput {
+  /** Generated CSF code */
+  code: string;
+  /** Suggested filename */
+  filename: string;
+}
+/**
+ * Palette API response.
+ */
+interface PaletteApiResponse {
+  title: string;
+  controls: PaletteControl[];
+  groups: string[];
+  json: string;
+  typescript: string;
+}
+/**
+ * Single prop control definition.
+ */
+interface PaletteControl {
+  name: string;
+  control: ControlKind;
+  default_value?: unknown;
+  description?: string;
+  required: boolean;
+  options: Array<{
+    label: string;
+    value: unknown;
+  }>;
+  range?: {
+    min: number;
+    max: number;
+    step?: number;
+  };
+  group?: string;
+}
+/**
+ * Supported control kinds for the props panel.
+ */
+type ControlKind = "text" | "number" | "boolean" | "range" | "select" | "radio" | "color" | "date" | "object" | "array" | "file" | "raw";
+/**
+ * Analysis API response (Props/Emits info).
+ */
+interface AnalysisApiResponse {
+  props: Array<{
+    name: string;
+    type: string;
+    required: boolean;
+    default_value?: unknown;
+  }>;
+  emits: string[];
+}
+/**
+ * Screenshot capture configuration.
+ */
+interface CaptureConfig {
+  /** Capture full page vs viewport only */
+  fullPage?: boolean;
+  /** Wait for network idle before capture */
+  waitForNetwork?: boolean;
+  /** Additional wait time after load (ms) */
+  settleTime?: number;
+  /** CSS selector to wait for */
+  waitSelector?: string;
+  /** Elements to hide before capture (CSS selectors) */
+  hideElements?: string[];
+  /** Elements to mask before capture (CSS selectors) */
+  maskElements?: string[];
+}
+/**
+ * Image comparison configuration.
+ */
+interface ComparisonConfig {
+  /** Anti-aliasing detection */
+  antiAliasing?: boolean;
+  /** Alpha channel comparison */
+  alpha?: boolean;
+  /** Diff image output format */
+  diffStyle?: "overlay" | "sideBySide" | "diffOnly" | "animated";
+  /** Diff highlight color */
+  diffColor?: {
+    r: number;
+    g: number;
+    b: number;
+  };
+}
+/**
+ * CI-specific configuration.
+ */
+interface CiConfig {
+  /** Fail build on any diff */
+  failOnDiff?: boolean;
+  /** Auto-update baselines on main branch */
+  autoUpdateOnMain?: boolean;
+  /** Generate JSON report for CI */
+  jsonReport?: boolean;
+  /** Retry failed tests */
+  retries?: number;
+}
+/**
+ * Accessibility testing options.
+ */
+interface A11yOptions {
+  /** Enable a11y auditing during VRT */
+  enabled?: boolean;
+  /** axe-core rules to include */
+  includeRules?: string[];
+  /** axe-core rules to exclude */
+  excludeRules?: string[];
+  /** WCAG level (A, AA, AAA) */
+  level?: "A" | "AA" | "AAA";
+}
+/**
+ * Accessibility audit result.
+ */
+interface A11yResult {
+  artPath: string;
+  variantName: string;
+  violations: A11yViolation[];
+  passes: number;
+  incomplete: number;
+}
+/**
+ * Single accessibility violation.
+ */
+interface A11yViolation {
+  id: string;
+  impact: "minor" | "moderate" | "serious" | "critical";
+  description: string;
+  helpUrl: string;
+  nodes: number;
+} //#endregion
+//#region src/vrt.d.ts
+
+//# sourceMappingURL=types.d.ts.map
+/**
+ * VRT test result for a single variant.
+ */
+interface VrtResult {
+  artPath: string;
+  variantName: string;
+  viewport: ViewportConfig;
+  passed: boolean;
+  snapshotPath: string;
+  currentPath?: string;
+  diffPath?: string;
+  diffPercentage?: number;
+  diffPixels?: number;
+  totalPixels?: number;
+  error?: string;
+  isNew?: boolean;
+}
+/**
+ * VRT summary for reporting.
+ */
+interface VrtSummary {
+  total: number;
+  passed: number;
+  failed: number;
+  new: number;
+  skipped: number;
+  duration: number;
+}
+/**
+ * Extended VRT options aligned with Rust VrtConfig.
+ */
+interface ExtendedVrtOptions extends VrtOptions {
+  capture?: CaptureConfig;
+  comparison?: ComparisonConfig;
+  ci?: CiConfig;
+  /** Enable a11y auditing during VRT */
+  a11y?: boolean;
+}
+/**
+ * Pixel comparison options.
+ */
+interface PixelCompareOptions {
+  /** Threshold for color difference (0-1). Default: 0.1 */
+  threshold?: number;
+  /** Include anti-aliasing in diff. Default: false */
+  includeAA?: boolean;
+  /** Alpha channel comparison. Default: true */
+  alpha?: boolean;
+  /** Diff highlight color */
+  diffColor?: {
+    r: number;
+    g: number;
+    b: number;
+  };
+}
+/**
+ * VRT runner using Playwright.
+ */
+declare class MuseaVrtRunner {
+  private options;
+  private capture;
+  private comparison;
+  private ci;
+  private browser;
+  private startTime;
+  constructor(options?: ExtendedVrtOptions);
+  /**
+   * Initialize Playwright browser.
+   */
+  init(): Promise<void>;
+  /**
+   * Close browser and cleanup.
+   */
+  close(): Promise<void>;
+  /**
+   * Run VRT tests for all Art files.
+   */
+  runAllTests(artFiles: ArtFileInfo[], baseUrl: string): Promise<VrtResult[]>;
+  /**
+   * Capture screenshot and compare with baseline.
+   */
+  captureAndCompare(art: ArtFileInfo, variantName: string, viewport: ViewportConfig, baseUrl: string): Promise<VrtResult>;
+  /**
+   * Get the Playwright Page for external use (e.g., a11y auditing).
+   */
+  createPage(viewport: ViewportConfig): Promise<{
+    page: Page;
+    context: BrowserContext;
+  }>;
+  /**
+   * Update baseline snapshots with current screenshots.
+   */
+  updateBaselines(results: VrtResult[]): Promise<number>;
+  /**
+   * Approve specific failed results (update their baselines).
+   */
+  approveResults(results: VrtResult[], pattern?: string): Promise<number>;
+  /**
+   * Clean orphaned snapshots (no corresponding art/variant).
+   */
+  cleanOrphans(artFiles: ArtFileInfo[]): Promise<number>;
+  /**
+   * Get VRT summary statistics.
+   */
+  getSummary(results: VrtResult[]): VrtSummary;
+  /**
+   * Build URL for variant preview.
+   */
+  private buildVariantUrl;
+  /**
+   * Compare two PNG images and generate a diff image.
+   * Returns pixel difference statistics.
+   */
+  private compareImages;
+}
+/**
+ * Generate VRT report in HTML format.
+ * Supports side-by-side, overlay, and slider comparison modes.
+ */
+declare function generateVrtReport(results: VrtResult[], summary: VrtSummary): string;
+/**
+ * Generate VRT JSON report for CI integration.
+ */
+declare function generateVrtJsonReport(results: VrtResult[], summary: VrtSummary): string;
+
+//#endregion
+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-m01uFerp.d.ts.map

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

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

package/dist/vrt.d.ts

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

package/dist/vrt.js

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

package/package.json

@@ -0,0 +1,99 @@
+{
+  "name": "@vizejs/vite-plugin-musea",
+  "version": "0.0.1-alpha.100",
+  "description": "Vite plugin for Musea - Component gallery for Vue components",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "musea-vrt": "./dist/cli.js"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./vrt": {
+      "import": "./dist/vrt.js",
+      "types": "./dist/vrt.d.ts"
+    },
+    "./cli": {
+      "import": "./dist/cli.js",
+      "types": "./dist/cli.d.ts"
+    },
+    "./a11y": {
+      "import": "./dist/a11y.js",
+      "types": "./dist/a11y.d.ts"
+    },
+    "./autogen": {
+      "import": "./dist/autogen.js",
+      "types": "./dist/autogen.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "dist/gallery",
+    "bin"
+  ],
+  "keywords": [
+    "vite",
+    "vite-plugin",
+    "vue",
+    "storybook",
+    "component-gallery",
+    "musea"
+  ],
+  "author": "ubugeeei",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ubugeeei/vize.git",
+    "directory": "npm/vite-plugin-musea"
+  },
+  "dependencies": {
+    "pngjs": "^7.0.0",
+    "@vizejs/native": "0.0.1-alpha.100"
+  },
+  "devDependencies": {
+    "@mdi/js": "^7.4.47",
+    "@types/node": "^22.14.0",
+    "@types/pngjs": "^6.0.5",
+    "@vitejs/plugin-vue": "^6.0.4",
+    "highlight.js": "^11.11.1",
+    "marked": "^17.0.1",
+    "marked-highlight": "^2.2.3",
+    "monaco-editor": "^0.52.0",
+    "tsdown": "^0.9.0",
+    "typescript": "^5.7.0",
+    "vite": "^8.0.0-beta.0",
+    "vue": "^3.5.0",
+    "vue-router": "^4.5.0",
+    "@vizejs/vite-plugin": "0.0.1-alpha.100"
+  },
+  "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.0.1-alpha.100"
+  },
+  "peerDependenciesMeta": {
+    "playwright": {
+      "optional": true
+    },
+    "axe-core": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "build:gallery": "vite build --config gallery-vite.config.ts",
+    "dev": "tsdown --watch",
+    "lint": "oxlint --deny-warnings --type-aware --tsconfig tsconfig.json",
+    "lint:fix": "oxlint --type-aware --tsconfig tsconfig.json --fix",
+    "fmt": "oxfmt --write src",
+    "fmt:check": "oxfmt src"
+  }
+}