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.
Files changed (91) hide show
  1. package/dist/cli/version.d.ts +1 -1
  2. package/dist/cli/version.js +1 -1
  3. package/dist/client/bootstrapApp.d.ts.map +1 -1
  4. package/dist/client/bootstrapApp.js +2 -0
  5. package/dist/client/bootstrapApp.js.map +1 -1
  6. package/dist/client/index.d.ts +2 -0
  7. package/dist/client/index.d.ts.map +1 -1
  8. package/dist/client/index.js +1 -0
  9. package/dist/client/index.js.map +1 -1
  10. package/dist/client/inspect/animations.d.ts +4 -0
  11. package/dist/client/inspect/animations.d.ts.map +1 -0
  12. package/dist/client/inspect/animations.js +111 -0
  13. package/dist/client/inspect/animations.js.map +1 -0
  14. package/dist/client/inspect/buffer.d.ts +11 -0
  15. package/dist/client/inspect/buffer.d.ts.map +1 -0
  16. package/dist/client/inspect/buffer.js +35 -0
  17. package/dist/client/inspect/buffer.js.map +1 -0
  18. package/dist/client/inspect/cls.d.ts +3 -0
  19. package/dist/client/inspect/cls.d.ts.map +1 -0
  20. package/dist/client/inspect/cls.js +43 -0
  21. package/dist/client/inspect/cls.js.map +1 -0
  22. package/dist/client/inspect/index.d.ts +6 -0
  23. package/dist/client/inspect/index.d.ts.map +1 -0
  24. package/dist/client/inspect/index.js +47 -0
  25. package/dist/client/inspect/index.js.map +1 -0
  26. package/dist/client/inspect/keyboard.d.ts +3 -0
  27. package/dist/client/inspect/keyboard.d.ts.map +1 -0
  28. package/dist/client/inspect/keyboard.js +66 -0
  29. package/dist/client/inspect/keyboard.js.map +1 -0
  30. package/dist/client/inspect/longtasks.d.ts +3 -0
  31. package/dist/client/inspect/longtasks.d.ts.map +1 -0
  32. package/dist/client/inspect/longtasks.js +23 -0
  33. package/dist/client/inspect/longtasks.js.map +1 -0
  34. package/dist/client/inspect/overlap.d.ts +5 -0
  35. package/dist/client/inspect/overlap.d.ts.map +1 -0
  36. package/dist/client/inspect/overlap.js +68 -0
  37. package/dist/client/inspect/overlap.js.map +1 -0
  38. package/dist/client/inspect/popups.d.ts +3 -0
  39. package/dist/client/inspect/popups.d.ts.map +1 -0
  40. package/dist/client/inspect/popups.js +116 -0
  41. package/dist/client/inspect/popups.js.map +1 -0
  42. package/dist/client/inspect/report.d.ts +33 -0
  43. package/dist/client/inspect/report.d.ts.map +1 -0
  44. package/dist/client/inspect/report.js +126 -0
  45. package/dist/client/inspect/report.js.map +1 -0
  46. package/dist/client/inspect/route.d.ts +3 -0
  47. package/dist/client/inspect/route.d.ts.map +1 -0
  48. package/dist/client/inspect/route.js +30 -0
  49. package/dist/client/inspect/route.js.map +1 -0
  50. package/dist/client/inspect/safearea.d.ts +5 -0
  51. package/dist/client/inspect/safearea.d.ts.map +1 -0
  52. package/dist/client/inspect/safearea.js +57 -0
  53. package/dist/client/inspect/safearea.js.map +1 -0
  54. package/dist/client/inspect/selectors.d.ts +4 -0
  55. package/dist/client/inspect/selectors.d.ts.map +1 -0
  56. package/dist/client/inspect/selectors.js +26 -0
  57. package/dist/client/inspect/selectors.js.map +1 -0
  58. package/dist/client/inspect/types.d.ts +115 -0
  59. package/dist/client/inspect/types.d.ts.map +1 -0
  60. package/dist/client/inspect/types.js +8 -0
  61. package/dist/client/inspect/types.js.map +1 -0
  62. package/dist/playwright/index.d.ts +23 -0
  63. package/dist/playwright/index.d.ts.map +1 -1
  64. package/dist/playwright/index.js +83 -0
  65. package/dist/playwright/index.js.map +1 -1
  66. package/package.json +1 -1
  67. package/src/cli/version.ts +1 -1
  68. package/src/client/bootstrapApp.tsx +2 -0
  69. package/src/client/index.ts +14 -0
  70. package/src/client/inspect/animations.ts +121 -0
  71. package/src/client/inspect/buffer.ts +35 -0
  72. package/src/client/inspect/cls.ts +45 -0
  73. package/src/client/inspect/index.ts +70 -0
  74. package/src/client/inspect/keyboard.ts +77 -0
  75. package/src/client/inspect/longtasks.ts +21 -0
  76. package/src/client/inspect/overlap.ts +67 -0
  77. package/src/client/inspect/popups.ts +123 -0
  78. package/src/client/inspect/report.ts +195 -0
  79. package/src/client/inspect/route.ts +38 -0
  80. package/src/client/inspect/safearea.ts +53 -0
  81. package/src/client/inspect/selectors.ts +25 -0
  82. package/src/client/inspect/types.ts +119 -0
  83. package/src/playwright/index.ts +163 -0
  84. package/templates/.claude/skills/bot-swarm/SKILL.md +11 -2
  85. package/templates/.claude/skills/verify-ux/SKILL.md +72 -0
  86. package/templates/CLAUDE.md +16 -0
  87. package/templates/bots/feedback/run-bot.mjs +45 -1
  88. package/templates/client/allPages.ts +4 -0
  89. package/templates/client/pages/InspectFixtureOtherPage.tsx +14 -0
  90. package/templates/client/pages/InspectFixturePage.tsx +216 -0
  91. 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,3 @@
1
+ import { type InspectState } from './report.js';
2
+ export declare function installRouteTracker(state: InspectState): void;
3
+ //# sourceMappingURL=route.d.ts.map
@@ -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,8 @@
1
+ export const DEFAULT_CONFIG = {
2
+ clsSpikeThreshold: 0.05,
3
+ longTaskThreshold: 50,
4
+ overlapMinAreaPx: 4,
5
+ bufferSize: 500,
6
+ emitConsoleWarn: false,
7
+ };
8
+ //# sourceMappingURL=types.js.map
@@ -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;AAItD;;;;;;;;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"}
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"}