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,115 @@
|
|
|
1
|
+
const kb = (bytes) => `${Math.round(bytes / 1024).toLocaleString('en')} KB`;
|
|
2
|
+
/** The human- and agent-readable briefing that starts every rebuild. */
|
|
3
|
+
export function renderReport(input) {
|
|
4
|
+
const { manifest, fingerprint, structures, motion, network, stateFiles } = input;
|
|
5
|
+
const lines = [];
|
|
6
|
+
const push = (...rows) => {
|
|
7
|
+
lines.push(...rows);
|
|
8
|
+
};
|
|
9
|
+
push(`# Capture: ${manifest.title || manifest.url}`, '');
|
|
10
|
+
push(`- URL: ${manifest.finalUrl}`);
|
|
11
|
+
push(`- Captured: ${manifest.capturedAt} with ${manifest.browser}`);
|
|
12
|
+
for (const viewport of manifest.viewports) {
|
|
13
|
+
push(`- ${viewport.viewport} ${viewport.width}×${viewport.height}: page height **${viewport.pageHeight}px**, ${viewport.shots.length} screenshots in \`shots/\``);
|
|
14
|
+
}
|
|
15
|
+
push(`- Network: ${manifest.network.entries} responses, ${kb(manifest.network.bytes)}, ${manifest.network.failed} failed`, '');
|
|
16
|
+
push('## Stack and how to rebuild it', '');
|
|
17
|
+
if (!manifest.stack.length)
|
|
18
|
+
push('Nothing specific detected: plain HTML/CSS/JS.', '');
|
|
19
|
+
for (const signal of manifest.stack) {
|
|
20
|
+
push(`### ${signal.label} (${signal.kind})`);
|
|
21
|
+
push(`- Evidence: ${signal.evidence.slice(0, 4).join('; ')}`);
|
|
22
|
+
push(`- Rebuild: ${signal.advice}`, '');
|
|
23
|
+
}
|
|
24
|
+
push('## Content data shipped with the page', '');
|
|
25
|
+
if (!stateFiles.length) {
|
|
26
|
+
push('No hydration data found; take content from `dom/desktop.html`.', '');
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
push('Mine these first: they hold the real copy, links and media in structured form.', '');
|
|
30
|
+
for (const state of stateFiles)
|
|
31
|
+
push(`- \`${state.file}\` (${state.name}, ${kb(state.bytes)})`);
|
|
32
|
+
push('');
|
|
33
|
+
}
|
|
34
|
+
push('## Code worth reading', '');
|
|
35
|
+
const code = network
|
|
36
|
+
.filter((entry) => entry.file && /css|javascript/.test(entry.mimeType))
|
|
37
|
+
.sort((a, b) => b.bytes - a.bytes);
|
|
38
|
+
const styles = code.filter((entry) => entry.mimeType.includes('css'));
|
|
39
|
+
const scripts = code.filter((entry) => entry.mimeType.includes('javascript')).slice(0, 15);
|
|
40
|
+
push('Stylesheets (reuse the compiled CSS when practical):');
|
|
41
|
+
for (const entry of styles)
|
|
42
|
+
push(`- \`${entry.file ?? ''}\` ${kb(entry.bytes)} ← ${entry.url}`);
|
|
43
|
+
push('', 'Largest scripts (animation timelines, shaders and canvas code live here):');
|
|
44
|
+
for (const entry of scripts)
|
|
45
|
+
push(`- \`${entry.file ?? ''}\` ${kb(entry.bytes)} ← ${entry.url}`);
|
|
46
|
+
push('');
|
|
47
|
+
push('## Typography', '');
|
|
48
|
+
const families = [...new Set(fingerprint.fonts.map((font) => font.family))];
|
|
49
|
+
push(`- Loaded font families: ${families.join(', ') || 'system fonts only'}`);
|
|
50
|
+
const desktop = structures.get('desktop') ?? [...structures.values()][0];
|
|
51
|
+
if (desktop) {
|
|
52
|
+
push(`- Most used font stacks: ${desktop.fontStacks.map((f) => `\`${f.value}\``).join(', ')}`);
|
|
53
|
+
push(`- Most used sizes: ${desktop.fontSizes.map((f) => f.value).join(', ')}`, '');
|
|
54
|
+
push('| Tag | Size | Weight | Line height | Tracking | Text |', '|---|---|---|---|---|---|');
|
|
55
|
+
for (const heading of desktop.headings.slice(0, 15)) {
|
|
56
|
+
push(`| ${heading.level} | ${heading.size} | ${heading.weight} | ${heading.lineHeight} | ${heading.letterSpacing} | ${heading.text.replace(/\|/g, '/').slice(0, 60)} |`);
|
|
57
|
+
}
|
|
58
|
+
push('', '## Colours', '');
|
|
59
|
+
push(desktop.colors.map((color) => `\`${color.value}\` ×${color.count}`).join(', '), '');
|
|
60
|
+
}
|
|
61
|
+
for (const [name, structure] of structures) {
|
|
62
|
+
const style = structure.htmlAttributes.style;
|
|
63
|
+
if (style?.includes('--')) {
|
|
64
|
+
push(`## Runtime CSS variables on <html> (${name})`, '');
|
|
65
|
+
push('Set by script at runtime; calibrate them per viewport in the rebuild.', '', '```css', style, '```', '');
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
for (const [name, structure] of structures) {
|
|
69
|
+
push(`## Layout outline (${name})`, '');
|
|
70
|
+
push('| Top | Height | Position | Background | Element | Heading |', '|---|---|---|---|---|---|');
|
|
71
|
+
for (const block of structure.blocks.slice(0, 40)) {
|
|
72
|
+
push(`| ${block.top} | ${block.height} | ${block.position} | ${block.background} | \`${block.selector}\` | ${block.heading.replace(/\|/g, '/').slice(0, 50)} |`);
|
|
73
|
+
}
|
|
74
|
+
if (structure.fixed.length) {
|
|
75
|
+
push('', `Fixed/sticky: ${structure.fixed.map((f) => `\`${f.selector}\` (${f.position})`).join(', ')}`);
|
|
76
|
+
}
|
|
77
|
+
push('');
|
|
78
|
+
}
|
|
79
|
+
push('## Motion map (desktop, values that change with scroll)', '');
|
|
80
|
+
if (!motion.length)
|
|
81
|
+
push('No scroll-linked style changes detected.', '');
|
|
82
|
+
else {
|
|
83
|
+
push(`${String(motion.length)} elements change with scroll. Full curves: \`motion.json\`; tag clone elements with \`data-mc-track="<id>"\`.`, '', '| Track | Element | scrollY range | Properties | Time-based |', '|---|---|---|---|---|');
|
|
84
|
+
for (const track of motion.slice(0, 25)) {
|
|
85
|
+
push(`| ${track.id} | \`${track.path}\` | ${String(track.range[0])}–${String(track.range[1])} | ${Object.keys(track.curves).join(', ')} | ${track.timeBased ? 'yes' : ''} |`);
|
|
86
|
+
}
|
|
87
|
+
push('');
|
|
88
|
+
}
|
|
89
|
+
push('## Time-based animations at load', '');
|
|
90
|
+
const byName = new Map();
|
|
91
|
+
for (const animation of fingerprint.animations) {
|
|
92
|
+
const key = `${animation.type} ${animation.name}`;
|
|
93
|
+
byName.set(key, (byName.get(key) ?? 0) + 1);
|
|
94
|
+
}
|
|
95
|
+
push(byName.size
|
|
96
|
+
? [...byName].map(([key, count]) => `- ${key} ×${count}`).join('\n')
|
|
97
|
+
: 'None running at capture time.');
|
|
98
|
+
push('', `Keyframes defined: ${fingerprint.keyframes.slice(0, 40).join(', ') || 'none'}`);
|
|
99
|
+
push(`Hover rules: ${fingerprint.hoverRules.length} (see \`fingerprint.json\`). Canvases: ${fingerprint.canvases.length}. Videos: ${fingerprint.videos.length}.`, '');
|
|
100
|
+
push('## Assets', '');
|
|
101
|
+
const byType = new Map();
|
|
102
|
+
for (const entry of network) {
|
|
103
|
+
const current = byType.get(entry.resourceType) ?? { count: 0, bytes: 0 };
|
|
104
|
+
byType.set(entry.resourceType, {
|
|
105
|
+
count: current.count + 1,
|
|
106
|
+
bytes: current.bytes + entry.bytes,
|
|
107
|
+
});
|
|
108
|
+
}
|
|
109
|
+
for (const [type, total] of [...byType].sort((a, b) => b[1].bytes - a[1].bytes)) {
|
|
110
|
+
push(`- ${type}: ${total.count} files, ${kb(total.bytes)}`);
|
|
111
|
+
}
|
|
112
|
+
push('', '## Files in this capture', '', '- `capture.json`: manifest; `network.json`: every response with its local file', '- `assets/`: response bodies; `dom/<viewport>.html`: hydrated DOM after scrolling', '- `shots/<viewport>-<y>.png`: reference screenshots', '- `structure-<viewport>.json`, `fingerprint.json`, `motion.json`, `stack.json`', '- `data/`: hydration and JSON data the page shipped', '', 'Next: `multiclone serve <this folder>` for an offline mirror, `multiclone scaffold` to start the rebuild, `multiclone compare` to score it.', '');
|
|
113
|
+
return lines.join('\n');
|
|
114
|
+
}
|
|
115
|
+
//# sourceMappingURL=report.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"report.js","sourceRoot":"","sources":["../../src/capture/report.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,391 @@
|
|
|
1
|
+
import { join, resolve } from 'node:path';
|
|
2
|
+
import { writeBytes, writeJson } from '../core/files.js';
|
|
3
|
+
import { log } from '../core/log.js';
|
|
4
|
+
import { alignSections, cappedScore, curveError, heightSimilarity, sectionScore, textSimilarity, valueError, } from '../domain/compare.js';
|
|
5
|
+
import { changeCount, trackId } from '../domain/motion.js';
|
|
6
|
+
import { DESKTOP, MOBILE } from '../domain/viewports.js';
|
|
7
|
+
import { RunFolder } from '../store/run.js';
|
|
8
|
+
import { cropBand, decodePng, diffImages, downscale, encodePng, sideBySide } from './image.js';
|
|
9
|
+
import { renderCompareHtml } from './report.js';
|
|
10
|
+
import { runSession } from './session.js';
|
|
11
|
+
const WEIGHTS = {
|
|
12
|
+
frames: 0.3,
|
|
13
|
+
sections: 0.35,
|
|
14
|
+
structure: 0.05,
|
|
15
|
+
motion: 0.1,
|
|
16
|
+
hovers: 0.1,
|
|
17
|
+
intro: 0.1,
|
|
18
|
+
};
|
|
19
|
+
const MAX_TRACKS = 40;
|
|
20
|
+
/**
|
|
21
|
+
* Compares a rebuild with the original per viewport: viewport frames, aligned sections, page
|
|
22
|
+
* structure, scroll motion, hover states and the intro. Browsers run one after another.
|
|
23
|
+
*/
|
|
24
|
+
export async function compare(options) {
|
|
25
|
+
const dir = resolve(options.out ?? 'multiclone-compare');
|
|
26
|
+
const viewports = options.viewports ?? [DESKTOP, MOBILE];
|
|
27
|
+
const original = await loadOriginal(options.original);
|
|
28
|
+
log(`multiclone compare\n original ${original.url}\n clone ${options.clone}`);
|
|
29
|
+
const parts = [];
|
|
30
|
+
for (const viewport of viewports) {
|
|
31
|
+
options.signal?.throwIfAborted();
|
|
32
|
+
parts.push(await compareViewport(original, viewport, options, dir));
|
|
33
|
+
}
|
|
34
|
+
const frames = parts.flatMap((part) => part.frames);
|
|
35
|
+
const sections = parts.flatMap((part) => part.sections);
|
|
36
|
+
const structure = parts.map((part) => part.structure);
|
|
37
|
+
const motion = parts.flatMap((part) => part.motion);
|
|
38
|
+
const hovers = parts.flatMap((part) => part.hovers);
|
|
39
|
+
const intro = parts.flatMap((part) => part.intro);
|
|
40
|
+
const heights = parts.map((part) => part.height);
|
|
41
|
+
const partScores = {
|
|
42
|
+
frames: mean(frames.map((frame) => 1 - frame.mismatch)),
|
|
43
|
+
sections: mean(sections.filter((s) => s.status !== 'extra').map((s) => s.score / 100)),
|
|
44
|
+
structure: mean(structure.map((s) => s.outline)),
|
|
45
|
+
motion: mean(motion.map((m) => 1 - m.error)),
|
|
46
|
+
hovers: mean(hovers.map((h) => 1 - h.error)),
|
|
47
|
+
intro: mean(intro.map((i) => 1 - i.mismatch)),
|
|
48
|
+
};
|
|
49
|
+
let weighted = 0;
|
|
50
|
+
let weight = 0;
|
|
51
|
+
for (const [name, value] of Object.entries(partScores)) {
|
|
52
|
+
if (value === null)
|
|
53
|
+
continue;
|
|
54
|
+
const w = WEIGHTS[name];
|
|
55
|
+
weighted += value * w;
|
|
56
|
+
weight += w;
|
|
57
|
+
}
|
|
58
|
+
const completeness = {
|
|
59
|
+
framesCompared: frames.length,
|
|
60
|
+
framesSkipped: parts.reduce((sum, part) => sum + part.skipped, 0),
|
|
61
|
+
sectionsPaired: sections.filter((s) => s.status === 'paired').length,
|
|
62
|
+
sectionsMissing: sections.filter((s) => s.status === 'missing').length,
|
|
63
|
+
sectionsExtra: sections.filter((s) => s.status === 'extra').length,
|
|
64
|
+
dimensionMismatches: parts.reduce((sum, part) => sum + part.dimensionMismatches, 0),
|
|
65
|
+
};
|
|
66
|
+
const raw = weight ? Math.round((weighted / weight) * 1000) / 10 : 0;
|
|
67
|
+
const score = cappedScore(raw, completeness);
|
|
68
|
+
const worst = [...frames].sort((a, b) => b.mismatch - a.mismatch).slice(0, 5);
|
|
69
|
+
const worstSections = sections
|
|
70
|
+
.filter((s) => s.status !== 'extra')
|
|
71
|
+
.sort((a, b) => a.score - b.score)
|
|
72
|
+
.slice(0, 5);
|
|
73
|
+
const result = {
|
|
74
|
+
dir,
|
|
75
|
+
score,
|
|
76
|
+
parts: partScores,
|
|
77
|
+
completeness,
|
|
78
|
+
frames,
|
|
79
|
+
sections,
|
|
80
|
+
structure,
|
|
81
|
+
motion,
|
|
82
|
+
hovers,
|
|
83
|
+
intro,
|
|
84
|
+
heights,
|
|
85
|
+
worst,
|
|
86
|
+
worstSections,
|
|
87
|
+
};
|
|
88
|
+
await writeJson(join(dir, 'compare.json'), {
|
|
89
|
+
original: original.url,
|
|
90
|
+
capture: original.run?.dir ?? null,
|
|
91
|
+
clone: options.clone,
|
|
92
|
+
...result,
|
|
93
|
+
});
|
|
94
|
+
const report = join(dir, 'index.html');
|
|
95
|
+
await writeBytes(report, renderCompareHtml({ original: original.url, clone: options.clone, ...result }));
|
|
96
|
+
log(` score ${String(score)}/100 → ${report}`);
|
|
97
|
+
return { ...result, report };
|
|
98
|
+
}
|
|
99
|
+
async function loadOriginal(spec) {
|
|
100
|
+
if (/^https?:\/\//i.test(spec))
|
|
101
|
+
return { url: spec, run: null };
|
|
102
|
+
const opened = await RunFolder.open(spec);
|
|
103
|
+
if (!opened.ok)
|
|
104
|
+
throw new Error(`${spec} is neither a URL nor a capture: ${opened.error.message}`);
|
|
105
|
+
return { url: opened.value.manifest.finalUrl || opened.value.manifest.url, run: opened.value };
|
|
106
|
+
}
|
|
107
|
+
async function compareViewport(original, viewport, options, dir) {
|
|
108
|
+
const run = original.run;
|
|
109
|
+
const known = run ? await knownSections(run, viewport.name) : [];
|
|
110
|
+
const tracks = run?.viewports[0] === viewport.name ? trackRequests(await run.motion()) : [];
|
|
111
|
+
const hoverSource = run && options.interactions !== false
|
|
112
|
+
? (await run.interactions(viewport.name)).filter((item) => item.hover)
|
|
113
|
+
: [];
|
|
114
|
+
const hoverKeys = hoverSource.slice(0, 40).map((item) => ({
|
|
115
|
+
key: trackId(item.path),
|
|
116
|
+
path: item.path,
|
|
117
|
+
diff: item.hover?.diff ?? {},
|
|
118
|
+
}));
|
|
119
|
+
const relative = options.relative ?? false;
|
|
120
|
+
const count = options.count ?? 6;
|
|
121
|
+
const settleMs = options.settleMs ?? 5000;
|
|
122
|
+
const offsets = options.positions ?? fractions(count);
|
|
123
|
+
const intro = options.intro ?? false;
|
|
124
|
+
const left = await runSession({
|
|
125
|
+
url: original.url,
|
|
126
|
+
viewport,
|
|
127
|
+
settleMs,
|
|
128
|
+
offsets,
|
|
129
|
+
relative: relative || options.positions == null,
|
|
130
|
+
knownSections: known,
|
|
131
|
+
tracks: [],
|
|
132
|
+
hovers: [],
|
|
133
|
+
clone: false,
|
|
134
|
+
intro,
|
|
135
|
+
...(options.signal === undefined ? {} : { signal: options.signal }),
|
|
136
|
+
});
|
|
137
|
+
// The clone is shot at exactly the offsets the original resolved to.
|
|
138
|
+
const right = await runSession({
|
|
139
|
+
url: options.clone,
|
|
140
|
+
viewport,
|
|
141
|
+
settleMs,
|
|
142
|
+
offsets: relative ? offsets : left.frames.map((frame) => frame.y),
|
|
143
|
+
relative,
|
|
144
|
+
knownSections: [],
|
|
145
|
+
tracks,
|
|
146
|
+
hovers: hoverKeys.map((item) => ({
|
|
147
|
+
key: item.key,
|
|
148
|
+
selector: `[data-mc-hover="${item.key}"], [data-mc-track="${item.key}"]`,
|
|
149
|
+
})),
|
|
150
|
+
clone: true,
|
|
151
|
+
intro,
|
|
152
|
+
...(options.signal === undefined ? {} : { signal: options.signal }),
|
|
153
|
+
});
|
|
154
|
+
const frameDiff = await diffFrames(left, right, viewport.name, dir, options.threshold ?? 0.1);
|
|
155
|
+
return {
|
|
156
|
+
frames: frameDiff.frames,
|
|
157
|
+
sections: await diffSections(left, right, viewport.name, dir, options.threshold ?? 0.1),
|
|
158
|
+
structure: diffStructure(left, right, viewport.name),
|
|
159
|
+
motion: diffMotion(tracks, right, viewport.name),
|
|
160
|
+
hovers: hoverKeys.map((item) => diffHover(item, right, viewport.name)),
|
|
161
|
+
intro: await diffIntro(left, right, viewport.name, dir, options.threshold ?? 0.1),
|
|
162
|
+
height: {
|
|
163
|
+
viewport: viewport.name,
|
|
164
|
+
original: left.structure.pageHeight,
|
|
165
|
+
clone: right.structure.pageHeight,
|
|
166
|
+
},
|
|
167
|
+
skipped: frameDiff.skipped,
|
|
168
|
+
dimensionMismatches: frameDiff.dimensionMismatches,
|
|
169
|
+
};
|
|
170
|
+
}
|
|
171
|
+
async function knownSections(run, viewport) {
|
|
172
|
+
const index = await run.json('sections/index.json', []);
|
|
173
|
+
return index.flatMap((section) => {
|
|
174
|
+
const at = section.viewports[viewport];
|
|
175
|
+
return at ? [{ key: section.id, label: section.label, path: at.path }] : [];
|
|
176
|
+
});
|
|
177
|
+
}
|
|
178
|
+
/** The most active scroll-linked tracks, sampled at every offset where the original changed. */
|
|
179
|
+
function trackRequests(motion) {
|
|
180
|
+
return motion
|
|
181
|
+
.filter((track) => !track.timeBased)
|
|
182
|
+
.sort((a, b) => changeCount(b) - changeCount(a) || a.id.localeCompare(b.id))
|
|
183
|
+
.slice(0, MAX_TRACKS)
|
|
184
|
+
.map((track) => {
|
|
185
|
+
const props = Object.keys(track.curves).sort();
|
|
186
|
+
const offsets = [
|
|
187
|
+
...new Set(props.flatMap((prop) => (track.curves[prop] ?? []).map(([y]) => y))),
|
|
188
|
+
].sort((a, b) => a - b);
|
|
189
|
+
return { id: track.id, path: track.path, props, offsets, track };
|
|
190
|
+
});
|
|
191
|
+
}
|
|
192
|
+
async function diffFrames(left, right, viewport, dir, threshold) {
|
|
193
|
+
const frames = [];
|
|
194
|
+
let skipped = 0;
|
|
195
|
+
let dimensionMismatches = 0;
|
|
196
|
+
for (const [index, shot] of left.frames.entries()) {
|
|
197
|
+
const other = right.frames[index];
|
|
198
|
+
if (!other) {
|
|
199
|
+
skipped++;
|
|
200
|
+
continue;
|
|
201
|
+
}
|
|
202
|
+
const a = decodePng(shot.png);
|
|
203
|
+
const b = decodePng(other.png);
|
|
204
|
+
const diff = diffImages(a, b, threshold);
|
|
205
|
+
if (diff.dimensionMismatch)
|
|
206
|
+
dimensionMismatches++;
|
|
207
|
+
const file = join('frames', `${viewport}-${String(shot.y)}.png`);
|
|
208
|
+
await writeBytes(join(dir, file), encodePng(sideBySide([a, b, diff.diff])));
|
|
209
|
+
frames.push({
|
|
210
|
+
viewport,
|
|
211
|
+
y: shot.y,
|
|
212
|
+
originalY: shot.actualY,
|
|
213
|
+
cloneY: other.actualY,
|
|
214
|
+
mismatch: round(diff.mismatch),
|
|
215
|
+
dimensionMismatch: diff.dimensionMismatch,
|
|
216
|
+
meanChannelDelta: Math.round(diff.meanChannelDelta * 10) / 10,
|
|
217
|
+
file,
|
|
218
|
+
});
|
|
219
|
+
}
|
|
220
|
+
return { frames, skipped, dimensionMismatches };
|
|
221
|
+
}
|
|
222
|
+
async function diffSections(left, right, viewport, dir, threshold) {
|
|
223
|
+
const fullLeft = left.full ? decodePng(left.full) : null;
|
|
224
|
+
const fullRight = right.full ? decodePng(right.full) : null;
|
|
225
|
+
const pairs = alignSections(left.structure.sections, right.structure.sections);
|
|
226
|
+
const out = [];
|
|
227
|
+
for (const [index, pair] of pairs.entries()) {
|
|
228
|
+
out.push(await diffSection(pair, index, fullLeft, fullRight, viewport, dir, threshold));
|
|
229
|
+
}
|
|
230
|
+
return out;
|
|
231
|
+
}
|
|
232
|
+
async function diffSection(pair, index, fullLeft, fullRight, viewport, dir, threshold) {
|
|
233
|
+
const { original, clone } = pair;
|
|
234
|
+
if (!original || !clone) {
|
|
235
|
+
return {
|
|
236
|
+
viewport,
|
|
237
|
+
key: pair.key,
|
|
238
|
+
label: pair.label,
|
|
239
|
+
status: original ? 'missing' : 'extra',
|
|
240
|
+
score: 0,
|
|
241
|
+
pixel: null,
|
|
242
|
+
height: null,
|
|
243
|
+
text: 0,
|
|
244
|
+
fonts: 0,
|
|
245
|
+
missingFonts: original ? [...original.fonts] : [],
|
|
246
|
+
file: null,
|
|
247
|
+
};
|
|
248
|
+
}
|
|
249
|
+
let pixel = null;
|
|
250
|
+
let file = null;
|
|
251
|
+
const a = fullLeft ? cropBand(fullLeft, original.top, original.height) : null;
|
|
252
|
+
const b = fullRight ? cropBand(fullRight, clone.top, clone.height) : null;
|
|
253
|
+
if (a && b) {
|
|
254
|
+
const diff = diffImages(a, b, threshold);
|
|
255
|
+
pixel = round(1 - diff.mismatch);
|
|
256
|
+
const factor = Math.max(1, Math.ceil(Math.max(a.height, b.height) / 1600));
|
|
257
|
+
file = join('sections', `${viewport}-${String(index + 1).padStart(2, '0')}.png`);
|
|
258
|
+
await writeBytes(join(dir, file), encodePng(downscale(sideBySide([a, b, diff.diff]), Math.min(factor, 4))));
|
|
259
|
+
}
|
|
260
|
+
const height = heightSimilarity(original.height, clone.height);
|
|
261
|
+
const text = textSimilarity(original.text, clone.text);
|
|
262
|
+
const fonts = setSimilarity(original.fonts, clone.fonts);
|
|
263
|
+
return {
|
|
264
|
+
viewport,
|
|
265
|
+
key: pair.key,
|
|
266
|
+
label: pair.label,
|
|
267
|
+
status: 'paired',
|
|
268
|
+
score: sectionScore({ pixel, height, text, fonts }),
|
|
269
|
+
pixel,
|
|
270
|
+
height: { original: original.height, clone: clone.height },
|
|
271
|
+
text: round(text),
|
|
272
|
+
fonts: round(fonts),
|
|
273
|
+
missingFonts: original.fonts.filter((font) => !clone.fonts.includes(font)),
|
|
274
|
+
file,
|
|
275
|
+
};
|
|
276
|
+
}
|
|
277
|
+
function diffStructure(left, right, viewport) {
|
|
278
|
+
const cloneTops = new Map();
|
|
279
|
+
for (const box of right.structure.boxes) {
|
|
280
|
+
if (!cloneTops.has(box.key))
|
|
281
|
+
cloneTops.set(box.key, box.box[1]);
|
|
282
|
+
}
|
|
283
|
+
const seen = new Set();
|
|
284
|
+
const drift = [];
|
|
285
|
+
for (const box of left.structure.boxes) {
|
|
286
|
+
if (seen.has(box.key))
|
|
287
|
+
continue;
|
|
288
|
+
seen.add(box.key);
|
|
289
|
+
const top = cloneTops.get(box.key);
|
|
290
|
+
if (top !== undefined && top !== box.box[1])
|
|
291
|
+
drift.push({ key: box.key, original: box.box[1], clone: top });
|
|
292
|
+
}
|
|
293
|
+
drift.sort((a, b) => Math.abs(b.clone - b.original) - Math.abs(a.clone - a.original) || a.key.localeCompare(b.key));
|
|
294
|
+
return {
|
|
295
|
+
viewport,
|
|
296
|
+
outline: round(multisetSimilarity(left.structure.outline, right.structure.outline)),
|
|
297
|
+
drift: drift.slice(0, 12),
|
|
298
|
+
missingFonts: left.structure.fonts.filter((font) => !right.structure.fonts.includes(font)),
|
|
299
|
+
};
|
|
300
|
+
}
|
|
301
|
+
function diffMotion(tracks, right, viewport) {
|
|
302
|
+
return tracks.map(({ track, props }) => {
|
|
303
|
+
const sampled = right.tracks[track.id];
|
|
304
|
+
const errors = {};
|
|
305
|
+
for (const prop of props) {
|
|
306
|
+
const reference = track.curves[prop] ?? [];
|
|
307
|
+
const curve = sampled?.[prop];
|
|
308
|
+
errors[prop] = round(curve ? curveError(reference, curve) : 1);
|
|
309
|
+
}
|
|
310
|
+
return {
|
|
311
|
+
viewport,
|
|
312
|
+
id: track.id,
|
|
313
|
+
path: track.path,
|
|
314
|
+
missing: !sampled,
|
|
315
|
+
props: errors,
|
|
316
|
+
error: round(mean(Object.values(errors)) ?? 0),
|
|
317
|
+
};
|
|
318
|
+
});
|
|
319
|
+
}
|
|
320
|
+
function diffHover(item, right, viewport) {
|
|
321
|
+
const reference = item.diff['.'] ?? {};
|
|
322
|
+
const clone = right.hovers[item.key];
|
|
323
|
+
const props = {};
|
|
324
|
+
const errors = [];
|
|
325
|
+
for (const prop of Object.keys(reference).sort()) {
|
|
326
|
+
const expected = reference[prop]?.[1] ?? '';
|
|
327
|
+
const actual = clone?.['.']?.[prop]?.[1] ?? null;
|
|
328
|
+
props[prop] = { original: expected, clone: actual };
|
|
329
|
+
errors.push(actual === null ? 1 : valueError(expected, actual));
|
|
330
|
+
}
|
|
331
|
+
return {
|
|
332
|
+
viewport,
|
|
333
|
+
key: item.key,
|
|
334
|
+
path: item.path,
|
|
335
|
+
missing: !clone,
|
|
336
|
+
props,
|
|
337
|
+
error: round(mean(errors) ?? (clone ? 0 : 1)),
|
|
338
|
+
};
|
|
339
|
+
}
|
|
340
|
+
async function diffIntro(left, right, viewport, dir, threshold) {
|
|
341
|
+
const out = [];
|
|
342
|
+
for (const frame of left.intro) {
|
|
343
|
+
const other = right.intro.find((candidate) => candidate.ms === frame.ms);
|
|
344
|
+
if (!other)
|
|
345
|
+
continue;
|
|
346
|
+
const a = decodePng(frame.png);
|
|
347
|
+
const b = decodePng(other.png);
|
|
348
|
+
const diff = diffImages(a, b, threshold);
|
|
349
|
+
const file = join('intro', `${viewport}-${String(frame.ms)}.png`);
|
|
350
|
+
await writeBytes(join(dir, file), encodePng(downscale(sideBySide([a, b, diff.diff]), 2)));
|
|
351
|
+
out.push({ viewport, ms: frame.ms, mismatch: round(diff.mismatch), file });
|
|
352
|
+
}
|
|
353
|
+
return out;
|
|
354
|
+
}
|
|
355
|
+
function fractions(count) {
|
|
356
|
+
return Array.from({ length: count }, (_, index) => (count === 1 ? 0 : index / (count - 1)));
|
|
357
|
+
}
|
|
358
|
+
function mean(values) {
|
|
359
|
+
return values.length ? values.reduce((sum, value) => sum + value, 0) / values.length : null;
|
|
360
|
+
}
|
|
361
|
+
function round(value) {
|
|
362
|
+
return Math.round(value * 10000) / 10000;
|
|
363
|
+
}
|
|
364
|
+
function setSimilarity(a, b) {
|
|
365
|
+
const left = new Set(a);
|
|
366
|
+
const right = new Set(b);
|
|
367
|
+
if (!left.size && !right.size)
|
|
368
|
+
return 1;
|
|
369
|
+
let shared = 0;
|
|
370
|
+
for (const value of left)
|
|
371
|
+
if (right.has(value))
|
|
372
|
+
shared++;
|
|
373
|
+
return shared / (left.size + right.size - shared);
|
|
374
|
+
}
|
|
375
|
+
function multisetSimilarity(a, b) {
|
|
376
|
+
if (!a.length && !b.length)
|
|
377
|
+
return 1;
|
|
378
|
+
const counts = new Map();
|
|
379
|
+
for (const value of a)
|
|
380
|
+
counts.set(value, (counts.get(value) ?? 0) + 1);
|
|
381
|
+
let shared = 0;
|
|
382
|
+
for (const value of b) {
|
|
383
|
+
const left = counts.get(value) ?? 0;
|
|
384
|
+
if (left > 0) {
|
|
385
|
+
shared++;
|
|
386
|
+
counts.set(value, left - 1);
|
|
387
|
+
}
|
|
388
|
+
}
|
|
389
|
+
return shared / Math.max(a.length, b.length);
|
|
390
|
+
}
|
|
391
|
+
//# sourceMappingURL=compare.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compare.js","sourceRoot":"","sources":["../../src/compare/compare.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EACL,aAAa,EACb,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,UAAU,GAGX,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE3D,OAAO,EAAE,OAAO,EAAE,MAAM,EAAiB,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,UAAU,EAA4D,MAAM,cAAc,CAAC;AAuGpG,MAAM,OAAO,GAAG;IACd,MAAM,EAAE,GAAG;IACX,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,GAAG;IACX,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACX,CAAC;AACF,MAAM,UAAU,GAAG,EAAE,CAAC;AAmBtB;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,OAAO,CAAC,OAAuB;IACnD,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,oBAAoB,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,MAAM,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACtD,GAAG,CAAC,kCAAkC,QAAQ,CAAC,GAAG,gBAAgB,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;IAEnF,MAAM,KAAK,GAAmB,EAAE,CAAC;IACjC,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE,CAAC;QACjC,OAAO,CAAC,MAAM,EAAE,cAAc,EAAE,CAAC;QACjC,KAAK,CAAC,IAAI,CAAC,MAAM,eAAe,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IACtE,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACtD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAEjD,MAAM,UAAU,GAAkC;QAChD,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;QACvD,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;QACtF,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAChD,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;QAC5C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;KAC9C,CAAC;IACF,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;QACvD,IAAI,KAAK,KAAK,IAAI;YAAE,SAAS;QAC7B,MAAM,CAAC,GAAG,OAAO,CAAC,IAA4B,CAAC,CAAC;QAChD,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAC;QACtB,MAAM,IAAI,CAAC,CAAC;IACd,CAAC;IACD,MAAM,YAAY,GAAiB;QACjC,cAAc,EAAE,MAAM,CAAC,MAAM;QAC7B,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QACjE,cAAc,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,MAAM;QACpE,eAAe,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,MAAM;QACtE,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,MAAM;QAClE,mBAAmB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;KACpF,CAAC;IACF,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACrE,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;IAC7C,MAAM,KAAK,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9E,MAAM,aAAa,GAAG,QAAQ;SAC3B,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC;SACnC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;SACjC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEf,MAAM,MAAM,GAAG;QACb,GAAG;QACH,KAAK;QACL,KAAK,EAAE,UAAU;QACjB,YAAY;QACZ,MAAM;QACN,QAAQ;QACR,SAAS;QACT,MAAM;QACN,MAAM;QACN,KAAK;QACL,OAAO;QACP,KAAK;QACL,aAAa;KACd,CAAC;IACF,MAAM,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,cAAc,CAAC,EAAE;QACzC,QAAQ,EAAE,QAAQ,CAAC,GAAG;QACtB,OAAO,EAAE,QAAQ,CAAC,GAAG,EAAE,GAAG,IAAI,IAAI;QAClC,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,GAAG,MAAM;KACV,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;IACvC,MAAM,UAAU,CACd,MAAM,EACN,iBAAiB,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,GAAG,MAAM,EAAE,CAAC,CAC/E,CAAC;IACF,GAAG,CAAC,WAAW,MAAM,CAAC,KAAK,CAAC,UAAU,MAAM,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE,GAAG,MAAM,EAAE,MAAM,EAAE,CAAC;AAC/B,CAAC;AAED,KAAK,UAAU,YAAY,CAAC,IAAY;IACtC,IAAI,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;QAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;IAChE,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1C,IAAI,CAAC,MAAM,CAAC,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,GAAG,IAAI,oCAAoC,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;IACrF,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC;AACjG,CAAC;AAED,KAAK,UAAU,eAAe,CAC5B,QAAkB,EAClB,QAAkB,EAClB,OAAuB,EACvB,GAAW;IAEX,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC;IACzB,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,aAAa,CAAC,GAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,MAAM,MAAM,GAAG,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5F,MAAM,WAAW,GACf,GAAG,IAAI,OAAO,CAAC,YAAY,KAAK,KAAK;QACnC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;QACtE,CAAC,CAAC,EAAE,CAAC;IACT,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACxD,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;QACvB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE;KAC7B,CAAC,CAAC,CAAC;IACJ,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,KAAK,CAAC;IAC3C,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC;IAC1C,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC;IAErC,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC;QAC5B,GAAG,EAAE,QAAQ,CAAC,GAAG;QACjB,QAAQ;QACR,QAAQ;QACR,OAAO;QACP,QAAQ,EAAE,QAAQ,IAAI,OAAO,CAAC,SAAS,IAAI,IAAI;QAC/C,aAAa,EAAE,KAAK;QACpB,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,KAAK;QACZ,KAAK;QACL,GAAG,CAAC,OAAO,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC;KACpE,CAAC,CAAC;IACH,qEAAqE;IACrE,MAAM,KAAK,GAAG,MAAM,UAAU,CAAC;QAC7B,GAAG,EAAE,OAAO,CAAC,KAAK;QAClB,QAAQ;QACR,QAAQ;QACR,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QACjE,QAAQ;QACR,aAAa,EAAE,EAAE;QACjB,MAAM;QACN,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAgB,EAAE,CAAC,CAAC;YAC7C,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,QAAQ,EAAE,mBAAmB,IAAI,CAAC,GAAG,uBAAuB,IAAI,CAAC,GAAG,IAAI;SACzE,CAAC,CAAC;QACH,KAAK,EAAE,IAAI;QACX,KAAK;QACL,GAAG,CAAC,OAAO,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC;KACpE,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,MAAM,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,SAAS,IAAI,GAAG,CAAC,CAAC;IAC9F,OAAO;QACL,MAAM,EAAE,SAAS,CAAC,MAAM;QACxB,QAAQ,EAAE,MAAM,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,SAAS,IAAI,GAAG,CAAC;QACvF,SAAS,EAAE,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC;QACpD,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC;QAChD,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;QACtE,KAAK,EAAE,MAAM,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,SAAS,IAAI,GAAG,CAAC;QACjF,MAAM,EAAE;YACN,QAAQ,EAAE,QAAQ,CAAC,IAAI;YACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU;YACnC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU;SAClC;QACD,OAAO,EAAE,SAAS,CAAC,OAAO;QAC1B,mBAAmB,EAAE,SAAS,CAAC,mBAAmB;KACnD,CAAC;AACJ,CAAC;AAED,KAAK,UAAU,aAAa,CAC1B,GAAc,EACd,QAAgB;IAEhB,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC,IAAI,CAE1B,qBAAqB,EAAE,EAAE,CAAC,CAAC;IAC7B,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC/B,MAAM,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACvC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9E,CAAC,CAAC,CAAC;AACL,CAAC;AAED,gGAAgG;AAChG,SAAS,aAAa,CAAC,MAA8B;IACnD,OAAO,MAAM;SACV,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;SACnC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SAC3E,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;SACpB,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACb,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC;QAC/C,MAAM,OAAO,GAAG;YACd,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;SAChF,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACxB,OAAO,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACnE,CAAC,CAAC,CAAC;AACP,CAAC;AAED,KAAK,UAAU,UAAU,CACvB,IAAmB,EACnB,KAAoB,EACpB,QAAgB,EAChB,GAAW,EACX,SAAiB;IAEjB,MAAM,MAAM,GAAkB,EAAE,CAAC;IACjC,IAAI,OAAO,GAAG,CAAC,CAAC;IAChB,IAAI,mBAAmB,GAAG,CAAC,CAAC;IAC5B,KAAK,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC;QAClD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAClC,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,EAAE,CAAC;YACV,SAAS;QACX,CAAC;QACD,MAAM,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC9B,MAAM,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;QACzC,IAAI,IAAI,CAAC,iBAAiB;YAAE,mBAAmB,EAAE,CAAC;QAClD,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QACjE,MAAM,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5E,MAAM,CAAC,IAAI,CAAC;YACV,QAAQ;YACR,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,SAAS,EAAE,IAAI,CAAC,OAAO;YACvB,MAAM,EAAE,KAAK,CAAC,OAAO;YACrB,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC9B,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;YACzC,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC,GAAG,EAAE;YAC7D,IAAI;SACL,CAAC,CAAC;IACL,CAAC;IACD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAClD,CAAC;AAED,KAAK,UAAU,YAAY,CACzB,IAAmB,EACnB,KAAoB,EACpB,QAAgB,EAChB,GAAW,EACX,SAAiB;IAEjB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACzD,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5D,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC/E,MAAM,GAAG,GAAoB,EAAE,CAAC;IAChC,KAAK,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;QAC5C,GAAG,CAAC,IAAI,CAAC,MAAM,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC;IAC1F,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,KAAK,UAAU,WAAW,CACxB,IAAiB,EACjB,KAAa,EACb,QAAoB,EACpB,SAAqB,EACrB,QAAgB,EAChB,GAAW,EACX,SAAiB;IAEjB,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACjC,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;QACxB,OAAO;YACL,QAAQ;YACR,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;YACtC,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;YACjD,IAAI,EAAE,IAAI;SACX,CAAC;IACJ,CAAC;IACD,IAAI,KAAK,GAAkB,IAAI,CAAC;IAChC,IAAI,IAAI,GAAkB,IAAI,CAAC;IAC/B,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9E,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1E,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QACX,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;QACzC,KAAK,GAAG,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;QAC3E,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,GAAG,QAAQ,IAAI,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;QACjF,MAAM,UAAU,CACd,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,EACf,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CACzE,CAAC;IACJ,CAAC;IACD,MAAM,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/D,MAAM,IAAI,GAAG,cAAc,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACzD,OAAO;QACL,QAAQ;QACR,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;QACnD,KAAK;QACL,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE;QAC1D,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC;QACjB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;QACnB,YAAY,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC1E,IAAI;KACL,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CACpB,IAAmB,EACnB,KAAoB,EACpB,QAAgB;IAEhB,MAAM,SAAS,GAAG,IAAI,GAAG,EAAkB,CAAC;IAC5C,KAAK,MAAM,GAAG,IAAI,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACxC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAClE,CAAC;IACD,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;IAC/B,MAAM,KAAK,GAAuD,EAAE,CAAC;IACrE,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACvC,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,SAAS;QAChC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAClB,MAAM,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACnC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;YACzC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IACnE,CAAC;IACD,KAAK,CAAC,IAAI,CACR,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACP,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAChG,CAAC;IACF,OAAO;QACL,QAAQ;QACR,OAAO,EAAE,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACnF,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;QACzB,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KAC3F,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CACjB,MAA0D,EAC1D,KAAoB,EACpB,QAAgB;IAEhB,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;QACrC,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,MAAM,GAA2B,EAAE,CAAC;QAC1C,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YAC3C,MAAM,KAAK,GAAG,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC;YAC9B,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACjE,CAAC;QACD,OAAO;YACL,QAAQ;YACR,EAAE,EAAE,KAAK,CAAC,EAAE;YACZ,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,OAAO,EAAE,CAAC,OAAO;YACjB,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;SAC/C,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,SAAS,CAChB,IAA2F,EAC3F,KAAoB,EACpB,QAAgB;IAEhB,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;IACvC,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrC,MAAM,KAAK,GAA+D,EAAE,CAAC;IAC7E,MAAM,MAAM,GAAa,EAAE,CAAC;IAC5B,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;QACjD,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAC5C,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;QACjD,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QACpD,MAAM,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAClE,CAAC;IACD,OAAO;QACL,QAAQ;QACR,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,OAAO,EAAE,CAAC,KAAK;QACf,KAAK;QACL,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAC9C,CAAC;AACJ,CAAC;AAED,KAAK,UAAU,SAAS,CACtB,IAAmB,EACnB,KAAoB,EACpB,QAAgB,EAChB,GAAW,EACX,SAAiB;IAEjB,MAAM,GAAG,GAAkB,EAAE,CAAC;IAC9B,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAAC,CAAC;QACzE,IAAI,CAAC,KAAK;YAAE,SAAS;QACrB,MAAM,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;QACzC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;QAClE,MAAM,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1F,GAAG,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7E,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,SAAS,SAAS,CAAC,KAAa;IAC9B,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAC9F,CAAC;AAED,SAAS,IAAI,CAAC,MAAyB;IACrC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AAC9F,CAAC;AAED,SAAS,KAAK,CAAC,KAAa;IAC1B,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC;AAC3C,CAAC;AAED,SAAS,aAAa,CAAC,CAAoB,EAAE,CAAoB;IAC/D,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;IACxB,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;IACzB,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI;QAAE,OAAO,CAAC,CAAC;IACxC,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,KAAK,MAAM,KAAK,IAAI,IAAI;QAAE,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;YAAE,MAAM,EAAE,CAAC;IACzD,OAAO,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;AACpD,CAAC;AAED,SAAS,kBAAkB,CAAC,CAAoB,EAAE,CAAoB;IACpE,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;QAAE,OAAO,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,IAAI,GAAG,EAAkB,CAAC;IACzC,KAAK,MAAM,KAAK,IAAI,CAAC;QAAE,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACvE,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,KAAK,MAAM,KAAK,IAAI,CAAC,EAAE,CAAC;QACtB,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,IAAI,GAAG,CAAC,EAAE,CAAC;YACb,MAAM,EAAE,CAAC;YACT,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IACD,OAAO,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,CAAC"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import pixelmatch from 'pixelmatch';
|
|
2
|
+
import { PNG } from 'pngjs';
|
|
3
|
+
export function decodePng(data) {
|
|
4
|
+
return PNG.sync.read(data);
|
|
5
|
+
}
|
|
6
|
+
export function encodePng(image) {
|
|
7
|
+
return PNG.sync.write(image);
|
|
8
|
+
}
|
|
9
|
+
/** Copies `image` onto a canvas of the given size (cropping or padding with dark grey). */
|
|
10
|
+
function fit(image, width, height) {
|
|
11
|
+
const out = new PNG({ width, height });
|
|
12
|
+
out.data.fill(40);
|
|
13
|
+
for (let y = 0; y < Math.min(height, image.height); y++) {
|
|
14
|
+
const rowBytes = Math.min(width, image.width) * 4;
|
|
15
|
+
const from = y * image.width * 4;
|
|
16
|
+
image.data.copy(out.data, y * width * 4, from, from + rowBytes);
|
|
17
|
+
}
|
|
18
|
+
return out;
|
|
19
|
+
}
|
|
20
|
+
/** Channel statistics over the overlapping area of two images. */
|
|
21
|
+
export function channelDelta(a, b) {
|
|
22
|
+
const width = Math.min(a.width, b.width);
|
|
23
|
+
const height = Math.min(a.height, b.height);
|
|
24
|
+
let max = 0;
|
|
25
|
+
let sum = 0;
|
|
26
|
+
let count = 0;
|
|
27
|
+
for (let y = 0; y < height; y++) {
|
|
28
|
+
for (let x = 0; x < width; x++) {
|
|
29
|
+
const i = (y * a.width + x) * 4;
|
|
30
|
+
const j = (y * b.width + x) * 4;
|
|
31
|
+
for (let c = 0; c < 3; c++) {
|
|
32
|
+
const delta = Math.abs((a.data[i + c] ?? 0) - (b.data[j + c] ?? 0));
|
|
33
|
+
if (delta > max)
|
|
34
|
+
max = delta;
|
|
35
|
+
sum += delta;
|
|
36
|
+
count++;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
return { max, mean: count ? Math.round((sum / count) * 100) / 100 : 0 };
|
|
41
|
+
}
|
|
42
|
+
/** Crops a horizontal band [top, top+height) out of an image (clamped). */
|
|
43
|
+
export function cropBand(image, top, height) {
|
|
44
|
+
const y = Math.max(0, Math.min(image.height, Math.round(top)));
|
|
45
|
+
const h = Math.max(0, Math.min(image.height - y, Math.round(height)));
|
|
46
|
+
if (h < 2)
|
|
47
|
+
return null;
|
|
48
|
+
const out = new PNG({ width: image.width, height: h });
|
|
49
|
+
PNG.bitblt(image, out, 0, y, image.width, h, 0, 0);
|
|
50
|
+
return out;
|
|
51
|
+
}
|
|
52
|
+
/** Scales an image down by an integer factor (nearest), for compact report thumbnails. */
|
|
53
|
+
export function downscale(image, factor) {
|
|
54
|
+
if (factor <= 1)
|
|
55
|
+
return image;
|
|
56
|
+
const width = Math.max(1, Math.floor(image.width / factor));
|
|
57
|
+
const height = Math.max(1, Math.floor(image.height / factor));
|
|
58
|
+
const out = new PNG({ width, height });
|
|
59
|
+
for (let y = 0; y < height; y++) {
|
|
60
|
+
for (let x = 0; x < width; x++) {
|
|
61
|
+
const from = (y * factor * image.width + x * factor) * 4;
|
|
62
|
+
image.data.copy(out.data, (y * width + x) * 4, from, from + 4);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
return out;
|
|
66
|
+
}
|
|
67
|
+
export function diffImages(a, b, threshold = 0.1) {
|
|
68
|
+
const width = Math.max(a.width, b.width);
|
|
69
|
+
const height = Math.max(a.height, b.height);
|
|
70
|
+
const left = fit(a, width, height);
|
|
71
|
+
const right = fit(b, width, height);
|
|
72
|
+
const diff = new PNG({ width, height });
|
|
73
|
+
const changed = pixelmatch(left.data, right.data, diff.data, width, height, {
|
|
74
|
+
threshold,
|
|
75
|
+
alpha: 0.25,
|
|
76
|
+
diffColor: [255, 0, 80],
|
|
77
|
+
});
|
|
78
|
+
const delta = channelDelta(a, b);
|
|
79
|
+
return {
|
|
80
|
+
mismatch: changed / (width * height),
|
|
81
|
+
diff,
|
|
82
|
+
dimensionMismatch: a.width !== b.width || a.height !== b.height,
|
|
83
|
+
maxChannelDelta: delta.max,
|
|
84
|
+
meanChannelDelta: delta.mean,
|
|
85
|
+
};
|
|
86
|
+
}
|
|
87
|
+
/** Lays images side by side with a gap, top-aligned. */
|
|
88
|
+
export function sideBySide(images, gap = 12) {
|
|
89
|
+
const width = images.reduce((sum, image) => sum + image.width, 0) + gap * (images.length - 1);
|
|
90
|
+
const height = Math.max(...images.map((image) => image.height));
|
|
91
|
+
const out = new PNG({ width, height });
|
|
92
|
+
for (let index = 0; index < out.data.length; index += 4) {
|
|
93
|
+
out.data[index] = 255;
|
|
94
|
+
out.data[index + 1] = 255;
|
|
95
|
+
out.data[index + 2] = 255;
|
|
96
|
+
out.data[index + 3] = 255;
|
|
97
|
+
}
|
|
98
|
+
let x = 0;
|
|
99
|
+
for (const image of images) {
|
|
100
|
+
PNG.bitblt(image, out, 0, 0, image.width, image.height, x, 0);
|
|
101
|
+
x += image.width + gap;
|
|
102
|
+
}
|
|
103
|
+
return out;
|
|
104
|
+
}
|
|
105
|
+
//# sourceMappingURL=image.js.map
|