ugly-app 0.1.488 → 0.1.490
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cli/version.d.ts +1 -1
- package/dist/cli/version.js +1 -1
- package/dist/client/bootstrapApp.d.ts.map +1 -1
- package/dist/client/bootstrapApp.js +2 -0
- package/dist/client/bootstrapApp.js.map +1 -1
- package/dist/client/index.d.ts +2 -0
- package/dist/client/index.d.ts.map +1 -1
- package/dist/client/index.js +1 -0
- package/dist/client/index.js.map +1 -1
- package/dist/client/inspect/animations.d.ts +4 -0
- package/dist/client/inspect/animations.d.ts.map +1 -0
- package/dist/client/inspect/animations.js +111 -0
- package/dist/client/inspect/animations.js.map +1 -0
- package/dist/client/inspect/buffer.d.ts +11 -0
- package/dist/client/inspect/buffer.d.ts.map +1 -0
- package/dist/client/inspect/buffer.js +35 -0
- package/dist/client/inspect/buffer.js.map +1 -0
- package/dist/client/inspect/cls.d.ts +3 -0
- package/dist/client/inspect/cls.d.ts.map +1 -0
- package/dist/client/inspect/cls.js +43 -0
- package/dist/client/inspect/cls.js.map +1 -0
- package/dist/client/inspect/index.d.ts +6 -0
- package/dist/client/inspect/index.d.ts.map +1 -0
- package/dist/client/inspect/index.js +47 -0
- package/dist/client/inspect/index.js.map +1 -0
- package/dist/client/inspect/keyboard.d.ts +3 -0
- package/dist/client/inspect/keyboard.d.ts.map +1 -0
- package/dist/client/inspect/keyboard.js +66 -0
- package/dist/client/inspect/keyboard.js.map +1 -0
- package/dist/client/inspect/longtasks.d.ts +3 -0
- package/dist/client/inspect/longtasks.d.ts.map +1 -0
- package/dist/client/inspect/longtasks.js +23 -0
- package/dist/client/inspect/longtasks.js.map +1 -0
- package/dist/client/inspect/overlap.d.ts +5 -0
- package/dist/client/inspect/overlap.d.ts.map +1 -0
- package/dist/client/inspect/overlap.js +68 -0
- package/dist/client/inspect/overlap.js.map +1 -0
- package/dist/client/inspect/popups.d.ts +3 -0
- package/dist/client/inspect/popups.d.ts.map +1 -0
- package/dist/client/inspect/popups.js +116 -0
- package/dist/client/inspect/popups.js.map +1 -0
- package/dist/client/inspect/report.d.ts +33 -0
- package/dist/client/inspect/report.d.ts.map +1 -0
- package/dist/client/inspect/report.js +126 -0
- package/dist/client/inspect/report.js.map +1 -0
- package/dist/client/inspect/route.d.ts +3 -0
- package/dist/client/inspect/route.d.ts.map +1 -0
- package/dist/client/inspect/route.js +30 -0
- package/dist/client/inspect/route.js.map +1 -0
- package/dist/client/inspect/safearea.d.ts +5 -0
- package/dist/client/inspect/safearea.d.ts.map +1 -0
- package/dist/client/inspect/safearea.js +57 -0
- package/dist/client/inspect/safearea.js.map +1 -0
- package/dist/client/inspect/selectors.d.ts +4 -0
- package/dist/client/inspect/selectors.d.ts.map +1 -0
- package/dist/client/inspect/selectors.js +26 -0
- package/dist/client/inspect/selectors.js.map +1 -0
- package/dist/client/inspect/types.d.ts +115 -0
- package/dist/client/inspect/types.d.ts.map +1 -0
- package/dist/client/inspect/types.js +8 -0
- package/dist/client/inspect/types.js.map +1 -0
- package/dist/playwright/index.d.ts +23 -0
- package/dist/playwright/index.d.ts.map +1 -1
- package/dist/playwright/index.js +83 -0
- package/dist/playwright/index.js.map +1 -1
- package/package.json +1 -1
- package/src/cli/version.ts +1 -1
- package/src/client/bootstrapApp.tsx +2 -0
- package/src/client/index.ts +14 -0
- package/src/client/inspect/animations.ts +121 -0
- package/src/client/inspect/buffer.ts +35 -0
- package/src/client/inspect/cls.ts +45 -0
- package/src/client/inspect/index.ts +70 -0
- package/src/client/inspect/keyboard.ts +77 -0
- package/src/client/inspect/longtasks.ts +21 -0
- package/src/client/inspect/overlap.ts +67 -0
- package/src/client/inspect/popups.ts +123 -0
- package/src/client/inspect/report.ts +195 -0
- package/src/client/inspect/route.ts +38 -0
- package/src/client/inspect/safearea.ts +53 -0
- package/src/client/inspect/selectors.ts +25 -0
- package/src/client/inspect/types.ts +119 -0
- package/src/playwright/index.ts +163 -0
- package/templates/.claude/skills/bot-swarm/SKILL.md +11 -2
- package/templates/.claude/skills/verify-ux/SKILL.md +72 -0
- package/templates/CLAUDE.md +16 -0
- package/templates/bots/feedback/run-bot.mjs +45 -1
- package/templates/client/allPages.ts +4 -0
- package/templates/client/pages/InspectFixtureOtherPage.tsx +14 -0
- package/templates/client/pages/InspectFixturePage.tsx +216 -0
- package/templates/shared/pages.ts +4 -0
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import { now } from './report.js';
|
|
2
|
+
import { describeElement } from './selectors.js';
|
|
3
|
+
const POPUP_SELECTOR = '[role=dialog], [role=alertdialog], [data-popup], [data-toast], [role=status]';
|
|
4
|
+
export function installPopups(state) {
|
|
5
|
+
if (typeof MutationObserver === 'undefined')
|
|
6
|
+
return;
|
|
7
|
+
if (typeof document === 'undefined')
|
|
8
|
+
return;
|
|
9
|
+
const tracked = new WeakSet();
|
|
10
|
+
const obs = new MutationObserver((mutations) => {
|
|
11
|
+
for (const m of mutations) {
|
|
12
|
+
for (const node of Array.from(m.addedNodes)) {
|
|
13
|
+
if (node.nodeType !== 1)
|
|
14
|
+
continue;
|
|
15
|
+
const el = node;
|
|
16
|
+
scanForPopups(el, tracked, state);
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
obs.observe(document.body, { childList: true, subtree: true });
|
|
21
|
+
scanForPopups(document.body, tracked, state);
|
|
22
|
+
}
|
|
23
|
+
function scanForPopups(root, tracked, state) {
|
|
24
|
+
const candidates = [];
|
|
25
|
+
if (root.matches?.(POPUP_SELECTOR))
|
|
26
|
+
candidates.push(root);
|
|
27
|
+
const inside = root.querySelectorAll?.(POPUP_SELECTOR);
|
|
28
|
+
if (inside)
|
|
29
|
+
candidates.push(...Array.from(inside));
|
|
30
|
+
for (const el of candidates) {
|
|
31
|
+
if (tracked.has(el))
|
|
32
|
+
continue;
|
|
33
|
+
tracked.add(el);
|
|
34
|
+
recordPopup(el, state);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
function recordPopup(el, state) {
|
|
38
|
+
const mountStart = now();
|
|
39
|
+
const observer = new MutationObserver(() => {
|
|
40
|
+
// observe attribute changes for animation class flips
|
|
41
|
+
});
|
|
42
|
+
observer.observe(el, {
|
|
43
|
+
attributes: true,
|
|
44
|
+
attributeFilter: ['style', 'class'],
|
|
45
|
+
});
|
|
46
|
+
let enterDoneAt = mountStart;
|
|
47
|
+
let droppedFrames = 0;
|
|
48
|
+
const startStyle = window.getComputedStyle(el);
|
|
49
|
+
const transitionMs = parseTransitionMs(startStyle.transitionDuration);
|
|
50
|
+
const animationMs = parseTransitionMs(startStyle.animationDuration);
|
|
51
|
+
const expectedMs = Math.max(transitionMs, animationMs);
|
|
52
|
+
const finish = () => {
|
|
53
|
+
observer.disconnect();
|
|
54
|
+
const entry = {
|
|
55
|
+
ts: mountStart,
|
|
56
|
+
selector: describeElement(el),
|
|
57
|
+
mountMs: enterDoneAt - mountStart,
|
|
58
|
+
enterAnimationMs: expectedMs,
|
|
59
|
+
droppedFrames,
|
|
60
|
+
};
|
|
61
|
+
state.popups.push(entry);
|
|
62
|
+
};
|
|
63
|
+
const onEnd = () => {
|
|
64
|
+
enterDoneAt = now();
|
|
65
|
+
el.removeEventListener('animationend', onEnd);
|
|
66
|
+
el.removeEventListener('transitionend', onEnd);
|
|
67
|
+
finish();
|
|
68
|
+
};
|
|
69
|
+
if (expectedMs > 0) {
|
|
70
|
+
el.addEventListener('animationend', onEnd, { once: true });
|
|
71
|
+
el.addEventListener('transitionend', onEnd, { once: true });
|
|
72
|
+
setTimeout(() => {
|
|
73
|
+
if (!enterDoneAt || enterDoneAt === mountStart) {
|
|
74
|
+
enterDoneAt = now();
|
|
75
|
+
finish();
|
|
76
|
+
}
|
|
77
|
+
}, expectedMs + 500);
|
|
78
|
+
}
|
|
79
|
+
else {
|
|
80
|
+
enterDoneAt = now();
|
|
81
|
+
finish();
|
|
82
|
+
}
|
|
83
|
+
// Frame drop sampling during enter animation
|
|
84
|
+
if (expectedMs > 0 && typeof requestAnimationFrame !== 'undefined') {
|
|
85
|
+
const budget = 1000 / 60;
|
|
86
|
+
let last = now();
|
|
87
|
+
const sample = () => {
|
|
88
|
+
const t = now();
|
|
89
|
+
const delta = t - last;
|
|
90
|
+
last = t;
|
|
91
|
+
if (delta > budget * 1.5) {
|
|
92
|
+
droppedFrames += Math.floor(delta / budget) - 1;
|
|
93
|
+
}
|
|
94
|
+
if (t - mountStart < expectedMs)
|
|
95
|
+
requestAnimationFrame(sample);
|
|
96
|
+
};
|
|
97
|
+
requestAnimationFrame(sample);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
function parseTransitionMs(value) {
|
|
101
|
+
if (!value)
|
|
102
|
+
return 0;
|
|
103
|
+
const parts = value.split(',').map((p) => p.trim());
|
|
104
|
+
let max = 0;
|
|
105
|
+
for (const p of parts) {
|
|
106
|
+
let ms = 0;
|
|
107
|
+
if (p.endsWith('ms'))
|
|
108
|
+
ms = parseFloat(p);
|
|
109
|
+
else if (p.endsWith('s'))
|
|
110
|
+
ms = parseFloat(p) * 1000;
|
|
111
|
+
if (ms > max)
|
|
112
|
+
max = ms;
|
|
113
|
+
}
|
|
114
|
+
return max;
|
|
115
|
+
}
|
|
116
|
+
//# sourceMappingURL=popups.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popups.js","sourceRoot":"","sources":["../../../src/client/inspect/popups.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { RingBuffer } from './buffer.js';
|
|
2
|
+
import { type AnimationEntry, type ClsSpike, type CoveredInput, type LongTaskEntry, type OverlapEntry, type PopupEntry, type RouteTransition, type SafeAreaViolation, type UglyInspectConfig, type UglyInspectReport } from './types.js';
|
|
3
|
+
export interface InspectState {
|
|
4
|
+
config: UglyInspectConfig;
|
|
5
|
+
cls: RingBuffer<ClsSpike>;
|
|
6
|
+
longTasks: RingBuffer<LongTaskEntry>;
|
|
7
|
+
overlaps: RingBuffer<OverlapEntry>;
|
|
8
|
+
safeAreaViolations: RingBuffer<SafeAreaViolation>;
|
|
9
|
+
animations: RingBuffer<AnimationEntry>;
|
|
10
|
+
popups: RingBuffer<PopupEntry>;
|
|
11
|
+
routeTransitions: RingBuffer<RouteTransition>;
|
|
12
|
+
startedAt: number;
|
|
13
|
+
onDemandOverlaps: () => OverlapEntry[];
|
|
14
|
+
onDemandSafeArea: () => SafeAreaViolation[];
|
|
15
|
+
onDemandKeyboard: () => {
|
|
16
|
+
isOpen: boolean;
|
|
17
|
+
height: number;
|
|
18
|
+
coveredInputs: CoveredInput[];
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
export declare function createState(overrides?: Partial<UglyInspectConfig>): InspectState;
|
|
22
|
+
export declare function now(): number;
|
|
23
|
+
export declare function readReport(state: InspectState, opts?: {
|
|
24
|
+
since?: number;
|
|
25
|
+
}): UglyInspectReport;
|
|
26
|
+
export declare function readSafeAreaInsets(): {
|
|
27
|
+
t: number;
|
|
28
|
+
r: number;
|
|
29
|
+
b: number;
|
|
30
|
+
l: number;
|
|
31
|
+
};
|
|
32
|
+
export declare function emit(state: InspectState, event: string, data: Record<string, unknown>): void;
|
|
33
|
+
//# sourceMappingURL=report.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"report.d.ts","sourceRoot":"","sources":["../../../src/client/inspect/report.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,QAAQ,EACb,KAAK,YAAY,EAEjB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACvB,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,GAAG,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC1B,SAAS,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC;IACrC,QAAQ,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACnC,kBAAkB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAClD,UAAU,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IACvC,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC/B,gBAAgB,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IAC9C,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,YAAY,EAAE,CAAC;IACvC,gBAAgB,EAAE,MAAM,iBAAiB,EAAE,CAAC;IAC5C,gBAAgB,EAAE,MAAM;QACtB,MAAM,EAAE,OAAO,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,aAAa,EAAE,YAAY,EAAE,CAAC;KAC/B,CAAC;CACH;AAED,wBAAgB,WAAW,CACzB,SAAS,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,GACrC,YAAY,CAgBd;AAED,wBAAgB,GAAG,IAAI,MAAM,CAI5B;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,YAAY,EACnB,IAAI,CAAC,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GACxB,iBAAiB,CA2CnB;AAmCD,wBAAgB,kBAAkB,IAAI;IACpC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAuCA;AAED,wBAAgB,IAAI,CAClB,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC5B,IAAI,CAGN"}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import { RingBuffer } from './buffer.js';
|
|
2
|
+
import { DEFAULT_CONFIG, } from './types.js';
|
|
3
|
+
export function createState(overrides) {
|
|
4
|
+
const config = { ...DEFAULT_CONFIG, ...overrides };
|
|
5
|
+
return {
|
|
6
|
+
config,
|
|
7
|
+
cls: new RingBuffer(config.bufferSize),
|
|
8
|
+
longTasks: new RingBuffer(config.bufferSize),
|
|
9
|
+
overlaps: new RingBuffer(config.bufferSize),
|
|
10
|
+
safeAreaViolations: new RingBuffer(config.bufferSize),
|
|
11
|
+
animations: new RingBuffer(config.bufferSize),
|
|
12
|
+
popups: new RingBuffer(config.bufferSize),
|
|
13
|
+
routeTransitions: new RingBuffer(config.bufferSize),
|
|
14
|
+
startedAt: now(),
|
|
15
|
+
onDemandOverlaps: () => [],
|
|
16
|
+
onDemandSafeArea: () => [],
|
|
17
|
+
onDemandKeyboard: () => ({ isOpen: false, height: 0, coveredInputs: [] }),
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
export function now() {
|
|
21
|
+
if (typeof performance !== 'undefined' && performance.now)
|
|
22
|
+
return performance.timeOrigin + performance.now();
|
|
23
|
+
return Date.now();
|
|
24
|
+
}
|
|
25
|
+
export function readReport(state, opts) {
|
|
26
|
+
const since = opts?.since ?? state.startedAt;
|
|
27
|
+
const getTs = (e) => e.ts;
|
|
28
|
+
const clsSpikes = state.cls.since(since, getTs);
|
|
29
|
+
const longTasks = state.longTasks.since(since, getTs);
|
|
30
|
+
const continuousOverlaps = state.overlaps.since(since, getTs);
|
|
31
|
+
const continuousSafeArea = state.safeAreaViolations.since(since, getTs);
|
|
32
|
+
const animations = state.animations.since(since, getTs);
|
|
33
|
+
const popups = state.popups.since(since, getTs);
|
|
34
|
+
const routeTransitions = state.routeTransitions.since(since, getTs);
|
|
35
|
+
const overlaps = mergeUnique(continuousOverlaps, state.onDemandOverlaps(), (e) => `${e.a.selector}|${e.b.selector}`);
|
|
36
|
+
const safeAreaViolations = mergeUnique(continuousSafeArea, state.onDemandSafeArea(), (e) => `${e.selector}|${e.side}`);
|
|
37
|
+
const keyboard = state.onDemandKeyboard();
|
|
38
|
+
const viewport = getViewport();
|
|
39
|
+
const path = typeof window !== 'undefined' ? window.location.pathname : '/';
|
|
40
|
+
return {
|
|
41
|
+
viewport,
|
|
42
|
+
route: { path, transitions: routeTransitions },
|
|
43
|
+
cls: {
|
|
44
|
+
total: clsSpikes.reduce((s, e) => s + e.value, 0),
|
|
45
|
+
spikes: clsSpikes,
|
|
46
|
+
},
|
|
47
|
+
longTasks,
|
|
48
|
+
overlaps,
|
|
49
|
+
safeAreaViolations,
|
|
50
|
+
keyboard,
|
|
51
|
+
animations,
|
|
52
|
+
popups,
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
function mergeUnique(a, b, keyOf) {
|
|
56
|
+
const seen = new Set();
|
|
57
|
+
const out = [];
|
|
58
|
+
for (const item of a) {
|
|
59
|
+
const k = keyOf(item);
|
|
60
|
+
if (!seen.has(k)) {
|
|
61
|
+
seen.add(k);
|
|
62
|
+
out.push(item);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
for (const item of b) {
|
|
66
|
+
const k = keyOf(item);
|
|
67
|
+
if (!seen.has(k)) {
|
|
68
|
+
seen.add(k);
|
|
69
|
+
out.push(item);
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
return out;
|
|
73
|
+
}
|
|
74
|
+
function getViewport() {
|
|
75
|
+
if (typeof window === 'undefined') {
|
|
76
|
+
return { w: 0, h: 0, dpr: 1, safeAreaInsets: { t: 0, r: 0, b: 0, l: 0 } };
|
|
77
|
+
}
|
|
78
|
+
const insets = readSafeAreaInsets();
|
|
79
|
+
return {
|
|
80
|
+
w: window.innerWidth,
|
|
81
|
+
h: window.innerHeight,
|
|
82
|
+
dpr: window.devicePixelRatio || 1,
|
|
83
|
+
safeAreaInsets: insets,
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
export function readSafeAreaInsets() {
|
|
87
|
+
if (typeof window === 'undefined')
|
|
88
|
+
return { t: 0, r: 0, b: 0, l: 0 };
|
|
89
|
+
const w = window;
|
|
90
|
+
if (w.__safeAreaInsets) {
|
|
91
|
+
return {
|
|
92
|
+
t: w.__safeAreaInsets.top,
|
|
93
|
+
r: w.__safeAreaInsets.right,
|
|
94
|
+
b: w.__safeAreaInsets.bottom,
|
|
95
|
+
l: w.__safeAreaInsets.left,
|
|
96
|
+
};
|
|
97
|
+
}
|
|
98
|
+
try {
|
|
99
|
+
const stored = localStorage.getItem('__safeAreaInsets');
|
|
100
|
+
if (stored) {
|
|
101
|
+
const parsed = JSON.parse(stored);
|
|
102
|
+
return {
|
|
103
|
+
t: parsed.top,
|
|
104
|
+
r: parsed.right,
|
|
105
|
+
b: parsed.bottom,
|
|
106
|
+
l: parsed.left,
|
|
107
|
+
};
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
catch {
|
|
111
|
+
// localStorage unavailable
|
|
112
|
+
}
|
|
113
|
+
const style = window.getComputedStyle(document.documentElement);
|
|
114
|
+
return {
|
|
115
|
+
t: parseInt(style.getPropertyValue('--safe-area-inset-top') || '0', 10),
|
|
116
|
+
r: parseInt(style.getPropertyValue('--safe-area-inset-right') || '0', 10),
|
|
117
|
+
b: parseInt(style.getPropertyValue('--safe-area-inset-bottom') || '0', 10),
|
|
118
|
+
l: parseInt(style.getPropertyValue('--safe-area-inset-left') || '0', 10),
|
|
119
|
+
};
|
|
120
|
+
}
|
|
121
|
+
export function emit(state, event, data) {
|
|
122
|
+
if (!state.config.emitConsoleWarn)
|
|
123
|
+
return;
|
|
124
|
+
console.warn(`[ugly.ux] ${event}`, data);
|
|
125
|
+
}
|
|
126
|
+
//# sourceMappingURL=report.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"report.js","sourceRoot":"","sources":["../../../src/client/inspect/report.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../src/client/inspect/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,aAAa,CAAC;AAErD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAmC7D"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { now } from './report.js';
|
|
2
|
+
export function installRouteTracker(state) {
|
|
3
|
+
if (typeof window === 'undefined' || typeof history === 'undefined')
|
|
4
|
+
return;
|
|
5
|
+
let current = window.location.pathname;
|
|
6
|
+
const record = (to) => {
|
|
7
|
+
if (to === current)
|
|
8
|
+
return;
|
|
9
|
+
state.routeTransitions.push({ ts: now(), from: current, to });
|
|
10
|
+
current = to;
|
|
11
|
+
};
|
|
12
|
+
const wrap = (method) => {
|
|
13
|
+
const original = history[method].bind(history);
|
|
14
|
+
history[method] = function (data, title, url) {
|
|
15
|
+
original(data, title, url);
|
|
16
|
+
const path = typeof url === 'string'
|
|
17
|
+
? new URL(url, window.location.href).pathname
|
|
18
|
+
: url instanceof URL
|
|
19
|
+
? url.pathname
|
|
20
|
+
: window.location.pathname;
|
|
21
|
+
record(path);
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
wrap('pushState');
|
|
25
|
+
wrap('replaceState');
|
|
26
|
+
window.addEventListener('popstate', () => {
|
|
27
|
+
record(window.location.pathname);
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=route.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"route.js","sourceRoot":"","sources":["../../../src/client/inspect/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,GAAG,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,UAAU,mBAAmB,CAAC,KAAmB;IACrD,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,OAAO,KAAK,WAAW;QAAE,OAAO;IAE5E,IAAI,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAEvC,MAAM,MAAM,GAAG,CAAC,EAAU,EAAQ,EAAE;QAClC,IAAI,EAAE,KAAK,OAAO;YAAE,OAAO;QAC3B,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;QAC9D,OAAO,GAAG,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,CAAyC,MAAS,EAAQ,EAAE;QACvE,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,CAA6B,CAAC;QAC3E,OAAO,CAAC,MAAM,CAAC,GAAG,UAEhB,IAAa,EACb,KAAa,EACb,GAAyB;YAEzB,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;YAC3B,MAAM,IAAI,GACR,OAAO,GAAG,KAAK,QAAQ;gBACrB,CAAC,CAAC,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ;gBAC7C,CAAC,CAAC,GAAG,YAAY,GAAG;oBAClB,CAAC,CAAC,GAAG,CAAC,QAAQ;oBACd,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;YACjC,MAAM,CAAC,IAAI,CAAC,CAAC;QACf,CAA6B,CAAC;IAChC,CAAC,CAAC;IAEF,IAAI,CAAC,WAAW,CAAC,CAAC;IAClB,IAAI,CAAC,cAAc,CAAC,CAAC;IACrB,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,GAAG,EAAE;QACvC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type InspectState } from './report.js';
|
|
2
|
+
import { type SafeAreaViolation } from './types.js';
|
|
3
|
+
export declare function installSafeArea(state: InspectState): void;
|
|
4
|
+
export declare function scanSafeArea(state: InspectState): SafeAreaViolation[];
|
|
5
|
+
//# sourceMappingURL=safearea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"safearea.d.ts","sourceRoot":"","sources":["../../../src/client/inspect/safearea.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,YAAY,EAA2B,MAAM,aAAa,CAAC;AAE/E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD,wBAAgB,eAAe,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAEzD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,YAAY,GAAG,iBAAiB,EAAE,CA4CrE"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { emit, now, readSafeAreaInsets } from './report.js';
|
|
2
|
+
import { describeElement, INTERACTIVE_SELECTOR } from './selectors.js';
|
|
3
|
+
export function installSafeArea(state) {
|
|
4
|
+
state.onDemandSafeArea = () => scanSafeArea(state);
|
|
5
|
+
}
|
|
6
|
+
export function scanSafeArea(state) {
|
|
7
|
+
if (typeof document === 'undefined' || typeof window === 'undefined')
|
|
8
|
+
return [];
|
|
9
|
+
const insets = readSafeAreaInsets();
|
|
10
|
+
if (insets.t === 0 && insets.r === 0 && insets.b === 0 && insets.l === 0) {
|
|
11
|
+
return [];
|
|
12
|
+
}
|
|
13
|
+
const vw = window.innerWidth;
|
|
14
|
+
const vh = window.innerHeight;
|
|
15
|
+
const safeRect = {
|
|
16
|
+
left: insets.l,
|
|
17
|
+
top: insets.t,
|
|
18
|
+
right: vw - insets.r,
|
|
19
|
+
bottom: vh - insets.b,
|
|
20
|
+
};
|
|
21
|
+
const out = [];
|
|
22
|
+
const nodes = Array.from(document.querySelectorAll(INTERACTIVE_SELECTOR));
|
|
23
|
+
for (const el of nodes) {
|
|
24
|
+
const style = window.getComputedStyle(el);
|
|
25
|
+
if (style.display === 'none' || style.visibility === 'hidden')
|
|
26
|
+
continue;
|
|
27
|
+
if (parseFloat(style.opacity) === 0)
|
|
28
|
+
continue;
|
|
29
|
+
const r = el.getBoundingClientRect();
|
|
30
|
+
if (r.width <= 0 || r.height <= 0)
|
|
31
|
+
continue;
|
|
32
|
+
let side = null;
|
|
33
|
+
if (insets.t > 0 && r.top < safeRect.top)
|
|
34
|
+
side = 't';
|
|
35
|
+
else if (insets.b > 0 && r.bottom > safeRect.bottom)
|
|
36
|
+
side = 'b';
|
|
37
|
+
else if (insets.l > 0 && r.left < safeRect.left)
|
|
38
|
+
side = 'l';
|
|
39
|
+
else if (insets.r > 0 && r.right > safeRect.right)
|
|
40
|
+
side = 'r';
|
|
41
|
+
if (!side)
|
|
42
|
+
continue;
|
|
43
|
+
const entry = {
|
|
44
|
+
ts: now(),
|
|
45
|
+
selector: describeElement(el),
|
|
46
|
+
rect: { x: r.x, y: r.y, w: r.width, h: r.height },
|
|
47
|
+
side,
|
|
48
|
+
};
|
|
49
|
+
out.push(entry);
|
|
50
|
+
emit(state, 'safe-area.violation', {
|
|
51
|
+
selector: entry.selector,
|
|
52
|
+
side,
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
return out;
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=safearea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"safearea.js","sourceRoot":"","sources":["../../../src/client/inspect/safearea.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare function describeElement(el: Element): string;
|
|
2
|
+
export declare function isInteractive(el: Element): boolean;
|
|
3
|
+
export declare const INTERACTIVE_SELECTOR = "[data-id], [role], button, input, select, textarea, a[href]";
|
|
4
|
+
//# sourceMappingURL=selectors.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../src/client/inspect/selectors.ts"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,CAAC,EAAE,EAAE,OAAO,GAAG,MAAM,CAQnD;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,OAAO,GAAG,OAAO,CAWlD;AAED,eAAO,MAAM,oBAAoB,gEAC8B,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export function describeElement(el) {
|
|
2
|
+
const dataId = el.getAttribute?.('data-id');
|
|
3
|
+
if (dataId)
|
|
4
|
+
return `[data-id=${dataId}]`;
|
|
5
|
+
const role = el.getAttribute?.('role');
|
|
6
|
+
const tag = el.tagName.toLowerCase();
|
|
7
|
+
if (el.id)
|
|
8
|
+
return `${tag}#${el.id}`;
|
|
9
|
+
if (role)
|
|
10
|
+
return `${tag}[role=${role}]`;
|
|
11
|
+
return tag;
|
|
12
|
+
}
|
|
13
|
+
export function isInteractive(el) {
|
|
14
|
+
if (el.hasAttribute('data-id'))
|
|
15
|
+
return true;
|
|
16
|
+
if (el.hasAttribute('role'))
|
|
17
|
+
return true;
|
|
18
|
+
const tag = el.tagName.toLowerCase();
|
|
19
|
+
return (tag === 'button' ||
|
|
20
|
+
tag === 'input' ||
|
|
21
|
+
tag === 'select' ||
|
|
22
|
+
tag === 'textarea' ||
|
|
23
|
+
tag === 'a');
|
|
24
|
+
}
|
|
25
|
+
export const INTERACTIVE_SELECTOR = '[data-id], [role], button, input, select, textarea, a[href]';
|
|
26
|
+
//# sourceMappingURL=selectors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selectors.js","sourceRoot":"","sources":["../../../src/client/inspect/selectors.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,eAAe,CAAC,EAAW;IACzC,MAAM,MAAM,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,SAAS,CAAC,CAAC;IAC5C,IAAI,MAAM;QAAE,OAAO,YAAY,MAAM,GAAG,CAAC;IACzC,MAAM,IAAI,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IACrC,IAAI,EAAE,CAAC,EAAE;QAAE,OAAO,GAAG,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC;IACpC,IAAI,IAAI;QAAE,OAAO,GAAG,GAAG,SAAS,IAAI,GAAG,CAAC;IACxC,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAW;IACvC,IAAI,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC;QAAE,OAAO,IAAI,CAAC;IAC5C,IAAI,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC;QAAE,OAAO,IAAI,CAAC;IACzC,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IACrC,OAAO,CACL,GAAG,KAAK,QAAQ;QAChB,GAAG,KAAK,OAAO;QACf,GAAG,KAAK,QAAQ;QAChB,GAAG,KAAK,UAAU;QAClB,GAAG,KAAK,GAAG,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAC/B,6DAA6D,CAAC"}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
export interface DOMRectLike {
|
|
2
|
+
x: number;
|
|
3
|
+
y: number;
|
|
4
|
+
w: number;
|
|
5
|
+
h: number;
|
|
6
|
+
}
|
|
7
|
+
export interface ClsSpike {
|
|
8
|
+
ts: number;
|
|
9
|
+
value: number;
|
|
10
|
+
sources: string[];
|
|
11
|
+
}
|
|
12
|
+
export interface LongTaskEntry {
|
|
13
|
+
ts: number;
|
|
14
|
+
duration: number;
|
|
15
|
+
during?: string;
|
|
16
|
+
}
|
|
17
|
+
export interface RouteTransition {
|
|
18
|
+
ts: number;
|
|
19
|
+
from: string;
|
|
20
|
+
to: string;
|
|
21
|
+
}
|
|
22
|
+
export interface OverlapEntry {
|
|
23
|
+
ts: number;
|
|
24
|
+
a: {
|
|
25
|
+
selector: string;
|
|
26
|
+
rect: DOMRectLike;
|
|
27
|
+
};
|
|
28
|
+
b: {
|
|
29
|
+
selector: string;
|
|
30
|
+
rect: DOMRectLike;
|
|
31
|
+
};
|
|
32
|
+
overlapArea: number;
|
|
33
|
+
}
|
|
34
|
+
export interface SafeAreaViolation {
|
|
35
|
+
ts: number;
|
|
36
|
+
selector: string;
|
|
37
|
+
rect: DOMRectLike;
|
|
38
|
+
side: 't' | 'r' | 'b' | 'l';
|
|
39
|
+
}
|
|
40
|
+
export interface CoveredInput {
|
|
41
|
+
selector: string;
|
|
42
|
+
rect: DOMRectLike;
|
|
43
|
+
coveredPx: number;
|
|
44
|
+
}
|
|
45
|
+
export interface AnimationEntry {
|
|
46
|
+
ts: number;
|
|
47
|
+
element: string;
|
|
48
|
+
name: string;
|
|
49
|
+
startedAt: number;
|
|
50
|
+
durationMs: number;
|
|
51
|
+
droppedFrames: number;
|
|
52
|
+
longestFrameMs: number;
|
|
53
|
+
}
|
|
54
|
+
export interface PopupEntry {
|
|
55
|
+
ts: number;
|
|
56
|
+
selector: string;
|
|
57
|
+
mountMs: number;
|
|
58
|
+
enterAnimationMs: number;
|
|
59
|
+
droppedFrames: number;
|
|
60
|
+
}
|
|
61
|
+
export interface UglyInspectReport {
|
|
62
|
+
viewport: {
|
|
63
|
+
w: number;
|
|
64
|
+
h: number;
|
|
65
|
+
dpr: number;
|
|
66
|
+
safeAreaInsets: {
|
|
67
|
+
t: number;
|
|
68
|
+
r: number;
|
|
69
|
+
b: number;
|
|
70
|
+
l: number;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
route: {
|
|
74
|
+
path: string;
|
|
75
|
+
transitions: RouteTransition[];
|
|
76
|
+
};
|
|
77
|
+
cls: {
|
|
78
|
+
total: number;
|
|
79
|
+
spikes: ClsSpike[];
|
|
80
|
+
};
|
|
81
|
+
longTasks: LongTaskEntry[];
|
|
82
|
+
overlaps: OverlapEntry[];
|
|
83
|
+
safeAreaViolations: SafeAreaViolation[];
|
|
84
|
+
keyboard: {
|
|
85
|
+
isOpen: boolean;
|
|
86
|
+
height: number;
|
|
87
|
+
coveredInputs: CoveredInput[];
|
|
88
|
+
};
|
|
89
|
+
animations: AnimationEntry[];
|
|
90
|
+
popups: PopupEntry[];
|
|
91
|
+
}
|
|
92
|
+
export interface UglyInspectConfig {
|
|
93
|
+
clsSpikeThreshold: number;
|
|
94
|
+
longTaskThreshold: number;
|
|
95
|
+
overlapMinAreaPx: number;
|
|
96
|
+
bufferSize: number;
|
|
97
|
+
emitConsoleWarn: boolean;
|
|
98
|
+
}
|
|
99
|
+
export declare const DEFAULT_CONFIG: UglyInspectConfig;
|
|
100
|
+
declare global {
|
|
101
|
+
interface Window {
|
|
102
|
+
__uglyInspect?: (opts?: {
|
|
103
|
+
since?: number;
|
|
104
|
+
}) => UglyInspectReport;
|
|
105
|
+
__uglyInspectMark?: () => number;
|
|
106
|
+
__uglyInspectReset?: () => void;
|
|
107
|
+
__uglyInspectConfig?: Partial<UglyInspectConfig>;
|
|
108
|
+
__uglyRouter?: {
|
|
109
|
+
push: (path: string) => void;
|
|
110
|
+
replace: (path: string) => void;
|
|
111
|
+
currentPath: () => string;
|
|
112
|
+
};
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/client/inspect/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/client/inspect/types.ts"],"names":[],"mappings":"AAkGA,MAAM,CAAC,MAAM,cAAc,GAAsB;IAC/C,iBAAiB,EAAE,IAAI;IACvB,iBAAiB,EAAE,EAAE;IACrB,gBAAgB,EAAE,CAAC;IACnB,UAAU,EAAE,GAAG;IACf,eAAe,EAAE,KAAK;CACvB,CAAC"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import type { Browser, Page } from '@playwright/test';
|
|
2
|
+
import type { UglyInspectReport } from '../client/inspect/types.js';
|
|
3
|
+
export type { UglyInspectReport } from '../client/inspect/types.js';
|
|
4
|
+
export type { AnimationEntry, ClsSpike, CoveredInput, DOMRectLike, LongTaskEntry, OverlapEntry, PopupEntry, RouteTransition, SafeAreaViolation, UglyInspectConfig, } from '../client/inspect/types.js';
|
|
2
5
|
/**
|
|
3
6
|
* Inject a JWT auth token as a cookie so Playwright pages load authenticated.
|
|
4
7
|
* Call this before page.goto() on any page requiring auth.
|
|
@@ -13,4 +16,24 @@ export declare function injectAuthCookie(page: Page, token: string): Promise<voi
|
|
|
13
16
|
* Create a new browser page pre-authenticated with the given token.
|
|
14
17
|
*/
|
|
15
18
|
export declare function createBotPage(browser: Browser, token: string): Promise<Page>;
|
|
19
|
+
export interface InspectWindowOptions {
|
|
20
|
+
settleMs?: number;
|
|
21
|
+
}
|
|
22
|
+
export declare function waitForApp(page: Page, opts?: {
|
|
23
|
+
timeoutMs?: number;
|
|
24
|
+
}): Promise<void>;
|
|
25
|
+
export declare function inspectMark(page: Page): Promise<number>;
|
|
26
|
+
export declare function inspectRead(page: Page, since: number): Promise<UglyInspectReport>;
|
|
27
|
+
export declare function inspectWindow(page: Page, interact: () => Promise<void>, opts?: InspectWindowOptions): Promise<UglyInspectReport>;
|
|
28
|
+
export declare function setDevice(page: Page, device: 'desktop' | 'ios' | 'android'): Promise<void>;
|
|
29
|
+
export declare function simulateKeyboard(page: Page, heightPx: number): Promise<void>;
|
|
30
|
+
export interface ExpectCleanOptions {
|
|
31
|
+
maxCls?: number;
|
|
32
|
+
maxLongtasks?: number;
|
|
33
|
+
allowOverlaps?: boolean;
|
|
34
|
+
allowSafeAreaViolations?: boolean;
|
|
35
|
+
allowKeyboardCoverage?: boolean;
|
|
36
|
+
maxDroppedFrames?: number;
|
|
37
|
+
}
|
|
38
|
+
export declare function expectClean(page: Page, opts?: ExpectCleanOptions): Promise<void>;
|
|
16
39
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/playwright/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/playwright/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,YAAY,EACV,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,aAAa,EACb,YAAY,EACZ,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AAIpC;;;;;;;;GAQG;AACH,wBAAsB,gBAAgB,CACpC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,GACZ,OAAO,CAAC,IAAI,CAAC,CAYf;AAED;;GAEG;AACH,wBAAsB,aAAa,CACjC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,MAAM,GACZ,OAAO,CAAC,IAAI,CAAC,CAIf;AAOD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAsB,UAAU,CAC9B,IAAI,EAAE,IAAI,EACV,IAAI,CAAC,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAC5B,OAAO,CAAC,IAAI,CAAC,CAIf;AAED,wBAAsB,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAI7D;AAED,wBAAsB,WAAW,CAC/B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,GACZ,OAAO,CAAC,iBAAiB,CAAC,CAU5B;AAED,wBAAsB,aAAa,CACjC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,EAC7B,IAAI,CAAC,EAAE,oBAAoB,GAC1B,OAAO,CAAC,iBAAiB,CAAC,CAK5B;AAED,wBAAsB,SAAS,CAC7B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,GACpC,OAAO,CAAC,IAAI,CAAC,CASf;AAED,wBAAsB,gBAAgB,CACpC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,IAAI,CAAC,CAMf;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAsB,WAAW,CAC/B,IAAI,EAAE,IAAI,EACV,IAAI,CAAC,EAAE,kBAAkB,GACxB,OAAO,CAAC,IAAI,CAAC,CA2Df"}
|