state-scenarios-cli 0.6.0 → 0.7.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/README.md +6 -1
- package/dist/cli.js +194 -10
- package/dist/cli.js.map +1 -1
- package/dist/compare-TBRNNO4A.js +69 -0
- package/dist/compare-TBRNNO4A.js.map +1 -0
- package/dist/compare.d.ts +14 -0
- package/dist/map-NAV75ZEE.js +159 -0
- package/dist/map-NAV75ZEE.js.map +1 -0
- package/dist/map.d.ts +73 -0
- package/dist/publish-K6YWPOCO.js +80 -0
- package/dist/publish-K6YWPOCO.js.map +1 -0
- package/dist/publish.d.ts +18 -0
- package/dist/{record-SNQF63Y7.js → record-QUE3LDEG.js} +24 -1
- package/dist/record-QUE3LDEG.js.map +1 -0
- package/dist/record.d.ts +8 -1
- package/dist/{skills-NQRJHKHG.js → skills-P5SE3XSV.js} +7 -2
- package/dist/skills-P5SE3XSV.js.map +1 -0
- package/package.json +3 -3
- package/skills/create-scenario-map/SKILL.md +24 -4
- package/skills/scenario-coverage-loop/SKILL.md +122 -0
- package/skills/scenario-coverage-loop/references/controller.mjs +38 -0
- package/skills/scenario-coverage-loop/references/memory.md +13 -0
- package/skills/scenario-coverage-loop/references/pr-check.yml +50 -0
- package/skills/scenario-coverage-loop/references/prompt.md +58 -0
- package/skills/scenario-coverage-loop/references/workflow.yml +232 -0
- package/skills/scenario-pr/SKILL.md +114 -0
- package/skills/scenario-pr/references/pr-template.md +61 -0
- package/skills/state-scenarios/SKILL.md +12 -4
- package/skills/state-scenarios/references/media.md +7 -4
- package/skills/state-scenarios/references/verify.md +55 -3
- package/dist/record-SNQF63Y7.js.map +0 -1
- package/dist/skills-NQRJHKHG.js.map +0 -1
package/README.md
CHANGED
|
@@ -8,13 +8,18 @@ npx state-scenarios mcp scenarios --base-url http://localhost:5173
|
|
|
8
8
|
npx state-scenarios validate scenarios --rules rules.ts
|
|
9
9
|
npx state-scenarios list scenarios --base-url http://localhost:5173 --json
|
|
10
10
|
npx state-scenarios shoot scenarios --base-url http://localhost:5173 --out shots
|
|
11
|
+
npx state-scenarios affected scenarios --base main --src src
|
|
12
|
+
npx state-scenarios shoot scenarios --base-url http://localhost:5173 --only a,b --out shots/after --compare shots/before
|
|
13
|
+
npx state-scenarios coverage scenarios
|
|
14
|
+
npx state-scenarios publish shots/after/*.diff.png --folder pr-42
|
|
11
15
|
npx state-scenarios shoot scenarios --base-url http://localhost:5173 --no-panel --viewport 1440x900 --scale 2 --color-scheme dark --locale de-DE --timezone Europe/Berlin
|
|
12
16
|
npx state-scenarios record scenarios --base-url http://localhost:5173 --steps steps.ts --format mp4
|
|
13
17
|
npx state-scenarios suggest scenarios --src src --schema scenario.schema.json
|
|
14
18
|
```
|
|
15
19
|
|
|
16
20
|
- `shoot` opens every scenario in Chromium, waits until it's ready, and saves a screenshot. It fails on unmocked requests, uncaught exceptions and `console.error` calls, and writes `<out>/<name>.md` for each failure with the fix. It needs `@playwright/test`.
|
|
21
|
+
- `affected` lists the scenarios a branch can affect, and why. `shoot --compare <dir>` writes a before/after/changed image for each state that differs from an earlier run. `coverage` counts the scenario map's states by status. `publish` pushes files to a `scenario-shots` branch and prints Markdown image links for a PR.
|
|
17
22
|
- `doctor` checks the wiring one step at a time and prints each fix. `mcp` lets a coding agent open, drive and save scenarios. `guide` prints the shipped agent skill.
|
|
18
23
|
- Exit codes: `1` a scenario failed, `2` bad arguments or scenarios, `3` something needed is missing or down. Errors print a stable code, e.g. `[DEV_SERVER_DOWN]`.
|
|
19
|
-
- `record` opens each scenario named in `--steps`, runs its steps with a visible cursor, and saves an MP4, GIF or WebM, optionally cropped to `--element` (or per scenario with `{ element, steps }`). `--fps`, `--width` and `--hold <ms>` tune size and the final frame. Each video gets a `<name>.video.json` manifest (size, length, description, clicks) for editors such as Remotion. MP4, GIF, cropping, `--fps` and `--width` need ffmpeg.
|
|
24
|
+
- `record` opens each scenario named in `--steps`, runs its steps with a visible cursor (`--cursor-color`, `--cursor <file.svg>`), and saves an MP4, GIF or WebM, optionally cropped to `--element` (or per scenario with `{ element, steps }`). `--fps`, `--width` and `--hold <ms>` tune size and the final frame. Each video gets a `<name>.video.json` manifest (size, length, description, clicks) for editors such as Remotion. MP4, GIF, cropping, `--fps` and `--width` need ffmpeg.
|
|
20
25
|
- `suggest` asks Claude, or another model behind `ANTHROPIC_BASE_URL` via `--model`, which UI states lack scenarios, and drafts them for review.
|
package/dist/cli.js
CHANGED
|
@@ -10,7 +10,17 @@ import {
|
|
|
10
10
|
} from "./chunk-GCYOLAFU.js";
|
|
11
11
|
|
|
12
12
|
// src/cli.ts
|
|
13
|
-
import {
|
|
13
|
+
import {
|
|
14
|
+
existsSync,
|
|
15
|
+
mkdirSync,
|
|
16
|
+
mkdtempSync,
|
|
17
|
+
readdirSync,
|
|
18
|
+
readFileSync,
|
|
19
|
+
realpathSync,
|
|
20
|
+
rmSync,
|
|
21
|
+
statSync,
|
|
22
|
+
writeFileSync
|
|
23
|
+
} from "fs";
|
|
14
24
|
import { tmpdir } from "os";
|
|
15
25
|
import { join, relative, resolve } from "path";
|
|
16
26
|
import { pathToFileURL } from "url";
|
|
@@ -33,12 +43,24 @@ var HELP = `Usage: state-scenarios <command> <scenarios-dir> [options]
|
|
|
33
43
|
shoot Open each scenario in Chromium, wait for its ready selector, screenshot it,
|
|
34
44
|
and report requests it didn't mock. --base-url (required), --out, --only a,b, --no-strict,
|
|
35
45
|
--element <selector> to capture one element instead of the full page.
|
|
36
|
-
Each failed scenario gets <out>/<name>.md: what failed and how to fix it
|
|
46
|
+
Each failed scenario gets <out>/<name>.md: what failed and how to fix it.
|
|
47
|
+
--compare <dir> diffs each shot against an earlier run's PNGs and writes
|
|
48
|
+
<out>/<name>.diff.png (before | after | changed) for each state that changed
|
|
49
|
+
affected List the scenarios a branch's changes can affect, and why: changed scenario files,
|
|
50
|
+
map rows whose Source covers a changed file, endpoints and routes the changes touch.
|
|
51
|
+
--base <ref> (default main), --src dir[,dir] to consider only the app's files,
|
|
52
|
+
--map <file|dir>[,\u2026], --json
|
|
53
|
+
coverage Count the scenario map's states by status (covered, missing, can't mock), and report rows
|
|
54
|
+
naming scenarios that don't exist and scenarios no row names. --map, --json.
|
|
55
|
+
Exits 1 when the map names a missing scenario
|
|
56
|
+
publish publish <file\u2026> --folder <name>: commit files to the scenario-shots branch (--branch) without
|
|
57
|
+
touching your checkout, push it (--remote, default origin), and print Markdown image links
|
|
37
58
|
record Open each scenario that has steps, run them, and save a video with a visible cursor.
|
|
38
59
|
--base-url and --steps (required): a module whose default export maps scenario names
|
|
39
60
|
to async (page) => {} steps, or to { element, steps } to crop that one scenario.
|
|
40
61
|
--format mp4 (default), gif or webm; --out, --only, --element, --fps (gif default 12),
|
|
41
62
|
--width <px> to downscale, --hold <ms> on the last frame (default 800).
|
|
63
|
+
--cursor-color <css> (default #ff2d55) or --cursor <file.svg> to draw your own pointer.
|
|
42
64
|
Writes <name>.video.json next to each video: size, length, description and clicks.
|
|
43
65
|
mp4, gif, --element, --fps and --width need ffmpeg on PATH (or FFMPEG_PATH)
|
|
44
66
|
suggest Ask Claude which UI states lack scenarios and draft them into --out (default <dir>/proposed).
|
|
@@ -48,7 +70,7 @@ var HELP = `Usage: state-scenarios <command> <scenarios-dir> [options]
|
|
|
48
70
|
promote Move <dir>/proposed/*.json into <dir> after validate. --dry-run lists moves only.
|
|
49
71
|
|
|
50
72
|
Common: --rules file module exporting \`rules\` (ScenarioRule[])
|
|
51
|
-
--json machine-readable output (list, shoot, doctor)`;
|
|
73
|
+
--json machine-readable output (list, shoot, doctor, affected, coverage, publish)`;
|
|
52
74
|
var MAX_SOURCE_CHARS = 8e5;
|
|
53
75
|
var { positionals, values } = parseArgs({
|
|
54
76
|
allowPositionals: true,
|
|
@@ -70,6 +92,8 @@ var { positionals, values } = parseArgs({
|
|
|
70
92
|
fps: { type: "string" },
|
|
71
93
|
width: { type: "string" },
|
|
72
94
|
hold: { type: "string" },
|
|
95
|
+
cursor: { type: "string" },
|
|
96
|
+
"cursor-color": { type: "string" },
|
|
73
97
|
json: { type: "boolean" },
|
|
74
98
|
src: { type: "string" },
|
|
75
99
|
schema: { type: "string" },
|
|
@@ -78,6 +102,12 @@ var { positionals, values } = parseArgs({
|
|
|
78
102
|
"env-file": { type: "string" },
|
|
79
103
|
"dry-run": { type: "boolean" },
|
|
80
104
|
"no-skills": { type: "boolean" },
|
|
105
|
+
compare: { type: "string" },
|
|
106
|
+
base: { type: "string" },
|
|
107
|
+
map: { type: "string" },
|
|
108
|
+
folder: { type: "string" },
|
|
109
|
+
branch: { type: "string" },
|
|
110
|
+
remote: { type: "string" },
|
|
81
111
|
help: { type: "boolean", short: "h" }
|
|
82
112
|
}
|
|
83
113
|
});
|
|
@@ -102,7 +132,7 @@ var positive = (flag) => {
|
|
|
102
132
|
};
|
|
103
133
|
var [command, dir = command === "init" ? "src/scenarios" : void 0] = positionals;
|
|
104
134
|
if (command === "guide") {
|
|
105
|
-
const { guide } = await import("./skills-
|
|
135
|
+
const { guide } = await import("./skills-P5SE3XSV.js");
|
|
106
136
|
try {
|
|
107
137
|
console.log(guide(positionals[1]));
|
|
108
138
|
process.exit(0);
|
|
@@ -111,6 +141,34 @@ if (command === "guide") {
|
|
|
111
141
|
process.exit(2);
|
|
112
142
|
}
|
|
113
143
|
}
|
|
144
|
+
if (command === "publish") {
|
|
145
|
+
const { publishFiles } = await import("./publish-K6YWPOCO.js");
|
|
146
|
+
const files = positionals.slice(1);
|
|
147
|
+
try {
|
|
148
|
+
if (!files.length || !values.folder) {
|
|
149
|
+
throw new CliError(
|
|
150
|
+
"INVALID_ARGUMENT",
|
|
151
|
+
"publish needs files and --folder, e.g. publish shots/*.png --folder pr-42"
|
|
152
|
+
);
|
|
153
|
+
}
|
|
154
|
+
const links = publishFiles({
|
|
155
|
+
files,
|
|
156
|
+
folder: values.folder,
|
|
157
|
+
branch: values.branch,
|
|
158
|
+
remote: values.remote
|
|
159
|
+
});
|
|
160
|
+
const lines = links.map((l) => l.url.startsWith("https://") ? `` : `${l.file} ${l.url}`);
|
|
161
|
+
console.log(values.json ? JSON.stringify(links, null, 2) : lines.join("\n"));
|
|
162
|
+
process.exit(0);
|
|
163
|
+
} catch (err) {
|
|
164
|
+
const detail = z.object({ stderr: z.string() }).safeParse(err).data?.stderr ?? "";
|
|
165
|
+
console.error(
|
|
166
|
+
`state-scenarios publish: ${err instanceof Error ? err.message : String(err)}
|
|
167
|
+
${detail}`.trim()
|
|
168
|
+
);
|
|
169
|
+
process.exit(err instanceof CliError ? err.exitCode : 1);
|
|
170
|
+
}
|
|
171
|
+
}
|
|
114
172
|
if (values.help || !command || !dir) {
|
|
115
173
|
console.log(HELP);
|
|
116
174
|
process.exit(command ? 2 : 0);
|
|
@@ -137,7 +195,7 @@ try {
|
|
|
137
195
|
const { initScenarios } = await import("./init-MRK4F5SV.js");
|
|
138
196
|
const { stack } = initScenarios(dir);
|
|
139
197
|
if (!values["no-skills"]) {
|
|
140
|
-
const { installSkills, registerMcp } = await import("./skills-
|
|
198
|
+
const { installSkills, registerMcp } = await import("./skills-P5SE3XSV.js");
|
|
141
199
|
const url = values["base-url"] ?? (stack === "next" ? "http://localhost:3000" : "http://localhost:5173");
|
|
142
200
|
const args = ["mcp", dir, "--base-url", url];
|
|
143
201
|
console.log("");
|
|
@@ -221,6 +279,90 @@ ${" ".repeat(33)}${r.url}` : ""}`
|
|
|
221
279
|
}
|
|
222
280
|
break;
|
|
223
281
|
}
|
|
282
|
+
case "affected": {
|
|
283
|
+
const { affectedScenarios, findMapFiles, readMap } = await import("./map-NAV75ZEE.js");
|
|
284
|
+
const { execFileSync } = await import("child_process");
|
|
285
|
+
const base = values.base ?? "main";
|
|
286
|
+
const git = (args) => execFileSync("git", args, { encoding: "utf8" }).trim();
|
|
287
|
+
let since;
|
|
288
|
+
try {
|
|
289
|
+
since = git(["merge-base", base, "HEAD"]);
|
|
290
|
+
} catch {
|
|
291
|
+
throw new CliError(
|
|
292
|
+
"INVALID_ARGUMENT",
|
|
293
|
+
`can't find --base "${base}"; pass a branch or commit, e.g. --base origin/main`
|
|
294
|
+
);
|
|
295
|
+
}
|
|
296
|
+
const paths = new Set(
|
|
297
|
+
[
|
|
298
|
+
...git(["diff", "--name-only", "--relative", since]).split("\n"),
|
|
299
|
+
...git(["ls-files", "--others", "--exclude-standard"]).split("\n")
|
|
300
|
+
].filter(Boolean)
|
|
301
|
+
);
|
|
302
|
+
const src = values.src?.split(",").map((d) => `${d.replace(/^\.\//, "").replace(/\/$/, "")}/`);
|
|
303
|
+
const inScope = (path) => !src || path.startsWith(`${dir.replace(/^\.\//, "")}/`) || src.some((d) => path.startsWith(d));
|
|
304
|
+
const changed = [...paths].flatMap((path) => {
|
|
305
|
+
if (!inScope(path)) return [];
|
|
306
|
+
try {
|
|
307
|
+
return [{ path, content: readFileSync(path, "utf8") }];
|
|
308
|
+
} catch {
|
|
309
|
+
return [{ path }];
|
|
310
|
+
}
|
|
311
|
+
});
|
|
312
|
+
const rows = readMap(findMapFiles(values.map?.split(",")));
|
|
313
|
+
const result = affectedScenarios({ changed, dir, catalog, rows });
|
|
314
|
+
if (values.json) {
|
|
315
|
+
console.log(JSON.stringify({ base, since, changed: changed.length, ...result }, null, 2));
|
|
316
|
+
break;
|
|
317
|
+
}
|
|
318
|
+
console.log(
|
|
319
|
+
`${changed.length} files changed since ${base} (${since.slice(0, 9)})${rows.length ? "" : "; no scenario map found"}
|
|
320
|
+
`
|
|
321
|
+
);
|
|
322
|
+
for (const s of result.scenarios) {
|
|
323
|
+
console.log(s.name);
|
|
324
|
+
for (const r of s.reasons) console.log(` ${r.kind}: ${r.detail}`);
|
|
325
|
+
}
|
|
326
|
+
if (!result.scenarios.length) console.log("No scenario matched.");
|
|
327
|
+
if (result.unmatched.length) {
|
|
328
|
+
console.log("\nChanged source files no scenario points at (shared ones can change every state):");
|
|
329
|
+
const deleted = new Set(changed.flatMap((f) => f.content === void 0 ? [f.path] : []));
|
|
330
|
+
for (const f of result.unmatched) console.log(` ${f}${deleted.has(f) ? " (deleted)" : ""}`);
|
|
331
|
+
}
|
|
332
|
+
if (result.scenarios.length) console.log(`
|
|
333
|
+
--only ${result.scenarios.map((s) => s.name).join(",")}`);
|
|
334
|
+
break;
|
|
335
|
+
}
|
|
336
|
+
case "coverage": {
|
|
337
|
+
const { coverage, findMapFiles, readMap } = await import("./map-NAV75ZEE.js");
|
|
338
|
+
const files = findMapFiles(values.map?.split(","));
|
|
339
|
+
if (!files.length) {
|
|
340
|
+
throw new CliError(
|
|
341
|
+
"INVALID_ARGUMENT",
|
|
342
|
+
"no scenario map found in .agents/skills/scenarios-*; run /create-scenario-map, or pass --map"
|
|
343
|
+
);
|
|
344
|
+
}
|
|
345
|
+
const result = coverage(readMap(files), catalog);
|
|
346
|
+
if (values.json) console.log(JSON.stringify({ maps: files, ...result }, null, 2));
|
|
347
|
+
else {
|
|
348
|
+
const percent = Math.round(result.ratio * 100);
|
|
349
|
+
console.log(
|
|
350
|
+
`${result.covered}/${result.covered + result.missing} states covered (${percent}%), ${result.cantMock} can't be mocked`
|
|
351
|
+
);
|
|
352
|
+
if (result.missingStates.length) console.log("\nMissing:");
|
|
353
|
+
for (const r of result.missingStates) {
|
|
354
|
+
const state = [r.feature, r.state].filter(Boolean).join(" / ");
|
|
355
|
+
console.log(` ${state.padEnd(48)} ${r.scenario || "-"} ${r.at}`);
|
|
356
|
+
}
|
|
357
|
+
if (result.stale.length) console.log("\nCovered rows naming a scenario that does not exist:");
|
|
358
|
+
for (const r of result.stale) console.log(` ${(r.scenario || "(none)").padEnd(48)} ${r.at}`);
|
|
359
|
+
if (result.unmapped.length) {
|
|
360
|
+
console.log(`
|
|
361
|
+
Scenarios no map row names: ${result.unmapped.join(", ")}`);
|
|
362
|
+
}
|
|
363
|
+
}
|
|
364
|
+
process.exit(result.stale.length ? 1 : 0);
|
|
365
|
+
}
|
|
224
366
|
case "shoot": {
|
|
225
367
|
const baseURL = requireBaseUrl();
|
|
226
368
|
const out = values.out ?? "scenario-shots";
|
|
@@ -228,9 +370,18 @@ ${" ".repeat(33)}${r.url}` : ""}`
|
|
|
228
370
|
for (const n of only ?? []) {
|
|
229
371
|
if (!catalog.get(n)) throw new CliError("UNKNOWN_SCENARIO", `--only names unknown scenario "${n}"`);
|
|
230
372
|
}
|
|
373
|
+
const real = (path) => existsSync(path) ? realpathSync(path) : resolve(path);
|
|
374
|
+
if (values.compare && real(values.compare) === real(out)) {
|
|
375
|
+
throw new CliError(
|
|
376
|
+
"INVALID_ARGUMENT",
|
|
377
|
+
`--compare and --out are the same folder (${out}); shoot into a new one, e.g. --out .shots/after`
|
|
378
|
+
);
|
|
379
|
+
}
|
|
231
380
|
mkdirSync(out, { recursive: true });
|
|
232
381
|
await checkServer(baseURL);
|
|
233
382
|
const { inspectScenario, failurePage } = await import("./inspect-LN4EACWA.js");
|
|
383
|
+
const { compareImages } = await import("./compare-TBRNNO4A.js");
|
|
384
|
+
const before = values.compare;
|
|
234
385
|
const browser = await launchChromium();
|
|
235
386
|
const report = [];
|
|
236
387
|
for (const s of catalog.list.filter((s2) => !only || only.includes(s2.name))) {
|
|
@@ -261,14 +412,35 @@ ${" ".repeat(33)}${r.url}` : ""}`
|
|
|
261
412
|
if (!result.ok) {
|
|
262
413
|
writeFileSync(details, failurePage(result, { screenshot, appOrigin: new URL(baseURL).origin }));
|
|
263
414
|
}
|
|
264
|
-
report.push({ ...result, screenshot, details: result.ok ? null : details });
|
|
265
415
|
await context.close();
|
|
416
|
+
const diffImage = join(out, `${s.name}.diff.png`);
|
|
417
|
+
rmSync(diffImage, { force: true });
|
|
418
|
+
const previous = before && join(before, `${s.name}.png`);
|
|
419
|
+
let compare;
|
|
420
|
+
if (previous && existsSync(previous)) {
|
|
421
|
+
const { changed, total, image } = await compareImages(
|
|
422
|
+
browser,
|
|
423
|
+
readFileSync(previous),
|
|
424
|
+
readFileSync(screenshot)
|
|
425
|
+
);
|
|
426
|
+
if (image) writeFileSync(diffImage, image);
|
|
427
|
+
compare = {
|
|
428
|
+
status: changed ? "changed" : "same",
|
|
429
|
+
ratio: changed / total,
|
|
430
|
+
image: image ? diffImage : null
|
|
431
|
+
};
|
|
432
|
+
} else if (previous) {
|
|
433
|
+
compare = { status: "new", ratio: 1, image: null };
|
|
434
|
+
}
|
|
435
|
+
report.push({ ...result, screenshot, details: result.ok ? null : details, compare });
|
|
266
436
|
}
|
|
267
437
|
await browser.close();
|
|
268
|
-
|
|
438
|
+
const removed = before && existsSync(before) ? readdirSync(before).filter((f) => f.endsWith(".png") && !f.endsWith(".diff.png")).map((f) => f.slice(0, -".png".length)).filter((n) => !catalog.get(n) && (!only || only.includes(n))) : [];
|
|
439
|
+
if (values.json) console.log(JSON.stringify(before ? { scenarios: report, removed } : report, null, 2));
|
|
269
440
|
else {
|
|
270
441
|
for (const r of report) {
|
|
271
|
-
|
|
442
|
+
const change = r.compare && r.compare.status !== "same" ? ` ${r.compare.status}${r.compare.image ? ` ${r.compare.image} (${(r.compare.ratio * 100).toFixed(1)}% of pixels)` : ""}` : "";
|
|
443
|
+
console.log(`${r.ok ? "\u2713" : "\u2717"} ${r.name.padEnd(32)} ${r.screenshot}${change}`);
|
|
272
444
|
if (r.ok) continue;
|
|
273
445
|
console.log(` ${r.codes.join(", ")}${r.error ? `: ${r.error}` : ""}`);
|
|
274
446
|
for (const u of r.unhandled) console.log(` unmocked: ${u}`);
|
|
@@ -276,6 +448,12 @@ ${" ".repeat(33)}${r.url}` : ""}`
|
|
|
276
448
|
for (const e of r.consoleErrors) console.log(` console.error: ${e}`);
|
|
277
449
|
console.log(` \u276F details ${r.details}`);
|
|
278
450
|
}
|
|
451
|
+
for (const n of removed) console.log(`- ${n.padEnd(32)} removed since ${before}`);
|
|
452
|
+
if (before) {
|
|
453
|
+
const changed = report.filter((r) => r.compare && r.compare.status !== "same").length;
|
|
454
|
+
console.log(`
|
|
455
|
+
${changed} of ${report.length} states changed or new since ${before}`);
|
|
456
|
+
}
|
|
279
457
|
}
|
|
280
458
|
process.exit(report.every((r) => r.ok) ? 0 : 1);
|
|
281
459
|
}
|
|
@@ -297,12 +475,17 @@ ${" ".repeat(33)}${r.url}` : ""}`
|
|
|
297
475
|
const fps = positive("fps");
|
|
298
476
|
const width = positive("width");
|
|
299
477
|
const hold = positive("hold") ?? 800;
|
|
478
|
+
const cursor = {
|
|
479
|
+
color: values["cursor-color"],
|
|
480
|
+
svg: values.cursor ? readFileSync(values.cursor, "utf8") : void 0
|
|
481
|
+
};
|
|
300
482
|
const out = values.out ?? "scenario-videos";
|
|
301
483
|
mkdirSync(out, { recursive: true });
|
|
302
484
|
const raw = mkdtempSync(join(tmpdir(), "state-scenarios-"));
|
|
303
485
|
await checkServer(baseURL);
|
|
304
486
|
const { openScenario, showCursor } = await import("state-scenarios/playwright");
|
|
305
|
-
const
|
|
487
|
+
const record = await import("./record-QUE3LDEG.js");
|
|
488
|
+
const { encodeVideo, glideBeforeClick, pagePoint, videoManifest, visibleCrop } = record;
|
|
306
489
|
const browser = await launchChromium({ slowMo: 150 });
|
|
307
490
|
let exitCode = 0;
|
|
308
491
|
const cropTo = async (page, selector, viewport) => {
|
|
@@ -334,7 +517,8 @@ ${" ".repeat(33)}${r.url}` : ""}`
|
|
|
334
517
|
const file = join(out, `${name}.${format}`);
|
|
335
518
|
const clicks = [];
|
|
336
519
|
try {
|
|
337
|
-
await showCursor(page);
|
|
520
|
+
await showCursor(page, cursor);
|
|
521
|
+
glideBeforeClick(page);
|
|
338
522
|
await page.exposeBinding("stateScenariosClick", ({ frame }, x, y) => {
|
|
339
523
|
const at = Date.now();
|
|
340
524
|
clicks.push(
|
package/dist/cli.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/cli.ts"],"sourcesContent":["#!/usr/bin/env node\nimport type { Page } from '@playwright/test';\nimport { mkdirSync, mkdtempSync, readdirSync, readFileSync, rmSync, statSync, writeFileSync } from 'node:fs';\nimport { tmpdir } from 'node:os';\nimport { join, relative, resolve } from 'node:path';\nimport { pathToFileURL } from 'node:url';\nimport { parseArgs } from 'node:util';\nimport { type Catalog, createCatalog, scenarioJsonSchema, type ScenarioRule } from 'state-scenarios';\nimport { z } from 'zod';\nimport { checkServer, contextOptions, launchChromium, scenarioLink } from './browser.js';\nimport { CliError } from './errors.js';\n\nconst HELP = `Usage: state-scenarios <command> <scenarios-dir> [options]\n\n init Create <dir> (default src/scenarios) with default.json, a sibling scenario.schema.json,\n print the wiring snippet, install the agent skills into .agents/skills and .claude/skills,\n and register the MCP server in .mcp.json. --no-skills skips the last two; --base-url sets the\n URL the MCP server opens (default http://localhost:5173, or :3000 for Next.js)\n guide Print the agent skill for this version: guide [topic]. guide alone lists the topics\n doctor Check the wiring one step at a time and print the fix for each problem: scenarios, dev server,\n MSW worker, session start, ready selector, save route, ffmpeg, skills and MCP. --base-url (required)\n mcp Serve an MCP server on stdio for coding agents: list, open and drive scenarios, check ready\n selectors, and save what the app shows as a scenario. --base-url (required)\n validate Check every scenario parses, resolves and passes --rules\n list Print scenarios with links (--base-url) for people and agents; --json for machines\n shoot Open each scenario in Chromium, wait for its ready selector, screenshot it,\n and report requests it didn't mock. --base-url (required), --out, --only a,b, --no-strict,\n --element <selector> to capture one element instead of the full page.\n Each failed scenario gets <out>/<name>.md: what failed and how to fix it\n record Open each scenario that has steps, run them, and save a video with a visible cursor.\n --base-url and --steps (required): a module whose default export maps scenario names\n to async (page) => {} steps, or to { element, steps } to crop that one scenario.\n --format mp4 (default), gif or webm; --out, --only, --element, --fps (gif default 12),\n --width <px> to downscale, --hold <ms> on the last frame (default 800).\n Writes <name>.video.json next to each video: size, length, description and clicks.\n mp4, gif, --element, --fps and --width need ffmpeg on PATH (or FFMPEG_PATH)\n suggest Ask Claude which UI states lack scenarios and draft them into --out (default <dir>/proposed).\n --src dir[,dir] (required), --schema file, --max n, --model (default $STATE_SCENARIOS_MODEL or claude-opus-5-5).\n Needs ANTHROPIC_API_KEY or \\`ant auth login\\`; ANTHROPIC_BASE_URL points it at a compatible proxy.\n --env-file file loads those variables first.\n promote Move <dir>/proposed/*.json into <dir> after validate. --dry-run lists moves only.\n\nCommon: --rules file module exporting \\`rules\\` (ScenarioRule[])\n --json machine-readable output (list, shoot, doctor)`;\n\ndeclare global {\n interface Window {\n /** Set by record: reports each pointerdown for the video's manifest. */\n stateScenariosClick(x: number, y: number): void;\n }\n}\n\nconst MAX_SOURCE_CHARS = 800_000;\n\nconst { positionals, values } = parseArgs({\n allowPositionals: true,\n options: {\n rules: { type: 'string' },\n 'base-url': { type: 'string' },\n out: { type: 'string' },\n only: { type: 'string' },\n 'no-strict': { type: 'boolean' },\n 'no-panel': { type: 'boolean' },\n viewport: { type: 'string' },\n scale: { type: 'string' },\n 'color-scheme': { type: 'string' },\n element: { type: 'string' },\n locale: { type: 'string' },\n timezone: { type: 'string' },\n steps: { type: 'string' },\n format: { type: 'string' },\n fps: { type: 'string' },\n width: { type: 'string' },\n hold: { type: 'string' },\n json: { type: 'boolean' },\n src: { type: 'string' },\n schema: { type: 'string' },\n max: { type: 'string' },\n model: { type: 'string' },\n 'env-file': { type: 'string' },\n 'dry-run': { type: 'boolean' },\n 'no-skills': { type: 'boolean' },\n help: { type: 'boolean', short: 'h' },\n },\n});\n\nconst Steps = z.function({ input: [z.custom<Page>()], output: z.unknown() });\n\n/** `--steps` module: scenario name to the steps recorded after it opens, or to `{ element, steps }`. */\nconst StepsSchema = z.record(\n z.string(),\n z.union([\n Steps.transform((steps) => ({ steps, element: undefined })),\n z.object({\n element: z.string().optional(),\n steps: Steps,\n }),\n ]),\n);\n\n/** A number flag, undefined when not passed. */\nconst positive = (flag: 'fps' | 'width' | 'hold') => {\n const text = values[flag];\n const n = Number(text);\n\n if (text !== undefined && !(Number.isFinite(n) && n > 0)) {\n throw new CliError('INVALID_ARGUMENT', `--${flag} must be a positive number, not \"${text}\"`);\n }\n\n return text === undefined ? undefined : n;\n};\n\nconst [command, dir = command === 'init' ? 'src/scenarios' : undefined] = positionals;\n\nif (command === 'guide') {\n const { guide } = await import('./skills.js');\n\n try {\n console.log(guide(positionals[1]));\n process.exit(0);\n } catch (err) {\n console.error(err instanceof Error ? err.message : String(err));\n process.exit(2);\n }\n}\n\nif (values.help || !command || !dir) {\n console.log(HELP);\n process.exit(command ? 2 : 0);\n}\n\n/** Read the scenarios folder; called again by long-running commands to see new files. */\nconst loadCatalog = (rules: ScenarioRule[]): Catalog => {\n try {\n return createCatalog(\n readdirSync(dir).filter((f) => f.endsWith('.json')).map((f) =>\n JSON.parse(readFileSync(join(dir, f), 'utf8'))\n ),\n { rules },\n );\n } catch (err) {\n throw new CliError('INVALID_SCENARIO', err instanceof Error ? err.message : String(err));\n }\n};\n\nconst requireBaseUrl = () => {\n const url = values['base-url'];\n\n if (!url) throw new CliError('INVALID_ARGUMENT', `${command} needs --base-url, e.g. http://localhost:5173`);\n\n return url;\n};\n\ntry {\n if (command === 'init') {\n const { initScenarios } = await import('./init.js');\n const { stack } = initScenarios(dir);\n\n if (!values['no-skills']) {\n const { installSkills, registerMcp } = await import('./skills.js');\n\n const url = values['base-url']\n ?? (stack === 'next' ? 'http://localhost:3000' : 'http://localhost:5173');\n\n const args = ['mcp', dir, '--base-url', url];\n console.log('');\n\n for (const line of [...installSkills(process.cwd()), ...registerMcp(process.cwd(), args)]) {\n console.log(line);\n }\n\n console.log(`\nCodex: codex mcp add state-scenarios -- npx state-scenarios ${args.join(' ')}\nFor agents that need a pointer, add to AGENTS.md (or CLAUDE.md):\n UI states use state-scenarios; read .agents/skills/state-scenarios/SKILL.md before adding or checking one.`);\n }\n\n process.exit(0);\n }\n\n const rules: ScenarioRule[] = values.rules\n ? (await import(pathToFileURL(resolve(values.rules)).href)).rules\n : [];\n\n if (command === 'promote') {\n const { promoteScenarios } = await import('./promote.js');\n const result = promoteScenarios(dir, { rules, dryRun: !!values['dry-run'] });\n process.exit(result.skipped.length ? 1 : 0);\n }\n\n if (command === 'mcp') {\n const { serveMcp } = await import('./mcp.js');\n\n const { version } = z.object({ version: z.string() }).parse(\n JSON.parse(readFileSync(new URL('../package.json', import.meta.url), 'utf8')),\n );\n\n await serveMcp({\n dir,\n baseURL: requireBaseUrl(),\n loadCatalog: () => loadCatalog(rules),\n flags: values,\n version,\n });\n process.exit(0);\n }\n\n if (command === 'doctor') {\n const { runDoctor } = await import('./doctor.js');\n const { EXIT_CODES, ERROR_CLASSES } = await import('./errors.js');\n\n const checks = await runDoctor({\n dir,\n baseURL: requireBaseUrl(),\n loadCatalog: () => loadCatalog(rules),\n flags: values,\n });\n\n if (values.json) console.log(JSON.stringify(checks, null, 2));\n else {\n for (const c of checks) {\n console.log(\n `${{ ok: '✓', warn: '!', fail: '✗' }[c.status]} ${c.name.padEnd(16)} ${\n c.code ? `[${c.code}] ` : ''\n }${c.detail}`,\n );\n\n if (c.fix && c.status !== 'ok') console.log(` ${' '.repeat(16)} fix: ${c.fix}`);\n }\n }\n\n const failed = checks.filter((c) => c.status === 'fail');\n process.exit(Math.max(0, ...failed.map((c) => (c.code ? EXIT_CODES[ERROR_CLASSES[c.code]] : 1))));\n }\n\n const catalog = loadCatalog(rules);\n\n switch (command) {\n case 'validate': {\n const problems = catalog.check();\n\n for (const p of problems) console.error(`✗ ${p}\\n`);\n console.log(`${catalog.list.length - problems.length}/${catalog.list.length} scenarios valid`);\n process.exit(problems.length ? 1 : 0);\n }\n\n case 'list': {\n const base = values['base-url'];\n\n const rows = catalog.list.map((s) => ({\n name: s.name,\n description: s.description ?? '',\n tags: s.tags ?? [],\n ready: s.ready ?? null,\n url: base\n ? `${base.replace(/\\/$/, '')}${catalog.resolve(s).path ?? '/'}?scenario=${\n encodeURIComponent(s.name)\n }`\n : null,\n }));\n\n if (values.json) console.log(JSON.stringify(rows, null, 2));\n else {\n for (const r of rows) {\n console.log(\n `${r.name.padEnd(32)} ${r.description}${r.url ? `\\n${' '.repeat(33)}${r.url}` : ''}`,\n );\n }\n }\n\n break;\n }\n\n case 'shoot': {\n const baseURL = requireBaseUrl();\n const out = values.out ?? 'scenario-shots';\n const only = values.only?.split(',');\n\n for (const n of only ?? []) {\n if (!catalog.get(n)) throw new CliError('UNKNOWN_SCENARIO', `--only names unknown scenario \"${n}\"`);\n }\n\n mkdirSync(out, { recursive: true });\n await checkServer(baseURL);\n\n const { inspectScenario, failurePage } = await import('./inspect.js');\n const browser = await launchChromium();\n const report = [];\n\n for (const s of catalog.list.filter((s) => !only || only.includes(s.name))) {\n const scenario = catalog.resolve(s);\n const context = await browser.newContext({ baseURL, ...contextOptions(scenario, values) });\n const page = await context.newPage();\n page.setDefaultTimeout(10_000);\n\n // Uncaught exceptions and console errors fail the run too.\n const result = await inspectScenario(page, scenario, {\n link: scenarioLink(baseURL, scenario),\n strict: !values['no-strict'],\n panel: !values['no-panel'],\n });\n\n const screenshot = join(out, `${s.name}.png`);\n let captured = false;\n\n if (values.element && !result.error) {\n try {\n await page.locator(values.element).first().screenshot({ path: screenshot });\n captured = true;\n } catch (err) {\n result.codes.push('ELEMENT_NOT_FOUND');\n result.ok = false;\n result.error = `--element: ${err instanceof Error ? err.message.split('\\n')[0] : String(err)}`;\n }\n }\n\n // The full page shows what went wrong when the scenario or the element failed.\n if (!captured) await page.screenshot({ path: screenshot, fullPage: true });\n\n // A page per failure, written for whoever fixes it; a stale one would mislead.\n const details = join(out, `${s.name}.md`);\n rmSync(details, { force: true });\n\n if (!result.ok) {\n writeFileSync(details, failurePage(result, { screenshot, appOrigin: new URL(baseURL).origin }));\n }\n\n report.push({ ...result, screenshot, details: result.ok ? null : details });\n await context.close();\n }\n\n await browser.close();\n\n if (values.json) console.log(JSON.stringify(report, null, 2));\n else {\n for (const r of report) {\n console.log(`${r.ok ? '✓' : '✗'} ${r.name.padEnd(32)} ${r.screenshot}`);\n\n if (r.ok) continue;\n console.log(` ${r.codes.join(', ')}${r.error ? `: ${r.error}` : ''}`);\n\n for (const u of r.unhandled) console.log(` unmocked: ${u}`);\n\n for (const e of r.pageErrors) console.log(` uncaught: ${e}`);\n\n for (const e of r.consoleErrors) console.log(` console.error: ${e}`);\n console.log(` ❯ details ${r.details}`);\n }\n }\n\n process.exit(report.every((r) => r.ok) ? 0 : 1);\n }\n\n case 'record': {\n const baseURL = requireBaseUrl();\n\n if (!values.steps) {\n throw new CliError('INVALID_ARGUMENT', 'record needs --steps, e.g. --steps scenarios/steps.ts');\n }\n\n const format = values.format ?? 'mp4';\n\n if (format !== 'mp4' && format !== 'gif' && format !== 'webm') {\n throw new CliError('INVALID_ARGUMENT', `--format must be mp4, gif or webm, not \"${format}\"`);\n }\n\n const steps = StepsSchema.parse((await import(pathToFileURL(resolve(values.steps)).href)).default);\n const only = values.only?.split(',');\n const names = Object.keys(steps).filter((n) => !only || only.includes(n));\n\n for (const n of names) {\n if (!catalog.get(n)) throw new CliError('UNKNOWN_SCENARIO', `--steps names unknown scenario \"${n}\"`);\n }\n\n const fps = positive('fps');\n const width = positive('width');\n const hold = positive('hold') ?? 800;\n const out = values.out ?? 'scenario-videos';\n mkdirSync(out, { recursive: true });\n const raw = mkdtempSync(join(tmpdir(), 'state-scenarios-'));\n\n await checkServer(baseURL);\n const { openScenario, showCursor } = await import('state-scenarios/playwright');\n const { encodeVideo, pagePoint, videoManifest, visibleCrop } = await import('./record.js');\n // slowMo gives the drawn cursor time to glide to each target before the click lands.\n const browser = await launchChromium({ slowMo: 150 });\n let exitCode = 0;\n\n /**\n * Where the element sits in the video once the scenario is ready. Scrolled into view first:\n * video holds only the viewport. Measured before the steps run, so steps that scroll the page\n * move the element out of the crop.\n */\n const cropTo = async (page: Page, selector: string, viewport: { width: number; height: number; }) => {\n const element = page.locator(selector).first();\n\n const box = await element.scrollIntoViewIfNeeded({ timeout: 5000 }).then(\n () => element.boundingBox(),\n () => null,\n );\n\n const visible = box && visibleCrop(box, viewport);\n\n if (!visible) throw new CliError('ELEMENT_NOT_FOUND', `element \"${selector}\" isn't visible`);\n\n if (visible.clipped) {\n console.log(\n ` element \"${selector}\" (${Math.round(box.width)}x${\n Math.round(box.height)\n }) is larger than the viewport; `\n + `the video shows the visible part. Use a larger --viewport to fit it.`,\n );\n }\n\n return visible.crop;\n };\n\n for (const [name, entry] of Object.entries(steps).filter(([n]) => names.includes(n))) {\n const { element = values.element, steps: run } = entry;\n const resolved = catalog.resolve(catalog.get(name) ?? { name });\n const options = contextOptions(resolved, values);\n\n // Playwright records video at CSS-pixel size whatever the scale, so use a larger --viewport for sharper video.\n const context = await browser.newContext({\n baseURL,\n ...options,\n recordVideo: { dir: raw, size: options.viewport },\n });\n\n const page = await context.newPage();\n const began = Date.now();\n const file = join(out, `${name}.${format}`);\n const clicks: Promise<{ at: number; x: number; y: number; } | undefined>[] = [];\n\n try {\n await showCursor(page);\n // Clicks go in the video's manifest, for editors that zoom to them. The listener runs in\n // every frame, so iframe clicks map through the iframe's place and scale; a detached one drops.\n await page.exposeBinding('stateScenariosClick', ({ frame }, x: number, y: number) => {\n const at = Date.now();\n\n clicks.push(\n pagePoint(frame, x, y).then((point) => ({ at, ...point }), () => undefined),\n );\n });\n await page.addInitScript(() => {\n addEventListener('pointerdown', (e) => window.stateScenariosClick(e.clientX, e.clientY), true);\n });\n await openScenario(page, name, { path: resolved.path, strict: !values['no-strict'], panel: false });\n const crop = element ? await cropTo(page, element, options.viewport) : undefined;\n\n const start = (Date.now() - began) / 1000;\n await Promise.resolve(run(page)).catch((err: Error) => {\n throw new CliError('STEPS_FAILED', `steps failed: ${err.message.split('\\n')[0]}`);\n });\n await page.waitForTimeout(hold); // hold the final frame\n const end = Date.now();\n await context.close();\n\n const video = page.video();\n\n if (!video) throw new Error('Playwright recorded no video');\n\n const trimmed = encodeVideo({\n input: await video.path(),\n output: file,\n format,\n start,\n crop,\n fps,\n width,\n });\n\n const manifest = videoManifest({\n name,\n description: resolved.description,\n video: `${name}.${format}`,\n viewport: options.viewport,\n crop,\n width,\n start: began + trimmed.start * 1000,\n end,\n clicks: (await Promise.all(clicks)).filter((c) => c !== undefined),\n });\n\n writeFileSync(join(out, `${name}.video.json`), `${JSON.stringify(manifest, null, 2)}\\n`);\n console.log(`✓ ${name.padEnd(32)} ${file}`);\n } catch (err) {\n exitCode = Math.max(exitCode, err instanceof CliError ? err.exitCode : 1);\n await context.close();\n const code = err instanceof CliError ? `[${err.code}] ` : '';\n console.log(\n `✗ ${name.padEnd(32)} ${code}${err instanceof Error ? err.message.split('\\n')[0] : String(err)}`,\n );\n }\n }\n\n await browser.close();\n rmSync(raw, { recursive: true, force: true });\n process.exit(exitCode);\n }\n\n case 'suggest': {\n if (!values.src) {\n throw new CliError('INVALID_ARGUMENT', 'suggest needs --src, e.g. --src src/pages,src/components');\n }\n\n const sources = values.src.split(',').flatMap((d) => walk(d));\n const size = sources.reduce((n, f) => n + f.content.length, 0);\n\n if (size > MAX_SOURCE_CHARS) {\n throw new Error(\n `--src is ${size.toLocaleString()} characters; narrow it to the screens you want covered`,\n );\n }\n\n const jsonSchema = values.schema\n ? JSON.parse(readFileSync(values.schema, 'utf8'))\n : scenarioJsonSchema();\n\n if (values['env-file']) process.loadEnvFile(values['env-file']);\n const { default: Anthropic } = await import('@anthropic-ai/sdk');\n const model = values.model ?? process.env.STATE_SCENARIOS_MODEL ?? undefined;\n const { suggestScenarios } = await import('./suggest.js');\n console.error(\n `Reading ${sources.length} files (${size.toLocaleString()} chars) and ${catalog.list.length} scenarios with ${\n model ?? 'claude-opus-5-5'\n }…`,\n );\n\n const result = await suggestScenarios(\n { sources, catalog, jsonSchema, max: Number(values.max ?? 8), model },\n {\n client: new Anthropic({\n baseURL: process.env.ANTHROPIC_BASE_URL || undefined,\n // Some Anthropic-compatible proxies require a session id and a user agent.\n defaultHeaders: {\n 'x-opencode-session': `state-scenarios-${Date.now()}`,\n 'User-Agent': 'state-scenarios/0.0 (suggest)',\n },\n }),\n },\n );\n\n console.log('\\nCandidate UI states (not exhaustive)\\n');\n\n for (const s of result.states) {\n const mark = s.covered_by ? '✓' : '✗';\n console.log(\n `${mark} ${`${s.area} / ${s.state}`.padEnd(56)} ${s.covered_by ?? `uncovered (${s.priority})`}`,\n );\n }\n\n const covered = result.states.filter((s) => s.covered_by).length;\n console.log(\n `\\n${result.states.length} states detected, ${covered} have scenarios, ${\n result.states.length - covered\n } uncovered`,\n );\n\n const out = values.out ?? join(dir, 'proposed');\n\n if (result.accepted.length) mkdirSync(out, { recursive: true });\n\n for (const { scenario, covers } of result.accepted) {\n const file = join(out, `${scenario.name}.json`);\n const $schema = values.schema ? relative(out, values.schema).replaceAll('\\\\', '/') : undefined;\n writeFileSync(file, `${JSON.stringify({ $schema, ...scenario }, null, 2)}\\n`);\n console.log(`+ ${file} (${covers})`);\n }\n\n for (const r of result.rejected) console.log(`- rejected proposal for ${r.covers}: ${r.error}`);\n\n if (result.accepted.length) {\n console.log(\n `\\nReview the drafts, then: state-scenarios promote ${dir}`,\n );\n }\n\n break;\n }\n\n default:\n console.error(`Unknown command \"${command}\"\\n\\n${HELP}`);\n process.exit(2);\n }\n} catch (err) {\n const message = err instanceof Error ? err.message : String(err);\n const hint = /authentication/i.test(message) ? '\\nSet ANTHROPIC_API_KEY, or run `ant auth login`.' : '';\n const code = err instanceof CliError ? `[${err.code}] ` : '';\n console.error(`state-scenarios ${command}: ${code}${message}${hint}`);\n process.exit(err instanceof CliError ? err.exitCode : 1);\n}\n\nfunction walk(path: string): { path: string; content: string; }[] {\n if (statSync(path).isDirectory()) {\n return readdirSync(path)\n .filter((f) => !['node_modules', 'dist', 'scenarios'].includes(f))\n .flatMap((f) => walk(join(path, f)));\n }\n\n const isSource = /\\.(tsx?|jsx?|vue|svelte)$/.test(path) && !/\\.(d|test|spec)\\.\\w+$/.test(path);\n\n return isSource ? [{ path, content: readFileSync(path, 'utf8') }] : [];\n}\n"],"mappings":"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","names":["s"]}
|
|
1
|
+
{"version":3,"sources":["../src/cli.ts"],"sourcesContent":["#!/usr/bin/env node\nimport type { Page } from '@playwright/test';\nimport {\n existsSync,\n mkdirSync,\n mkdtempSync,\n readdirSync,\n readFileSync,\n realpathSync,\n rmSync,\n statSync,\n writeFileSync,\n} from 'node:fs';\nimport { tmpdir } from 'node:os';\nimport { join, relative, resolve } from 'node:path';\nimport { pathToFileURL } from 'node:url';\nimport { parseArgs } from 'node:util';\nimport { type Catalog, createCatalog, scenarioJsonSchema, type ScenarioRule } from 'state-scenarios';\nimport { z } from 'zod';\nimport { checkServer, contextOptions, launchChromium, scenarioLink } from './browser.js';\nimport { CliError } from './errors.js';\nimport type { ChangedFile } from './map.js';\n\nconst HELP = `Usage: state-scenarios <command> <scenarios-dir> [options]\n\n init Create <dir> (default src/scenarios) with default.json, a sibling scenario.schema.json,\n print the wiring snippet, install the agent skills into .agents/skills and .claude/skills,\n and register the MCP server in .mcp.json. --no-skills skips the last two; --base-url sets the\n URL the MCP server opens (default http://localhost:5173, or :3000 for Next.js)\n guide Print the agent skill for this version: guide [topic]. guide alone lists the topics\n doctor Check the wiring one step at a time and print the fix for each problem: scenarios, dev server,\n MSW worker, session start, ready selector, save route, ffmpeg, skills and MCP. --base-url (required)\n mcp Serve an MCP server on stdio for coding agents: list, open and drive scenarios, check ready\n selectors, and save what the app shows as a scenario. --base-url (required)\n validate Check every scenario parses, resolves and passes --rules\n list Print scenarios with links (--base-url) for people and agents; --json for machines\n shoot Open each scenario in Chromium, wait for its ready selector, screenshot it,\n and report requests it didn't mock. --base-url (required), --out, --only a,b, --no-strict,\n --element <selector> to capture one element instead of the full page.\n Each failed scenario gets <out>/<name>.md: what failed and how to fix it.\n --compare <dir> diffs each shot against an earlier run's PNGs and writes\n <out>/<name>.diff.png (before | after | changed) for each state that changed\n affected List the scenarios a branch's changes can affect, and why: changed scenario files,\n map rows whose Source covers a changed file, endpoints and routes the changes touch.\n --base <ref> (default main), --src dir[,dir] to consider only the app's files,\n --map <file|dir>[,…], --json\n coverage Count the scenario map's states by status (covered, missing, can't mock), and report rows\n naming scenarios that don't exist and scenarios no row names. --map, --json.\n Exits 1 when the map names a missing scenario\n publish publish <file…> --folder <name>: commit files to the scenario-shots branch (--branch) without\n touching your checkout, push it (--remote, default origin), and print Markdown image links\n record Open each scenario that has steps, run them, and save a video with a visible cursor.\n --base-url and --steps (required): a module whose default export maps scenario names\n to async (page) => {} steps, or to { element, steps } to crop that one scenario.\n --format mp4 (default), gif or webm; --out, --only, --element, --fps (gif default 12),\n --width <px> to downscale, --hold <ms> on the last frame (default 800).\n --cursor-color <css> (default #ff2d55) or --cursor <file.svg> to draw your own pointer.\n Writes <name>.video.json next to each video: size, length, description and clicks.\n mp4, gif, --element, --fps and --width need ffmpeg on PATH (or FFMPEG_PATH)\n suggest Ask Claude which UI states lack scenarios and draft them into --out (default <dir>/proposed).\n --src dir[,dir] (required), --schema file, --max n, --model (default $STATE_SCENARIOS_MODEL or claude-opus-5-5).\n Needs ANTHROPIC_API_KEY or \\`ant auth login\\`; ANTHROPIC_BASE_URL points it at a compatible proxy.\n --env-file file loads those variables first.\n promote Move <dir>/proposed/*.json into <dir> after validate. --dry-run lists moves only.\n\nCommon: --rules file module exporting \\`rules\\` (ScenarioRule[])\n --json machine-readable output (list, shoot, doctor, affected, coverage, publish)`;\n\ndeclare global {\n interface Window {\n /** Set by record: reports each pointerdown for the video's manifest. */\n stateScenariosClick(x: number, y: number): void;\n }\n}\n\nconst MAX_SOURCE_CHARS = 800_000;\n\nconst { positionals, values } = parseArgs({\n allowPositionals: true,\n options: {\n rules: { type: 'string' },\n 'base-url': { type: 'string' },\n out: { type: 'string' },\n only: { type: 'string' },\n 'no-strict': { type: 'boolean' },\n 'no-panel': { type: 'boolean' },\n viewport: { type: 'string' },\n scale: { type: 'string' },\n 'color-scheme': { type: 'string' },\n element: { type: 'string' },\n locale: { type: 'string' },\n timezone: { type: 'string' },\n steps: { type: 'string' },\n format: { type: 'string' },\n fps: { type: 'string' },\n width: { type: 'string' },\n hold: { type: 'string' },\n cursor: { type: 'string' },\n 'cursor-color': { type: 'string' },\n json: { type: 'boolean' },\n src: { type: 'string' },\n schema: { type: 'string' },\n max: { type: 'string' },\n model: { type: 'string' },\n 'env-file': { type: 'string' },\n 'dry-run': { type: 'boolean' },\n 'no-skills': { type: 'boolean' },\n compare: { type: 'string' },\n base: { type: 'string' },\n map: { type: 'string' },\n folder: { type: 'string' },\n branch: { type: 'string' },\n remote: { type: 'string' },\n help: { type: 'boolean', short: 'h' },\n },\n});\n\nconst Steps = z.function({ input: [z.custom<Page>()], output: z.unknown() });\n\n/** `--steps` module: scenario name to the steps recorded after it opens, or to `{ element, steps }`. */\nconst StepsSchema = z.record(\n z.string(),\n z.union([\n Steps.transform((steps) => ({ steps, element: undefined })),\n z.object({\n element: z.string().optional(),\n steps: Steps,\n }),\n ]),\n);\n\n/** A number flag, undefined when not passed. */\nconst positive = (flag: 'fps' | 'width' | 'hold') => {\n const text = values[flag];\n const n = Number(text);\n\n if (text !== undefined && !(Number.isFinite(n) && n > 0)) {\n throw new CliError('INVALID_ARGUMENT', `--${flag} must be a positive number, not \"${text}\"`);\n }\n\n return text === undefined ? undefined : n;\n};\n\nconst [command, dir = command === 'init' ? 'src/scenarios' : undefined] = positionals;\n\nif (command === 'guide') {\n const { guide } = await import('./skills.js');\n\n try {\n console.log(guide(positionals[1]));\n process.exit(0);\n } catch (err) {\n console.error(err instanceof Error ? err.message : String(err));\n process.exit(2);\n }\n}\n\nif (command === 'publish') {\n const { publishFiles } = await import('./publish.js');\n const files = positionals.slice(1);\n\n try {\n if (!files.length || !values.folder) {\n throw new CliError(\n 'INVALID_ARGUMENT',\n 'publish needs files and --folder, e.g. publish shots/*.png --folder pr-42',\n );\n }\n\n const links = publishFiles({\n files,\n folder: values.folder,\n branch: values.branch,\n remote: values.remote,\n });\n\n // Markdown images for a GitHub remote; elsewhere, where each file landed.\n const lines = links.map((\n l,\n ) => (l.url.startsWith('https://') ? `` : `${l.file} ${l.url}`));\n\n console.log(values.json ? JSON.stringify(links, null, 2) : lines.join('\\n'));\n process.exit(0);\n } catch (err) {\n // A failed git command carries git's own message on stderr.\n const detail = z.object({ stderr: z.string() }).safeParse(err).data?.stderr ?? '';\n console.error(\n `state-scenarios publish: ${err instanceof Error ? err.message : String(err)}\\n${detail}`.trim(),\n );\n process.exit(err instanceof CliError ? err.exitCode : 1);\n }\n}\n\nif (values.help || !command || !dir) {\n console.log(HELP);\n process.exit(command ? 2 : 0);\n}\n\n/** Read the scenarios folder; called again by long-running commands to see new files. */\nconst loadCatalog = (rules: ScenarioRule[]): Catalog => {\n try {\n return createCatalog(\n readdirSync(dir).filter((f) => f.endsWith('.json')).map((f) =>\n JSON.parse(readFileSync(join(dir, f), 'utf8'))\n ),\n { rules },\n );\n } catch (err) {\n throw new CliError('INVALID_SCENARIO', err instanceof Error ? err.message : String(err));\n }\n};\n\nconst requireBaseUrl = () => {\n const url = values['base-url'];\n\n if (!url) throw new CliError('INVALID_ARGUMENT', `${command} needs --base-url, e.g. http://localhost:5173`);\n\n return url;\n};\n\ntry {\n if (command === 'init') {\n const { initScenarios } = await import('./init.js');\n const { stack } = initScenarios(dir);\n\n if (!values['no-skills']) {\n const { installSkills, registerMcp } = await import('./skills.js');\n\n const url = values['base-url']\n ?? (stack === 'next' ? 'http://localhost:3000' : 'http://localhost:5173');\n\n const args = ['mcp', dir, '--base-url', url];\n console.log('');\n\n for (const line of [...installSkills(process.cwd()), ...registerMcp(process.cwd(), args)]) {\n console.log(line);\n }\n\n console.log(`\nCodex: codex mcp add state-scenarios -- npx state-scenarios ${args.join(' ')}\nFor agents that need a pointer, add to AGENTS.md (or CLAUDE.md):\n UI states use state-scenarios; read .agents/skills/state-scenarios/SKILL.md before adding or checking one.`);\n }\n\n process.exit(0);\n }\n\n const rules: ScenarioRule[] = values.rules\n ? (await import(pathToFileURL(resolve(values.rules)).href)).rules\n : [];\n\n if (command === 'promote') {\n const { promoteScenarios } = await import('./promote.js');\n const result = promoteScenarios(dir, { rules, dryRun: !!values['dry-run'] });\n process.exit(result.skipped.length ? 1 : 0);\n }\n\n if (command === 'mcp') {\n const { serveMcp } = await import('./mcp.js');\n\n const { version } = z.object({ version: z.string() }).parse(\n JSON.parse(readFileSync(new URL('../package.json', import.meta.url), 'utf8')),\n );\n\n await serveMcp({\n dir,\n baseURL: requireBaseUrl(),\n loadCatalog: () => loadCatalog(rules),\n flags: values,\n version,\n });\n process.exit(0);\n }\n\n if (command === 'doctor') {\n const { runDoctor } = await import('./doctor.js');\n const { EXIT_CODES, ERROR_CLASSES } = await import('./errors.js');\n\n const checks = await runDoctor({\n dir,\n baseURL: requireBaseUrl(),\n loadCatalog: () => loadCatalog(rules),\n flags: values,\n });\n\n if (values.json) console.log(JSON.stringify(checks, null, 2));\n else {\n for (const c of checks) {\n console.log(\n `${{ ok: '✓', warn: '!', fail: '✗' }[c.status]} ${c.name.padEnd(16)} ${\n c.code ? `[${c.code}] ` : ''\n }${c.detail}`,\n );\n\n if (c.fix && c.status !== 'ok') console.log(` ${' '.repeat(16)} fix: ${c.fix}`);\n }\n }\n\n const failed = checks.filter((c) => c.status === 'fail');\n process.exit(Math.max(0, ...failed.map((c) => (c.code ? EXIT_CODES[ERROR_CLASSES[c.code]] : 1))));\n }\n\n const catalog = loadCatalog(rules);\n\n switch (command) {\n case 'validate': {\n const problems = catalog.check();\n\n for (const p of problems) console.error(`✗ ${p}\\n`);\n console.log(`${catalog.list.length - problems.length}/${catalog.list.length} scenarios valid`);\n process.exit(problems.length ? 1 : 0);\n }\n\n case 'list': {\n const base = values['base-url'];\n\n const rows = catalog.list.map((s) => ({\n name: s.name,\n description: s.description ?? '',\n tags: s.tags ?? [],\n ready: s.ready ?? null,\n url: base\n ? `${base.replace(/\\/$/, '')}${catalog.resolve(s).path ?? '/'}?scenario=${\n encodeURIComponent(s.name)\n }`\n : null,\n }));\n\n if (values.json) console.log(JSON.stringify(rows, null, 2));\n else {\n for (const r of rows) {\n console.log(\n `${r.name.padEnd(32)} ${r.description}${r.url ? `\\n${' '.repeat(33)}${r.url}` : ''}`,\n );\n }\n }\n\n break;\n }\n\n case 'affected': {\n const { affectedScenarios, findMapFiles, readMap } = await import('./map.js');\n const { execFileSync } = await import('node:child_process');\n const base = values.base ?? 'main';\n const git = (args: string[]) => execFileSync('git', args, { encoding: 'utf8' }).trim();\n\n let since: string;\n\n try {\n since = git(['merge-base', base, 'HEAD']);\n } catch {\n throw new CliError(\n 'INVALID_ARGUMENT',\n `can't find --base \"${base}\"; pass a branch or commit, e.g. --base origin/main`,\n );\n }\n\n // Committed, uncommitted and new files, as paths from here.\n const paths = new Set(\n [\n ...git(['diff', '--name-only', '--relative', since]).split('\\n'),\n ...git(['ls-files', '--others', '--exclude-standard']).split('\\n'),\n ].filter(Boolean),\n );\n\n // --src keeps it to the app's folders, so a monorepo's other packages don't show as unmatched.\n const src = values.src?.split(',').map((d) => `${d.replace(/^\\.\\//, '').replace(/\\/$/, '')}/`);\n\n const inScope = (path: string) =>\n !src || path.startsWith(`${dir.replace(/^\\.\\//, '')}/`) || src.some((d) => path.startsWith(d));\n\n const changed = [...paths].flatMap((path): ChangedFile[] => {\n if (!inScope(path)) return [];\n\n try {\n return [{ path, content: readFileSync(path, 'utf8') }];\n } catch {\n return [{ path }]; // deleted\n }\n });\n\n const rows = readMap(findMapFiles(values.map?.split(',')));\n const result = affectedScenarios({ changed, dir, catalog, rows });\n\n if (values.json) {\n console.log(JSON.stringify({ base, since, changed: changed.length, ...result }, null, 2));\n break;\n }\n\n console.log(\n `${changed.length} files changed since ${base} (${since.slice(0, 9)})${\n rows.length ? '' : '; no scenario map found'\n }\\n`,\n );\n\n for (const s of result.scenarios) {\n console.log(s.name);\n\n for (const r of s.reasons) console.log(` ${r.kind}: ${r.detail}`);\n }\n\n if (!result.scenarios.length) console.log('No scenario matched.');\n\n if (result.unmatched.length) {\n console.log('\\nChanged source files no scenario points at (shared ones can change every state):');\n\n const deleted = new Set(changed.flatMap((f) => (f.content === undefined ? [f.path] : [])));\n\n for (const f of result.unmatched) console.log(` ${f}${deleted.has(f) ? ' (deleted)' : ''}`);\n }\n\n if (result.scenarios.length) console.log(`\\n--only ${result.scenarios.map((s) => s.name).join(',')}`);\n break;\n }\n\n case 'coverage': {\n const { coverage, findMapFiles, readMap } = await import('./map.js');\n const files = findMapFiles(values.map?.split(','));\n\n if (!files.length) {\n throw new CliError(\n 'INVALID_ARGUMENT',\n 'no scenario map found in .agents/skills/scenarios-*; run /create-scenario-map, or pass --map',\n );\n }\n\n const result = coverage(readMap(files), catalog);\n\n if (values.json) console.log(JSON.stringify({ maps: files, ...result }, null, 2));\n else {\n const percent = Math.round(result.ratio * 100);\n console.log(\n `${result.covered}/${\n result.covered + result.missing\n } states covered (${percent}%), ${result.cantMock} can't be mocked`,\n );\n\n if (result.missingStates.length) console.log('\\nMissing:');\n\n for (const r of result.missingStates) {\n const state = [r.feature, r.state].filter(Boolean).join(' / ');\n console.log(` ${state.padEnd(48)} ${r.scenario || '-'} ${r.at}`);\n }\n\n if (result.stale.length) console.log('\\nCovered rows naming a scenario that does not exist:');\n\n for (const r of result.stale) console.log(` ${(r.scenario || '(none)').padEnd(48)} ${r.at}`);\n\n if (result.unmapped.length) {\n console.log(`\\nScenarios no map row names: ${result.unmapped.join(', ')}`);\n }\n }\n\n process.exit(result.stale.length ? 1 : 0);\n }\n\n case 'shoot': {\n const baseURL = requireBaseUrl();\n const out = values.out ?? 'scenario-shots';\n const only = values.only?.split(',');\n\n for (const n of only ?? []) {\n if (!catalog.get(n)) throw new CliError('UNKNOWN_SCENARIO', `--only names unknown scenario \"${n}\"`);\n }\n\n // Shooting into the baseline overwrites each PNG before it's compared, so every state reads \"same\".\n const real = (path: string) => (existsSync(path) ? realpathSync(path) : resolve(path));\n\n if (values.compare && real(values.compare) === real(out)) {\n throw new CliError(\n 'INVALID_ARGUMENT',\n `--compare and --out are the same folder (${out}); shoot into a new one, e.g. --out .shots/after`,\n );\n }\n\n mkdirSync(out, { recursive: true });\n await checkServer(baseURL);\n\n const { inspectScenario, failurePage } = await import('./inspect.js');\n const { compareImages } = await import('./compare.js');\n const before = values.compare;\n const browser = await launchChromium();\n const report = [];\n\n for (const s of catalog.list.filter((s) => !only || only.includes(s.name))) {\n const scenario = catalog.resolve(s);\n const context = await browser.newContext({ baseURL, ...contextOptions(scenario, values) });\n const page = await context.newPage();\n page.setDefaultTimeout(10_000);\n\n // Uncaught exceptions and console errors fail the run too.\n const result = await inspectScenario(page, scenario, {\n link: scenarioLink(baseURL, scenario),\n strict: !values['no-strict'],\n panel: !values['no-panel'],\n });\n\n const screenshot = join(out, `${s.name}.png`);\n let captured = false;\n\n if (values.element && !result.error) {\n try {\n await page.locator(values.element).first().screenshot({ path: screenshot });\n captured = true;\n } catch (err) {\n result.codes.push('ELEMENT_NOT_FOUND');\n result.ok = false;\n result.error = `--element: ${err instanceof Error ? err.message.split('\\n')[0] : String(err)}`;\n }\n }\n\n // The full page shows what went wrong when the scenario or the element failed.\n if (!captured) await page.screenshot({ path: screenshot, fullPage: true });\n\n // A page per failure, written for whoever fixes it; a stale one would mislead.\n const details = join(out, `${s.name}.md`);\n rmSync(details, { force: true });\n\n if (!result.ok) {\n writeFileSync(details, failurePage(result, { screenshot, appOrigin: new URL(baseURL).origin }));\n }\n\n await context.close();\n\n // Clear this state's diff from an earlier run into the same folder.\n const diffImage = join(out, `${s.name}.diff.png`);\n rmSync(diffImage, { force: true });\n const previous = before && join(before, `${s.name}.png`);\n let compare: { status: 'same' | 'changed' | 'new'; ratio: number; image: string | null; } | undefined;\n\n if (previous && existsSync(previous)) {\n const { changed, total, image } = await compareImages(\n browser,\n readFileSync(previous),\n readFileSync(screenshot),\n );\n\n if (image) writeFileSync(diffImage, image);\n compare = {\n status: changed ? 'changed' : 'same',\n ratio: changed / total,\n image: image ? diffImage : null,\n };\n } else if (previous) {\n compare = { status: 'new', ratio: 1, image: null };\n }\n\n report.push({ ...result, screenshot, details: result.ok ? null : details, compare });\n }\n\n await browser.close();\n\n // States the earlier run shot that no longer exist (with --only, only the ones asked for).\n const removed = before && existsSync(before)\n ? readdirSync(before)\n .filter((f) => f.endsWith('.png') && !f.endsWith('.diff.png'))\n .map((f) => f.slice(0, -'.png'.length))\n .filter((n) => !catalog.get(n) && (!only || only.includes(n)))\n : [];\n\n if (values.json) console.log(JSON.stringify(before ? { scenarios: report, removed } : report, null, 2));\n else {\n for (const r of report) {\n const change = r.compare && r.compare.status !== 'same'\n ? ` ${r.compare.status}${\n r.compare.image ? ` ${r.compare.image} (${(r.compare.ratio * 100).toFixed(1)}% of pixels)` : ''\n }`\n : '';\n\n console.log(`${r.ok ? '✓' : '✗'} ${r.name.padEnd(32)} ${r.screenshot}${change}`);\n\n if (r.ok) continue;\n console.log(` ${r.codes.join(', ')}${r.error ? `: ${r.error}` : ''}`);\n\n for (const u of r.unhandled) console.log(` unmocked: ${u}`);\n\n for (const e of r.pageErrors) console.log(` uncaught: ${e}`);\n\n for (const e of r.consoleErrors) console.log(` console.error: ${e}`);\n console.log(` ❯ details ${r.details}`);\n }\n\n for (const n of removed) console.log(`- ${n.padEnd(32)} removed since ${before}`);\n\n if (before) {\n const changed = report.filter((r) => r.compare && r.compare.status !== 'same').length;\n console.log(`\\n${changed} of ${report.length} states changed or new since ${before}`);\n }\n }\n\n process.exit(report.every((r) => r.ok) ? 0 : 1);\n }\n\n case 'record': {\n const baseURL = requireBaseUrl();\n\n if (!values.steps) {\n throw new CliError('INVALID_ARGUMENT', 'record needs --steps, e.g. --steps scenarios/steps.ts');\n }\n\n const format = values.format ?? 'mp4';\n\n if (format !== 'mp4' && format !== 'gif' && format !== 'webm') {\n throw new CliError('INVALID_ARGUMENT', `--format must be mp4, gif or webm, not \"${format}\"`);\n }\n\n const steps = StepsSchema.parse((await import(pathToFileURL(resolve(values.steps)).href)).default);\n const only = values.only?.split(',');\n const names = Object.keys(steps).filter((n) => !only || only.includes(n));\n\n for (const n of names) {\n if (!catalog.get(n)) throw new CliError('UNKNOWN_SCENARIO', `--steps names unknown scenario \"${n}\"`);\n }\n\n const fps = positive('fps');\n const width = positive('width');\n const hold = positive('hold') ?? 800;\n\n const cursor = {\n color: values['cursor-color'],\n svg: values.cursor ? readFileSync(values.cursor, 'utf8') : undefined,\n };\n\n const out = values.out ?? 'scenario-videos';\n mkdirSync(out, { recursive: true });\n const raw = mkdtempSync(join(tmpdir(), 'state-scenarios-'));\n\n await checkServer(baseURL);\n const { openScenario, showCursor } = await import('state-scenarios/playwright');\n const record = await import('./record.js');\n const { encodeVideo, glideBeforeClick, pagePoint, videoManifest, visibleCrop } = record;\n // slowMo spaces out steps so viewers can follow them; glideBeforeClick lets the cursor arrive first.\n const browser = await launchChromium({ slowMo: 150 });\n let exitCode = 0;\n\n /**\n * Where the element sits in the video once the scenario is ready. Scrolled into view first:\n * video holds only the viewport. Measured before the steps run, so steps that scroll the page\n * move the element out of the crop.\n */\n const cropTo = async (page: Page, selector: string, viewport: { width: number; height: number; }) => {\n const element = page.locator(selector).first();\n\n const box = await element.scrollIntoViewIfNeeded({ timeout: 5000 }).then(\n () => element.boundingBox(),\n () => null,\n );\n\n const visible = box && visibleCrop(box, viewport);\n\n if (!visible) throw new CliError('ELEMENT_NOT_FOUND', `element \"${selector}\" isn't visible`);\n\n if (visible.clipped) {\n console.log(\n ` element \"${selector}\" (${Math.round(box.width)}x${\n Math.round(box.height)\n }) is larger than the viewport; `\n + `the video shows the visible part. Use a larger --viewport to fit it.`,\n );\n }\n\n return visible.crop;\n };\n\n for (const [name, entry] of Object.entries(steps).filter(([n]) => names.includes(n))) {\n const { element = values.element, steps: run } = entry;\n const resolved = catalog.resolve(catalog.get(name) ?? { name });\n const options = contextOptions(resolved, values);\n\n // Playwright records video at CSS-pixel size whatever the scale, so use a larger --viewport for sharper video.\n const context = await browser.newContext({\n baseURL,\n ...options,\n recordVideo: { dir: raw, size: options.viewport },\n });\n\n const page = await context.newPage();\n const began = Date.now();\n const file = join(out, `${name}.${format}`);\n const clicks: Promise<{ at: number; x: number; y: number; } | undefined>[] = [];\n\n try {\n await showCursor(page, cursor);\n glideBeforeClick(page);\n // Clicks go in the video's manifest, for editors that zoom to them. The listener runs in\n // every frame, so iframe clicks map through the iframe's place and scale; a detached one drops.\n await page.exposeBinding('stateScenariosClick', ({ frame }, x: number, y: number) => {\n const at = Date.now();\n\n clicks.push(\n pagePoint(frame, x, y).then((point) => ({ at, ...point }), () => undefined),\n );\n });\n await page.addInitScript(() => {\n addEventListener('pointerdown', (e) => window.stateScenariosClick(e.clientX, e.clientY), true);\n });\n await openScenario(page, name, { path: resolved.path, strict: !values['no-strict'], panel: false });\n const crop = element ? await cropTo(page, element, options.viewport) : undefined;\n\n const start = (Date.now() - began) / 1000;\n await Promise.resolve(run(page)).catch((err: Error) => {\n throw new CliError('STEPS_FAILED', `steps failed: ${err.message.split('\\n')[0]}`);\n });\n await page.waitForTimeout(hold); // hold the final frame\n const end = Date.now();\n await context.close();\n\n const video = page.video();\n\n if (!video) throw new Error('Playwright recorded no video');\n\n const trimmed = encodeVideo({\n input: await video.path(),\n output: file,\n format,\n start,\n crop,\n fps,\n width,\n });\n\n const manifest = videoManifest({\n name,\n description: resolved.description,\n video: `${name}.${format}`,\n viewport: options.viewport,\n crop,\n width,\n start: began + trimmed.start * 1000,\n end,\n clicks: (await Promise.all(clicks)).filter((c) => c !== undefined),\n });\n\n writeFileSync(join(out, `${name}.video.json`), `${JSON.stringify(manifest, null, 2)}\\n`);\n console.log(`✓ ${name.padEnd(32)} ${file}`);\n } catch (err) {\n exitCode = Math.max(exitCode, err instanceof CliError ? err.exitCode : 1);\n await context.close();\n const code = err instanceof CliError ? `[${err.code}] ` : '';\n console.log(\n `✗ ${name.padEnd(32)} ${code}${err instanceof Error ? err.message.split('\\n')[0] : String(err)}`,\n );\n }\n }\n\n await browser.close();\n rmSync(raw, { recursive: true, force: true });\n process.exit(exitCode);\n }\n\n case 'suggest': {\n if (!values.src) {\n throw new CliError('INVALID_ARGUMENT', 'suggest needs --src, e.g. --src src/pages,src/components');\n }\n\n const sources = values.src.split(',').flatMap((d) => walk(d));\n const size = sources.reduce((n, f) => n + f.content.length, 0);\n\n if (size > MAX_SOURCE_CHARS) {\n throw new Error(\n `--src is ${size.toLocaleString()} characters; narrow it to the screens you want covered`,\n );\n }\n\n const jsonSchema = values.schema\n ? JSON.parse(readFileSync(values.schema, 'utf8'))\n : scenarioJsonSchema();\n\n if (values['env-file']) process.loadEnvFile(values['env-file']);\n const { default: Anthropic } = await import('@anthropic-ai/sdk');\n const model = values.model ?? process.env.STATE_SCENARIOS_MODEL ?? undefined;\n const { suggestScenarios } = await import('./suggest.js');\n console.error(\n `Reading ${sources.length} files (${size.toLocaleString()} chars) and ${catalog.list.length} scenarios with ${\n model ?? 'claude-opus-5-5'\n }…`,\n );\n\n const result = await suggestScenarios(\n { sources, catalog, jsonSchema, max: Number(values.max ?? 8), model },\n {\n client: new Anthropic({\n baseURL: process.env.ANTHROPIC_BASE_URL || undefined,\n // Some Anthropic-compatible proxies require a session id and a user agent.\n defaultHeaders: {\n 'x-opencode-session': `state-scenarios-${Date.now()}`,\n 'User-Agent': 'state-scenarios/0.0 (suggest)',\n },\n }),\n },\n );\n\n console.log('\\nCandidate UI states (not exhaustive)\\n');\n\n for (const s of result.states) {\n const mark = s.covered_by ? '✓' : '✗';\n console.log(\n `${mark} ${`${s.area} / ${s.state}`.padEnd(56)} ${s.covered_by ?? `uncovered (${s.priority})`}`,\n );\n }\n\n const covered = result.states.filter((s) => s.covered_by).length;\n console.log(\n `\\n${result.states.length} states detected, ${covered} have scenarios, ${\n result.states.length - covered\n } uncovered`,\n );\n\n const out = values.out ?? join(dir, 'proposed');\n\n if (result.accepted.length) mkdirSync(out, { recursive: true });\n\n for (const { scenario, covers } of result.accepted) {\n const file = join(out, `${scenario.name}.json`);\n const $schema = values.schema ? relative(out, values.schema).replaceAll('\\\\', '/') : undefined;\n writeFileSync(file, `${JSON.stringify({ $schema, ...scenario }, null, 2)}\\n`);\n console.log(`+ ${file} (${covers})`);\n }\n\n for (const r of result.rejected) console.log(`- rejected proposal for ${r.covers}: ${r.error}`);\n\n if (result.accepted.length) {\n console.log(\n `\\nReview the drafts, then: state-scenarios promote ${dir}`,\n );\n }\n\n break;\n }\n\n default:\n console.error(`Unknown command \"${command}\"\\n\\n${HELP}`);\n process.exit(2);\n }\n} catch (err) {\n const message = err instanceof Error ? err.message : String(err);\n const hint = /authentication/i.test(message) ? '\\nSet ANTHROPIC_API_KEY, or run `ant auth login`.' : '';\n const code = err instanceof CliError ? `[${err.code}] ` : '';\n console.error(`state-scenarios ${command}: ${code}${message}${hint}`);\n process.exit(err instanceof CliError ? err.exitCode : 1);\n}\n\nfunction walk(path: string): { path: string; content: string; }[] {\n if (statSync(path).isDirectory()) {\n return readdirSync(path)\n .filter((f) => !['node_modules', 'dist', 'scenarios'].includes(f))\n .flatMap((f) => walk(join(path, f)));\n }\n\n const isSource = /\\.(tsx?|jsx?|vue|svelte)$/.test(path) && !/\\.(d|test|spec)\\.\\w+$/.test(path);\n\n return isSource ? [{ path, content: readFileSync(path, 'utf8') }] : [];\n}\n"],"mappings":"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","names":["s"]}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
// src/compare.ts
|
|
2
|
+
async function compareImages(browser, before, after, tolerance = 48) {
|
|
3
|
+
const page = await browser.newPage();
|
|
4
|
+
try {
|
|
5
|
+
const result = await page.evaluate(async ({ before: before2, after: after2, tolerance: tolerance2 }) => {
|
|
6
|
+
const load = async (base64) => {
|
|
7
|
+
const image = new Image();
|
|
8
|
+
image.src = `data:image/png;base64,${base64}`;
|
|
9
|
+
await image.decode();
|
|
10
|
+
return image;
|
|
11
|
+
};
|
|
12
|
+
const [a, b] = await Promise.all([load(before2), load(after2)]);
|
|
13
|
+
const width = Math.max(a.width, b.width);
|
|
14
|
+
const height = Math.max(a.height, b.height);
|
|
15
|
+
const pixels = (image) => {
|
|
16
|
+
const canvas = new OffscreenCanvas(width, height);
|
|
17
|
+
const context2 = canvas.getContext("2d");
|
|
18
|
+
if (!context2) throw new Error("No 2D canvas");
|
|
19
|
+
context2.drawImage(image, 0, 0);
|
|
20
|
+
return context2.getImageData(0, 0, width, height).data;
|
|
21
|
+
};
|
|
22
|
+
const pa = pixels(a);
|
|
23
|
+
const pb = pixels(b);
|
|
24
|
+
const diff = new ImageData(width, height);
|
|
25
|
+
let changed = 0;
|
|
26
|
+
for (let i = 0; i < pa.length; i += 4) {
|
|
27
|
+
const x = i / 4 % width;
|
|
28
|
+
const y = Math.floor(i / 4 / width);
|
|
29
|
+
const outside = x >= a.width || y >= a.height || x >= b.width || y >= b.height;
|
|
30
|
+
const distance = Math.abs(pa[i] - pb[i]) + Math.abs(pa[i + 1] - pb[i + 1]) + Math.abs(pa[i + 2] - pb[i + 2]) + Math.abs(pa[i + 3] - pb[i + 3]);
|
|
31
|
+
if (outside || distance > tolerance2) {
|
|
32
|
+
changed++;
|
|
33
|
+
diff.data.set([255, 0, 64, 255], i);
|
|
34
|
+
} else {
|
|
35
|
+
const grey = 255 - (255 - (pb[i] + pb[i + 1] + pb[i + 2]) / 3) * 0.2;
|
|
36
|
+
diff.data.set([grey, grey, grey, 255], i);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
if (!changed) return { changed, total: width * height };
|
|
40
|
+
const gap = 16;
|
|
41
|
+
const label = 28;
|
|
42
|
+
const sheet = new OffscreenCanvas(width * 3 + gap * 2, height + label);
|
|
43
|
+
const context = sheet.getContext("2d");
|
|
44
|
+
if (!context) throw new Error("No 2D canvas");
|
|
45
|
+
context.fillStyle = "#fff";
|
|
46
|
+
context.fillRect(0, 0, sheet.width, sheet.height);
|
|
47
|
+
context.fillStyle = "#111";
|
|
48
|
+
context.font = "600 16px system-ui, sans-serif";
|
|
49
|
+
for (const [i, text] of ["Before", "After", "Changed"].entries()) {
|
|
50
|
+
context.fillText(text, i * (width + gap), 19);
|
|
51
|
+
}
|
|
52
|
+
context.drawImage(a, 0, label);
|
|
53
|
+
context.drawImage(b, width + gap, label);
|
|
54
|
+
context.putImageData(diff, (width + gap) * 2, label);
|
|
55
|
+
const blob = await sheet.convertToBlob({ type: "image/png" });
|
|
56
|
+
const bytes = new Uint8Array(await blob.arrayBuffer());
|
|
57
|
+
let binary = "";
|
|
58
|
+
for (const byte of bytes) binary += String.fromCharCode(byte);
|
|
59
|
+
return { changed, total: width * height, image: btoa(binary) };
|
|
60
|
+
}, { before: before.toString("base64"), after: after.toString("base64"), tolerance });
|
|
61
|
+
return { ...result, image: result.image ? Buffer.from(result.image, "base64") : void 0 };
|
|
62
|
+
} finally {
|
|
63
|
+
await page.close();
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
export {
|
|
67
|
+
compareImages
|
|
68
|
+
};
|
|
69
|
+
//# sourceMappingURL=compare-TBRNNO4A.js.map
|