@vizejs/vite-plugin-musea 0.391.0 → 0.404.9

package/dist/{template-BXWLfxIQ.mjs.map → template-B_y7_OsF.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"template-BXWLfxIQ.mjs","names":[],"sources":["../src/gallery/globals.ts","../src/gallery/module.ts","../src/gallery/template.ts"],"sourcesContent":["import { serializeScriptValue } from \"../security.js\";\nimport type { MuseaTokenPreviewConfig } from \"../tokens/preview.js\";\n\nexport interface MuseaGalleryGlobals {\n  basePath: string;\n  devSessionToken?: string;\n  staticPreviews?: Record<string, Record<string, string>>;\n  themeConfig?: { default: string; custom?: Record<string, unknown> };\n  tokenPreviewConfig?: MuseaTokenPreviewConfig;\n}\n\nexport function generateGalleryGlobalsScript(globals: MuseaGalleryGlobals): string {\n  const parts = [`window.__MUSEA_BASE_PATH__=${serializeScriptValue(globals.basePath)};`];\n  if (globals.devSessionToken !== undefined) {\n    parts.push(`window.__MUSEA_SESSION_TOKEN__=${serializeScriptValue(globals.devSessionToken)};`);\n  }\n  if (globals.staticPreviews !== undefined) {\n    parts.push(\"window.__MUSEA_STATIC__=true;\");\n    parts.push(`window.__MUSEA_STATIC_PREVIEWS__=${serializeScriptValue(globals.staticPreviews)};`);\n  }\n  if (globals.themeConfig) {\n    parts.push(`window.__MUSEA_THEME_CONFIG__=${serializeScriptValue(globals.themeConfig)};`);\n  }\n  if (globals.tokenPreviewConfig) {\n    parts.push(\n      `window.__MUSEA_TOKEN_PREVIEWS__=${serializeScriptValue(globals.tokenPreviewConfig)};`,\n    );\n  }\n  return parts.join(\"\");\n}\n\nexport function generateDevGlobalsScript(\n  basePath: string,\n  devSessionToken: string,\n  themeConfig?: MuseaGalleryGlobals[\"themeConfig\"],\n  tokenPreviewConfig?: MuseaTokenPreviewConfig,\n): string {\n  return generateGalleryGlobalsScript({\n    basePath,\n    devSessionToken,\n    themeConfig,\n    tokenPreviewConfig,\n  });\n}\n","import { serializeScriptValue } from \"../security.js\";\n\nexport function generateGalleryModule(basePath: string): string {\n  return `\nexport const basePath = ${serializeScriptValue(basePath)};\nexport async function loadArts() {\n  const res = await fetch(basePath + '/api/arts');\n  return res.json();\n}\n`;\n}\n","/**\n * HTML structure and inline JS generation for the Musea gallery.\n *\n * Extracted from gallery.ts to keep file sizes manageable.\n */\n\nimport { serializeScriptValue } from \"../security.js\";\n\nfunction escapeHtmlAttribute(value: string): string {\n  return value.replace(/[&<>\"']/g, (char) => {\n    switch (char) {\n      case \"&\":\n        return \"&amp;\";\n      case \"<\":\n        return \"&lt;\";\n      case \">\":\n        return \"&gt;\";\n      case '\"':\n        return \"&quot;\";\n      case \"'\":\n        return \"&#39;\";\n      default:\n        return char;\n    }\n  });\n}\n\n/**\n * Generate the gallery HTML body (header, sidebar, content, and inline script).\n */\nexport function generateGalleryBody(basePath: string): string {\n  const escapedBasePath = escapeHtmlAttribute(basePath);\n\n  return `\n  <header class=\"header\">\n    <div class=\"header-left\">\n      <a href=\"${escapedBasePath}\" class=\"logo\">\n        <svg class=\"logo-svg\" width=\"32\" height=\"32\" viewBox=\"0 0 200 200\" fill=\"none\">\n          <g transform=\"translate(30, 25) scale(1.2)\">\n            <g transform=\"translate(15, 10) skewX(-15)\">\n              <path d=\"M 65 0 L 40 60 L 70 20 L 65 0 Z\" fill=\"currentColor\"/>\n              <path d=\"M 20 0 L 40 60 L 53 13 L 20 0 Z\" fill=\"currentColor\"/>\n            </g>\n          </g>\n          <g transform=\"translate(110, 120)\">\n            <line x1=\"5\" y1=\"10\" x2=\"5\" y2=\"50\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n            <line x1=\"60\" y1=\"10\" x2=\"60\" y2=\"50\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n            <path d=\"M 0 10 L 32.5 0 L 65 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n            <rect x=\"15\" y=\"18\" width=\"14\" height=\"12\" rx=\"1\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" opacity=\"0.7\"/>\n            <rect x=\"36\" y=\"18\" width=\"14\" height=\"12\" rx=\"1\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" opacity=\"0.7\"/>\n            <rect x=\"23\" y=\"35\" width=\"18\" height=\"12\" rx=\"1\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" opacity=\"0.6\"/>\n          </g>\n        </svg>\n        Musea\n      </a>\n      <span class=\"header-subtitle\">Component Gallery</span>\n    </div>\n    <div class=\"search-container\">\n      <svg class=\"search-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n        <circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"m21 21-4.35-4.35\"/>\n      </svg>\n      <input type=\"text\" class=\"search-input\" placeholder=\"Search components...\" id=\"search\">\n    </div>\n  </header>\n\n  <main class=\"main\">\n    <aside class=\"sidebar\" id=\"sidebar\">\n      <div class=\"loading\">\n        <div class=\"loading-spinner\"></div>\n        Loading...\n      </div>\n    </aside>\n    <section class=\"content\" id=\"content\">\n      <div class=\"empty-state\">\n        <div class=\"empty-state-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <path d=\"M4 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5Z\"/>\n            <path d=\"M4 13a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-6Z\"/>\n            <path d=\"M16 13a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-6Z\"/>\n          </svg>\n        </div>\n        <div class=\"empty-state-title\">Select a component</div>\n        <div class=\"empty-state-text\">Choose a component from the sidebar to view its variants and documentation</div>\n      </div>\n    </section>\n  </main>`;\n}\n\n/**\n * Generate the gallery inline script (SPA logic).\n */\nexport function generateGalleryScript(basePath: string): string {\n  return `\n    const basePath = ${serializeScriptValue(basePath)};\n    let arts = [];\n    let selectedArt = null;\n    let searchQuery = '';\n\n    async function loadArts() {\n      try {\n        const res = await fetch(basePath + '/api/arts');\n        arts = await res.json();\n        renderSidebar();\n      } catch (e) {\n        console.error('Failed to load arts:', e);\n        document.getElementById('sidebar').innerHTML = '<div class=\"loading\">Failed to load</div>';\n      }\n    }\n\n    function renderSidebar() {\n      const sidebar = document.getElementById('sidebar');\n      const categories = {};\n\n      const filtered = searchQuery\n        ? arts.filter(a => a.metadata.title.toLowerCase().includes(searchQuery.toLowerCase()))\n        : arts;\n\n      for (const art of filtered) {\n        const cat = art.metadata.category || 'Components';\n        if (!categories[cat]) categories[cat] = [];\n        categories[cat].push(art);\n      }\n\n      if (Object.keys(categories).length === 0) {\n        sidebar.innerHTML = '<div class=\"sidebar-section\"><div class=\"loading\">No components found</div></div>';\n        return;\n      }\n\n      let html = '';\n      for (const [category, items] of Object.entries(categories)) {\n        const escapedCategory = escapeHtml(category);\n        html += '<div class=\"sidebar-section\">';\n        html += '<div class=\"category-header\" data-category=\"' + escapedCategory + '\">';\n        html += '<svg class=\"category-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m9 18 6-6-6-6\"/></svg>';\n        html += '<span>' + escapedCategory + '</span>';\n        html += '<span class=\"category-count\">' + items.length + '</span>';\n        html += '</div>';\n        html += '<ul class=\"art-list\" data-category=\"' + escapedCategory + '\">';\n        for (const art of items) {\n          const active = selectedArt?.path === art.path ? 'active' : '';\n          const variantCount = art.variants?.length || 0;\n          html += '<li class=\"art-item ' + active + '\" data-path=\"' + escapeHtml(art.path) + '\">';\n          html += '<span>' + escapeHtml(art.metadata.title) + '</span>';\n          html += '<span class=\"art-variant-count\">' + variantCount + ' variant' + (variantCount !== 1 ? 's' : '') + '</span>';\n          html += '</li>';\n        }\n        html += '</ul>';\n        html += '</div>';\n      }\n\n      sidebar.innerHTML = html;\n\n      sidebar.querySelectorAll('.art-item').forEach(item => {\n        item.addEventListener('click', () => {\n          const artPath = item.dataset.path;\n          selectedArt = arts.find(a => a.path === artPath);\n          renderSidebar();\n          renderContent();\n        });\n      });\n\n      sidebar.querySelectorAll('.category-header').forEach(header => {\n        header.addEventListener('click', () => {\n          header.classList.toggle('collapsed');\n          const list = header.parentElement?.querySelector('.art-list');\n          if (list) list.style.display = header.classList.contains('collapsed') ? 'none' : 'block';\n        });\n      });\n    }\n\n    function renderContent() {\n      const content = document.getElementById('content');\n      if (!selectedArt) {\n        content.innerHTML = \\`\n          <div class=\"empty-state\">\n            <div class=\"empty-state-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                <path d=\"M4 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5Z\"/>\n                <path d=\"M4 13a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-6Z\"/>\n                <path d=\"M16 13a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-6Z\"/>\n              </svg>\n            </div>\n            <div class=\"empty-state-title\">Select a component</div>\n            <div class=\"empty-state-text\">Choose a component from the sidebar to view its variants</div>\n          </div>\n        \\`;\n        return;\n      }\n\n      const meta = selectedArt.metadata;\n      const tags = meta.tags || [];\n      const variantCount = selectedArt.variants?.length || 0;\n\n      let html = '<div class=\"content-inner\">';\n      html += '<div class=\"content-header\">';\n      html += '<h1 class=\"content-title\">' + escapeHtml(meta.title) + '</h1>';\n      if (meta.description) {\n        html += '<p class=\"content-description\">' + escapeHtml(meta.description) + '</p>';\n      }\n      html += '<div class=\"content-meta\">';\n      html += '<span class=\"meta-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"/></svg>' + variantCount + ' variant' + (variantCount !== 1 ? 's' : '') + '</span>';\n      if (meta.category) {\n        html += '<span class=\"meta-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"/></svg>' + escapeHtml(meta.category) + '</span>';\n      }\n      for (const tag of tags) {\n        html += '<span class=\"meta-tag\">#' + escapeHtml(tag) + '</span>';\n      }\n      html += '</div>';\n      html += '</div>';\n\n      html += '<div class=\"gallery\">';\n      for (const variant of selectedArt.variants) {\n        const previewUrl = basePath + '/preview?art=' + encodeURIComponent(selectedArt.path) + '&variant=' + encodeURIComponent(variant.name);\n        const escapedPreviewUrl = escapeHtml(previewUrl);\n\n        html += '<div class=\"variant-card\">';\n        html += '<div class=\"variant-preview\">';\n        html += '<iframe src=\"' + escapedPreviewUrl + '\" loading=\"lazy\" title=\"' + escapeHtml(variant.name) + '\"></iframe>';\n        html += '</div>';\n        html += '<div class=\"variant-info\">';\n        html += '<div>';\n        html += '<span class=\"variant-name\">' + escapeHtml(variant.name) + '</span>';\n        if (variant.isDefault) html += ' <span class=\"variant-badge\">Default</span>';\n        html += '</div>';\n        html += '<div class=\"variant-actions\">';\n        html += '<button class=\"variant-action-btn\" title=\"Open in new tab\" data-preview-url=\"' + escapedPreviewUrl + '\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"/><polyline points=\"15 3 21 3 21 9\"/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"/></svg></button>';\n        html += '</div>';\n        html += '</div>';\n        html += '</div>';\n      }\n      html += '</div>';\n      html += '</div>';\n\n      content.innerHTML = html;\n\n      content.querySelectorAll('.variant-action-btn[data-preview-url]').forEach(button => {\n        button.addEventListener('click', () => {\n          const previewUrl = button.dataset.previewUrl;\n          if (previewUrl) window.open(previewUrl, '_blank', 'noopener');\n        });\n      });\n    }\n\n    function escapeHtml(str) {\n      if (!str) return '';\n      return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;').replace(/'/g, '&#39;');\n    }\n\n    // Search\n    document.getElementById('search').addEventListener('input', (e) => {\n      searchQuery = e.target.value;\n      renderSidebar();\n    });\n\n    // Keyboard shortcut for search\n    document.addEventListener('keydown', (e) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === 'k') {\n        e.preventDefault();\n        document.getElementById('search').focus();\n      }\n    });\n\n    loadArts();`;\n}\n"],"mappings":";;AAWA,SAAgB,6BAA6B,SAAsC;CACjF,MAAM,QAAQ,CAAC,8BAA8B,qBAAqB,QAAQ,QAAQ,EAAE,EAAE;CACtF,IAAI,QAAQ,oBAAoB,KAAA,GAC9B,MAAM,KAAK,kCAAkC,qBAAqB,QAAQ,eAAe,EAAE,EAAE;CAE/F,IAAI,QAAQ,mBAAmB,KAAA,GAAW;EACxC,MAAM,KAAK,+BAA+B;EAC1C,MAAM,KAAK,oCAAoC,qBAAqB,QAAQ,cAAc,EAAE,EAAE;CAChG;CACA,IAAI,QAAQ,aACV,MAAM,KAAK,iCAAiC,qBAAqB,QAAQ,WAAW,EAAE,EAAE;CAE1F,IAAI,QAAQ,oBACV,MAAM,KACJ,mCAAmC,qBAAqB,QAAQ,kBAAkB,EAAE,EACtF;CAEF,OAAO,MAAM,KAAK,EAAE;AACtB;AAEA,SAAgB,yBACd,UACA,iBACA,aACA,oBACQ;CACR,OAAO,6BAA6B;EAClC;EACA;EACA;EACA;CACF,CAAC;AACH;;;ACzCA,SAAgB,sBAAsB,UAA0B;CAC9D,OAAO;0BACiB,qBAAqB,QAAQ,EAAE;;;;;;AAMzD;;;;;;;;ACFA,SAAS,oBAAoB,OAAuB;CAClD,OAAO,MAAM,QAAQ,aAAa,SAAS;EACzC,QAAQ,MAAR;GACE,KAAK,KACH,OAAO;GACT,KAAK,KACH,OAAO;GACT,KAAK,KACH,OAAO;GACT,KAAK,MACH,OAAO;GACT,KAAK,KACH,OAAO;GACT,SACE,OAAO;EACX;CACF,CAAC;AACH;;;;AAKA,SAAgB,oBAAoB,UAA0B;CAG5D,OAAO;;;iBAFiB,oBAAoB,QAKf,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDjC;;;;AAKA,SAAgB,sBAAsB,UAA0B;CAC9D,OAAO;uBACc,qBAAqB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0KtD"}
+{"version":3,"file":"template-B_y7_OsF.mjs","names":[],"sources":["../src/gallery/globals.ts","../src/gallery/module.ts","../src/gallery/template.ts"],"sourcesContent":["import { serializeScriptValue } from \"../security.js\";\nimport type { MuseaTokenPreviewConfig } from \"../tokens/preview.js\";\n\nexport interface MuseaGalleryGlobals {\n  basePath: string;\n  devSessionToken?: string;\n  staticPreviews?: Record<string, Record<string, string>>;\n  themeConfig?: { default: string; custom?: Record<string, unknown> };\n  tokenPreviewConfig?: MuseaTokenPreviewConfig;\n}\n\nexport function generateGalleryGlobalsScript(globals: MuseaGalleryGlobals): string {\n  const parts = [`window.__MUSEA_BASE_PATH__=${serializeScriptValue(globals.basePath)};`];\n  if (globals.devSessionToken !== undefined) {\n    parts.push(`window.__MUSEA_SESSION_TOKEN__=${serializeScriptValue(globals.devSessionToken)};`);\n  }\n  if (globals.staticPreviews !== undefined) {\n    parts.push(\"window.__MUSEA_STATIC__=true;\");\n    parts.push(`window.__MUSEA_STATIC_PREVIEWS__=${serializeScriptValue(globals.staticPreviews)};`);\n  }\n  if (globals.themeConfig) {\n    parts.push(`window.__MUSEA_THEME_CONFIG__=${serializeScriptValue(globals.themeConfig)};`);\n  }\n  if (globals.tokenPreviewConfig) {\n    parts.push(\n      `window.__MUSEA_TOKEN_PREVIEWS__=${serializeScriptValue(globals.tokenPreviewConfig)};`,\n    );\n  }\n  return parts.join(\"\");\n}\n\nexport function generateDevGlobalsScript(\n  basePath: string,\n  devSessionToken: string,\n  themeConfig?: MuseaGalleryGlobals[\"themeConfig\"],\n  tokenPreviewConfig?: MuseaTokenPreviewConfig,\n): string {\n  return generateGalleryGlobalsScript({\n    basePath,\n    devSessionToken,\n    themeConfig,\n    tokenPreviewConfig,\n  });\n}\n","import { serializeScriptValue } from \"../security.js\";\n\nexport function generateGalleryModule(basePath: string): string {\n  return `\nexport const basePath = ${serializeScriptValue(basePath)};\nexport async function loadArts() {\n  const res = await fetch(basePath + '/api/arts');\n  return res.json();\n}\n`;\n}\n","/**\n * HTML structure and inline JS generation for the Musea gallery.\n *\n * Extracted from gallery.ts to keep file sizes manageable.\n */\n\nimport { serializeScriptValue } from \"../security.js\";\n\nfunction escapeHtmlAttribute(value: string): string {\n  return value.replace(/[&<>\"']/g, (char) => {\n    switch (char) {\n      case \"&\":\n        return \"&amp;\";\n      case \"<\":\n        return \"&lt;\";\n      case \">\":\n        return \"&gt;\";\n      case '\"':\n        return \"&quot;\";\n      case \"'\":\n        return \"&#39;\";\n      default:\n        return char;\n    }\n  });\n}\n\n/**\n * Generate the gallery HTML body (header, sidebar, content, and inline script).\n */\nexport function generateGalleryBody(basePath: string): string {\n  const escapedBasePath = escapeHtmlAttribute(basePath);\n\n  return `\n  <header class=\"header\">\n    <div class=\"header-left\">\n      <a href=\"${escapedBasePath}\" class=\"logo\">\n        <svg class=\"logo-svg\" width=\"32\" height=\"32\" viewBox=\"0 0 200 200\" fill=\"none\">\n          <g transform=\"translate(30, 25) scale(1.2)\">\n            <g transform=\"translate(15, 10) skewX(-15)\">\n              <path d=\"M 65 0 L 40 60 L 70 20 L 65 0 Z\" fill=\"currentColor\"/>\n              <path d=\"M 20 0 L 40 60 L 53 13 L 20 0 Z\" fill=\"currentColor\"/>\n            </g>\n          </g>\n          <g transform=\"translate(110, 120)\">\n            <line x1=\"5\" y1=\"10\" x2=\"5\" y2=\"50\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n            <line x1=\"60\" y1=\"10\" x2=\"60\" y2=\"50\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n            <path d=\"M 0 10 L 32.5 0 L 65 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n            <rect x=\"15\" y=\"18\" width=\"14\" height=\"12\" rx=\"1\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" opacity=\"0.7\"/>\n            <rect x=\"36\" y=\"18\" width=\"14\" height=\"12\" rx=\"1\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" opacity=\"0.7\"/>\n            <rect x=\"23\" y=\"35\" width=\"18\" height=\"12\" rx=\"1\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" opacity=\"0.6\"/>\n          </g>\n        </svg>\n        Musea\n      </a>\n      <span class=\"header-subtitle\">Component Gallery</span>\n    </div>\n    <div class=\"search-container\">\n      <svg class=\"search-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n        <circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"m21 21-4.35-4.35\"/>\n      </svg>\n      <input type=\"text\" class=\"search-input\" placeholder=\"Search components...\" id=\"search\">\n    </div>\n  </header>\n\n  <main class=\"main\">\n    <aside class=\"sidebar\" id=\"sidebar\">\n      <div class=\"loading\">\n        <div class=\"loading-spinner\"></div>\n        Loading...\n      </div>\n    </aside>\n    <section class=\"content\" id=\"content\">\n      <div class=\"empty-state\">\n        <div class=\"empty-state-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <path d=\"M4 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5Z\"/>\n            <path d=\"M4 13a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-6Z\"/>\n            <path d=\"M16 13a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-6Z\"/>\n          </svg>\n        </div>\n        <div class=\"empty-state-title\">Select a component</div>\n        <div class=\"empty-state-text\">Choose a component from the sidebar to view its variants and documentation</div>\n      </div>\n    </section>\n  </main>`;\n}\n\n/**\n * Generate the gallery inline script (SPA logic).\n */\nexport function generateGalleryScript(basePath: string): string {\n  return `\n    const basePath = ${serializeScriptValue(basePath)};\n    let arts = [];\n    let selectedArt = null;\n    let searchQuery = '';\n\n    async function loadArts() {\n      try {\n        const res = await fetch(basePath + '/api/arts');\n        arts = await res.json();\n        renderSidebar();\n      } catch (e) {\n        console.error('Failed to load arts:', e);\n        document.getElementById('sidebar').innerHTML = '<div class=\"loading\">Failed to load</div>';\n      }\n    }\n\n    function renderSidebar() {\n      const sidebar = document.getElementById('sidebar');\n      const categories = {};\n\n      const filtered = searchQuery\n        ? arts.filter(a => a.metadata.title.toLowerCase().includes(searchQuery.toLowerCase()))\n        : arts;\n\n      for (const art of filtered) {\n        const cat = art.metadata.category || 'Components';\n        if (!categories[cat]) categories[cat] = [];\n        categories[cat].push(art);\n      }\n\n      if (Object.keys(categories).length === 0) {\n        sidebar.innerHTML = '<div class=\"sidebar-section\"><div class=\"loading\">No components found</div></div>';\n        return;\n      }\n\n      let html = '';\n      for (const [category, items] of Object.entries(categories)) {\n        const escapedCategory = escapeHtml(category);\n        html += '<div class=\"sidebar-section\">';\n        html += '<div class=\"category-header\" data-category=\"' + escapedCategory + '\">';\n        html += '<svg class=\"category-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m9 18 6-6-6-6\"/></svg>';\n        html += '<span>' + escapedCategory + '</span>';\n        html += '<span class=\"category-count\">' + items.length + '</span>';\n        html += '</div>';\n        html += '<ul class=\"art-list\" data-category=\"' + escapedCategory + '\">';\n        for (const art of items) {\n          const active = selectedArt?.path === art.path ? 'active' : '';\n          const variantCount = art.variants?.length || 0;\n          html += '<li class=\"art-item ' + active + '\" data-path=\"' + escapeHtml(art.path) + '\">';\n          html += '<span>' + escapeHtml(art.metadata.title) + '</span>';\n          html += '<span class=\"art-variant-count\">' + variantCount + ' variant' + (variantCount !== 1 ? 's' : '') + '</span>';\n          html += '</li>';\n        }\n        html += '</ul>';\n        html += '</div>';\n      }\n\n      sidebar.innerHTML = html;\n\n      sidebar.querySelectorAll('.art-item').forEach(item => {\n        item.addEventListener('click', () => {\n          const artPath = item.dataset.path;\n          selectedArt = arts.find(a => a.path === artPath);\n          renderSidebar();\n          renderContent();\n        });\n      });\n\n      sidebar.querySelectorAll('.category-header').forEach(header => {\n        header.addEventListener('click', () => {\n          header.classList.toggle('collapsed');\n          const list = header.parentElement?.querySelector('.art-list');\n          if (list) list.style.display = header.classList.contains('collapsed') ? 'none' : 'block';\n        });\n      });\n    }\n\n    function renderContent() {\n      const content = document.getElementById('content');\n      if (!selectedArt) {\n        content.innerHTML = \\`\n          <div class=\"empty-state\">\n            <div class=\"empty-state-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                <path d=\"M4 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5Z\"/>\n                <path d=\"M4 13a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-6Z\"/>\n                <path d=\"M16 13a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-6Z\"/>\n              </svg>\n            </div>\n            <div class=\"empty-state-title\">Select a component</div>\n            <div class=\"empty-state-text\">Choose a component from the sidebar to view its variants</div>\n          </div>\n        \\`;\n        return;\n      }\n\n      const meta = selectedArt.metadata;\n      const tags = meta.tags || [];\n      const variantCount = selectedArt.variants?.length || 0;\n\n      let html = '<div class=\"content-inner\">';\n      html += '<div class=\"content-header\">';\n      html += '<h1 class=\"content-title\">' + escapeHtml(meta.title) + '</h1>';\n      if (meta.description) {\n        html += '<p class=\"content-description\">' + escapeHtml(meta.description) + '</p>';\n      }\n      html += '<div class=\"content-meta\">';\n      html += '<span class=\"meta-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"/></svg>' + variantCount + ' variant' + (variantCount !== 1 ? 's' : '') + '</span>';\n      if (meta.category) {\n        html += '<span class=\"meta-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"/></svg>' + escapeHtml(meta.category) + '</span>';\n      }\n      for (const tag of tags) {\n        html += '<span class=\"meta-tag\">#' + escapeHtml(tag) + '</span>';\n      }\n      html += '</div>';\n      html += '</div>';\n\n      html += '<div class=\"gallery\">';\n      for (const variant of selectedArt.variants) {\n        const previewUrl = basePath + '/preview?art=' + encodeURIComponent(selectedArt.path) + '&variant=' + encodeURIComponent(variant.name);\n        const escapedPreviewUrl = escapeHtml(previewUrl);\n\n        html += '<div class=\"variant-card\">';\n        html += '<div class=\"variant-preview\">';\n        html += '<iframe src=\"' + escapedPreviewUrl + '\" loading=\"lazy\" title=\"' + escapeHtml(variant.name) + '\"></iframe>';\n        html += '</div>';\n        html += '<div class=\"variant-info\">';\n        html += '<div>';\n        html += '<span class=\"variant-name\">' + escapeHtml(variant.name) + '</span>';\n        if (variant.isDefault) html += ' <span class=\"variant-badge\">Default</span>';\n        html += '</div>';\n        html += '<div class=\"variant-actions\">';\n        html += '<button class=\"variant-action-btn\" title=\"Open in new tab\" data-preview-url=\"' + escapedPreviewUrl + '\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"/><polyline points=\"15 3 21 3 21 9\"/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"/></svg></button>';\n        html += '</div>';\n        html += '</div>';\n        html += '</div>';\n      }\n      html += '</div>';\n      html += '</div>';\n\n      content.innerHTML = html;\n\n      content.querySelectorAll('.variant-action-btn[data-preview-url]').forEach(button => {\n        button.addEventListener('click', () => {\n          const previewUrl = button.dataset.previewUrl;\n          if (previewUrl) window.open(previewUrl, '_blank', 'noopener');\n        });\n      });\n    }\n\n    function escapeHtml(str) {\n      if (!str) return '';\n      return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;').replace(/'/g, '&#39;');\n    }\n\n    // Search\n    document.getElementById('search').addEventListener('input', (e) => {\n      searchQuery = e.target.value;\n      renderSidebar();\n    });\n\n    // Keyboard shortcut for search\n    document.addEventListener('keydown', (e) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === 'k') {\n        e.preventDefault();\n        document.getElementById('search').focus();\n      }\n    });\n\n    loadArts();`;\n}\n"],"mappings":";;AAWA,SAAgB,6BAA6B,SAAsC;CACjF,MAAM,QAAQ,CAAC,8BAA8B,qBAAqB,QAAQ,QAAQ,EAAE,EAAE;CACtF,IAAI,QAAQ,oBAAoB,KAAA,GAC9B,MAAM,KAAK,kCAAkC,qBAAqB,QAAQ,eAAe,EAAE,EAAE;CAE/F,IAAI,QAAQ,mBAAmB,KAAA,GAAW;EACxC,MAAM,KAAK,+BAA+B;EAC1C,MAAM,KAAK,oCAAoC,qBAAqB,QAAQ,cAAc,EAAE,EAAE;CAChG;CACA,IAAI,QAAQ,aACV,MAAM,KAAK,iCAAiC,qBAAqB,QAAQ,WAAW,EAAE,EAAE;CAE1F,IAAI,QAAQ,oBACV,MAAM,KACJ,mCAAmC,qBAAqB,QAAQ,kBAAkB,EAAE,EACtF;CAEF,OAAO,MAAM,KAAK,EAAE;AACtB;AAEA,SAAgB,yBACd,UACA,iBACA,aACA,oBACQ;CACR,OAAO,6BAA6B;EAClC;EACA;EACA;EACA;CACF,CAAC;AACH;;;ACzCA,SAAgB,sBAAsB,UAA0B;CAC9D,OAAO;0BACiB,qBAAqB,QAAQ,EAAE;;;;;;AAMzD;;;;;;;;ACFA,SAAS,oBAAoB,OAAuB;CAClD,OAAO,MAAM,QAAQ,aAAa,SAAS;EACzC,QAAQ,MAAR;GACE,KAAK,KACH,OAAO;GACT,KAAK,KACH,OAAO;GACT,KAAK,KACH,OAAO;GACT,KAAK,MACH,OAAO;GACT,KAAK,KACH,OAAO;GACT,SACE,OAAO;EACX;CACF,CAAC;AACH;;;;AAKA,SAAgB,oBAAoB,UAA0B;CAG5D,OAAO;;;iBAFiB,oBAAoB,QAKf,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDjC;;;;AAKA,SAAgB,sBAAsB,UAA0B;CAC9D,OAAO;uBACc,qBAAqB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0KtD"}

package/dist/{vrt-D454uyH6.d.mts → vrt-DC8PNsYN.d.mts}

@@ -1,87 +1,6 @@
+import { a as VrtOptions, i as ViewportConfig, n as CiConfig, r as ComparisonConfig, t as CaptureConfig } from "./vrt-DJ_qLgan.mjs";
 import { Browser, BrowserContext, Page } from "playwright";
 
-//#region src/types/vrt.d.ts
-/**
- * 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;
-}
-/**
- * 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[];
-}
-/**
- * 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;
-}
-//#endregion
 //#region src/types/art.d.ts
 /**
  * Art file metadata.
@@ -287,5 +206,5 @@ declare function generateVrtReport(results: VrtResult[], summary: VrtSummary): s
  */
 declare function generateVrtJsonReport(results: VrtResult[], summary: VrtSummary): string;
 //#endregion
-export { PixelCompareOptions as a, ArtFileInfo as c, CsfOutput as d, CaptureConfig as f, VrtOptions as g, ViewportConfig as h, ExtendedVrtOptions as i, ArtMetadata as l, ComparisonConfig as m, generateVrtReport as n, VrtResult as o, CiConfig as p, MuseaVrtRunner as r, VrtSummary as s, generateVrtJsonReport as t, ArtVariant as u };
-//# sourceMappingURL=vrt-D454uyH6.d.mts.map
+export { PixelCompareOptions as a, ArtFileInfo as c, CsfOutput as d, ExtendedVrtOptions as i, ArtMetadata as l, generateVrtReport as n, VrtResult as o, MuseaVrtRunner as r, VrtSummary as s, generateVrtJsonReport as t, ArtVariant as u };
+//# sourceMappingURL=vrt-DC8PNsYN.d.mts.map

package/dist/vrt-DC8PNsYN.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vrt-DC8PNsYN.d.mts","names":[],"sources":["../src/types/art.ts","../src/vrt/types.ts","../src/vrt/runner.ts","../src/vrt/report.ts"],"mappings":";;;;;;;UAGiB,WAAA;EACf,KAAA;EACA,WAAA;EACA,SAAA;EACA,QAAA;EACA,IAAA;EACA,MAAA;EACA,KAAA;EAHA;EAKA,YAAA;AAAA;;;;UAMe,UAAA;EACf,IAAA;EACA,QAAA;EACA,SAAA;EACA,OAAA;EACA,IAAA,GAAO,MAAM;AAAA;;;;UAME,WAAA;EANF;EAQb,IAAA;EAFe;EAIf,QAAA,EAAU,WAAA;;EAEV,QAAA,EAAU,UAAU;EAJpB;EAMA,cAAA;EAJU;EAMV,kBAAA;EAJU;EAMV,mBAAA;EAFA;EAIA,SAAA;EAAA;EAEA,UAAA;EAEA;EAAA,WAAA;EAIA;EAFA,QAAA;EAEa;EAAb,aAAA;AAAA;;;AAUQ;UAJO,SAAA;;EAEf,IAAA;EC5Ce;ED8Cf,QAAQ;AAAA;;;AA1DV;;;AAAA,UCYiB,SAAA;EACf,OAAA;EACA,WAAA;EACA,QAAA,EAAU,cAAc;EACxB,MAAA;EACA,YAAA;EACA,WAAA;EACA,QAAA;EACA,cAAA;EACA,UAAA;EACA,WAAA;EACA,KAAA;EACA,KAAA;AAAA;;;;UAMe,UAAA;EACf,KAAA;EACA,MAAA;EACA,MAAA;EACA,GAAA;EACA,OAAA;EACA,QAAA;AAAA;;;;UAMe,kBAAA,SAA2B,UAAA;EAC1C,OAAA,GAAU,aAAA;EACV,UAAA,GAAa,gBAAA;EACb,EAAA,GAAK,QAAA;EDXL;ECaA,IAAA;AAAA;;;;UAMe,mBAAA;EDLf;ECOA,SAAA;EDPa;ECSb,SAAA;EDHwB;ECKxB,KAAA;EDHA;ECKA,SAAA;IAAc,CAAA;IAAW,CAAA;IAAW,CAAA;EAAA;AAAA;;;;;;cClCzB,cAAA;EAAA,QACH,OAAA;EAAA,QACA,OAAA;EAAA,QACA,UAAA;EAAA,QACA,EAAA;EAAA,QACA,OAAA;EAAA,QACA,SAAA;cAEI,OAAA,GAAS,kBAAA;EFfR;EEuCb,UAAA,IAAc,OAAA;EF1Cd;EE+CA,UAAA,IAAc,QAAA,CAAS,UAAA;EF7CvB;EEkDA,UAAA,IAAc,QAAA,CAAS,aAAA;EFjDhB;EEsDP,aAAA,IAAiB,gBAAA;EFtDJ;AAMf;;EEuDQ,IAAA,IAAQ,OAAA;EFjDM;;;EE0Dd,KAAA,IAAS,OAAA;EF1Df;;;EEoEM,KAAA,IAAS,OAAA;EF9Df;;;EEqEM,IAAA,IAAQ,OAAA;EF7Dd;;;EEoEM,WAAA,CAAY,QAAA,EAAU,WAAA,IAAe,OAAA,WAAkB,OAAA,CAAQ,SAAA;EF5DtD;;;EE6GT,QAAA,CACJ,QAAA,EAAU,WAAA,IACV,OAAA,UACA,QAAA;IAAa,eAAA;EAAA,IACZ,OAAA,CAAQ,SAAA;;;AD3Jb;ECsKQ,iBAAA,CACJ,GAAA,EAAK,WAAA,EACL,WAAA,UACA,QAAA,EAAU,cAAA,EACV,OAAA,WACC,OAAA,CAAQ,SAAA;;;;EAOL,UAAA,CAAW,QAAA,EAAU,cAAA,GAAiB,OAAA;IAAU,IAAA,EAAM,IAAA;IAAM,OAAA,EAAS,cAAA;EAAA;ED7K3E;;;EC4LM,eAAA,CAAgB,OAAA,EAAS,SAAA,KAAc,OAAA;EDxL7C;;;EC6MM,cAAA,CAAe,OAAA,EAAS,SAAA,IAAa,OAAA,YAAmB,OAAA;ED1MzD;AAAA;AAMP;ECkNQ,YAAA,CAAa,QAAA,EAAU,WAAA,KAAgB,OAAA;;;;EAoC7C,UAAA,CAAW,OAAA,EAAS,SAAA,KAAc,UAAA;AAAA;;;;;;;iBCvQpB,iBAAA,CAAkB,OAAA,EAAS,SAAA,IAAa,OAAA,EAAS,UAAU;;;;iBAuQ3D,qBAAA,CAAsB,OAAA,EAAS,SAAA,IAAa,OAAA,EAAS,UAAU"}

package/dist/vrt-DJ_qLgan.d.mts

@@ -0,0 +1,84 @@
+//#region src/types/vrt.d.ts
+/**
+ * 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;
+}
+/**
+ * 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[];
+}
+/**
+ * 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;
+}
+//#endregion
+export { VrtOptions as a, ViewportConfig as i, CiConfig as n, ComparisonConfig as r, CaptureConfig as t };
+//# sourceMappingURL=vrt-DJ_qLgan.d.mts.map

package/dist/vrt-DJ_qLgan.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vrt-DJ_qLgan.d.mts","names":[],"sources":["../src/types/vrt.ts"],"mappings":";;AAGA;;UAAiB,cAAA;EAAc;EAE7B,KAAA;EAEA;EAAA,MAAA;EAIA;EAFA,iBAAA;EAEI;EAAJ,IAAA;AAAA;;;;UAMe,UAAA;EAiBf;;;AAA0B;EAZ1B,WAAA;EAkB4B;;;;EAZ5B,SAAA;EAkBA;;;;EAZA,SAAA,GAAY,cAAc;AAAA;AAwB5B;;;AAAA,UAlBiB,aAAA;EAoBf;EAlBA,QAAA;EAsBA;EApBA,cAAA;EAsBc;EApBd,UAAA;EAoBoC;EAlBpC,YAAA;EAkBqC;EAhBrC,YAAA;EAsBuB;EApBvB,YAAA;AAAA;;;;UAMe,gBAAA;EAsBR;EApBP,YAAA;;EAEA,KAAA;;EAEA,SAAA;;EAEA,SAAA;IAAc,CAAA;IAAW,CAAA;IAAW,CAAA;EAAA;AAAA;;;;UAMrB,QAAA;;EAEf,UAAA;;EAEA,gBAAA;;EAEA,UAAA;;EAEA,OAAA;AAAA"}

package/dist/{vrt-DgVSWKGl.mjs → vrt-DYTmYF1X.mjs}

@@ -271,6 +271,7 @@ async function compareImages(baselinePath, currentPath, diffPath, comparison) {
 		const g2 = current.data[idx + 1];
 		const b2 = current.data[idx + 2];
 		if (colorDelta(r1, g1, b1, a1, r2, g2, b2, useAlpha ? current.data[idx + 3] : 255) > threshold * 255 * 255) if (useAntiAliasing && isAntiAliased(baseline, current, x, y, width, height)) {
+			diffPixels++;
 			diff.data[idx] = 255;
 			diff.data[idx + 1] = 200;
 			diff.data[idx + 2] = 0;
@@ -764,4 +765,4 @@ var vrt_default = MuseaVrtRunner;
 //#endregion
 export { MuseaVrtRunner as i, generateVrtJsonReport as n, generateVrtReport as r, vrt_default as t };
 
-//# sourceMappingURL=vrt-DgVSWKGl.mjs.map
+//# sourceMappingURL=vrt-DYTmYF1X.mjs.map

package/dist/vrt-DYTmYF1X.mjs.map

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

package/dist/vrt.d.mts

@@ -1,2 +1,2 @@
-import { a as PixelCompareOptions, i as ExtendedVrtOptions, n as generateVrtReport, o as VrtResult, r as MuseaVrtRunner, s as VrtSummary, t as generateVrtJsonReport } from "./vrt-D454uyH6.mjs";
+import { a as PixelCompareOptions, i as ExtendedVrtOptions, n as generateVrtReport, o as VrtResult, r as MuseaVrtRunner, s as VrtSummary, t as generateVrtJsonReport } from "./vrt-DC8PNsYN.mjs";
 export { type ExtendedVrtOptions, MuseaVrtRunner, MuseaVrtRunner as default, type PixelCompareOptions, type VrtResult, type VrtSummary, generateVrtJsonReport, generateVrtReport };

package/dist/vrt.mjs

@@ -1,2 +1,2 @@
-import { i as MuseaVrtRunner, n as generateVrtJsonReport, r as generateVrtReport, t as vrt_default } from "./vrt-DgVSWKGl.mjs";
+import { i as MuseaVrtRunner, n as generateVrtJsonReport, r as generateVrtReport, t as vrt_default } from "./vrt-DYTmYF1X.mjs";
 export { MuseaVrtRunner, vrt_default as default, generateVrtJsonReport, generateVrtReport };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/vite-plugin-musea",
-  "version": "0.391.0",
+  "version": "0.404.9",
   "description": "Vite plugin for Musea - Component gallery for Vue components",
   "keywords": [
     "component-gallery",
@@ -62,7 +62,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@vizejs/native": "0.391.0",
+    "@vizejs/native": "0.404.9",
     "pngjs": "7.0.0"
   },
   "devDependencies": {
@@ -71,7 +71,7 @@
     "@types/node": "25.9.2",
     "@types/pngjs": "6.0.5",
     "@vitejs/plugin-vue": "6.0.7",
-    "@vizejs/vite-plugin": "0.391.0",
+    "@vizejs/vite-plugin": "0.404.9",
     "highlight.js": "11.11.1",
     "marked": "18.0.9",
     "marked-highlight": "2.2.4",
@@ -84,7 +84,7 @@
     "vue-router": "4.5.1"
   },
   "peerDependencies": {
-    "@vizejs/vite-plugin": "0.391.0",
+    "@vizejs/vite-plugin": "0.404.9",
     "axe-core": "^4.7.0",
     "playwright": "^1.40.0",
     "vite": "^7.3.0 || ^8.0.0"

package/dist/a11y-Cht-W4kd.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"a11y-Cht-W4kd.mjs","names":[],"sources":["../src/a11y/report.ts","../src/a11y/index.ts"],"sourcesContent":["/**\n * A11y report generation for Musea.\n *\n * Generates HTML and JSON reports from accessibility audit results,\n * plus summary statistics computation.\n */\n\nimport type { A11yResult } from \"../types/index.js\";\nimport type { A11ySummary } from \"./index.js\";\nimport path from \"node:path\";\n\n/**\n * Compute a11y summary statistics from results.\n */\nexport function computeA11ySummary(results: A11yResult[]): A11ySummary {\n  const components = new Set(results.map((r) => r.artPath));\n  const allViolations = results.flatMap((r) => r.violations);\n\n  return {\n    totalComponents: components.size,\n    totalVariants: results.length,\n    totalViolations: allViolations.length,\n    criticalCount: allViolations.filter((v) => v.impact === \"critical\").length,\n    seriousCount: allViolations.filter((v) => v.impact === \"serious\").length,\n    moderateCount: allViolations.filter((v) => v.impact === \"moderate\").length,\n    minorCount: allViolations.filter((v) => v.impact === \"minor\").length,\n  };\n}\n\n/**\n * Generate HTML report from a11y results.\n */\nexport function generateA11yHtmlReport(results: A11yResult[], summary: A11ySummary): string {\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 impactColor = (impact: string): string => {\n    switch (impact) {\n      case \"critical\":\n        return \"#f87171\";\n      case \"serious\":\n        return \"#fb923c\";\n      case \"moderate\":\n        return \"#fbbf24\";\n      case \"minor\":\n        return \"#60a5fa\";\n      default:\n        return \"#7b8494\";\n    }\n  };\n\n  const resultItems = results\n    .filter((r) => r.violations.length > 0)\n    .map((r) => {\n      const artName = path.basename(r.artPath, \".art.vue\");\n      const violationRows = r.violations\n        .map(\n          (v) => `\n            <tr>\n              <td><span style=\"color:${impactColor(v.impact)};font-weight:600;text-transform:uppercase;font-size:0.6875rem\">${escapeHtml(v.impact)}</span></td>\n              <td><code>${escapeHtml(v.id)}</code></td>\n              <td>${escapeHtml(v.description)}</td>\n              <td>${v.nodes}</td>\n              <td>${v.helpUrl ? `<a href=\"${escapeHtml(v.helpUrl)}\" target=\"_blank\" style=\"color:#60a5fa\">docs</a>` : \"\"}</td>\n            </tr>`,\n        )\n        .join(\"\");\n\n      return `\n        <div class=\"result\">\n          <div class=\"result-header\">\n            <div class=\"result-info\">\n              <span class=\"result-name\">${escapeHtml(artName)} / ${escapeHtml(r.variantName)}</span>\n              <span class=\"result-count\">${r.violations.length} violation(s)</span>\n            </div>\n          </div>\n          <table class=\"violations-table\">\n            <thead><tr><th>Impact</th><th>Rule</th><th>Description</th><th>Nodes</th><th>Help</th></tr></thead>\n            <tbody>${violationRows}</tbody>\n          </table>\n        </div>`;\n    })\n    .join(\"\");\n\n  return `<!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>A11y 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-text: #e6e9f0;\n      --musea-text-muted: #7b8494;\n      --musea-border: #3a3530;\n    }\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n    body {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n      background: var(--musea-bg-primary);\n      color: var(--musea-text);\n      min-height: 100vh;\n      line-height: 1.5;\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    }\n    .logo { font-size: 1.25rem; font-weight: 700; color: var(--musea-accent); }\n    .header-meta { color: var(--musea-text-muted); font-size: 0.8125rem; }\n    .main { max-width: 1200px; margin: 0 auto; padding: 2rem; }\n    .summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 1rem; margin-bottom: 2rem; }\n    .stat { background: var(--musea-bg-secondary); border: 1px solid var(--musea-border); border-radius: 8px; padding: 1rem; text-align: center; }\n    .stat-value { font-size: 1.75rem; font-weight: 700; font-variant-numeric: tabular-nums; }\n    .stat-label { color: var(--musea-text-muted); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; }\n    .stat.critical .stat-value { color: #f87171; }\n    .stat.serious .stat-value { color: #fb923c; }\n    .stat.moderate .stat-value { color: #fbbf24; }\n    .stat.minor .stat-value { color: #60a5fa; }\n    .stat.total .stat-value { color: var(--musea-text); }\n    .results { display: flex; flex-direction: column; gap: 1rem; }\n    .result { background: var(--musea-bg-secondary); border: 1px solid var(--musea-border); border-radius: 8px; overflow: hidden; }\n    .result-header { padding: 1rem; background: var(--musea-bg-tertiary); display: flex; justify-content: space-between; align-items: center; }\n    .result-name { font-weight: 600; }\n    .result-count { color: var(--musea-text-muted); font-size: 0.8125rem; }\n    .violations-table { width: 100%; border-collapse: collapse; font-size: 0.8125rem; }\n    .violations-table th { padding: 0.75rem 1rem; text-align: left; color: var(--musea-text-muted); font-weight: 500; font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.08em; border-bottom: 1px solid var(--musea-border); }\n    .violations-table td { padding: 0.75rem 1rem; border-bottom: 1px solid var(--musea-border); }\n    .violations-table code { background: var(--musea-bg-tertiary); padding: 0.125rem 0.375rem; border-radius: 3px; font-size: 0.75rem; }\n    .all-clear { background: rgba(74, 222, 128, 0.1); border: 1px solid rgba(74, 222, 128, 0.2); border-radius: 8px; padding: 2rem; text-align: center; }\n    .all-clear-text { color: #4ade80; font-weight: 600; }\n  </style>\n</head>\n<body>\n  <header class=\"header\">\n    <div><span class=\"logo\">Musea</span> <span style=\"color:var(--musea-text-muted);font-size:0.875rem;margin-left:1rem\">Accessibility Report</span></div>\n    <div class=\"header-meta\">${timestamp}</div>\n  </header>\n  <main class=\"main\">\n    <div class=\"summary\">\n      <div class=\"stat total\"><div class=\"stat-value\">${summary.totalViolations}</div><div class=\"stat-label\">Violations</div></div>\n      <div class=\"stat critical\"><div class=\"stat-value\">${summary.criticalCount}</div><div class=\"stat-label\">Critical</div></div>\n      <div class=\"stat serious\"><div class=\"stat-value\">${summary.seriousCount}</div><div class=\"stat-label\">Serious</div></div>\n      <div class=\"stat moderate\"><div class=\"stat-value\">${summary.moderateCount}</div><div class=\"stat-label\">Moderate</div></div>\n      <div class=\"stat minor\"><div class=\"stat-value\">${summary.minorCount}</div><div class=\"stat-label\">Minor</div></div>\n    </div>\n    ${\n      summary.totalViolations === 0\n        ? `<div class=\"all-clear\"><div class=\"all-clear-text\">No accessibility violations found across ${summary.totalVariants} variant(s)</div></div>`\n        : `<div class=\"results\">${resultItems}</div>`\n    }\n  </main>\n</body>\n</html>`;\n}\n\n/**\n * Generate JSON report for CI integration.\n */\nexport function generateA11yJsonReport(results: A11yResult[]): string {\n  const summary = computeA11ySummary(results);\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        violations: r.violations,\n        passes: r.passes,\n        incomplete: r.incomplete,\n      })),\n    },\n    null,\n    2,\n  );\n}\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","/**\n * Accessibility (a11y) testing module for Musea.\n * Uses axe-core for automated accessibility auditing via Playwright.\n */\n\nimport type { Page } from \"playwright\";\nimport type {\n  ArtFileInfo,\n  A11yResult,\n  A11yViolation,\n  A11yOptions,\n  ViewportConfig,\n} from \"../types/index.js\";\nimport type { MuseaVrtRunner } from \"../vrt.js\";\n\nimport { computeA11ySummary, generateA11yHtmlReport, generateA11yJsonReport } from \"./report.js\";\n\n// Re-export report functions so consumers importing from a11y.js still work\nexport { computeA11ySummary, generateA11yHtmlReport, generateA11yJsonReport } from \"./report.js\";\n\n/**\n * A11y audit summary.\n */\nexport interface A11ySummary {\n  totalComponents: number;\n  totalVariants: number;\n  totalViolations: number;\n  criticalCount: number;\n  seriousCount: number;\n  moderateCount: number;\n  minorCount: number;\n}\n\n/**\n * axe-core result shape (subset).\n */\ninterface AxeResult {\n  violations: Array<{\n    id: string;\n    impact: string;\n    description: string;\n    helpUrl: string;\n    nodes: Array<unknown>;\n  }>;\n  passes: Array<unknown>;\n  incomplete: Array<unknown>;\n}\n\n/**\n * A11y runner using axe-core via Playwright.\n */\nexport class MuseaA11yRunner {\n  private options: Required<A11yOptions>;\n\n  constructor(options: A11yOptions = {}) {\n    this.options = {\n      enabled: options.enabled ?? true,\n      includeRules: options.includeRules ?? [],\n      excludeRules: options.excludeRules ?? [],\n      level: options.level ?? \"AA\",\n    };\n  }\n\n  /**\n   * Run a11y audits on all art file variants.\n   * Reuses VRT runner's browser if available.\n   */\n  async runAudits(\n    artFiles: ArtFileInfo[],\n    baseUrl: string,\n    vrtRunner?: MuseaVrtRunner,\n  ): Promise<A11yResult[]> {\n    const results: A11yResult[] = [];\n    const defaultViewport: ViewportConfig = { width: 1280, height: 720, name: \"desktop\" };\n\n    for (const art of artFiles) {\n      for (const variant of art.variants) {\n        if (variant.skipVrt) continue;\n\n        let page: Page | null = null;\n        let context: { page: Page; context: { close(): Promise<void> } } | null = null;\n\n        try {\n          if (vrtRunner) {\n            context = await vrtRunner.createPage(defaultViewport);\n            page = context.page;\n          } else {\n            // Standalone mode: launch own browser\n            const { chromium } = await import(\"playwright\");\n            const browser = await chromium.launch({ headless: true });\n            const ctx = await browser.newContext({\n              viewport: { width: defaultViewport.width, height: defaultViewport.height },\n            });\n            page = await ctx.newPage();\n            context = { page, context: ctx };\n          }\n\n          const variantUrl = this.buildVariantUrl(baseUrl, art.path, variant.name);\n          await page.goto(variantUrl, { waitUntil: \"networkidle\" });\n          await page.waitForSelector(\".musea-variant\", { timeout: 10000 });\n          await page.waitForTimeout(200);\n\n          const result = await this.auditPage(page, art.path, variant.name);\n          results.push(result);\n        } catch (error) {\n          results.push({\n            artPath: art.path,\n            variantName: variant.name,\n            violations: [\n              {\n                id: \"audit-error\",\n                impact: \"critical\",\n                description: `Audit failed: ${error instanceof Error ? error.message : String(error)}`,\n                helpUrl: \"\",\n                nodes: 0,\n              },\n            ],\n            passes: 0,\n            incomplete: 0,\n          });\n        } finally {\n          if (context) {\n            await context.context.close();\n          }\n        }\n      }\n    }\n\n    return results;\n  }\n\n  /**\n   * Audit a single page using axe-core.\n   */\n  async auditPage(page: Page, artPath: string, variantName: string): Promise<A11yResult> {\n    // Inject axe-core into the page\n    const axeSource = await this.getAxeSource();\n    await page.evaluate(axeSource);\n\n    // Build axe-core run options\n    const runOptions = this.buildAxeOptions();\n\n    // Run axe-core\n    const axeResult = (await page.evaluate((opts) => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      return (window as any).axe.run(document, opts);\n    }, runOptions)) as AxeResult;\n\n    // Map to our result format\n    const violations: A11yViolation[] = axeResult.violations.map((v) => ({\n      id: v.id,\n      impact: v.impact as A11yViolation[\"impact\"],\n      description: v.description,\n      helpUrl: v.helpUrl,\n      nodes: v.nodes.length,\n    }));\n\n    return {\n      artPath,\n      variantName,\n      violations,\n      passes: axeResult.passes.length,\n      incomplete: axeResult.incomplete.length,\n    };\n  }\n\n  /**\n   * Get summary statistics from results.\n   */\n  getSummary(results: A11yResult[]): A11ySummary {\n    return computeA11ySummary(results);\n  }\n\n  /**\n   * Generate HTML report.\n   */\n  generateHtmlReport(results: A11yResult[]): string {\n    const summary = this.getSummary(results);\n    return generateA11yHtmlReport(results, summary);\n  }\n\n  /**\n   * Generate JSON report for CI integration.\n   */\n  generateJsonReport(results: A11yResult[]): string {\n    return generateA11yJsonReport(results);\n  }\n\n  /**\n   * Get axe-core source code for injection.\n   */\n  private async getAxeSource(): Promise<string> {\n    try {\n      const axeCore = await import(\"axe-core\");\n      return axeCore.source;\n    } catch {\n      throw new Error(\n        \"axe-core is not installed. Install it as a peer dependency: npm install axe-core\",\n      );\n    }\n  }\n\n  /**\n   * Build axe-core run options from configuration.\n   */\n  private buildAxeOptions(): Record<string, unknown> {\n    const runOnly: Record<string, unknown> = {};\n\n    // Set WCAG level\n    const tags: string[] = [];\n    switch (this.options.level) {\n      case \"A\":\n        tags.push(\"wcag2a\", \"wcag21a\");\n        break;\n      case \"AA\":\n        tags.push(\"wcag2a\", \"wcag2aa\", \"wcag21a\", \"wcag21aa\", \"wcag22aa\");\n        break;\n      case \"AAA\":\n        tags.push(\"wcag2a\", \"wcag2aa\", \"wcag2aaa\", \"wcag21a\", \"wcag21aa\", \"wcag22aa\");\n        break;\n    }\n\n    if (tags.length > 0) {\n      runOnly.type = \"tag\";\n      runOnly.values = tags;\n    }\n\n    const rules: Record<string, { enabled: boolean }> = {};\n\n    for (const ruleId of this.options.includeRules) {\n      rules[ruleId] = { enabled: true };\n    }\n    for (const ruleId of this.options.excludeRules) {\n      rules[ruleId] = { enabled: false };\n    }\n\n    return {\n      ...(Object.keys(runOnly).length > 0 ? { runOnly } : {}),\n      ...(Object.keys(rules).length > 0 ? { rules } : {}),\n    };\n  }\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"],"mappings":"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"}