@mandujs/core 0.33.1 → 0.34.1
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/package.json +17 -2
- package/src/a11y/__tests__/run-audit.test.ts +333 -0
- package/src/a11y/fix-hints.ts +76 -0
- package/src/a11y/index.ts +18 -0
- package/src/a11y/run-audit.ts +394 -0
- package/src/a11y/types.ts +125 -0
- package/src/bundler/analyzer.ts +119 -4
- package/src/bundler/budget.ts +404 -0
- package/src/bundler/prerender.ts +20 -2
- package/src/config/mandu.ts +34 -0
- package/src/config/validate.ts +39 -0
- package/src/diagnose/__tests__/checks.test.ts +4 -2
- package/src/diagnose/checks.ts +121 -0
- package/src/diagnose/index.ts +1 -0
- package/src/diagnose/run.ts +7 -3
- package/src/perf/__tests__/user-marks.test.ts +354 -0
- package/src/perf/index.ts +29 -0
- package/src/perf/user-marks.ts +553 -0
- package/src/runtime/server.ts +111 -11
|
@@ -0,0 +1,404 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Phase 18.φ — Bundle size budget.
|
|
3
|
+
*
|
|
4
|
+
* `ManduConfig.build.budget` declares bundle-size ceilings. The CLI
|
|
5
|
+
* (`mandu build`) evaluates every post-bundled island + total against the
|
|
6
|
+
* budget and either fails (`mode: 'error'`) or warns (`mode: 'warning'`,
|
|
7
|
+
* default) when a limit is exceeded.
|
|
8
|
+
*
|
|
9
|
+
* ── Design ─────────────────────────────────────────────────────────────────
|
|
10
|
+
*
|
|
11
|
+
* - Pure function. `evaluateBudget(report, budget)` is side-effect free:
|
|
12
|
+
* it consumes the analyzer {@link AnalyzeReport} (already has raw / gz
|
|
13
|
+
* bytes measured by Phase 18.η) and produces a {@link BudgetReport}.
|
|
14
|
+
* Serialization / exit-code selection is the CLI's job.
|
|
15
|
+
* - Zero runtime deps. The analyzer already uses `zlib` for real gzip
|
|
16
|
+
* sizing — we consume its output rather than recompressing.
|
|
17
|
+
* - Semi-reasonable default. When a user declares `build.budget: {}`
|
|
18
|
+
* (empty) they opt out of the default 250 KB gzip ceiling. When the
|
|
19
|
+
* whole field is omitted (the common case today) the CLI passes
|
|
20
|
+
* `undefined` and this module is never called — zero overhead.
|
|
21
|
+
* - Strict schema. See `config/validate.ts` → `BuildBudgetConfigSchema`.
|
|
22
|
+
*
|
|
23
|
+
* ── What this module deliberately does NOT do ──────────────────────────────
|
|
24
|
+
*
|
|
25
|
+
* - No tree-shaking suggestions. (see analyzer.ts design doc.)
|
|
26
|
+
* - No historical delta. `mandu build --analyze` already emits
|
|
27
|
+
* `.mandu/analyze/report.json` which a separate job can diff.
|
|
28
|
+
* - No I/O. Everything is in-memory so tests don't need tmpdirs.
|
|
29
|
+
*/
|
|
30
|
+
|
|
31
|
+
import type { AnalyzeReport } from "./analyzer";
|
|
32
|
+
|
|
33
|
+
// ============================================================================
|
|
34
|
+
// Types
|
|
35
|
+
// ============================================================================
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* User-declared budget (from `ManduConfig.build.budget`). Every field is
|
|
39
|
+
* optional; omitting `mode` defaults to `'warning'` so a first-time user
|
|
40
|
+
* isn't surprised by a failing build. An entirely empty object (`{}`) is
|
|
41
|
+
* a valid opt-out signal — "I know about budgets, please don't apply the
|
|
42
|
+
* default ceiling".
|
|
43
|
+
*/
|
|
44
|
+
export interface BundleBudget {
|
|
45
|
+
/** Per-island raw-byte ceiling. */
|
|
46
|
+
maxRawBytes?: number;
|
|
47
|
+
/** Per-island gzip-byte ceiling. */
|
|
48
|
+
maxGzBytes?: number;
|
|
49
|
+
/** Project-wide raw-byte ceiling (sum of islands + shared). */
|
|
50
|
+
maxTotalRawBytes?: number;
|
|
51
|
+
/** Project-wide gzip-byte ceiling. */
|
|
52
|
+
maxTotalGzBytes?: number;
|
|
53
|
+
/**
|
|
54
|
+
* Per-island override. Keys are route/island ids as they appear in
|
|
55
|
+
* {@link AnalyzeReport.islands[].name}. A value of `{ raw: 0 }` /
|
|
56
|
+
* `{ gz: 0 }` is valid — it pins the island to 0 bytes, useful for
|
|
57
|
+
* "this island should never be generated" assertions.
|
|
58
|
+
*/
|
|
59
|
+
perIsland?: Record<string, { raw?: number; gz?: number }>;
|
|
60
|
+
/**
|
|
61
|
+
* Enforcement mode.
|
|
62
|
+
* - `'warning'` (default): print issues, continue build.
|
|
63
|
+
* - `'error'`: print issues, exit non-zero.
|
|
64
|
+
*
|
|
65
|
+
* The CLI owns the exit-code decision; this module only surfaces
|
|
66
|
+
* `mode` so reporters can colour-code output consistently.
|
|
67
|
+
*/
|
|
68
|
+
mode?: "error" | "warning";
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
/**
|
|
72
|
+
* Severity of a single budget comparison outcome. `within10` is the yellow
|
|
73
|
+
* "approaching" band (≥90% of the limit) the HTML report uses to colour
|
|
74
|
+
* bars amber. The CLI treats `within10` as a non-failing warning even
|
|
75
|
+
* under `mode: 'error'` — the build only fails on `exceeded`.
|
|
76
|
+
*/
|
|
77
|
+
export type BudgetStatus = "within" | "within10" | "exceeded";
|
|
78
|
+
|
|
79
|
+
export interface BudgetIslandCheck {
|
|
80
|
+
/** Island / route id. */
|
|
81
|
+
name: string;
|
|
82
|
+
/** Raw bytes measured by the analyzer. */
|
|
83
|
+
raw: number;
|
|
84
|
+
/** Gzip bytes measured by the analyzer. */
|
|
85
|
+
gz: number;
|
|
86
|
+
/** Active raw ceiling for this island (per-island override or global). `null` when no raw ceiling applies. */
|
|
87
|
+
rawLimit: number | null;
|
|
88
|
+
/** Active gzip ceiling. `null` when no gzip ceiling applies. */
|
|
89
|
+
gzLimit: number | null;
|
|
90
|
+
/** Status derived from the stricter of `rawStatus` / `gzStatus`. */
|
|
91
|
+
status: BudgetStatus;
|
|
92
|
+
/** Per-axis status. */
|
|
93
|
+
rawStatus: BudgetStatus;
|
|
94
|
+
gzStatus: BudgetStatus;
|
|
95
|
+
/** True when a `perIsland[name]` entry overrode a global limit. */
|
|
96
|
+
overridden: boolean;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
export interface BudgetTotalCheck {
|
|
100
|
+
raw: number;
|
|
101
|
+
gz: number;
|
|
102
|
+
rawLimit: number | null;
|
|
103
|
+
gzLimit: number | null;
|
|
104
|
+
status: BudgetStatus;
|
|
105
|
+
rawStatus: BudgetStatus;
|
|
106
|
+
gzStatus: BudgetStatus;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
export interface BudgetReport {
|
|
110
|
+
/** Resolved mode (`'warning'` when the user omitted the field). */
|
|
111
|
+
mode: "error" | "warning";
|
|
112
|
+
/** One entry per island in {@link AnalyzeReport.islands}, input order preserved. */
|
|
113
|
+
islands: BudgetIslandCheck[];
|
|
114
|
+
/** Project-wide totals (only populated when a `maxTotal*` limit exists). */
|
|
115
|
+
total: BudgetTotalCheck | null;
|
|
116
|
+
/** True when at least one island or the total exceeded its limit. */
|
|
117
|
+
hasExceeded: boolean;
|
|
118
|
+
/** Convenience: total islands counted. */
|
|
119
|
+
islandCount: number;
|
|
120
|
+
/** Convenience: islands strictly `within` limits. */
|
|
121
|
+
withinCount: number;
|
|
122
|
+
/** Convenience: islands flagged `within10`. */
|
|
123
|
+
approachingCount: number;
|
|
124
|
+
/** Convenience: islands flagged `exceeded`. */
|
|
125
|
+
exceededCount: number;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
// ============================================================================
|
|
129
|
+
// Defaults
|
|
130
|
+
// ============================================================================
|
|
131
|
+
|
|
132
|
+
/**
|
|
133
|
+
* The "nothing set" default. Applied when the user passes `build.budget`
|
|
134
|
+
* whose every ceiling field is `undefined` EXCEPT they also left
|
|
135
|
+
* `perIsland` / `maxTotal*` off — effectively a literal `{}` or a
|
|
136
|
+
* `{ mode: 'warning' }` with no thresholds. Chosen to roughly match the
|
|
137
|
+
* Next.js `largePageDataBytes` soft-warning threshold (128 KB gz) paired
|
|
138
|
+
* with Astro's "ship under 200 KB of JS" rule of thumb — 250 KB gives
|
|
139
|
+
* app-shell + React-runtime + a handful of libraries breathing room
|
|
140
|
+
* before the warning fires.
|
|
141
|
+
*
|
|
142
|
+
* Setting any explicit field (even `maxRawBytes: 99999999`) disables the
|
|
143
|
+
* auto-default. This lets `build.budget: {}` be an explicit opt-out.
|
|
144
|
+
*
|
|
145
|
+
* Exported so docs generators, tests, and tooling can surface the exact
|
|
146
|
+
* number without hard-coding.
|
|
147
|
+
*/
|
|
148
|
+
export const DEFAULT_BUDGET_MAX_GZ_BYTES = 250_000;
|
|
149
|
+
|
|
150
|
+
/**
|
|
151
|
+
* Return `true` when every ceiling-bearing field is missing. We then
|
|
152
|
+
* inject the {@link DEFAULT_BUDGET_MAX_GZ_BYTES} default. An empty object
|
|
153
|
+
* (`{}`) counts as "all fields missing" — the caller passed a budget
|
|
154
|
+
* block on purpose but left everything unset. We still apply the default
|
|
155
|
+
* to honour the documented behaviour: "declaring a budget block (even
|
|
156
|
+
* empty) turns on the default 250 KB gzip cap". Users opt out of the
|
|
157
|
+
* default entirely by omitting the `build.budget` field.
|
|
158
|
+
*/
|
|
159
|
+
function hasNoCeilings(b: BundleBudget): boolean {
|
|
160
|
+
return (
|
|
161
|
+
b.maxRawBytes === undefined &&
|
|
162
|
+
b.maxGzBytes === undefined &&
|
|
163
|
+
b.maxTotalRawBytes === undefined &&
|
|
164
|
+
b.maxTotalGzBytes === undefined &&
|
|
165
|
+
(b.perIsland === undefined || Object.keys(b.perIsland).length === 0)
|
|
166
|
+
);
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
/**
|
|
170
|
+
* Produce the effective budget the evaluator uses after applying
|
|
171
|
+
* defaults. Exported for tests and docs so the "what will actually be
|
|
172
|
+
* enforced" answer is one call away.
|
|
173
|
+
*/
|
|
174
|
+
export function resolveBudget(input: BundleBudget | undefined): BundleBudget | null {
|
|
175
|
+
if (!input) return null;
|
|
176
|
+
const base: BundleBudget = { ...input };
|
|
177
|
+
base.mode = input.mode ?? "warning";
|
|
178
|
+
if (hasNoCeilings(base)) {
|
|
179
|
+
base.maxGzBytes = DEFAULT_BUDGET_MAX_GZ_BYTES;
|
|
180
|
+
}
|
|
181
|
+
return base;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
// ============================================================================
|
|
185
|
+
// Evaluation
|
|
186
|
+
// ============================================================================
|
|
187
|
+
|
|
188
|
+
/**
|
|
189
|
+
* 10% of the limit is the yellow band. Pulled out so tests and the HTML
|
|
190
|
+
* report can reference the same constant.
|
|
191
|
+
*/
|
|
192
|
+
export const APPROACHING_THRESHOLD_RATIO = 0.9;
|
|
193
|
+
|
|
194
|
+
function classify(size: number, limit: number | null): BudgetStatus {
|
|
195
|
+
if (limit === null) return "within";
|
|
196
|
+
if (size > limit) return "exceeded";
|
|
197
|
+
if (size >= limit * APPROACHING_THRESHOLD_RATIO) return "within10";
|
|
198
|
+
return "within";
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
/**
|
|
202
|
+
* The "worst" status across two axes. `exceeded` wins over `within10`
|
|
203
|
+
* wins over `within`. Used to derive an island's composite status from
|
|
204
|
+
* its per-axis (raw, gz) results.
|
|
205
|
+
*/
|
|
206
|
+
function worstStatus(a: BudgetStatus, b: BudgetStatus): BudgetStatus {
|
|
207
|
+
if (a === "exceeded" || b === "exceeded") return "exceeded";
|
|
208
|
+
if (a === "within10" || b === "within10") return "within10";
|
|
209
|
+
return "within";
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
/**
|
|
213
|
+
* Compare `report` against `budget` and produce the decision record.
|
|
214
|
+
*
|
|
215
|
+
* `budget === undefined` → the caller opted out entirely; we return
|
|
216
|
+
* `null` so the CLI can skip printing the budget section.
|
|
217
|
+
*/
|
|
218
|
+
export function evaluateBudget(
|
|
219
|
+
report: AnalyzeReport,
|
|
220
|
+
budget: BundleBudget | undefined
|
|
221
|
+
): BudgetReport | null {
|
|
222
|
+
const resolved = resolveBudget(budget);
|
|
223
|
+
if (resolved === null) return null;
|
|
224
|
+
|
|
225
|
+
const perIsland = resolved.perIsland ?? {};
|
|
226
|
+
const islands: BudgetIslandCheck[] = report.islands.map((is) => {
|
|
227
|
+
const override = perIsland[is.name];
|
|
228
|
+
const hasOverride = override !== undefined;
|
|
229
|
+
// Per-island override replaces the global cap on the axis it sets.
|
|
230
|
+
// When a user writes `perIsland: { home: { raw: 50_000 } }` we still
|
|
231
|
+
// apply the global `maxGzBytes` to `home`'s gzip size — the override
|
|
232
|
+
// is additive per-axis, not a full replacement. This matches user
|
|
233
|
+
// intent: "tighten this one axis, leave the others under the global".
|
|
234
|
+
const rawLimit =
|
|
235
|
+
override?.raw !== undefined
|
|
236
|
+
? override.raw
|
|
237
|
+
: resolved.maxRawBytes !== undefined
|
|
238
|
+
? resolved.maxRawBytes
|
|
239
|
+
: null;
|
|
240
|
+
const gzLimit =
|
|
241
|
+
override?.gz !== undefined
|
|
242
|
+
? override.gz
|
|
243
|
+
: resolved.maxGzBytes !== undefined
|
|
244
|
+
? resolved.maxGzBytes
|
|
245
|
+
: null;
|
|
246
|
+
const rawStatus = classify(is.totalRaw, rawLimit);
|
|
247
|
+
const gzStatus = classify(is.totalGz, gzLimit);
|
|
248
|
+
return {
|
|
249
|
+
name: is.name,
|
|
250
|
+
raw: is.totalRaw,
|
|
251
|
+
gz: is.totalGz,
|
|
252
|
+
rawLimit,
|
|
253
|
+
gzLimit,
|
|
254
|
+
status: worstStatus(rawStatus, gzStatus),
|
|
255
|
+
rawStatus,
|
|
256
|
+
gzStatus,
|
|
257
|
+
overridden: hasOverride,
|
|
258
|
+
};
|
|
259
|
+
});
|
|
260
|
+
|
|
261
|
+
// Total check — ONLY populated when at least one total ceiling exists.
|
|
262
|
+
// We intentionally do not fall back on per-island aggregates; if the
|
|
263
|
+
// user wants "every island < 200 KB AND the whole project < 2 MB",
|
|
264
|
+
// they must say so explicitly.
|
|
265
|
+
let total: BudgetTotalCheck | null = null;
|
|
266
|
+
if (
|
|
267
|
+
resolved.maxTotalRawBytes !== undefined ||
|
|
268
|
+
resolved.maxTotalGzBytes !== undefined
|
|
269
|
+
) {
|
|
270
|
+
const rawLimit = resolved.maxTotalRawBytes ?? null;
|
|
271
|
+
const gzLimit = resolved.maxTotalGzBytes ?? null;
|
|
272
|
+
const rawStatus = classify(report.summary.totalRaw, rawLimit);
|
|
273
|
+
const gzStatus = classify(report.summary.totalGz, gzLimit);
|
|
274
|
+
total = {
|
|
275
|
+
raw: report.summary.totalRaw,
|
|
276
|
+
gz: report.summary.totalGz,
|
|
277
|
+
rawLimit,
|
|
278
|
+
gzLimit,
|
|
279
|
+
status: worstStatus(rawStatus, gzStatus),
|
|
280
|
+
rawStatus,
|
|
281
|
+
gzStatus,
|
|
282
|
+
};
|
|
283
|
+
}
|
|
284
|
+
|
|
285
|
+
let withinCount = 0;
|
|
286
|
+
let approachingCount = 0;
|
|
287
|
+
let exceededCount = 0;
|
|
288
|
+
for (const i of islands) {
|
|
289
|
+
if (i.status === "exceeded") exceededCount++;
|
|
290
|
+
else if (i.status === "within10") approachingCount++;
|
|
291
|
+
else withinCount++;
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
const hasExceeded =
|
|
295
|
+
exceededCount > 0 || (total !== null && total.status === "exceeded");
|
|
296
|
+
|
|
297
|
+
return {
|
|
298
|
+
mode: resolved.mode ?? "warning",
|
|
299
|
+
islands,
|
|
300
|
+
total,
|
|
301
|
+
hasExceeded,
|
|
302
|
+
islandCount: islands.length,
|
|
303
|
+
withinCount,
|
|
304
|
+
approachingCount,
|
|
305
|
+
exceededCount,
|
|
306
|
+
};
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
// ============================================================================
|
|
310
|
+
// Formatting helpers (CLI + HTML report consumers)
|
|
311
|
+
// ============================================================================
|
|
312
|
+
|
|
313
|
+
/**
|
|
314
|
+
* Human-readable byte formatter. Kept local (tiny, no import cycle) so
|
|
315
|
+
* this module stays self-contained. Mirrors `analyzer.fmtBytes` output
|
|
316
|
+
* format for consistency in build logs.
|
|
317
|
+
*/
|
|
318
|
+
export function formatBudgetBytes(n: number): string {
|
|
319
|
+
if (!Number.isFinite(n) || n <= 0) return "0 B";
|
|
320
|
+
if (n < 1024) return `${n} B`;
|
|
321
|
+
if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KB`;
|
|
322
|
+
return `${(n / (1024 * 1024)).toFixed(2)} MB`;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
/**
|
|
326
|
+
* ASCII breakdown table. Used by the CLI when `--no-budget` is NOT set
|
|
327
|
+
* and at least one check is warning/exceeded. Pure — returns the
|
|
328
|
+
* already-formatted multi-line string so tests can snapshot it.
|
|
329
|
+
*
|
|
330
|
+
* Example:
|
|
331
|
+
*
|
|
332
|
+
* ┌─────────────┬──────────┬──────────┬─────────┬─────────┐
|
|
333
|
+
* │ island │ raw │ gz │ raw lim │ gz lim │
|
|
334
|
+
* ├─────────────┼──────────┼──────────┼─────────┼─────────┤
|
|
335
|
+
* │ home EXC │ 512.0 KB │ 180.0 KB │ — │ 50.0 KB │
|
|
336
|
+
* │ dashboard │ 12.3 KB │ 4.1 KB │ — │ 50.0 KB │
|
|
337
|
+
* └─────────────┴──────────┴──────────┴─────────┴─────────┘
|
|
338
|
+
*/
|
|
339
|
+
export function formatBudgetTable(report: BudgetReport): string {
|
|
340
|
+
const rows: string[][] = [["island", "raw", "gz", "raw lim", "gz lim", "status"]];
|
|
341
|
+
for (const i of report.islands) {
|
|
342
|
+
rows.push([
|
|
343
|
+
i.name + (i.overridden ? "*" : ""),
|
|
344
|
+
formatBudgetBytes(i.raw),
|
|
345
|
+
formatBudgetBytes(i.gz),
|
|
346
|
+
i.rawLimit === null ? "—" : formatBudgetBytes(i.rawLimit),
|
|
347
|
+
i.gzLimit === null ? "—" : formatBudgetBytes(i.gzLimit),
|
|
348
|
+
statusLabel(i.status),
|
|
349
|
+
]);
|
|
350
|
+
}
|
|
351
|
+
if (report.total) {
|
|
352
|
+
rows.push([
|
|
353
|
+
"<total>",
|
|
354
|
+
formatBudgetBytes(report.total.raw),
|
|
355
|
+
formatBudgetBytes(report.total.gz),
|
|
356
|
+
report.total.rawLimit === null ? "—" : formatBudgetBytes(report.total.rawLimit),
|
|
357
|
+
report.total.gzLimit === null ? "—" : formatBudgetBytes(report.total.gzLimit),
|
|
358
|
+
statusLabel(report.total.status),
|
|
359
|
+
]);
|
|
360
|
+
}
|
|
361
|
+
// Compute column widths.
|
|
362
|
+
const widths = rows[0].map((_, c) =>
|
|
363
|
+
Math.max(...rows.map((r) => r[c].length))
|
|
364
|
+
);
|
|
365
|
+
const line = (ch = " ") =>
|
|
366
|
+
"│" + widths.map((w) => " " + ch.repeat(w) + " ").join("│") + "│";
|
|
367
|
+
const divider = (left: string, mid: string, right: string, fill = "─") =>
|
|
368
|
+
left + widths.map((w) => fill.repeat(w + 2)).join(mid) + right;
|
|
369
|
+
|
|
370
|
+
const out: string[] = [];
|
|
371
|
+
out.push(divider("┌", "┬", "┐"));
|
|
372
|
+
out.push(
|
|
373
|
+
"│" +
|
|
374
|
+
rows[0]
|
|
375
|
+
.map((cell, c) => " " + cell.padEnd(widths[c]) + " ")
|
|
376
|
+
.join("│") +
|
|
377
|
+
"│"
|
|
378
|
+
);
|
|
379
|
+
out.push(divider("├", "┼", "┤"));
|
|
380
|
+
for (let r = 1; r < rows.length; r++) {
|
|
381
|
+
out.push(
|
|
382
|
+
"│" +
|
|
383
|
+
rows[r]
|
|
384
|
+
.map((cell, c) => " " + cell.padEnd(widths[c]) + " ")
|
|
385
|
+
.join("│") +
|
|
386
|
+
"│"
|
|
387
|
+
);
|
|
388
|
+
}
|
|
389
|
+
out.push(divider("└", "┴", "┘"));
|
|
390
|
+
// Suppress unused `line` var — kept for future ruled rows.
|
|
391
|
+
void line;
|
|
392
|
+
return out.join("\n");
|
|
393
|
+
}
|
|
394
|
+
|
|
395
|
+
function statusLabel(s: BudgetStatus): string {
|
|
396
|
+
switch (s) {
|
|
397
|
+
case "exceeded":
|
|
398
|
+
return "EXCEEDED";
|
|
399
|
+
case "within10":
|
|
400
|
+
return "APPROACHING";
|
|
401
|
+
case "within":
|
|
402
|
+
return "OK";
|
|
403
|
+
}
|
|
404
|
+
}
|
package/src/bundler/prerender.ts
CHANGED
|
@@ -181,9 +181,27 @@ export const DEFAULT_PRERENDER_DIR = ".mandu/prerendered";
|
|
|
181
181
|
/** Default output directory (legacy `prerenderRoutes` callers). */
|
|
182
182
|
export const LEGACY_PRERENDER_DIR = ".mandu/static";
|
|
183
183
|
|
|
184
|
-
/**
|
|
184
|
+
/**
|
|
185
|
+
* Default cache policy stamped on runtime prerender responses.
|
|
186
|
+
*
|
|
187
|
+
* Issue #221 — prerendered HTML lives at a **stable URL** (route → file,
|
|
188
|
+
* no content hash in the path). Serving it with `immutable` is the same
|
|
189
|
+
* trap Issue #218 closed for `/.mandu/client/*`: browsers honour
|
|
190
|
+
* `immutable` as a year-long contract and users see stale HTML until a
|
|
191
|
+
* hard refresh, even after a fresh deploy.
|
|
192
|
+
*
|
|
193
|
+
* The runtime default is therefore `public, max-age=0, must-revalidate`,
|
|
194
|
+
* which forces a conditional `If-None-Match` round-trip on every
|
|
195
|
+
* navigation. Because the runtime also emits a strong ETag (`Bun.hash`
|
|
196
|
+
* over the HTML bytes) the steady-state response is a ~300-byte
|
|
197
|
+
* `304 Not Modified` — cheap compared to re-downloading the HTML.
|
|
198
|
+
*
|
|
199
|
+
* Adapters that front the runtime with a CDN capable of per-deploy
|
|
200
|
+
* invalidation can still override this via
|
|
201
|
+
* `PrerenderSettings.cacheControl` at `startServer` call site.
|
|
202
|
+
*/
|
|
185
203
|
export const DEFAULT_PRERENDER_CACHE_CONTROL =
|
|
186
|
-
"public, max-age=
|
|
204
|
+
"public, max-age=0, must-revalidate";
|
|
187
205
|
|
|
188
206
|
/**
|
|
189
207
|
* Issue #213 — default denylist for the link crawler.
|
package/src/config/mandu.ts
CHANGED
|
@@ -213,6 +213,40 @@ export interface ManduConfig {
|
|
|
213
213
|
* etc.). Use this block to extend or replace the denylist for your
|
|
214
214
|
* project.
|
|
215
215
|
*/
|
|
216
|
+
/**
|
|
217
|
+
* Phase 18.φ — bundle-size budget. Declaring any field turns on
|
|
218
|
+
* framework-level size-ceiling enforcement during `mandu build`.
|
|
219
|
+
*
|
|
220
|
+
* - `maxRawBytes` : per-island raw-byte cap.
|
|
221
|
+
* - `maxGzBytes` : per-island gzip-byte cap.
|
|
222
|
+
* - `maxTotalRawBytes` : project-wide raw cap (islands + shared).
|
|
223
|
+
* - `maxTotalGzBytes` : project-wide gzip cap.
|
|
224
|
+
* - `perIsland` : per-island overrides, additive per axis.
|
|
225
|
+
* `{ home: { gz: 50_000 } }` tightens only
|
|
226
|
+
* `home`'s gzip and leaves its raw cap at
|
|
227
|
+
* the global `maxRawBytes`.
|
|
228
|
+
* - `mode` : `'warning'` (default) prints a table and
|
|
229
|
+
* continues; `'error'` exits non-zero.
|
|
230
|
+
*
|
|
231
|
+
* Declaring the empty block `budget: {}` is interpreted as "I know
|
|
232
|
+
* about budgets" and auto-applies a 250 KB gzip per-island ceiling
|
|
233
|
+
* (matches Next.js `largePageDataBytes` + Astro rules of thumb).
|
|
234
|
+
* Omitting the block entirely is the zero-overhead opt-out.
|
|
235
|
+
*
|
|
236
|
+
* CLI override: `mandu build --no-budget` skips enforcement for a
|
|
237
|
+
* single run regardless of config.
|
|
238
|
+
*
|
|
239
|
+
* @see `docs/architect/bundle-budget.md`
|
|
240
|
+
* @see `@mandujs/core/bundler/budget`
|
|
241
|
+
*/
|
|
242
|
+
budget?: {
|
|
243
|
+
maxRawBytes?: number;
|
|
244
|
+
maxGzBytes?: number;
|
|
245
|
+
maxTotalRawBytes?: number;
|
|
246
|
+
maxTotalGzBytes?: number;
|
|
247
|
+
perIsland?: Record<string, { raw?: number; gz?: number }>;
|
|
248
|
+
mode?: "error" | "warning";
|
|
249
|
+
};
|
|
216
250
|
crawl?: {
|
|
217
251
|
/**
|
|
218
252
|
* Extra pathnames or simple globs (`*`) to exclude when crawling.
|
package/src/config/validate.ts
CHANGED
|
@@ -146,6 +146,38 @@ const BuildCrawlConfigSchema = z
|
|
|
146
146
|
})
|
|
147
147
|
.strict();
|
|
148
148
|
|
|
149
|
+
/**
|
|
150
|
+
* Phase 18.φ — bundle-size budget config (strict).
|
|
151
|
+
*
|
|
152
|
+
* Every ceiling field is an optional non-negative integer so "pin this
|
|
153
|
+
* island to 0 bytes" (an explicit assertion that no code should ship for
|
|
154
|
+
* a route) stays expressible. `perIsland` keys are arbitrary route / island
|
|
155
|
+
* ids; Zod can't validate those against the project's actual route set at
|
|
156
|
+
* config-load time, so we accept any non-empty string and let the evaluator
|
|
157
|
+
* silently ignore keys that don't match a real island (the doc explains this).
|
|
158
|
+
*
|
|
159
|
+
* `mode` defaults to `'warning'` so a first-time user doesn't get a
|
|
160
|
+
* surprise non-zero exit code. Flip to `'error'` in CI once you've
|
|
161
|
+
* calibrated your limits.
|
|
162
|
+
*/
|
|
163
|
+
const BuildBudgetPerIslandSchema = z
|
|
164
|
+
.object({
|
|
165
|
+
raw: z.number().int().nonnegative().optional(),
|
|
166
|
+
gz: z.number().int().nonnegative().optional(),
|
|
167
|
+
})
|
|
168
|
+
.strict();
|
|
169
|
+
|
|
170
|
+
const BuildBudgetConfigSchema = z
|
|
171
|
+
.object({
|
|
172
|
+
maxRawBytes: z.number().int().nonnegative().optional(),
|
|
173
|
+
maxGzBytes: z.number().int().nonnegative().optional(),
|
|
174
|
+
maxTotalRawBytes: z.number().int().nonnegative().optional(),
|
|
175
|
+
maxTotalGzBytes: z.number().int().nonnegative().optional(),
|
|
176
|
+
perIsland: z.record(BuildBudgetPerIslandSchema).optional(),
|
|
177
|
+
mode: z.enum(["error", "warning"]).default("warning"),
|
|
178
|
+
})
|
|
179
|
+
.strict();
|
|
180
|
+
|
|
149
181
|
/**
|
|
150
182
|
* Build 설정 스키마 (strict)
|
|
151
183
|
*/
|
|
@@ -174,6 +206,13 @@ const BuildConfigSchema = z
|
|
|
174
206
|
* default (strip code regions + built-in placeholder denylist).
|
|
175
207
|
*/
|
|
176
208
|
crawl: BuildCrawlConfigSchema.optional(),
|
|
209
|
+
/**
|
|
210
|
+
* Phase 18.φ — bundle-size budget. See {@link BuildBudgetConfigSchema}.
|
|
211
|
+
* Omit the block for zero-overhead passthrough. Declaring the empty
|
|
212
|
+
* block `{}` turns on the default 250 KB gzip per-island ceiling in
|
|
213
|
+
* warning mode. See `@mandujs/core/bundler/budget` for the evaluator.
|
|
214
|
+
*/
|
|
215
|
+
budget: BuildBudgetConfigSchema.optional(),
|
|
177
216
|
})
|
|
178
217
|
.strict();
|
|
179
218
|
|
|
@@ -328,9 +328,10 @@ describe("runExtendedDiagnose", () => {
|
|
|
328
328
|
beforeEach(async () => { rootDir = await mkTmpRoot(); });
|
|
329
329
|
afterEach(async () => { await fs.rm(rootDir, { recursive: true, force: true }); });
|
|
330
330
|
|
|
331
|
-
it("runs all
|
|
331
|
+
it("runs all 6 extended checks and returns a structured report", async () => {
|
|
332
332
|
const report = await runExtendedDiagnose(rootDir);
|
|
333
|
-
|
|
333
|
+
// Phase 18.χ added `a11y_hints` — total is now 6.
|
|
334
|
+
expect(report.summary.total).toBe(6);
|
|
334
335
|
// manifest is missing → at least one error
|
|
335
336
|
expect(report.healthy).toBe(false);
|
|
336
337
|
expect(report.errorCount).toBeGreaterThanOrEqual(1);
|
|
@@ -340,6 +341,7 @@ describe("runExtendedDiagnose", () => {
|
|
|
340
341
|
expect(rules).toContain("cloneelement_warnings");
|
|
341
342
|
expect(rules).toContain("dev_artifacts_in_prod");
|
|
342
343
|
expect(rules).toContain("package_export_gaps");
|
|
344
|
+
expect(rules).toContain("a11y_hints");
|
|
343
345
|
});
|
|
344
346
|
|
|
345
347
|
it("returns healthy=true when all checks pass (production manifest, no gaps)", async () => {
|
package/src/diagnose/checks.ts
CHANGED
|
@@ -597,3 +597,124 @@ export async function checkPackageExportGaps(rootDir: string): Promise<DiagnoseC
|
|
|
597
597
|
details: { gapCount: gaps.length, gaps },
|
|
598
598
|
};
|
|
599
599
|
}
|
|
600
|
+
|
|
601
|
+
// ────────────────────────────────────────────────────────────────────────
|
|
602
|
+
// 6. a11y_hints (Phase 18.χ)
|
|
603
|
+
// ────────────────────────────────────────────────────────────────────────
|
|
604
|
+
|
|
605
|
+
/**
|
|
606
|
+
* Find the first prerendered HTML leaf under `.mandu/prerendered/` or
|
|
607
|
+
* `.mandu/static/`. Returns `null` when nothing has been prerendered.
|
|
608
|
+
* Used as a cheap smoke target — auditing every page would be orders
|
|
609
|
+
* of magnitude heavier than every other diagnose check.
|
|
610
|
+
*/
|
|
611
|
+
async function findFirstPrerenderedHtml(rootDir: string): Promise<string | null> {
|
|
612
|
+
const dirs = [
|
|
613
|
+
path.join(rootDir, ".mandu", "prerendered"),
|
|
614
|
+
path.join(rootDir, ".mandu", "static"),
|
|
615
|
+
];
|
|
616
|
+
async function walk(dir: string, depth: number): Promise<string | null> {
|
|
617
|
+
if (depth > 8) return null;
|
|
618
|
+
let entries: Dirent[];
|
|
619
|
+
try {
|
|
620
|
+
entries = (await fs.readdir(dir, { withFileTypes: true })) as Dirent[];
|
|
621
|
+
} catch {
|
|
622
|
+
return null;
|
|
623
|
+
}
|
|
624
|
+
// Stable sort so the smoke sample is deterministic across runs —
|
|
625
|
+
// otherwise a flaky a11y hint could bounce on/off depending on
|
|
626
|
+
// FS iteration order.
|
|
627
|
+
entries.sort((a, b) => a.name.localeCompare(b.name));
|
|
628
|
+
for (const entry of entries) {
|
|
629
|
+
if (entry.name.startsWith(".") || entry.name === "_manifest.json") continue;
|
|
630
|
+
const full = path.join(dir, entry.name);
|
|
631
|
+
if (entry.isDirectory()) {
|
|
632
|
+
const found = await walk(full, depth + 1);
|
|
633
|
+
if (found) return found;
|
|
634
|
+
} else if (entry.isFile() && entry.name.endsWith(".html")) {
|
|
635
|
+
return full;
|
|
636
|
+
}
|
|
637
|
+
}
|
|
638
|
+
return null;
|
|
639
|
+
}
|
|
640
|
+
for (const dir of dirs) {
|
|
641
|
+
const found = await walk(dir, 0);
|
|
642
|
+
if (found) return found;
|
|
643
|
+
}
|
|
644
|
+
return null;
|
|
645
|
+
}
|
|
646
|
+
|
|
647
|
+
/**
|
|
648
|
+
* Phase 18.χ — accessibility smoke hint.
|
|
649
|
+
*
|
|
650
|
+
* Runs the a11y audit against a single prerendered HTML file — the
|
|
651
|
+
* first one we can find. This is strictly a smoke test (auditing a
|
|
652
|
+
* whole build is too expensive for `mandu diagnose`, which is meant to
|
|
653
|
+
* run in < 1s). The check stays `warning` severity at worst; a11y
|
|
654
|
+
* failures should surface attention, not block deploys (that's what
|
|
655
|
+
* `mandu build --audit --audit-fail-on=critical` is for).
|
|
656
|
+
*
|
|
657
|
+
* Behaviour matrix:
|
|
658
|
+
* - No prerendered HTML on disk → ok (nothing to audit yet)
|
|
659
|
+
* - axe-core / DOM provider missing → ok (optional deps; informational)
|
|
660
|
+
* - Runner succeeds, zero criticals → ok
|
|
661
|
+
* - Runner succeeds with criticals → warning + suggestion pointing
|
|
662
|
+
* at the full-build command
|
|
663
|
+
*/
|
|
664
|
+
export async function checkA11yHints(rootDir: string): Promise<DiagnoseCheckResult> {
|
|
665
|
+
const sample = await findFirstPrerenderedHtml(rootDir);
|
|
666
|
+
if (!sample) {
|
|
667
|
+
return {
|
|
668
|
+
ok: true,
|
|
669
|
+
rule: "a11y_hints",
|
|
670
|
+
message: "No prerendered HTML found — nothing to audit.",
|
|
671
|
+
details: { scanned: 0 },
|
|
672
|
+
};
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
// Lazy import — keeps the diagnose bundle tree free of the a11y
|
|
676
|
+
// module unless this specific check is actually invoked.
|
|
677
|
+
const { runAudit } = await import("../a11y/run-audit");
|
|
678
|
+
const report = await runAudit([sample], { minImpact: "critical" });
|
|
679
|
+
|
|
680
|
+
if (report.outcome === "axe-missing") {
|
|
681
|
+
return {
|
|
682
|
+
ok: true,
|
|
683
|
+
rule: "a11y_hints",
|
|
684
|
+
message: "axe-core not installed — a11y smoke skipped (optional).",
|
|
685
|
+
details: {
|
|
686
|
+
sample: path.relative(rootDir, sample),
|
|
687
|
+
note: report.note,
|
|
688
|
+
},
|
|
689
|
+
};
|
|
690
|
+
}
|
|
691
|
+
|
|
692
|
+
if (report.outcome === "ok") {
|
|
693
|
+
return {
|
|
694
|
+
ok: true,
|
|
695
|
+
rule: "a11y_hints",
|
|
696
|
+
message: `a11y smoke PASS on ${path.relative(rootDir, sample)} (no critical violations).`,
|
|
697
|
+
details: {
|
|
698
|
+
sample: path.relative(rootDir, sample),
|
|
699
|
+
filesScanned: report.filesScanned,
|
|
700
|
+
},
|
|
701
|
+
};
|
|
702
|
+
}
|
|
703
|
+
|
|
704
|
+
const top = report.violations[0];
|
|
705
|
+
return {
|
|
706
|
+
ok: false,
|
|
707
|
+
rule: "a11y_hints",
|
|
708
|
+
severity: "warning",
|
|
709
|
+
message:
|
|
710
|
+
`a11y smoke found ${report.violations.length} critical violation(s) in ` +
|
|
711
|
+
`${path.relative(rootDir, sample)}. First: ${top.rule} — ${top.help}`,
|
|
712
|
+
suggestion: "Run `mandu build --audit` to audit every prerendered page.",
|
|
713
|
+
details: {
|
|
714
|
+
sample: path.relative(rootDir, sample),
|
|
715
|
+
violationCount: report.violations.length,
|
|
716
|
+
firstRule: top.rule,
|
|
717
|
+
impactCounts: report.impactCounts,
|
|
718
|
+
},
|
|
719
|
+
};
|
|
720
|
+
}
|