multiclone 0.0.0-stage → 0.2.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 +78 -2
- package/agents/section-builder.md +37 -0
- package/commands/multiclone.md +15 -0
- package/dist/adapters/cli.js +129 -0
- package/dist/adapters/cli.js.map +1 -0
- package/dist/adapters/cliArgs.js +63 -0
- package/dist/adapters/cliArgs.js.map +1 -0
- package/dist/adapters/mcp.js +83 -0
- package/dist/adapters/mcp.js.map +1 -0
- package/dist/analyze/analyze.js +85 -0
- package/dist/analyze/analyze.js.map +1 -0
- package/dist/analyze/animations.js +340 -0
- package/dist/analyze/animations.js.map +1 -0
- package/dist/analyze/ast.js +182 -0
- package/dist/analyze/ast.js.map +1 -0
- package/dist/analyze/chunks.js +160 -0
- package/dist/analyze/chunks.js.map +1 -0
- package/dist/analyze/jobs/code.js +117 -0
- package/dist/analyze/jobs/code.js.map +1 -0
- package/dist/analyze/jobs/sections.js +356 -0
- package/dist/analyze/jobs/sections.js.map +1 -0
- package/dist/analyze/pretty.js +20 -0
- package/dist/analyze/pretty.js.map +1 -0
- package/dist/analyze/report.js +101 -0
- package/dist/analyze/report.js.map +1 -0
- package/dist/analyze/worker.js +71 -0
- package/dist/analyze/worker.js.map +1 -0
- package/dist/capture/capture.js +340 -0
- package/dist/capture/capture.js.map +1 -0
- package/dist/capture/collectors/a11y.js +92 -0
- package/dist/capture/collectors/a11y.js.map +1 -0
- package/dist/capture/collectors/animations.js +113 -0
- package/dist/capture/collectors/animations.js.map +1 -0
- package/dist/capture/collectors/breakpoints.js +31 -0
- package/dist/capture/collectors/breakpoints.js.map +1 -0
- package/dist/capture/collectors/consent.js +39 -0
- package/dist/capture/collectors/consent.js.map +1 -0
- package/dist/capture/collectors/coverage.js +121 -0
- package/dist/capture/collectors/coverage.js.map +1 -0
- package/dist/capture/collectors/dom.js +16 -0
- package/dist/capture/collectors/dom.js.map +1 -0
- package/dist/capture/collectors/fonts.js +154 -0
- package/dist/capture/collectors/fonts.js.map +1 -0
- package/dist/capture/collectors/frames.js +93 -0
- package/dist/capture/collectors/frames.js.map +1 -0
- package/dist/capture/collectors/index.js +61 -0
- package/dist/capture/collectors/index.js.map +1 -0
- package/dist/capture/collectors/interactions.js +207 -0
- package/dist/capture/collectors/interactions.js.map +1 -0
- package/dist/capture/collectors/intro.js +84 -0
- package/dist/capture/collectors/intro.js.map +1 -0
- package/dist/capture/collectors/listeners.js +84 -0
- package/dist/capture/collectors/listeners.js.map +1 -0
- package/dist/capture/collectors/motion.js +91 -0
- package/dist/capture/collectors/motion.js.map +1 -0
- package/dist/capture/collectors/network.js +288 -0
- package/dist/capture/collectors/network.js.map +1 -0
- package/dist/capture/collectors/probes.js +34 -0
- package/dist/capture/collectors/probes.js.map +1 -0
- package/dist/capture/collectors/runtime.js +38 -0
- package/dist/capture/collectors/runtime.js.map +1 -0
- package/dist/capture/collectors/scripts.js +98 -0
- package/dist/capture/collectors/scripts.js.map +1 -0
- package/dist/capture/collectors/sections.js +17 -0
- package/dist/capture/collectors/sections.js.map +1 -0
- package/dist/capture/collectors/shots.js +58 -0
- package/dist/capture/collectors/shots.js.map +1 -0
- package/dist/capture/collectors/snapshot.js +47 -0
- package/dist/capture/collectors/snapshot.js.map +1 -0
- package/dist/capture/collectors/sourcemaps.js +153 -0
- package/dist/capture/collectors/sourcemaps.js.map +1 -0
- package/dist/capture/collectors/storage.js +72 -0
- package/dist/capture/collectors/storage.js.map +1 -0
- package/dist/capture/context.js +40 -0
- package/dist/capture/context.js.map +1 -0
- package/dist/capture/hooks/candidates.js +104 -0
- package/dist/capture/hooks/candidates.js.map +1 -0
- package/dist/capture/hooks/consent.js +82 -0
- package/dist/capture/hooks/consent.js.map +1 -0
- package/dist/capture/hooks/recorders.js +507 -0
- package/dist/capture/hooks/recorders.js.map +1 -0
- package/dist/capture/hooks/sections.js +62 -0
- package/dist/capture/hooks/sections.js.map +1 -0
- package/dist/capture/hooks/styles.js +86 -0
- package/dist/capture/hooks/styles.js.map +1 -0
- package/dist/capture/probes.js +491 -0
- package/dist/capture/probes.js.map +1 -0
- package/dist/capture/report.js +115 -0
- package/dist/capture/report.js.map +1 -0
- package/dist/compare/compare.js +391 -0
- package/dist/compare/compare.js.map +1 -0
- package/dist/compare/image.js +105 -0
- package/dist/compare/image.js.map +1 -0
- package/dist/compare/probes.js +129 -0
- package/dist/compare/probes.js.map +1 -0
- package/dist/compare/report.js +99 -0
- package/dist/compare/report.js.map +1 -0
- package/dist/compare/session.js +139 -0
- package/dist/compare/session.js.map +1 -0
- package/dist/compare/shoot.js +62 -0
- package/dist/compare/shoot.js.map +1 -0
- package/dist/contracts/catalog.js +29 -0
- package/dist/contracts/catalog.js.map +1 -0
- package/dist/contracts/context.js +19 -0
- package/dist/contracts/context.js.map +1 -0
- package/dist/contracts/fields.js +16 -0
- package/dist/contracts/fields.js.map +1 -0
- package/dist/contracts/tools/analyze.js +38 -0
- package/dist/contracts/tools/analyze.js.map +1 -0
- package/dist/contracts/tools/capture.js +87 -0
- package/dist/contracts/tools/capture.js.map +1 -0
- package/dist/contracts/tools/compare.js +142 -0
- package/dist/contracts/tools/compare.js.map +1 -0
- package/dist/contracts/tools/doctor.js +23 -0
- package/dist/contracts/tools/doctor.js.map +1 -0
- package/dist/contracts/tools/inspect.js +41 -0
- package/dist/contracts/tools/inspect.js.map +1 -0
- package/dist/contracts/tools/method.js +60 -0
- package/dist/contracts/tools/method.js.map +1 -0
- package/dist/contracts/tools/mirror.js +53 -0
- package/dist/contracts/tools/mirror.js.map +1 -0
- package/dist/contracts/tools/project.js +61 -0
- package/dist/contracts/tools/project.js.map +1 -0
- package/dist/contracts/tools/session.js +195 -0
- package/dist/contracts/tools/session.js.map +1 -0
- package/dist/contracts/types.js +20 -0
- package/dist/contracts/types.js.map +1 -0
- package/dist/core/cdp.js +146 -0
- package/dist/core/cdp.js.map +1 -0
- package/dist/core/chrome.js +185 -0
- package/dist/core/chrome.js.map +1 -0
- package/dist/core/files.js +31 -0
- package/dist/core/files.js.map +1 -0
- package/dist/core/inpage.js +24 -0
- package/dist/core/inpage.js.map +1 -0
- package/dist/core/log.js +10 -0
- package/dist/core/log.js.map +1 -0
- package/dist/core/page.js +269 -0
- package/dist/core/page.js.map +1 -0
- package/dist/doctor.js +37 -0
- package/dist/doctor.js.map +1 -0
- package/dist/domain/breakpoints.js +47 -0
- package/dist/domain/breakpoints.js.map +1 -0
- package/dist/domain/budget.js +38 -0
- package/dist/domain/budget.js.map +1 -0
- package/dist/domain/compare.js +138 -0
- package/dist/domain/compare.js.map +1 -0
- package/dist/domain/coverage.js +96 -0
- package/dist/domain/coverage.js.map +1 -0
- package/dist/domain/motion.js +142 -0
- package/dist/domain/motion.js.map +1 -0
- package/dist/domain/paths.js +55 -0
- package/dist/domain/paths.js.map +1 -0
- package/dist/domain/result.js +38 -0
- package/dist/domain/result.js.map +1 -0
- package/dist/domain/routes.js +160 -0
- package/dist/domain/routes.js.map +1 -0
- package/dist/domain/sections.js +94 -0
- package/dist/domain/sections.js.map +1 -0
- package/dist/domain/snapshot.js +268 -0
- package/dist/domain/snapshot.js.map +1 -0
- package/dist/domain/sourcemap.js +95 -0
- package/dist/domain/sourcemap.js.map +1 -0
- package/dist/domain/stack.js +342 -0
- package/dist/domain/stack.js.map +1 -0
- package/dist/domain/tokens.js +183 -0
- package/dist/domain/tokens.js.map +1 -0
- package/dist/domain/types.js +2 -0
- package/dist/domain/types.js.map +1 -0
- package/dist/domain/viewports.js +45 -0
- package/dist/domain/viewports.js.map +1 -0
- package/dist/mirror/rewrite.js +56 -0
- package/dist/mirror/rewrite.js.map +1 -0
- package/dist/mirror/server.js +191 -0
- package/dist/mirror/server.js.map +1 -0
- package/dist/mirror/store.js +86 -0
- package/dist/mirror/store.js.map +1 -0
- package/dist/project/assets.js +69 -0
- package/dist/project/assets.js.map +1 -0
- package/dist/project/draft.js +860 -0
- package/dist/project/draft.js.map +1 -0
- package/dist/project/method.js +154 -0
- package/dist/project/method.js.map +1 -0
- package/dist/project/scaffold.js +142 -0
- package/dist/project/scaffold.js.map +1 -0
- package/dist/session/discover.js +53 -0
- package/dist/session/discover.js.map +1 -0
- package/dist/session/proc.js +113 -0
- package/dist/session/proc.js.map +1 -0
- package/dist/session/progress.js +83 -0
- package/dist/session/progress.js.map +1 -0
- package/dist/session/session.js +450 -0
- package/dist/session/session.js.map +1 -0
- package/dist/session/state.js +47 -0
- package/dist/session/state.js.map +1 -0
- package/dist/store/inspect.js +212 -0
- package/dist/store/inspect.js.map +1 -0
- package/dist/store/run.js +112 -0
- package/dist/store/run.js.map +1 -0
- package/dist/store/summary.js +69 -0
- package/dist/store/summary.js.map +1 -0
- package/dist/version.js +2 -0
- package/dist/version.js.map +1 -0
- package/install.sh +29 -0
- package/package.json +67 -4
- package/skills/multiclone/SKILL.md +123 -0
- package/skills/multiclone/references/capture-format.md +73 -0
- package/skills/multiclone/references/fidelity.md +54 -0
- package/skills/multiclone/references/quality.md +47 -0
- package/skills/multiclone/references/stacks.md +156 -0
- package/templates/react-vite/.prettierignore +5 -0
- package/templates/react-vite/.prettierrc.json +6 -0
- package/templates/react-vite/eslint.config.js +38 -0
- package/templates/react-vite/gitignore +4 -0
- package/templates/react-vite/index.html +12 -0
- package/templates/react-vite/package.json +36 -0
- package/templates/react-vite/src/app/App.tsx +15 -0
- package/templates/react-vite/src/app/Page.tsx +11 -0
- package/templates/react-vite/src/app/routes.ts +7 -0
- package/templates/react-vite/src/components/README.md +7 -0
- package/templates/react-vite/src/content/README.md +2 -0
- package/templates/react-vite/src/hooks/useActiveSection.ts +37 -0
- package/templates/react-vite/src/hooks/useInView.ts +45 -0
- package/templates/react-vite/src/hooks/useMediaQuery.ts +15 -0
- package/templates/react-vite/src/lib/cn.ts +4 -0
- package/templates/react-vite/src/lib/math.ts +21 -0
- package/templates/react-vite/src/lib/mc.ts +13 -0
- package/templates/react-vite/src/lib/media.ts +4 -0
- package/templates/react-vite/src/main.tsx +13 -0
- package/templates/react-vite/src/providers/SmoothScroll.tsx +24 -0
- package/templates/react-vite/src/styles/base.css +42 -0
- package/templates/react-vite/src/styles/draft.css +1 -0
- package/templates/react-vite/src/styles/fonts.css +1 -0
- package/templates/react-vite/src/styles/index.css +4 -0
- package/templates/react-vite/src/styles/tokens.css +3 -0
- package/templates/react-vite/src/vite-env.d.ts +1 -0
- package/templates/react-vite/tsconfig.app.json +29 -0
- package/templates/react-vite/tsconfig.json +4 -0
- package/templates/react-vite/tsconfig.node.json +19 -0
- package/templates/react-vite/vite.config.ts +37 -0
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { join } from 'node:path';
|
|
2
|
+
import { writeJson } from '../../core/files.js';
|
|
3
|
+
import { STEALTH_SCRIPT, withInitUrl } from '../../core/page.js';
|
|
4
|
+
/** Rejects service worker registration so every request stays visible to capture and mirror. */
|
|
5
|
+
export const BLOCK_SERVICE_WORKERS = `(() => { try {
|
|
6
|
+
if (!('serviceWorker' in navigator)) return;
|
|
7
|
+
const proto = ServiceWorkerContainer.prototype;
|
|
8
|
+
Object.defineProperty(proto, 'register', { configurable: true, writable: true,
|
|
9
|
+
value: () => Promise.reject(new DOMException('Service workers are disabled by multiclone', 'SecurityError')) });
|
|
10
|
+
navigator.serviceWorker.getRegistrations?.().then((list) => list.forEach((r) => r.unregister())).catch(() => {});
|
|
11
|
+
} catch {} })();`;
|
|
12
|
+
const AUTO_ATTACH = { autoAttach: true, waitForDebuggerOnStart: true, flatten: true };
|
|
13
|
+
/**
|
|
14
|
+
* Attaches to out-of-process iframes and workers (flat sessions), prepares each with the init
|
|
15
|
+
* scripts and collector initialisers, then lets it run. Writes frames.json.
|
|
16
|
+
*/
|
|
17
|
+
export function framesCollector() {
|
|
18
|
+
const seen = [];
|
|
19
|
+
return {
|
|
20
|
+
id: 'frames',
|
|
21
|
+
async setup(context) {
|
|
22
|
+
const { cdp, run } = context;
|
|
23
|
+
await context.addInitScript(BLOCK_SERVICE_WORKERS);
|
|
24
|
+
await cdp.send('Network.setBypassServiceWorker', { bypass: true }).catch(() => undefined);
|
|
25
|
+
cdp.onAny('Target.attachedToTarget', (params, parentSessionId) => {
|
|
26
|
+
const sessionId = params.sessionId;
|
|
27
|
+
const info = params.targetInfo;
|
|
28
|
+
const target = {
|
|
29
|
+
sessionId,
|
|
30
|
+
targetId: info.targetId,
|
|
31
|
+
type: info.type,
|
|
32
|
+
url: info.url,
|
|
33
|
+
parentSessionId,
|
|
34
|
+
viewport: run.viewport,
|
|
35
|
+
};
|
|
36
|
+
run.children.set(sessionId, target);
|
|
37
|
+
seen.push({ ...target, attachedAt: Date.now() });
|
|
38
|
+
const session = cdp.session(sessionId);
|
|
39
|
+
void (async () => {
|
|
40
|
+
try {
|
|
41
|
+
if (info.type === 'service_worker' || info.type === 'shared_worker') {
|
|
42
|
+
// Pages can't register them (blocked), but a profile might hold one: keep it inert.
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
await session.send('Network.enable', {
|
|
46
|
+
maxTotalBufferSize: 200_000_000,
|
|
47
|
+
maxResourceBufferSize: 50_000_000,
|
|
48
|
+
});
|
|
49
|
+
if (info.type === 'iframe' || info.type === 'page') {
|
|
50
|
+
await session.send('Page.enable');
|
|
51
|
+
for (const source of [STEALTH_SCRIPT, ...run.initScripts]) {
|
|
52
|
+
await session.send('Page.addScriptToEvaluateOnNewDocument', {
|
|
53
|
+
source: withInitUrl(source),
|
|
54
|
+
runImmediately: true,
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
await session.send('Target.setAutoAttach', AUTO_ATTACH);
|
|
58
|
+
}
|
|
59
|
+
for (const initialise of run.sessionInitializers) {
|
|
60
|
+
await initialise(session, target).catch(() => undefined);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
catch {
|
|
64
|
+
// The target may be gone already; it still must be released below.
|
|
65
|
+
}
|
|
66
|
+
finally {
|
|
67
|
+
await session.send('Runtime.runIfWaitingForDebugger').catch(() => undefined);
|
|
68
|
+
}
|
|
69
|
+
})();
|
|
70
|
+
});
|
|
71
|
+
cdp.onAny('Target.detachedFromTarget', (params) => {
|
|
72
|
+
run.children.delete(params.sessionId);
|
|
73
|
+
});
|
|
74
|
+
await cdp.send('Target.setAutoAttach', AUTO_ATTACH);
|
|
75
|
+
},
|
|
76
|
+
beforeNavigate(context) {
|
|
77
|
+
context.run.viewport = context.viewport.name;
|
|
78
|
+
return Promise.resolve();
|
|
79
|
+
},
|
|
80
|
+
async finish(context) {
|
|
81
|
+
const frames = seen.map((frame) => ({
|
|
82
|
+
targetId: frame.targetId,
|
|
83
|
+
type: frame.type,
|
|
84
|
+
url: frame.url,
|
|
85
|
+
viewport: frame.viewport,
|
|
86
|
+
nested: frame.parentSessionId !== undefined,
|
|
87
|
+
}));
|
|
88
|
+
await writeJson(join(context.dir, 'frames.json'), frames);
|
|
89
|
+
context.run.output('frames', 'frames.json');
|
|
90
|
+
},
|
|
91
|
+
};
|
|
92
|
+
}
|
|
93
|
+
//# sourceMappingURL=frames.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"frames.js","sourceRoot":"","sources":["../../../src/capture/collectors/frames.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { a11yCollector } from './a11y.js';
|
|
2
|
+
import { animationsCollector } from './animations.js';
|
|
3
|
+
import { breakpointsCollector } from './breakpoints.js';
|
|
4
|
+
import { consentCollector } from './consent.js';
|
|
5
|
+
import { coverageCollector } from './coverage.js';
|
|
6
|
+
import { domCollector } from './dom.js';
|
|
7
|
+
import { fontsCollector } from './fonts.js';
|
|
8
|
+
import { interactionsCollector } from './interactions.js';
|
|
9
|
+
import { introCollector } from './intro.js';
|
|
10
|
+
import { listenersCollector } from './listeners.js';
|
|
11
|
+
import { framesCollector } from './frames.js';
|
|
12
|
+
import { motionCollector } from './motion.js';
|
|
13
|
+
import { networkCollector } from './network.js';
|
|
14
|
+
import { probesCollector } from './probes.js';
|
|
15
|
+
import { runtimeCollector } from './runtime.js';
|
|
16
|
+
import { scriptsCollector } from './scripts.js';
|
|
17
|
+
import { sectionsCollector } from './sections.js';
|
|
18
|
+
import { shotsCollector } from './shots.js';
|
|
19
|
+
import { snapshotCollector } from './snapshot.js';
|
|
20
|
+
import { sourcemapsCollector } from './sourcemaps.js';
|
|
21
|
+
import { storageCollector } from './storage.js';
|
|
22
|
+
/** Collectors in run order; within each hook they execute in this order. */
|
|
23
|
+
export function defaultCollectors() {
|
|
24
|
+
return [
|
|
25
|
+
// Setup order matters: frames registers child-session handling before anything navigates.
|
|
26
|
+
framesCollector(),
|
|
27
|
+
networkCollector(),
|
|
28
|
+
scriptsCollector(),
|
|
29
|
+
runtimeCollector(),
|
|
30
|
+
introCollector(),
|
|
31
|
+
consentCollector(),
|
|
32
|
+
animationsCollector(),
|
|
33
|
+
probesCollector(),
|
|
34
|
+
domCollector(),
|
|
35
|
+
snapshotCollector(),
|
|
36
|
+
fontsCollector(),
|
|
37
|
+
a11yCollector(),
|
|
38
|
+
storageCollector(),
|
|
39
|
+
sectionsCollector(),
|
|
40
|
+
listenersCollector(),
|
|
41
|
+
motionCollector(),
|
|
42
|
+
coverageCollector(),
|
|
43
|
+
interactionsCollector(),
|
|
44
|
+
shotsCollector(),
|
|
45
|
+
// Finish order: network and scripts are flushed above, so maps can read them.
|
|
46
|
+
sourcemapsCollector(),
|
|
47
|
+
breakpointsCollector(),
|
|
48
|
+
];
|
|
49
|
+
}
|
|
50
|
+
/** What a side browser runs for extra viewports: files keyed by viewport, no run-wide state. */
|
|
51
|
+
export function viewportOnlyCollectors() {
|
|
52
|
+
return [
|
|
53
|
+
consentCollector(),
|
|
54
|
+
probesCollector(),
|
|
55
|
+
domCollector(),
|
|
56
|
+
snapshotCollector(),
|
|
57
|
+
sectionsCollector(),
|
|
58
|
+
shotsCollector(),
|
|
59
|
+
];
|
|
60
|
+
}
|
|
61
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/capture/collectors/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,4EAA4E;AAC5E,MAAM,UAAU,iBAAiB;IAC/B,OAAO;QACL,0FAA0F;QAC1F,eAAe,EAAE;QACjB,gBAAgB,EAAE;QAClB,gBAAgB,EAAE;QAClB,gBAAgB,EAAE;QAClB,cAAc,EAAE;QAChB,gBAAgB,EAAE;QAClB,mBAAmB,EAAE;QACrB,eAAe,EAAE;QACjB,YAAY,EAAE;QACd,iBAAiB,EAAE;QACnB,cAAc,EAAE;QAChB,aAAa,EAAE;QACf,gBAAgB,EAAE;QAClB,iBAAiB,EAAE;QACnB,kBAAkB,EAAE;QACpB,eAAe,EAAE;QACjB,iBAAiB,EAAE;QACnB,qBAAqB,EAAE;QACvB,cAAc,EAAE;QAChB,8EAA8E;QAC9E,mBAAmB,EAAE;QACrB,oBAAoB,EAAE;KACvB,CAAC;AACJ,CAAC;AAED,gGAAgG;AAChG,MAAM,UAAU,sBAAsB;IACpC,OAAO;QACL,gBAAgB,EAAE;QAClB,eAAe,EAAE;QACjB,YAAY,EAAE;QACd,iBAAiB,EAAE;QACnB,iBAAiB,EAAE;QACnB,cAAc,EAAE;KACjB,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
import { join } from 'node:path';
|
|
2
|
+
import { sleep, writeBytes, writeJson } from '../../core/files.js';
|
|
3
|
+
import { log } from '../../core/log.js';
|
|
4
|
+
import { diffStates, readStates, STATE_PROPS } from '../hooks/styles.js';
|
|
5
|
+
const MAX_FORCED = 40;
|
|
6
|
+
const MAX_HOVERS = 20;
|
|
7
|
+
const MAX_CLICKS = 6;
|
|
8
|
+
const PAD = 24;
|
|
9
|
+
/** Worth a real (slow) pointer hover: toggles, buttons, fixed bars and :hover-styled elements. */
|
|
10
|
+
function likelyHover(candidate) {
|
|
11
|
+
return (candidate.toggles ||
|
|
12
|
+
candidate.fixed ||
|
|
13
|
+
candidate.reasons.includes('hover-rule') ||
|
|
14
|
+
candidate.tag === 'button' ||
|
|
15
|
+
candidate.role === 'button');
|
|
16
|
+
}
|
|
17
|
+
/** Elements that became visible after a click (menus, dialogs, panels). Self-contained. */
|
|
18
|
+
function visibleSet() {
|
|
19
|
+
const out = [];
|
|
20
|
+
for (const el of Array.from(document.body.querySelectorAll('*')).slice(0, 8000)) {
|
|
21
|
+
const rect = el.getBoundingClientRect();
|
|
22
|
+
if (rect.width < 40 || rect.height < 20)
|
|
23
|
+
continue;
|
|
24
|
+
const style = getComputedStyle(el);
|
|
25
|
+
if (style.visibility === 'hidden' || style.display === 'none' || style.opacity === '0')
|
|
26
|
+
continue;
|
|
27
|
+
out.push(`${el.tagName}|${String(Math.round(rect.left))}|${String(Math.round(rect.top))}|${String(Math.round(rect.width))}|${String(Math.round(rect.height))}`);
|
|
28
|
+
}
|
|
29
|
+
return out;
|
|
30
|
+
}
|
|
31
|
+
async function nodeIdFor(context, selector) {
|
|
32
|
+
try {
|
|
33
|
+
const { root } = await context.cdp.send('DOM.getDocument', {
|
|
34
|
+
depth: 0,
|
|
35
|
+
});
|
|
36
|
+
const { nodeId } = await context.cdp.send('DOM.querySelector', {
|
|
37
|
+
nodeId: root.nodeId,
|
|
38
|
+
selector,
|
|
39
|
+
});
|
|
40
|
+
return nodeId || null;
|
|
41
|
+
}
|
|
42
|
+
catch {
|
|
43
|
+
return null;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
async function crop(context, candidate, scrollY, file) {
|
|
47
|
+
const [x, y, w, h] = candidate.box;
|
|
48
|
+
const png = await context.page.screenshot({
|
|
49
|
+
x: x - PAD,
|
|
50
|
+
y: y - scrollY - PAD,
|
|
51
|
+
width: Math.min(w + PAD * 2, context.viewport.width),
|
|
52
|
+
height: Math.min(h + PAD * 2, context.viewport.height),
|
|
53
|
+
});
|
|
54
|
+
await writeBytes(join(context.dir, file), png);
|
|
55
|
+
context.run.output('interactions', file);
|
|
56
|
+
return file;
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* Hover/focus/active states of interactive elements. CSS pseudo-states are forced and diffed,
|
|
60
|
+
* real pointer hovers catch JS hover effects, and a capped number of in-place toggles are
|
|
61
|
+
* clicked (never links that leave the page), with a reload to restore state afterwards.
|
|
62
|
+
* Writes interactions/<viewport>.json plus crops.
|
|
63
|
+
*/
|
|
64
|
+
export function interactionsCollector() {
|
|
65
|
+
return {
|
|
66
|
+
id: 'interactions',
|
|
67
|
+
timeLimitMs: 120_000,
|
|
68
|
+
async explore(context) {
|
|
69
|
+
if (!context.deep)
|
|
70
|
+
return;
|
|
71
|
+
const { cdp, page, viewport, stop } = context;
|
|
72
|
+
const candidates = (context.run.candidates.get(viewport.name) ?? []).filter((c) => !c.path.includes('>>>'));
|
|
73
|
+
// Real hovers are slow; spend them on menus, buttons, cards and anything with :hover CSS.
|
|
74
|
+
const likely = new Set(candidates.filter(likelyHover).map((c) => c.path));
|
|
75
|
+
if (!candidates.length)
|
|
76
|
+
return;
|
|
77
|
+
log(` interaction states for ${String(Math.min(candidates.length, MAX_FORCED))} elements`);
|
|
78
|
+
await cdp.send('DOM.enable');
|
|
79
|
+
await cdp.send('CSS.enable');
|
|
80
|
+
const records = [];
|
|
81
|
+
let hovers = 0;
|
|
82
|
+
let clicked = 0;
|
|
83
|
+
try {
|
|
84
|
+
const read = (selector) => page.run(readStates, { selector, props: [...STATE_PROPS], maxDescendants: 30 });
|
|
85
|
+
for (const [index, candidate] of candidates.slice(0, MAX_FORCED).entries()) {
|
|
86
|
+
if (stop.aborted)
|
|
87
|
+
break;
|
|
88
|
+
const forced = {};
|
|
89
|
+
const nodeId = await nodeIdFor(context, candidate.path);
|
|
90
|
+
const rest = await read(candidate.path);
|
|
91
|
+
if (nodeId !== null && rest) {
|
|
92
|
+
for (const state of ['hover', 'focus-visible', 'active']) {
|
|
93
|
+
await cdp
|
|
94
|
+
.send('CSS.forcePseudoState', { nodeId, forcedPseudoClasses: [state] })
|
|
95
|
+
.catch(() => undefined);
|
|
96
|
+
const active = await read(candidate.path);
|
|
97
|
+
await cdp
|
|
98
|
+
.send('CSS.forcePseudoState', { nodeId, forcedPseudoClasses: [] })
|
|
99
|
+
.catch(() => undefined);
|
|
100
|
+
if (!active)
|
|
101
|
+
continue;
|
|
102
|
+
const diff = diffStates(rest, active);
|
|
103
|
+
if (Object.keys(diff).length)
|
|
104
|
+
forced[state] = diff;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
let hover;
|
|
108
|
+
if (hovers < MAX_HOVERS && rest && likely.has(candidate.path)) {
|
|
109
|
+
hovers++;
|
|
110
|
+
const [x, y, w, h] = candidate.box;
|
|
111
|
+
const scrollY = await page.jumpTo(Math.max(0, y - viewport.height / 3));
|
|
112
|
+
await page.pointer(1, 1);
|
|
113
|
+
await sleep(200);
|
|
114
|
+
const before = await read(candidate.path);
|
|
115
|
+
const restFile = await crop(context, candidate, scrollY, join('interactions', `${viewport.name}-${String(index + 1)}-rest.png`));
|
|
116
|
+
await page.pointer(x + w / 2, y - scrollY + h / 2);
|
|
117
|
+
await sleep(450);
|
|
118
|
+
const after = await read(candidate.path);
|
|
119
|
+
const activeFile = await crop(context, candidate, scrollY, join('interactions', `${viewport.name}-${String(index + 1)}-hover.png`));
|
|
120
|
+
await page.pointer(1, 1);
|
|
121
|
+
if (before && after)
|
|
122
|
+
hover = { diff: diffStates(before, after), rest: restFile, active: activeFile };
|
|
123
|
+
}
|
|
124
|
+
if (Object.keys(forced).length || (hover && Object.keys(hover.diff).length)) {
|
|
125
|
+
records.push({
|
|
126
|
+
path: candidate.path,
|
|
127
|
+
tag: candidate.tag,
|
|
128
|
+
text: candidate.text,
|
|
129
|
+
role: candidate.role,
|
|
130
|
+
forced,
|
|
131
|
+
...(hover ? { hover } : {}),
|
|
132
|
+
});
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
const toggles = candidates.filter((c) => c.toggles && !c.navigates).slice(0, MAX_CLICKS);
|
|
136
|
+
for (const [index, candidate] of toggles.entries()) {
|
|
137
|
+
if (stop.aborted)
|
|
138
|
+
break;
|
|
139
|
+
clicked++;
|
|
140
|
+
const [x, y, w, h] = candidate.box;
|
|
141
|
+
const scrollY = await page.jumpTo(Math.max(0, y - viewport.height / 3));
|
|
142
|
+
const beforeUrl = await page.evaluate('location.href');
|
|
143
|
+
const before = await page.run(visibleSet, undefined);
|
|
144
|
+
const rest = await read(candidate.path);
|
|
145
|
+
const point = { x: x + w / 2, y: y - scrollY + h / 2, button: 'left', clickCount: 1 };
|
|
146
|
+
await cdp.send('Input.dispatchMouseEvent', { type: 'mousePressed', ...point }, 5_000);
|
|
147
|
+
await cdp.send('Input.dispatchMouseEvent', { type: 'mouseReleased', ...point }, 5_000);
|
|
148
|
+
await sleep(700);
|
|
149
|
+
const afterUrl = await page.evaluate('location.href').catch(() => '');
|
|
150
|
+
if (afterUrl.split('#')[0] !== beforeUrl.split('#')[0]) {
|
|
151
|
+
context.run.warn(`interactions: click on ${candidate.path} navigated; restored`);
|
|
152
|
+
await page.goto(context.settings.url, 0);
|
|
153
|
+
await page.settle(Math.min(context.settings.settleMs, 4_000), context.signal);
|
|
154
|
+
continue;
|
|
155
|
+
}
|
|
156
|
+
const after = await page.run(visibleSet, undefined);
|
|
157
|
+
const appeared = after.filter((item) => !before.includes(item)).slice(0, 20);
|
|
158
|
+
const active = await read(candidate.path);
|
|
159
|
+
const shot = join('interactions', `${viewport.name}-click-${String(index + 1)}.png`);
|
|
160
|
+
await writeBytes(join(context.dir, shot), await page.screenshot());
|
|
161
|
+
context.run.output('interactions', shot);
|
|
162
|
+
const existing = records.find((record) => record.path === candidate.path);
|
|
163
|
+
const click = {
|
|
164
|
+
diff: rest && active ? diffStates(rest, active) : {},
|
|
165
|
+
shot,
|
|
166
|
+
opened: appeared.map((item) => {
|
|
167
|
+
const [tag = '', left = '0', top = '0', width = '0', height = '0'] = item.split('|');
|
|
168
|
+
return {
|
|
169
|
+
path: tag.toLowerCase(),
|
|
170
|
+
box: [Number(left), Number(top) + scrollY, Number(width), Number(height)],
|
|
171
|
+
};
|
|
172
|
+
}),
|
|
173
|
+
};
|
|
174
|
+
if (existing)
|
|
175
|
+
records[records.indexOf(existing)] = { ...existing, click };
|
|
176
|
+
else
|
|
177
|
+
records.push({
|
|
178
|
+
path: candidate.path,
|
|
179
|
+
tag: candidate.tag,
|
|
180
|
+
text: candidate.text,
|
|
181
|
+
role: candidate.role,
|
|
182
|
+
forced: {},
|
|
183
|
+
click,
|
|
184
|
+
});
|
|
185
|
+
// Close whatever opened: Escape, then a click on the same control if still open.
|
|
186
|
+
const escape = { key: 'Escape', code: 'Escape', windowsVirtualKeyCode: 27 };
|
|
187
|
+
await cdp.send('Input.dispatchKeyEvent', { type: 'keyDown', ...escape }, 5_000);
|
|
188
|
+
await cdp.send('Input.dispatchKeyEvent', { type: 'keyUp', ...escape }, 5_000);
|
|
189
|
+
await sleep(300);
|
|
190
|
+
}
|
|
191
|
+
if (clicked) {
|
|
192
|
+
// Clicks can leave state behind; reload so screenshots see the untouched page.
|
|
193
|
+
await page.goto(context.settings.url, 0);
|
|
194
|
+
await page.settle(Math.min(context.settings.settleMs, 4_000), context.signal);
|
|
195
|
+
await page.autoScroll(viewport, 20_000);
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
finally {
|
|
199
|
+
const file = join('interactions', `${viewport.name}.json`);
|
|
200
|
+
await writeJson(join(context.dir, file), records);
|
|
201
|
+
log(` ${String(records.length)} interactive states (${String(hovers)} hovers, ${String(clicked)} clicks)`);
|
|
202
|
+
context.run.output('interactions', file);
|
|
203
|
+
}
|
|
204
|
+
},
|
|
205
|
+
};
|
|
206
|
+
}
|
|
207
|
+
//# sourceMappingURL=interactions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interactions.js","sourceRoot":"","sources":["../../../src/capture/collectors/interactions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGzE,MAAM,UAAU,GAAG,EAAE,CAAC;AACtB,MAAM,UAAU,GAAG,EAAE,CAAC;AACtB,MAAM,UAAU,GAAG,CAAC,CAAC;AACrB,MAAM,GAAG,GAAG,EAAE,CAAC;AAqBf,kGAAkG;AAClG,SAAS,WAAW,CAAC,SAA+B;IAClD,OAAO,CACL,SAAS,CAAC,OAAO;QACjB,SAAS,CAAC,KAAK;QACf,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC;QACxC,SAAS,CAAC,GAAG,KAAK,QAAQ;QAC1B,SAAS,CAAC,IAAI,KAAK,QAAQ,CAC5B,CAAC;AACJ,CAAC;AAED,2FAA2F;AAC3F,SAAS,UAAU;IACjB,MAAM,GAAG,GAAa,EAAE,CAAC;IACzB,KAAK,MAAM,EAAE,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;QAChF,MAAM,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;QACxC,IAAI,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,GAAG,EAAE;YAAE,SAAS;QAClD,MAAM,KAAK,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACnC,IAAI,KAAK,CAAC,UAAU,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,KAAK,GAAG;YACpF,SAAS;QACX,GAAG,CAAC,IAAI,CACN,GAAG,EAAE,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CACtJ,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,KAAK,UAAU,SAAS,CAAC,OAAwB,EAAE,QAAgB;IACjE,IAAI,CAAC;QACH,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,IAAI,CAA+B,iBAAiB,EAAE;YACvF,KAAK,EAAE,CAAC;SACT,CAAC,CAAC;QACH,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,IAAI,CAAqB,mBAAmB,EAAE;YACjF,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,QAAQ;SACT,CAAC,CAAC;QACH,OAAO,MAAM,IAAI,IAAI,CAAC;IACxB,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED,KAAK,UAAU,IAAI,CACjB,OAAwB,EACxB,SAA+B,EAC/B,OAAe,EACf,IAAY;IAEZ,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC;IACnC,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC;QACxC,CAAC,EAAE,CAAC,GAAG,GAAG;QACV,CAAC,EAAE,CAAC,GAAG,OAAO,GAAG,GAAG;QACpB,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC;QACpD,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC;KACvD,CAAC,CAAC;IACH,MAAM,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;IAC/C,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IACzC,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB;IACnC,OAAO;QACL,EAAE,EAAE,cAAc;QAClB,WAAW,EAAE,OAAO;QACpB,KAAK,CAAC,OAAO,CAAC,OAAO;YACnB,IAAI,CAAC,OAAO,CAAC,IAAI;gBAAE,OAAO;YAC1B,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;YAC9C,MAAM,UAAU,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CACzE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAC/B,CAAC;YACF,0FAA0F;YAC1F,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;YAC1E,IAAI,CAAC,UAAU,CAAC,MAAM;gBAAE,OAAO;YAC/B,GAAG,CAAC,8BAA8B,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,WAAW,CAAC,CAAC;YAC9F,MAAM,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAC7B,MAAM,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAC7B,MAAM,OAAO,GAAwB,EAAE,CAAC;YACxC,IAAI,MAAM,GAAG,CAAC,CAAC;YACf,IAAI,OAAO,GAAG,CAAC,CAAC;YAChB,IAAI,CAAC;gBACH,MAAM,IAAI,GAAG,CAAC,QAAgB,EAAE,EAAE,CAChC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,GAAG,WAAW,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;gBAElF,KAAK,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;oBAC3E,IAAI,IAAI,CAAC,OAAO;wBAAE,MAAM;oBACxB,MAAM,MAAM,GAAgC,EAAE,CAAC;oBAC/C,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;oBACxD,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;oBACxC,IAAI,MAAM,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;wBAC5B,KAAK,MAAM,KAAK,IAAI,CAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,CAAU,EAAE,CAAC;4BAClE,MAAM,GAAG;iCACN,IAAI,CAAC,sBAAsB,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;iCACtE,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;4BAC1B,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;4BAC1C,MAAM,GAAG;iCACN,IAAI,CAAC,sBAAsB,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC;iCACjE,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;4BAC1B,IAAI,CAAC,MAAM;gCAAE,SAAS;4BACtB,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;4BACtC,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM;gCAAE,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;wBACrD,CAAC;oBACH,CAAC;oBACD,IAAI,KAAiC,CAAC;oBACtC,IAAI,MAAM,GAAG,UAAU,IAAI,IAAI,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;wBAC9D,MAAM,EAAE,CAAC;wBACT,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC;wBACnC,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;wBACxE,MAAM,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;wBACzB,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;wBACjB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;wBAC1C,MAAM,QAAQ,GAAG,MAAM,IAAI,CACzB,OAAO,EACP,SAAS,EACT,OAAO,EACP,IAAI,CAAC,cAAc,EAAE,GAAG,QAAQ,CAAC,IAAI,IAAI,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,WAAW,CAAC,CACvE,CAAC;wBACF,MAAM,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;wBACnD,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;wBACjB,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;wBACzC,MAAM,UAAU,GAAG,MAAM,IAAI,CAC3B,OAAO,EACP,SAAS,EACT,OAAO,EACP,IAAI,CAAC,cAAc,EAAE,GAAG,QAAQ,CAAC,IAAI,IAAI,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,YAAY,CAAC,CACxE,CAAC;wBACF,MAAM,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;wBACzB,IAAI,MAAM,IAAI,KAAK;4BACjB,KAAK,GAAG,EAAE,IAAI,EAAE,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;oBACpF,CAAC;oBACD,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC;wBAC5E,OAAO,CAAC,IAAI,CAAC;4BACX,IAAI,EAAE,SAAS,CAAC,IAAI;4BACpB,GAAG,EAAE,SAAS,CAAC,GAAG;4BAClB,IAAI,EAAE,SAAS,CAAC,IAAI;4BACpB,IAAI,EAAE,SAAS,CAAC,IAAI;4BACpB,MAAM;4BACN,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;yBAC5B,CAAC,CAAC;oBACL,CAAC;gBACH,CAAC;gBAED,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;gBACzF,KAAK,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;oBACnD,IAAI,IAAI,CAAC,OAAO;wBAAE,MAAM;oBACxB,OAAO,EAAE,CAAC;oBACV,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC;oBACnC,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;oBACxE,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAS,eAAe,CAAC,CAAC;oBAC/D,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;oBACrD,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;oBACxC,MAAM,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,OAAO,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC;oBACtF,MAAM,GAAG,CAAC,IAAI,CAAC,0BAA0B,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,CAAC;oBACtF,MAAM,GAAG,CAAC,IAAI,CAAC,0BAA0B,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,CAAC;oBACvF,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;oBACjB,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAS,eAAe,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;oBAC9E,IAAI,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;wBACvD,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,0BAA0B,SAAS,CAAC,IAAI,sBAAsB,CAAC,CAAC;wBACjF,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;wBACzC,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;wBAC9E,SAAS;oBACX,CAAC;oBACD,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;oBACpD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;oBAC7E,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;oBAC1C,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,GAAG,QAAQ,CAAC,IAAI,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;oBACrF,MAAM,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;oBACnE,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;oBACzC,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC;oBAC1E,MAAM,KAAK,GAAG;wBACZ,IAAI,EAAE,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;wBACpD,IAAI;wBACJ,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;4BAC5B,MAAM,CAAC,GAAG,GAAG,EAAE,EAAE,IAAI,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,KAAK,GAAG,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;4BACrF,OAAO;gCACL,IAAI,EAAE,GAAG,CAAC,WAAW,EAAE;gCACvB,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAKvE;6BACF,CAAC;wBACJ,CAAC,CAAC;qBACH,CAAC;oBACF,IAAI,QAAQ;wBAAE,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,CAAC;;wBAExE,OAAO,CAAC,IAAI,CAAC;4BACX,IAAI,EAAE,SAAS,CAAC,IAAI;4BACpB,GAAG,EAAE,SAAS,CAAC,GAAG;4BAClB,IAAI,EAAE,SAAS,CAAC,IAAI;4BACpB,IAAI,EAAE,SAAS,CAAC,IAAI;4BACpB,MAAM,EAAE,EAAE;4BACV,KAAK;yBACN,CAAC,CAAC;oBACL,iFAAiF;oBACjF,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,qBAAqB,EAAE,EAAE,EAAE,CAAC;oBAC5E,MAAM,GAAG,CAAC,IAAI,CAAC,wBAAwB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,EAAE,KAAK,CAAC,CAAC;oBAChF,MAAM,GAAG,CAAC,IAAI,CAAC,wBAAwB,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,EAAE,KAAK,CAAC,CAAC;oBAC9E,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;gBACnB,CAAC;gBACD,IAAI,OAAO,EAAE,CAAC;oBACZ,+EAA+E;oBAC/E,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;oBACzC,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;oBAC9E,MAAM,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;gBAC1C,CAAC;YACH,CAAC;oBAAS,CAAC;gBACT,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,GAAG,QAAQ,CAAC,IAAI,OAAO,CAAC,CAAC;gBAC3D,MAAM,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;gBAClD,GAAG,CACD,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,wBAAwB,MAAM,CAAC,MAAM,CAAC,YAAY,MAAM,CAAC,OAAO,CAAC,UAAU,CACzG,CAAC;gBACF,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;YAC3C,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { join } from 'node:path';
|
|
2
|
+
import { sleep, writeBytes, writeJson } from '../../core/files.js';
|
|
3
|
+
export const INTRO_MS = [0, 150, 300, 600, 1000, 1500, 2500, 4000];
|
|
4
|
+
/** Picks the frame closest to each target time (at or before it, else the first after). */
|
|
5
|
+
export function pickFrames(frames, targets) {
|
|
6
|
+
const sorted = [...frames].sort((a, b) => a.t - b.t);
|
|
7
|
+
return targets.map((target) => {
|
|
8
|
+
let best = null;
|
|
9
|
+
for (const frame of sorted) {
|
|
10
|
+
if (frame.t <= target)
|
|
11
|
+
best = frame;
|
|
12
|
+
else
|
|
13
|
+
return best ?? frame;
|
|
14
|
+
}
|
|
15
|
+
return best;
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Intro filmstrip on the primary viewport: screencast frames timestamped from navigation, saved
|
|
20
|
+
* at INTRO_MS. Falls back to timed screenshots when the screencast yields nothing.
|
|
21
|
+
* Writes intro/<viewport>-<ms>.png and intro/index.json.
|
|
22
|
+
*/
|
|
23
|
+
export function introCollector() {
|
|
24
|
+
let frames = [];
|
|
25
|
+
let started = 0;
|
|
26
|
+
let off = null;
|
|
27
|
+
return {
|
|
28
|
+
id: 'intro',
|
|
29
|
+
async beforeNavigate(context) {
|
|
30
|
+
if (!context.primary)
|
|
31
|
+
return;
|
|
32
|
+
frames = [];
|
|
33
|
+
started = Date.now();
|
|
34
|
+
off = context.cdp.on('Page.screencastFrame', (params) => {
|
|
35
|
+
const sessionId = params.sessionId;
|
|
36
|
+
frames.push({ t: Date.now() - started, png: Buffer.from(params.data, 'base64') });
|
|
37
|
+
void context.cdp.send('Page.screencastFrameAck', { sessionId }).catch(() => undefined);
|
|
38
|
+
});
|
|
39
|
+
await context.cdp.send('Page.startScreencast', {
|
|
40
|
+
format: 'png',
|
|
41
|
+
everyNthFrame: 1,
|
|
42
|
+
maxWidth: context.viewport.width,
|
|
43
|
+
maxHeight: context.viewport.height,
|
|
44
|
+
});
|
|
45
|
+
started = Date.now();
|
|
46
|
+
},
|
|
47
|
+
async loaded(context) {
|
|
48
|
+
if (!context.primary)
|
|
49
|
+
return;
|
|
50
|
+
const last = INTRO_MS.at(-1) ?? 4000;
|
|
51
|
+
const elapsed = Date.now() - started;
|
|
52
|
+
if (elapsed < last)
|
|
53
|
+
await sleep(last - elapsed + 100);
|
|
54
|
+
await context.cdp.send('Page.stopScreencast').catch(() => undefined);
|
|
55
|
+
off?.();
|
|
56
|
+
off = null;
|
|
57
|
+
let picked = pickFrames(frames, INTRO_MS);
|
|
58
|
+
let source = 'screencast';
|
|
59
|
+
if (picked.every((frame) => frame === null)) {
|
|
60
|
+
// Screencast unavailable: a later reload would change state, so record what we can now.
|
|
61
|
+
source = 'timed';
|
|
62
|
+
picked = [{ t: Date.now() - started, png: await context.page.screenshot() }];
|
|
63
|
+
}
|
|
64
|
+
const index = [];
|
|
65
|
+
for (const [position, frame] of picked.entries()) {
|
|
66
|
+
if (!frame)
|
|
67
|
+
continue;
|
|
68
|
+
const ms = source === 'timed' ? frame.t : (INTRO_MS[position] ?? frame.t);
|
|
69
|
+
const file = join('intro', `${context.viewport.name}-${String(ms)}.png`);
|
|
70
|
+
await writeBytes(join(context.dir, file), frame.png);
|
|
71
|
+
index.push({ ms, actualMs: frame.t, file });
|
|
72
|
+
context.run.output('intro', file);
|
|
73
|
+
}
|
|
74
|
+
await writeJson(join(context.dir, 'intro', 'index.json'), {
|
|
75
|
+
viewport: context.viewport.name,
|
|
76
|
+
source,
|
|
77
|
+
frames: index,
|
|
78
|
+
});
|
|
79
|
+
context.run.output('intro', 'intro/index.json');
|
|
80
|
+
frames = [];
|
|
81
|
+
},
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
//# sourceMappingURL=intro.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"intro.js","sourceRoot":"","sources":["../../../src/capture/collectors/intro.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { join } from 'node:path';
|
|
2
|
+
import { writeJson } from '../../core/files.js';
|
|
3
|
+
import { findCandidates } from '../hooks/candidates.js';
|
|
4
|
+
const MAX_CANDIDATES = 120;
|
|
5
|
+
async function listenersFor(context, expression) {
|
|
6
|
+
const { result } = await context.cdp.send('Runtime.evaluate', {
|
|
7
|
+
expression,
|
|
8
|
+
returnByValue: false,
|
|
9
|
+
});
|
|
10
|
+
if (!result.objectId)
|
|
11
|
+
return [];
|
|
12
|
+
try {
|
|
13
|
+
const { listeners } = await context.cdp.send('DOMDebugger.getEventListeners', { objectId: result.objectId, depth: -1, pierce: true });
|
|
14
|
+
return listeners;
|
|
15
|
+
}
|
|
16
|
+
finally {
|
|
17
|
+
await context.cdp
|
|
18
|
+
.send('Runtime.releaseObject', { objectId: result.objectId })
|
|
19
|
+
.catch(() => undefined);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Event listeners on window, document, fixed elements and interactive candidates, with the
|
|
24
|
+
* handler's script location. Also publishes the candidate list for coverage and interactions.
|
|
25
|
+
* Writes listeners/<viewport>.json.
|
|
26
|
+
*/
|
|
27
|
+
export function listenersCollector() {
|
|
28
|
+
return {
|
|
29
|
+
id: 'listeners',
|
|
30
|
+
async top(context) {
|
|
31
|
+
const candidates = await context.page.runWith(findCandidates, { max: 400 });
|
|
32
|
+
context.run.candidates.set(context.viewport.name, candidates);
|
|
33
|
+
if (!context.deep)
|
|
34
|
+
return;
|
|
35
|
+
await context.cdp.send('DOM.enable').catch(() => undefined);
|
|
36
|
+
const scriptFor = new Map(context.run.scripts.map((script) => [script.scriptId, script]));
|
|
37
|
+
const records = [];
|
|
38
|
+
const targets = [
|
|
39
|
+
{ label: 'window', expression: 'window' },
|
|
40
|
+
{ label: 'document', expression: 'document' },
|
|
41
|
+
...candidates.slice(0, MAX_CANDIDATES).map((candidate) => ({
|
|
42
|
+
label: candidate.path,
|
|
43
|
+
expression: `(() => { try { return document.querySelector(${JSON.stringify(candidate.path.split(' >>> ')[0] ?? '')}); } catch { return null; } })()`,
|
|
44
|
+
})),
|
|
45
|
+
];
|
|
46
|
+
const seen = new Set();
|
|
47
|
+
for (const target of targets) {
|
|
48
|
+
let listeners;
|
|
49
|
+
try {
|
|
50
|
+
listeners = await listenersFor(context, target.expression);
|
|
51
|
+
}
|
|
52
|
+
catch {
|
|
53
|
+
continue;
|
|
54
|
+
}
|
|
55
|
+
for (const listener of listeners) {
|
|
56
|
+
// depth:-1 repeats descendants' listeners under each ancestor; keep the first owner.
|
|
57
|
+
const id = `${listener.scriptId}:${String(listener.lineNumber)}:${String(listener.columnNumber)}:${listener.type}:${String(listener.backendNodeId ?? target.label)}`;
|
|
58
|
+
if (seen.has(id))
|
|
59
|
+
continue;
|
|
60
|
+
seen.add(id);
|
|
61
|
+
const script = scriptFor.get(listener.scriptId);
|
|
62
|
+
records.push({
|
|
63
|
+
target: target.label,
|
|
64
|
+
type: listener.type,
|
|
65
|
+
capture: listener.useCapture,
|
|
66
|
+
passive: listener.passive,
|
|
67
|
+
once: listener.once,
|
|
68
|
+
script: script?.file ?? script?.url ?? `script:${listener.scriptId}`,
|
|
69
|
+
line: listener.lineNumber,
|
|
70
|
+
column: listener.columnNumber,
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
records.sort((a, b) => a.target.localeCompare(b.target) ||
|
|
75
|
+
a.type.localeCompare(b.type) ||
|
|
76
|
+
a.script.localeCompare(b.script) ||
|
|
77
|
+
a.line - b.line);
|
|
78
|
+
const file = join('listeners', `${context.viewport.name}.json`);
|
|
79
|
+
await writeJson(join(context.dir, file), { candidates, listeners: records });
|
|
80
|
+
context.run.output('listeners', file);
|
|
81
|
+
},
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
//# sourceMappingURL=listeners.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"listeners.js","sourceRoot":"","sources":["../../../src/capture/collectors/listeners.ts"],"names":[],"mappings":"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"}
|