@vizejs/vite-plugin-musea 0.13.0 → 0.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{a11y-C6xqILwZ.js → a11y-7maCHrYD.js} +164 -143
- package/dist/a11y-7maCHrYD.js.map +1 -0
- package/dist/a11y-CjpWs0s0.js +3 -0
- package/dist/autogen-Dx-SIBf_.js +3 -0
- package/dist/{autogen-ymQnARZK.js → autogen-dfLosbY_.js} +97 -85
- package/dist/autogen-dfLosbY_.js.map +1 -0
- package/dist/cli/index.d.ts +61 -0
- package/dist/cli/index.d.ts.map +1 -0
- package/dist/{cli.js → cli/index.js} +146 -138
- package/dist/cli/index.js.map +1 -0
- package/dist/gallery/assets/{cssMode-CcXMra0m.js → cssMode-Bh8Yx3kR.js} +1 -1
- package/dist/gallery/assets/{editor.api-DngZ07MW.js → editor.api-CmduODkO.js} +1 -1
- package/dist/gallery/assets/{editor.main-B7YVyVYi.js → editor.main-BGzZ6mZ7.js} +2 -2
- package/dist/gallery/assets/{freemarker2-VkSVdked.js → freemarker2-Cn3sOnVM.js} +1 -1
- package/dist/gallery/assets/{handlebars-YowBDP4W.js → handlebars-Bxtt_XDm.js} +1 -1
- package/dist/gallery/assets/{html-DJtSoeLQ.js → html-wxaydg4H.js} +1 -1
- package/dist/gallery/assets/{htmlMode-CfXIwSy5.js → htmlMode-EOxgEq0U.js} +1 -1
- package/dist/gallery/assets/{index-0_abCQYn.css → index-Cp7AWs0x.css} +1 -1
- package/dist/gallery/assets/{index-D94E3YZ4.js → index-DiHal_rf.js} +3 -3
- package/dist/gallery/assets/{javascript-OR93O4ZK.js → javascript-DN4Z2eWk.js} +1 -1
- package/dist/gallery/assets/{jsonMode-Cgol9YnW.js → jsonMode-tuRq32My.js} +1 -1
- package/dist/gallery/assets/{liquid-CrwTQQjB.js → liquid-D4J1rGOp.js} +1 -1
- package/dist/gallery/assets/{mdx-DwR18PX6.js → mdx-DxeOF6WC.js} +1 -1
- package/dist/gallery/assets/{monaco.contribution-CtStVxRd.js → monaco.contribution-C457czx3.js} +2 -2
- package/dist/gallery/assets/{python-D86nvZ4A.js → python-HLp-R9eA.js} +1 -1
- package/dist/gallery/assets/{razor-1784i4Ae.js → razor-2U4-SYvG.js} +1 -1
- package/dist/gallery/assets/{tsMode-DMkSHunc.js → tsMode-jWuA-Omz.js} +1 -1
- package/dist/gallery/assets/{typescript-Bu4A5btR.js → typescript-rOoZv0aH.js} +1 -1
- package/dist/gallery/assets/{xml-Sny7sZAt.js → xml-BfA65ILD.js} +1 -1
- package/dist/gallery/assets/{yaml-DKD1HvU8.js → yaml-CddGDANN.js} +1 -1
- package/dist/gallery/index.html +2 -2
- package/dist/index.css +488 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.ts +342 -24
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +925 -1320
- package/dist/index.js.map +1 -1
- package/dist/{vrt-CrjRhMVE.js → vrt-5_c9P1YY.js} +224 -184
- package/dist/vrt-5_c9P1YY.js.map +1 -0
- package/dist/{vrt-BuMkTrLK.d.ts → vrt-D6OumJUH.d.ts} +76 -260
- package/dist/vrt-D6OumJUH.d.ts.map +1 -0
- package/dist/vrt.d.ts +1 -1
- package/dist/vrt.js +1 -1
- package/package.json +7 -7
- package/dist/a11y-C6xqILwZ.js.map +0 -1
- package/dist/a11y-cQIJXM5k.d.ts +0 -61
- package/dist/a11y-cQIJXM5k.d.ts.map +0 -1
- package/dist/a11y.d.ts +0 -3
- package/dist/a11y.js +0 -3
- package/dist/autogen-D3Zjc3zI.d.ts +0 -64
- package/dist/autogen-D3Zjc3zI.d.ts.map +0 -1
- package/dist/autogen-ymQnARZK.js.map +0 -1
- package/dist/autogen.d.ts +0 -2
- package/dist/autogen.js +0 -3
- package/dist/cli.d.ts +0 -1
- package/dist/cli.js.map +0 -1
- package/dist/vrt-BuMkTrLK.d.ts.map +0 -1
- package/dist/vrt-CrjRhMVE.js.map +0 -1
|
@@ -1,6 +1,164 @@
|
|
|
1
1
|
import path from "node:path";
|
|
2
2
|
|
|
3
|
-
//#region src/a11y.ts
|
|
3
|
+
//#region src/a11y/report.ts
|
|
4
|
+
/**
|
|
5
|
+
* Compute a11y summary statistics from results.
|
|
6
|
+
*/
|
|
7
|
+
function computeA11ySummary(results) {
|
|
8
|
+
const components = new Set(results.map((r) => r.artPath));
|
|
9
|
+
const allViolations = results.flatMap((r) => r.violations);
|
|
10
|
+
return {
|
|
11
|
+
totalComponents: components.size,
|
|
12
|
+
totalVariants: results.length,
|
|
13
|
+
totalViolations: allViolations.length,
|
|
14
|
+
criticalCount: allViolations.filter((v) => v.impact === "critical").length,
|
|
15
|
+
seriousCount: allViolations.filter((v) => v.impact === "serious").length,
|
|
16
|
+
moderateCount: allViolations.filter((v) => v.impact === "moderate").length,
|
|
17
|
+
minorCount: allViolations.filter((v) => v.impact === "minor").length
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Generate HTML report from a11y results.
|
|
22
|
+
*/
|
|
23
|
+
function generateA11yHtmlReport(results, summary) {
|
|
24
|
+
const timestamp = new Date().toLocaleString("ja-JP", {
|
|
25
|
+
year: "numeric",
|
|
26
|
+
month: "2-digit",
|
|
27
|
+
day: "2-digit",
|
|
28
|
+
hour: "2-digit",
|
|
29
|
+
minute: "2-digit"
|
|
30
|
+
});
|
|
31
|
+
const impactColor = (impact) => {
|
|
32
|
+
switch (impact) {
|
|
33
|
+
case "critical": return "#f87171";
|
|
34
|
+
case "serious": return "#fb923c";
|
|
35
|
+
case "moderate": return "#fbbf24";
|
|
36
|
+
case "minor": return "#60a5fa";
|
|
37
|
+
default: return "#7b8494";
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
const resultItems = results.filter((r) => r.violations.length > 0).map((r) => {
|
|
41
|
+
const artName = path.basename(r.artPath, ".art.vue");
|
|
42
|
+
const violationRows = r.violations.map((v) => `
|
|
43
|
+
<tr>
|
|
44
|
+
<td><span style="color:${impactColor(v.impact)};font-weight:600;text-transform:uppercase;font-size:0.6875rem">${escapeHtml(v.impact)}</span></td>
|
|
45
|
+
<td><code>${escapeHtml(v.id)}</code></td>
|
|
46
|
+
<td>${escapeHtml(v.description)}</td>
|
|
47
|
+
<td>${v.nodes}</td>
|
|
48
|
+
<td>${v.helpUrl ? `<a href="${escapeHtml(v.helpUrl)}" target="_blank" style="color:#60a5fa">docs</a>` : ""}</td>
|
|
49
|
+
</tr>`).join("");
|
|
50
|
+
return `
|
|
51
|
+
<div class="result">
|
|
52
|
+
<div class="result-header">
|
|
53
|
+
<div class="result-info">
|
|
54
|
+
<span class="result-name">${escapeHtml(artName)} / ${escapeHtml(r.variantName)}</span>
|
|
55
|
+
<span class="result-count">${r.violations.length} violation(s)</span>
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
58
|
+
<table class="violations-table">
|
|
59
|
+
<thead><tr><th>Impact</th><th>Rule</th><th>Description</th><th>Nodes</th><th>Help</th></tr></thead>
|
|
60
|
+
<tbody>${violationRows}</tbody>
|
|
61
|
+
</table>
|
|
62
|
+
</div>`;
|
|
63
|
+
}).join("");
|
|
64
|
+
return `<!DOCTYPE html>
|
|
65
|
+
<html lang="en">
|
|
66
|
+
<head>
|
|
67
|
+
<meta charset="UTF-8">
|
|
68
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
69
|
+
<title>A11y Report - Musea</title>
|
|
70
|
+
<style>
|
|
71
|
+
:root {
|
|
72
|
+
--musea-bg-primary: #0d0d0d;
|
|
73
|
+
--musea-bg-secondary: #1a1815;
|
|
74
|
+
--musea-bg-tertiary: #252220;
|
|
75
|
+
--musea-accent: #a34828;
|
|
76
|
+
--musea-text: #e6e9f0;
|
|
77
|
+
--musea-text-muted: #7b8494;
|
|
78
|
+
--musea-border: #3a3530;
|
|
79
|
+
}
|
|
80
|
+
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
81
|
+
body {
|
|
82
|
+
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
|
|
83
|
+
background: var(--musea-bg-primary);
|
|
84
|
+
color: var(--musea-text);
|
|
85
|
+
min-height: 100vh;
|
|
86
|
+
line-height: 1.5;
|
|
87
|
+
}
|
|
88
|
+
.header {
|
|
89
|
+
background: var(--musea-bg-secondary);
|
|
90
|
+
border-bottom: 1px solid var(--musea-border);
|
|
91
|
+
padding: 1rem 2rem;
|
|
92
|
+
display: flex;
|
|
93
|
+
align-items: center;
|
|
94
|
+
justify-content: space-between;
|
|
95
|
+
}
|
|
96
|
+
.logo { font-size: 1.25rem; font-weight: 700; color: var(--musea-accent); }
|
|
97
|
+
.header-meta { color: var(--musea-text-muted); font-size: 0.8125rem; }
|
|
98
|
+
.main { max-width: 1200px; margin: 0 auto; padding: 2rem; }
|
|
99
|
+
.summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 1rem; margin-bottom: 2rem; }
|
|
100
|
+
.stat { background: var(--musea-bg-secondary); border: 1px solid var(--musea-border); border-radius: 8px; padding: 1rem; text-align: center; }
|
|
101
|
+
.stat-value { font-size: 1.75rem; font-weight: 700; font-variant-numeric: tabular-nums; }
|
|
102
|
+
.stat-label { color: var(--musea-text-muted); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; }
|
|
103
|
+
.stat.critical .stat-value { color: #f87171; }
|
|
104
|
+
.stat.serious .stat-value { color: #fb923c; }
|
|
105
|
+
.stat.moderate .stat-value { color: #fbbf24; }
|
|
106
|
+
.stat.minor .stat-value { color: #60a5fa; }
|
|
107
|
+
.stat.total .stat-value { color: var(--musea-text); }
|
|
108
|
+
.results { display: flex; flex-direction: column; gap: 1rem; }
|
|
109
|
+
.result { background: var(--musea-bg-secondary); border: 1px solid var(--musea-border); border-radius: 8px; overflow: hidden; }
|
|
110
|
+
.result-header { padding: 1rem; background: var(--musea-bg-tertiary); display: flex; justify-content: space-between; align-items: center; }
|
|
111
|
+
.result-name { font-weight: 600; }
|
|
112
|
+
.result-count { color: var(--musea-text-muted); font-size: 0.8125rem; }
|
|
113
|
+
.violations-table { width: 100%; border-collapse: collapse; font-size: 0.8125rem; }
|
|
114
|
+
.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); }
|
|
115
|
+
.violations-table td { padding: 0.75rem 1rem; border-bottom: 1px solid var(--musea-border); }
|
|
116
|
+
.violations-table code { background: var(--musea-bg-tertiary); padding: 0.125rem 0.375rem; border-radius: 3px; font-size: 0.75rem; }
|
|
117
|
+
.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; }
|
|
118
|
+
.all-clear-text { color: #4ade80; font-weight: 600; }
|
|
119
|
+
</style>
|
|
120
|
+
</head>
|
|
121
|
+
<body>
|
|
122
|
+
<header class="header">
|
|
123
|
+
<div><span class="logo">Musea</span> <span style="color:var(--musea-text-muted);font-size:0.875rem;margin-left:1rem">Accessibility Report</span></div>
|
|
124
|
+
<div class="header-meta">${timestamp}</div>
|
|
125
|
+
</header>
|
|
126
|
+
<main class="main">
|
|
127
|
+
<div class="summary">
|
|
128
|
+
<div class="stat total"><div class="stat-value">${summary.totalViolations}</div><div class="stat-label">Violations</div></div>
|
|
129
|
+
<div class="stat critical"><div class="stat-value">${summary.criticalCount}</div><div class="stat-label">Critical</div></div>
|
|
130
|
+
<div class="stat serious"><div class="stat-value">${summary.seriousCount}</div><div class="stat-label">Serious</div></div>
|
|
131
|
+
<div class="stat moderate"><div class="stat-value">${summary.moderateCount}</div><div class="stat-label">Moderate</div></div>
|
|
132
|
+
<div class="stat minor"><div class="stat-value">${summary.minorCount}</div><div class="stat-label">Minor</div></div>
|
|
133
|
+
</div>
|
|
134
|
+
${summary.totalViolations === 0 ? `<div class="all-clear"><div class="all-clear-text">No accessibility violations found across ${summary.totalVariants} variant(s)</div></div>` : `<div class="results">${resultItems}</div>`}
|
|
135
|
+
</main>
|
|
136
|
+
</body>
|
|
137
|
+
</html>`;
|
|
138
|
+
}
|
|
139
|
+
/**
|
|
140
|
+
* Generate JSON report for CI integration.
|
|
141
|
+
*/
|
|
142
|
+
function generateA11yJsonReport(results) {
|
|
143
|
+
const summary = computeA11ySummary(results);
|
|
144
|
+
return JSON.stringify({
|
|
145
|
+
timestamp: new Date().toISOString(),
|
|
146
|
+
summary,
|
|
147
|
+
results: results.map((r) => ({
|
|
148
|
+
art: path.basename(r.artPath, ".art.vue"),
|
|
149
|
+
variant: r.variantName,
|
|
150
|
+
violations: r.violations,
|
|
151
|
+
passes: r.passes,
|
|
152
|
+
incomplete: r.incomplete
|
|
153
|
+
}))
|
|
154
|
+
}, null, 2);
|
|
155
|
+
}
|
|
156
|
+
function escapeHtml(str) {
|
|
157
|
+
return str.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'");
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
//#endregion
|
|
161
|
+
//#region src/a11y/index.ts
|
|
4
162
|
/**
|
|
5
163
|
* A11y runner using axe-core via Playwright.
|
|
6
164
|
*/
|
|
@@ -101,154 +259,20 @@ var MuseaA11yRunner = class {
|
|
|
101
259
|
* Get summary statistics from results.
|
|
102
260
|
*/
|
|
103
261
|
getSummary(results) {
|
|
104
|
-
|
|
105
|
-
const allViolations = results.flatMap((r) => r.violations);
|
|
106
|
-
return {
|
|
107
|
-
totalComponents: components.size,
|
|
108
|
-
totalVariants: results.length,
|
|
109
|
-
totalViolations: allViolations.length,
|
|
110
|
-
criticalCount: allViolations.filter((v) => v.impact === "critical").length,
|
|
111
|
-
seriousCount: allViolations.filter((v) => v.impact === "serious").length,
|
|
112
|
-
moderateCount: allViolations.filter((v) => v.impact === "moderate").length,
|
|
113
|
-
minorCount: allViolations.filter((v) => v.impact === "minor").length
|
|
114
|
-
};
|
|
262
|
+
return computeA11ySummary(results);
|
|
115
263
|
}
|
|
116
264
|
/**
|
|
117
265
|
* Generate HTML report.
|
|
118
266
|
*/
|
|
119
267
|
generateHtmlReport(results) {
|
|
120
268
|
const summary = this.getSummary(results);
|
|
121
|
-
|
|
122
|
-
year: "numeric",
|
|
123
|
-
month: "2-digit",
|
|
124
|
-
day: "2-digit",
|
|
125
|
-
hour: "2-digit",
|
|
126
|
-
minute: "2-digit"
|
|
127
|
-
});
|
|
128
|
-
const impactColor = (impact) => {
|
|
129
|
-
switch (impact) {
|
|
130
|
-
case "critical": return "#f87171";
|
|
131
|
-
case "serious": return "#fb923c";
|
|
132
|
-
case "moderate": return "#fbbf24";
|
|
133
|
-
case "minor": return "#60a5fa";
|
|
134
|
-
default: return "#7b8494";
|
|
135
|
-
}
|
|
136
|
-
};
|
|
137
|
-
const resultItems = results.filter((r) => r.violations.length > 0).map((r) => {
|
|
138
|
-
const artName = path.basename(r.artPath, ".art.vue");
|
|
139
|
-
const violationRows = r.violations.map((v) => `
|
|
140
|
-
<tr>
|
|
141
|
-
<td><span style="color:${impactColor(v.impact)};font-weight:600;text-transform:uppercase;font-size:0.6875rem">${escapeHtml(v.impact)}</span></td>
|
|
142
|
-
<td><code>${escapeHtml(v.id)}</code></td>
|
|
143
|
-
<td>${escapeHtml(v.description)}</td>
|
|
144
|
-
<td>${v.nodes}</td>
|
|
145
|
-
<td>${v.helpUrl ? `<a href="${escapeHtml(v.helpUrl)}" target="_blank" style="color:#60a5fa">docs</a>` : ""}</td>
|
|
146
|
-
</tr>`).join("");
|
|
147
|
-
return `
|
|
148
|
-
<div class="result">
|
|
149
|
-
<div class="result-header">
|
|
150
|
-
<div class="result-info">
|
|
151
|
-
<span class="result-name">${escapeHtml(artName)} / ${escapeHtml(r.variantName)}</span>
|
|
152
|
-
<span class="result-count">${r.violations.length} violation(s)</span>
|
|
153
|
-
</div>
|
|
154
|
-
</div>
|
|
155
|
-
<table class="violations-table">
|
|
156
|
-
<thead><tr><th>Impact</th><th>Rule</th><th>Description</th><th>Nodes</th><th>Help</th></tr></thead>
|
|
157
|
-
<tbody>${violationRows}</tbody>
|
|
158
|
-
</table>
|
|
159
|
-
</div>`;
|
|
160
|
-
}).join("");
|
|
161
|
-
return `<!DOCTYPE html>
|
|
162
|
-
<html lang="en">
|
|
163
|
-
<head>
|
|
164
|
-
<meta charset="UTF-8">
|
|
165
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
166
|
-
<title>A11y Report - Musea</title>
|
|
167
|
-
<style>
|
|
168
|
-
:root {
|
|
169
|
-
--musea-bg-primary: #0d0d0d;
|
|
170
|
-
--musea-bg-secondary: #1a1815;
|
|
171
|
-
--musea-bg-tertiary: #252220;
|
|
172
|
-
--musea-accent: #a34828;
|
|
173
|
-
--musea-text: #e6e9f0;
|
|
174
|
-
--musea-text-muted: #7b8494;
|
|
175
|
-
--musea-border: #3a3530;
|
|
176
|
-
}
|
|
177
|
-
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
178
|
-
body {
|
|
179
|
-
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
|
|
180
|
-
background: var(--musea-bg-primary);
|
|
181
|
-
color: var(--musea-text);
|
|
182
|
-
min-height: 100vh;
|
|
183
|
-
line-height: 1.5;
|
|
184
|
-
}
|
|
185
|
-
.header {
|
|
186
|
-
background: var(--musea-bg-secondary);
|
|
187
|
-
border-bottom: 1px solid var(--musea-border);
|
|
188
|
-
padding: 1rem 2rem;
|
|
189
|
-
display: flex;
|
|
190
|
-
align-items: center;
|
|
191
|
-
justify-content: space-between;
|
|
192
|
-
}
|
|
193
|
-
.logo { font-size: 1.25rem; font-weight: 700; color: var(--musea-accent); }
|
|
194
|
-
.header-meta { color: var(--musea-text-muted); font-size: 0.8125rem; }
|
|
195
|
-
.main { max-width: 1200px; margin: 0 auto; padding: 2rem; }
|
|
196
|
-
.summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 1rem; margin-bottom: 2rem; }
|
|
197
|
-
.stat { background: var(--musea-bg-secondary); border: 1px solid var(--musea-border); border-radius: 8px; padding: 1rem; text-align: center; }
|
|
198
|
-
.stat-value { font-size: 1.75rem; font-weight: 700; font-variant-numeric: tabular-nums; }
|
|
199
|
-
.stat-label { color: var(--musea-text-muted); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; }
|
|
200
|
-
.stat.critical .stat-value { color: #f87171; }
|
|
201
|
-
.stat.serious .stat-value { color: #fb923c; }
|
|
202
|
-
.stat.moderate .stat-value { color: #fbbf24; }
|
|
203
|
-
.stat.minor .stat-value { color: #60a5fa; }
|
|
204
|
-
.stat.total .stat-value { color: var(--musea-text); }
|
|
205
|
-
.results { display: flex; flex-direction: column; gap: 1rem; }
|
|
206
|
-
.result { background: var(--musea-bg-secondary); border: 1px solid var(--musea-border); border-radius: 8px; overflow: hidden; }
|
|
207
|
-
.result-header { padding: 1rem; background: var(--musea-bg-tertiary); display: flex; justify-content: space-between; align-items: center; }
|
|
208
|
-
.result-name { font-weight: 600; }
|
|
209
|
-
.result-count { color: var(--musea-text-muted); font-size: 0.8125rem; }
|
|
210
|
-
.violations-table { width: 100%; border-collapse: collapse; font-size: 0.8125rem; }
|
|
211
|
-
.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); }
|
|
212
|
-
.violations-table td { padding: 0.75rem 1rem; border-bottom: 1px solid var(--musea-border); }
|
|
213
|
-
.violations-table code { background: var(--musea-bg-tertiary); padding: 0.125rem 0.375rem; border-radius: 3px; font-size: 0.75rem; }
|
|
214
|
-
.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; }
|
|
215
|
-
.all-clear-text { color: #4ade80; font-weight: 600; }
|
|
216
|
-
</style>
|
|
217
|
-
</head>
|
|
218
|
-
<body>
|
|
219
|
-
<header class="header">
|
|
220
|
-
<div><span class="logo">Musea</span> <span style="color:var(--musea-text-muted);font-size:0.875rem;margin-left:1rem">Accessibility Report</span></div>
|
|
221
|
-
<div class="header-meta">${timestamp}</div>
|
|
222
|
-
</header>
|
|
223
|
-
<main class="main">
|
|
224
|
-
<div class="summary">
|
|
225
|
-
<div class="stat total"><div class="stat-value">${summary.totalViolations}</div><div class="stat-label">Violations</div></div>
|
|
226
|
-
<div class="stat critical"><div class="stat-value">${summary.criticalCount}</div><div class="stat-label">Critical</div></div>
|
|
227
|
-
<div class="stat serious"><div class="stat-value">${summary.seriousCount}</div><div class="stat-label">Serious</div></div>
|
|
228
|
-
<div class="stat moderate"><div class="stat-value">${summary.moderateCount}</div><div class="stat-label">Moderate</div></div>
|
|
229
|
-
<div class="stat minor"><div class="stat-value">${summary.minorCount}</div><div class="stat-label">Minor</div></div>
|
|
230
|
-
</div>
|
|
231
|
-
${summary.totalViolations === 0 ? `<div class="all-clear"><div class="all-clear-text">No accessibility violations found across ${summary.totalVariants} variant(s)</div></div>` : `<div class="results">${resultItems}</div>`}
|
|
232
|
-
</main>
|
|
233
|
-
</body>
|
|
234
|
-
</html>`;
|
|
269
|
+
return generateA11yHtmlReport(results, summary);
|
|
235
270
|
}
|
|
236
271
|
/**
|
|
237
272
|
* Generate JSON report for CI integration.
|
|
238
273
|
*/
|
|
239
274
|
generateJsonReport(results) {
|
|
240
|
-
|
|
241
|
-
return JSON.stringify({
|
|
242
|
-
timestamp: new Date().toISOString(),
|
|
243
|
-
summary,
|
|
244
|
-
results: results.map((r) => ({
|
|
245
|
-
art: path.basename(r.artPath, ".art.vue"),
|
|
246
|
-
variant: r.variantName,
|
|
247
|
-
violations: r.violations,
|
|
248
|
-
passes: r.passes,
|
|
249
|
-
incomplete: r.incomplete
|
|
250
|
-
}))
|
|
251
|
-
}, null, 2);
|
|
275
|
+
return generateA11yJsonReport(results);
|
|
252
276
|
}
|
|
253
277
|
/**
|
|
254
278
|
* Get axe-core source code for injection.
|
|
@@ -296,10 +320,7 @@ var MuseaA11yRunner = class {
|
|
|
296
320
|
return `${baseUrl}/__musea__/preview?art=${encodedPath}&variant=${encodedVariant}`;
|
|
297
321
|
}
|
|
298
322
|
};
|
|
299
|
-
function escapeHtml(str) {
|
|
300
|
-
return str.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'");
|
|
301
|
-
}
|
|
302
323
|
|
|
303
324
|
//#endregion
|
|
304
|
-
export { MuseaA11yRunner };
|
|
305
|
-
//# sourceMappingURL=a11y-
|
|
325
|
+
export { MuseaA11yRunner, computeA11ySummary, generateA11yHtmlReport, generateA11yJsonReport };
|
|
326
|
+
//# sourceMappingURL=a11y-7maCHrYD.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"a11y-7maCHrYD.js","names":["results: A11yResult[]","summary: A11ySummary","impact: string","str: string","options: A11yOptions","artFiles: ArtFileInfo[]","baseUrl: string","vrtRunner?: MuseaVrtRunner","results: A11yResult[]","defaultViewport: ViewportConfig","page: Page | null","context: { page: Page; context: { close(): Promise<void> } } | null","page: Page","artPath: string","variantName: string","violations: A11yViolation[]","runOnly: Record<string, unknown>","tags: string[]","rules: Record<string, { enabled: boolean }>"],"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, \"&\")\n .replace(/</g, \"<\")\n .replace(/>/g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\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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"}
|
|
@@ -1,92 +1,11 @@
|
|
|
1
|
+
import fs from "node:fs";
|
|
1
2
|
import path from "node:path";
|
|
2
3
|
import { createRequire } from "node:module";
|
|
3
|
-
import fs from "node:fs";
|
|
4
4
|
|
|
5
|
-
//#region src/autogen.ts
|
|
6
|
-
let native = null;
|
|
7
|
-
function loadNative() {
|
|
8
|
-
if (native) return native;
|
|
9
|
-
const require = createRequire(import.meta.url);
|
|
10
|
-
try {
|
|
11
|
-
native = require("@vizejs/native");
|
|
12
|
-
return native;
|
|
13
|
-
} catch (e) {
|
|
14
|
-
throw new Error(`Failed to load @vizejs/native. Make sure it's installed and built:\n${String(e)}`);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
5
|
+
//#region src/autogen/fallback.ts
|
|
17
6
|
/**
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
* @param componentPath - Path to the Vue component file
|
|
21
|
-
* @param options - Auto-generation options
|
|
22
|
-
* @returns Generated .art.vue content and metadata
|
|
7
|
+
* Simple prop extraction fallback (when native binding not available).
|
|
23
8
|
*/
|
|
24
|
-
async function generateArtFile(componentPath, options = {}) {
|
|
25
|
-
const absolutePath = path.resolve(componentPath);
|
|
26
|
-
const source = await fs.promises.readFile(absolutePath, "utf-8");
|
|
27
|
-
const binding = loadNative();
|
|
28
|
-
let props;
|
|
29
|
-
if (binding.analyzeSfc) {
|
|
30
|
-
const analysis = binding.analyzeSfc(source, { filename: absolutePath });
|
|
31
|
-
props = analysis.props.map((p) => ({
|
|
32
|
-
name: p.name,
|
|
33
|
-
propType: p.type,
|
|
34
|
-
required: p.required,
|
|
35
|
-
defaultValue: p.default_value
|
|
36
|
-
}));
|
|
37
|
-
} else props = extractPropsSimple(source);
|
|
38
|
-
if (props.length === 0) {
|
|
39
|
-
const componentName = path.basename(componentPath, ".vue");
|
|
40
|
-
const relPath = `./${path.basename(componentPath)}`;
|
|
41
|
-
return {
|
|
42
|
-
variants: [{
|
|
43
|
-
name: "Default",
|
|
44
|
-
isDefault: true,
|
|
45
|
-
props: {}
|
|
46
|
-
}],
|
|
47
|
-
artFileContent: generateMinimalArt(componentName, relPath),
|
|
48
|
-
componentName
|
|
49
|
-
};
|
|
50
|
-
}
|
|
51
|
-
if (binding.generateVariants) {
|
|
52
|
-
const nativeProps = props.map((p) => ({
|
|
53
|
-
name: p.name,
|
|
54
|
-
prop_type: p.propType,
|
|
55
|
-
required: p.required,
|
|
56
|
-
default_value: p.defaultValue
|
|
57
|
-
}));
|
|
58
|
-
const relPath = `./${path.basename(componentPath)}`;
|
|
59
|
-
const result = binding.generateVariants(relPath, nativeProps, {
|
|
60
|
-
max_variants: options.maxVariants,
|
|
61
|
-
include_default: options.includeDefault,
|
|
62
|
-
include_boolean_toggles: options.includeBooleanToggles,
|
|
63
|
-
include_enum_variants: options.includeEnumVariants,
|
|
64
|
-
include_boundary_values: options.includeBoundaryValues,
|
|
65
|
-
include_empty_strings: options.includeEmptyStrings
|
|
66
|
-
});
|
|
67
|
-
return {
|
|
68
|
-
variants: result.variants.map((v) => ({
|
|
69
|
-
name: v.name,
|
|
70
|
-
isDefault: v.is_default,
|
|
71
|
-
props: v.props,
|
|
72
|
-
description: v.description
|
|
73
|
-
})),
|
|
74
|
-
artFileContent: result.art_file_content,
|
|
75
|
-
componentName: result.component_name
|
|
76
|
-
};
|
|
77
|
-
}
|
|
78
|
-
return generateArtFileJs(componentPath, props, options);
|
|
79
|
-
}
|
|
80
|
-
/**
|
|
81
|
-
* Write generated .art.vue file to disk.
|
|
82
|
-
*/
|
|
83
|
-
async function writeArtFile(componentPath, options = {}, outputPath) {
|
|
84
|
-
const output = await generateArtFile(componentPath, options);
|
|
85
|
-
const targetPath = outputPath ?? componentPath.replace(/\.vue$/, ".art.vue");
|
|
86
|
-
await fs.promises.mkdir(path.dirname(targetPath), { recursive: true });
|
|
87
|
-
await fs.promises.writeFile(targetPath, output.artFileContent, "utf-8");
|
|
88
|
-
return targetPath;
|
|
89
|
-
}
|
|
90
9
|
function extractPropsSimple(source) {
|
|
91
10
|
const props = [];
|
|
92
11
|
const propsMatch = source.match(/defineProps\s*<\s*\{([^}]*)\}\s*>/s);
|
|
@@ -104,6 +23,9 @@ function extractPropsSimple(source) {
|
|
|
104
23
|
}
|
|
105
24
|
return props;
|
|
106
25
|
}
|
|
26
|
+
/**
|
|
27
|
+
* Minimal art file for components with no props.
|
|
28
|
+
*/
|
|
107
29
|
function generateMinimalArt(componentName, componentPath) {
|
|
108
30
|
return `<art title="${componentName}" component="${componentPath}">
|
|
109
31
|
<variant name="Default" default>
|
|
@@ -116,6 +38,9 @@ import ${componentName} from '${componentPath}'
|
|
|
116
38
|
</script>
|
|
117
39
|
`;
|
|
118
40
|
}
|
|
41
|
+
/**
|
|
42
|
+
* JS-based variant generation fallback.
|
|
43
|
+
*/
|
|
119
44
|
function generateArtFileJs(componentPath, props, options) {
|
|
120
45
|
const componentName = path.basename(componentPath, ".vue");
|
|
121
46
|
const relPath = `./${path.basename(componentPath)}`;
|
|
@@ -188,6 +113,93 @@ function toPascalCase(str) {
|
|
|
188
113
|
return str.split(/[\s\-_]+/).filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join("");
|
|
189
114
|
}
|
|
190
115
|
|
|
116
|
+
//#endregion
|
|
117
|
+
//#region src/autogen/index.ts
|
|
118
|
+
let native = null;
|
|
119
|
+
function loadNative() {
|
|
120
|
+
if (native) return native;
|
|
121
|
+
const require = createRequire(import.meta.url);
|
|
122
|
+
try {
|
|
123
|
+
native = require("@vizejs/native");
|
|
124
|
+
return native;
|
|
125
|
+
} catch (e) {
|
|
126
|
+
throw new Error(`Failed to load @vizejs/native. Make sure it's installed and built:\n${String(e)}`);
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
/**
|
|
130
|
+
* Generate .art.vue file for a component.
|
|
131
|
+
*
|
|
132
|
+
* @param componentPath - Path to the Vue component file
|
|
133
|
+
* @param options - Auto-generation options
|
|
134
|
+
* @returns Generated .art.vue content and metadata
|
|
135
|
+
*/
|
|
136
|
+
async function generateArtFile(componentPath, options = {}) {
|
|
137
|
+
const absolutePath = path.resolve(componentPath);
|
|
138
|
+
const source = await fs.promises.readFile(absolutePath, "utf-8");
|
|
139
|
+
const binding = loadNative();
|
|
140
|
+
let props;
|
|
141
|
+
if (binding.analyzeSfc) {
|
|
142
|
+
const analysis = binding.analyzeSfc(source, { filename: absolutePath });
|
|
143
|
+
props = analysis.props.map((p) => ({
|
|
144
|
+
name: p.name,
|
|
145
|
+
propType: p.type,
|
|
146
|
+
required: p.required,
|
|
147
|
+
defaultValue: p.default_value
|
|
148
|
+
}));
|
|
149
|
+
} else props = extractPropsSimple(source);
|
|
150
|
+
if (props.length === 0) {
|
|
151
|
+
const componentName = path.basename(componentPath, ".vue");
|
|
152
|
+
const relPath = `./${path.basename(componentPath)}`;
|
|
153
|
+
return {
|
|
154
|
+
variants: [{
|
|
155
|
+
name: "Default",
|
|
156
|
+
isDefault: true,
|
|
157
|
+
props: {}
|
|
158
|
+
}],
|
|
159
|
+
artFileContent: generateMinimalArt(componentName, relPath),
|
|
160
|
+
componentName
|
|
161
|
+
};
|
|
162
|
+
}
|
|
163
|
+
if (binding.generateVariants) {
|
|
164
|
+
const nativeProps = props.map((p) => ({
|
|
165
|
+
name: p.name,
|
|
166
|
+
prop_type: p.propType,
|
|
167
|
+
required: p.required,
|
|
168
|
+
default_value: p.defaultValue
|
|
169
|
+
}));
|
|
170
|
+
const relPath = `./${path.basename(componentPath)}`;
|
|
171
|
+
const result = binding.generateVariants(relPath, nativeProps, {
|
|
172
|
+
max_variants: options.maxVariants,
|
|
173
|
+
include_default: options.includeDefault,
|
|
174
|
+
include_boolean_toggles: options.includeBooleanToggles,
|
|
175
|
+
include_enum_variants: options.includeEnumVariants,
|
|
176
|
+
include_boundary_values: options.includeBoundaryValues,
|
|
177
|
+
include_empty_strings: options.includeEmptyStrings
|
|
178
|
+
});
|
|
179
|
+
return {
|
|
180
|
+
variants: result.variants.map((v) => ({
|
|
181
|
+
name: v.name,
|
|
182
|
+
isDefault: v.is_default,
|
|
183
|
+
props: v.props,
|
|
184
|
+
description: v.description
|
|
185
|
+
})),
|
|
186
|
+
artFileContent: result.art_file_content,
|
|
187
|
+
componentName: result.component_name
|
|
188
|
+
};
|
|
189
|
+
}
|
|
190
|
+
return generateArtFileJs(componentPath, props, options);
|
|
191
|
+
}
|
|
192
|
+
/**
|
|
193
|
+
* Write generated .art.vue file to disk.
|
|
194
|
+
*/
|
|
195
|
+
async function writeArtFile(componentPath, options = {}, outputPath) {
|
|
196
|
+
const output = await generateArtFile(componentPath, options);
|
|
197
|
+
const targetPath = outputPath ?? componentPath.replace(/\.vue$/, ".art.vue");
|
|
198
|
+
await fs.promises.mkdir(path.dirname(targetPath), { recursive: true });
|
|
199
|
+
await fs.promises.writeFile(targetPath, output.artFileContent, "utf-8");
|
|
200
|
+
return targetPath;
|
|
201
|
+
}
|
|
202
|
+
|
|
191
203
|
//#endregion
|
|
192
204
|
export { generateArtFile, writeArtFile };
|
|
193
|
-
//# sourceMappingURL=autogen-
|
|
205
|
+
//# sourceMappingURL=autogen-dfLosbY_.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autogen-dfLosbY_.js","names":["source: string","props: PropDefinition[]","componentName: string","componentPath: string","options: AutogenOptions","variants: GeneratedVariant[]","defaultProps: Record<string, unknown>","typeStr: string","str: string","native: NativeAutogen | null","componentPath: string","options: AutogenOptions","props: PropDefinition[]","outputPath?: string"],"sources":["../src/autogen/fallback.ts","../src/autogen/index.ts"],"sourcesContent":["/**\n * JS-based fallback for variant auto-generation.\n *\n * Used when the native Rust binding is not available. Provides simple\n * regex-based prop extraction, minimal art file generation, and a pure\n * JS variant generator.\n */\n\nimport path from \"node:path\";\n\nimport type { AutogenOptions, AutogenOutput, GeneratedVariant, PropDefinition } from \"./index.js\";\n\n/**\n * Simple prop extraction fallback (when native binding not available).\n */\nexport function extractPropsSimple(source: string): PropDefinition[] {\n const props: PropDefinition[] = [];\n\n // Match defineProps<{ ... }>() or defineProps({ ... })\n const propsMatch = source.match(/defineProps\\s*<\\s*\\{([^}]*)\\}\\s*>/s);\n\n if (propsMatch) {\n const propsBlock = propsMatch[1];\n const propLines = propsBlock.split(\"\\n\");\n\n for (const line of propLines) {\n const propMatch = line.trim().match(/^(\\w+)(\\?)?:\\s*(.+?)\\s*;?\\s*$/);\n if (propMatch) {\n props.push({\n name: propMatch[1],\n propType: propMatch[3].replace(/,\\s*$/, \"\"),\n required: !propMatch[2],\n });\n }\n }\n }\n\n return props;\n}\n\n/**\n * Minimal art file for components with no props.\n */\nexport function generateMinimalArt(componentName: string, componentPath: string): string {\n return `<art title=\"${componentName}\" component=\"${componentPath}\">\n <variant name=\"Default\" default>\n <${componentName} />\n </variant>\n</art>\n\n<script setup lang=\"ts\">\nimport ${componentName} from '${componentPath}'\n</script>\n`;\n}\n\n/**\n * JS-based variant generation fallback.\n */\nexport function generateArtFileJs(\n componentPath: string,\n props: PropDefinition[],\n options: AutogenOptions,\n): AutogenOutput {\n const componentName = path.basename(componentPath, \".vue\");\n const relPath = `./${path.basename(componentPath)}`;\n const maxVariants = options.maxVariants ?? 20;\n const variants: GeneratedVariant[] = [];\n\n // Default variant\n if (options.includeDefault !== false) {\n const defaultProps: Record<string, unknown> = {};\n for (const prop of props) {\n if (prop.defaultValue !== undefined) {\n defaultProps[prop.name] = prop.defaultValue;\n }\n }\n variants.push({\n name: \"Default\",\n isDefault: true,\n props: defaultProps,\n description: `${componentName} with default props`,\n });\n }\n\n // Enum variants\n if (options.includeEnumVariants !== false) {\n for (const prop of props) {\n const unionValues = parseUnionType(prop.propType);\n for (const val of unionValues) {\n if (variants.length >= maxVariants) break;\n const name =\n typeof val === \"string\" ? toPascalCase(val) : `${toPascalCase(prop.name)}_${String(val)}`;\n variants.push({\n name,\n isDefault: false,\n props: { [prop.name]: val },\n description: `${prop.name} = ${JSON.stringify(val)}`,\n });\n }\n }\n }\n\n // Boolean toggle variants\n if (options.includeBooleanToggles !== false) {\n for (const prop of props) {\n if (variants.length >= maxVariants) break;\n if (prop.propType.toLowerCase() === \"boolean\") {\n const nonDefault = prop.defaultValue === true ? false : true;\n variants.push({\n name: nonDefault ? toPascalCase(prop.name) : `No${toPascalCase(prop.name)}`,\n isDefault: false,\n props: { [prop.name]: nonDefault },\n description: `${prop.name} = ${nonDefault}`,\n });\n }\n }\n }\n\n // Generate art file content\n let content = `<art title=\"${componentName}\" component=\"${relPath}\">\\n`;\n for (const variant of variants) {\n const attrs = variant.isDefault ? `name=\"${variant.name}\" default` : `name=\"${variant.name}\"`;\n content += ` <variant ${attrs}>\\n`;\n\n const propsStr = Object.entries(variant.props)\n .map(([k, v]) => {\n if (typeof v === \"string\") return `${k}=\"${v}\"`;\n if (typeof v === \"boolean\" && v) return k;\n if (typeof v === \"boolean\" && !v) return `:${k}=\"false\"`;\n return `:${k}=\"${JSON.stringify(v)}\"`;\n })\n .join(\" \");\n\n content += ` <${componentName}${propsStr ? \" \" + propsStr : \"\"} />\\n`;\n content += ` </variant>\\n\\n`;\n }\n content += `</art>\\n\\n<script setup lang=\"ts\">\\nimport ${componentName} from '${relPath}'\\n</script>\\n`;\n\n return {\n variants,\n artFileContent: content,\n componentName,\n };\n}\n\nexport function parseUnionType(typeStr: string): unknown[] {\n const trimmed = typeStr.trim();\n if (!trimmed.includes(\"|\")) return [];\n\n if (trimmed.includes(\"'\") || trimmed.includes('\"')) {\n return trimmed\n .split(\"|\")\n .map((s) => s.trim().replace(/^['\"]|['\"]$/g, \"\"))\n .filter((s) => s.length > 0);\n }\n\n const parts = trimmed.split(\"|\").map((s) => s.trim());\n if (parts.every((p) => !isNaN(Number(p)))) {\n return parts.map(Number);\n }\n\n return [];\n}\n\nexport function toPascalCase(str: string): string {\n return str\n .split(/[\\s\\-_]+/)\n .filter(Boolean)\n .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n .join(\"\");\n}\n","/**\n * Variant auto-generation module.\n * Generates .art.vue files from component prop analysis.\n *\n * JS-based fallback logic (extractPropsSimple, generateMinimalArt,\n * generateArtFileJs, and helpers) is extracted into `fallback.ts`.\n */\n\nimport { createRequire } from \"node:module\";\nimport fs from \"node:fs\";\nimport path from \"node:path\";\n\nimport { extractPropsSimple, generateMinimalArt, generateArtFileJs } from \"./fallback.js\";\n\n/**\n * Autogen configuration options.\n */\nexport interface AutogenOptions {\n /** Maximum number of variants to generate (default: 20) */\n maxVariants?: number;\n /** Include a \"Default\" variant with all default values (default: true) */\n includeDefault?: boolean;\n /** Include boolean toggle variants (default: true) */\n includeBooleanToggles?: boolean;\n /** Include enum/union variants (default: true) */\n includeEnumVariants?: boolean;\n /** Include boundary value variants for numbers (default: false) */\n includeBoundaryValues?: boolean;\n /** Include empty string variants for optional strings (default: false) */\n includeEmptyStrings?: boolean;\n}\n\n/**\n * Prop definition for variant generation.\n */\nexport interface PropDefinition {\n name: string;\n propType: string;\n required: boolean;\n defaultValue?: unknown;\n}\n\n/**\n * Generated variant.\n */\nexport interface GeneratedVariant {\n name: string;\n isDefault: boolean;\n props: Record<string, unknown>;\n description?: string;\n}\n\n/**\n * Autogen output.\n */\nexport interface AutogenOutput {\n variants: GeneratedVariant[];\n artFileContent: string;\n componentName: string;\n}\n\n// Native binding types\ninterface NativeAutogen {\n generateVariants?: (\n componentPath: string,\n props: Array<{\n name: string;\n prop_type: string;\n required: boolean;\n default_value?: unknown;\n }>,\n config?: {\n max_variants?: number;\n include_default?: boolean;\n include_boolean_toggles?: boolean;\n include_enum_variants?: boolean;\n include_boundary_values?: boolean;\n include_empty_strings?: boolean;\n },\n ) => {\n variants: Array<{\n name: string;\n is_default: boolean;\n props: Record<string, unknown>;\n description?: string;\n }>;\n art_file_content: string;\n component_name: string;\n };\n analyzeSfc?: (\n source: string,\n options?: { filename?: string },\n ) => {\n props: Array<{ name: string; type: string; required: boolean; default_value?: unknown }>;\n emits: string[];\n };\n}\n\nlet native: NativeAutogen | null = null;\n\nfunction loadNative(): NativeAutogen {\n if (native) return native;\n const require = createRequire(import.meta.url);\n try {\n native = require(\"@vizejs/native\") as NativeAutogen;\n return native;\n } catch (e) {\n throw new Error(\n `Failed to load @vizejs/native. Make sure it's installed and built:\\n${String(e)}`,\n );\n }\n}\n\n/**\n * Generate .art.vue file for a component.\n *\n * @param componentPath - Path to the Vue component file\n * @param options - Auto-generation options\n * @returns Generated .art.vue content and metadata\n */\nexport async function generateArtFile(\n componentPath: string,\n options: AutogenOptions = {},\n): Promise<AutogenOutput> {\n const absolutePath = path.resolve(componentPath);\n const source = await fs.promises.readFile(absolutePath, \"utf-8\");\n\n const binding = loadNative();\n\n // Analyze component to extract props\n let props: PropDefinition[];\n if (binding.analyzeSfc) {\n const analysis = binding.analyzeSfc(source, { filename: absolutePath });\n props = analysis.props.map((p) => ({\n name: p.name,\n propType: p.type,\n required: p.required,\n defaultValue: p.default_value,\n }));\n } else {\n // Fallback: simple regex-based prop extraction\n props = extractPropsSimple(source);\n }\n\n if (props.length === 0) {\n // No props found: generate minimal art file\n const componentName = path.basename(componentPath, \".vue\");\n const relPath = `./${path.basename(componentPath)}`;\n return {\n variants: [{ name: \"Default\", isDefault: true, props: {} }],\n artFileContent: generateMinimalArt(componentName, relPath),\n componentName,\n };\n }\n\n // Use native variant generation if available\n if (binding.generateVariants) {\n const nativeProps = props.map((p) => ({\n name: p.name,\n prop_type: p.propType,\n required: p.required,\n default_value: p.defaultValue,\n }));\n\n const relPath = `./${path.basename(componentPath)}`;\n const result = binding.generateVariants(relPath, nativeProps, {\n max_variants: options.maxVariants,\n include_default: options.includeDefault,\n include_boolean_toggles: options.includeBooleanToggles,\n include_enum_variants: options.includeEnumVariants,\n include_boundary_values: options.includeBoundaryValues,\n include_empty_strings: options.includeEmptyStrings,\n });\n\n return {\n variants: result.variants.map((v) => ({\n name: v.name,\n isDefault: v.is_default,\n props: v.props,\n description: v.description,\n })),\n artFileContent: result.art_file_content,\n componentName: result.component_name,\n };\n }\n\n // Fallback: JS-based generation\n return generateArtFileJs(componentPath, props, options);\n}\n\n/**\n * Write generated .art.vue file to disk.\n */\nexport async function writeArtFile(\n componentPath: string,\n options: AutogenOptions = {},\n outputPath?: string,\n): Promise<string> {\n const output = await generateArtFile(componentPath, options);\n\n const targetPath = outputPath ?? componentPath.replace(/\\.vue$/, \".art.vue\");\n\n await fs.promises.mkdir(path.dirname(targetPath), { recursive: true });\n await fs.promises.writeFile(targetPath, output.artFileContent, \"utf-8\");\n\n return targetPath;\n}\n"],"mappings":"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"}
|