screenwright 0.1.0

package/dist/src/runtime/action-helpers.d.ts

@@ -0,0 +1,19 @@
+import type { Page } from 'playwright';
+import type { TimelineCollector } from './timeline-collector.js';
+export interface ActionOptions {
+    narration?: string;
+}
+export interface ScreenwrightHelpers {
+    page: Page;
+    scene(title: string, description?: string): Promise<void>;
+    navigate(url: string, opts?: ActionOptions): Promise<void>;
+    click(selector: string, opts?: ActionOptions): Promise<void>;
+    fill(selector: string, value: string, opts?: ActionOptions): Promise<void>;
+    hover(selector: string, opts?: ActionOptions): Promise<void>;
+    press(key: string, opts?: ActionOptions): Promise<void>;
+    wait(ms: number): Promise<void>;
+    narrate(text: string): Promise<void>;
+}
+export declare function calculateMoveDuration(fromX: number, fromY: number, toX: number, toY: number): number;
+export declare function createHelpers(page: Page, collector: TimelineCollector): ScreenwrightHelpers;
+//# sourceMappingURL=action-helpers.d.ts.map

package/dist/src/runtime/action-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-helpers.d.ts","sourceRoot":"","sources":["../../../src/runtime/action-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7D,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3E,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7D,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACtC;AAWD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAGpG;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,GAAG,mBAAmB,CA6I3F"}

package/dist/src/runtime/action-helpers.js

@@ -0,0 +1,138 @@
+const NARRATION_WPM = 150;
+const POST_ACTION_DELAY_MS = 500;
+const CHAR_TYPE_DELAY_MS = 50;
+function estimateNarrationMs(text) {
+    const words = text.split(/\s+/).length;
+    return Math.round((words / NARRATION_WPM) * 60 * 1000);
+}
+export function calculateMoveDuration(fromX, fromY, toX, toY) {
+    const distance = Math.sqrt((toX - fromX) ** 2 + (toY - fromY) ** 2);
+    return Math.min(1200, Math.max(300, Math.round(200 * Math.log2(distance / 10 + 1))));
+}
+export function createHelpers(page, collector) {
+    let lastX = 640;
+    let lastY = 360;
+    async function emitNarration(text) {
+        const estimatedMs = estimateNarrationMs(text);
+        collector.emit({ type: 'narration', text });
+        collector.emit({ type: 'wait', durationMs: estimatedMs, reason: 'narration_sync' });
+        await page.waitForTimeout(estimatedMs);
+    }
+    async function moveCursorTo(toX, toY) {
+        const moveDurationMs = calculateMoveDuration(lastX, lastY, toX, toY);
+        collector.emit({
+            type: 'cursor_target',
+            fromX: lastX, fromY: lastY,
+            toX, toY,
+            moveDurationMs,
+            easing: 'bezier',
+        });
+        await page.waitForTimeout(moveDurationMs);
+        lastX = toX;
+        lastY = toY;
+    }
+    async function resolveCenter(selector) {
+        const locator = page.locator(selector).first();
+        await locator.waitFor({ state: 'visible', timeout: 10000 });
+        const box = await locator.boundingBox();
+        if (!box)
+            return { x: lastX, y: lastY };
+        return { x: Math.round(box.x + box.width / 2), y: Math.round(box.y + box.height / 2) };
+    }
+    return {
+        page,
+        async scene(title, description) {
+            collector.emit({ type: 'scene', title, description });
+        },
+        async navigate(url, opts) {
+            if (opts?.narration)
+                await emitNarration(opts.narration);
+            collector.emit({
+                type: 'action',
+                action: 'navigate',
+                selector: url,
+                durationMs: 0,
+                boundingBox: null,
+            });
+            await page.goto(url, { waitUntil: 'domcontentloaded' });
+            collector.emit({ type: 'wait', durationMs: 1000, reason: 'page_load' });
+            await page.waitForTimeout(1000);
+        },
+        async click(selector, opts) {
+            if (opts?.narration)
+                await emitNarration(opts.narration);
+            const center = await resolveCenter(selector);
+            await moveCursorTo(center.x, center.y);
+            const locator = page.locator(selector).first();
+            const box = await locator.boundingBox();
+            collector.emit({
+                type: 'action',
+                action: 'click',
+                selector,
+                durationMs: 200,
+                boundingBox: box ? { x: Math.round(box.x), y: Math.round(box.y), width: Math.round(box.width), height: Math.round(box.height) } : null,
+            });
+            await locator.click();
+            await page.waitForTimeout(POST_ACTION_DELAY_MS);
+        },
+        async fill(selector, value, opts) {
+            if (opts?.narration)
+                await emitNarration(opts.narration);
+            const center = await resolveCenter(selector);
+            await moveCursorTo(center.x, center.y);
+            const locator = page.locator(selector).first();
+            const box = await locator.boundingBox();
+            await locator.click();
+            collector.emit({
+                type: 'action',
+                action: 'fill',
+                selector,
+                value,
+                durationMs: value.length * CHAR_TYPE_DELAY_MS,
+                boundingBox: box ? { x: Math.round(box.x), y: Math.round(box.y), width: Math.round(box.width), height: Math.round(box.height) } : null,
+            });
+            for (const char of value) {
+                await page.keyboard.type(char, { delay: CHAR_TYPE_DELAY_MS });
+            }
+            await page.waitForTimeout(POST_ACTION_DELAY_MS);
+        },
+        async hover(selector, opts) {
+            if (opts?.narration)
+                await emitNarration(opts.narration);
+            const center = await resolveCenter(selector);
+            await moveCursorTo(center.x, center.y);
+            const locator = page.locator(selector).first();
+            const box = await locator.boundingBox();
+            collector.emit({
+                type: 'action',
+                action: 'hover',
+                selector,
+                durationMs: 200,
+                boundingBox: box ? { x: Math.round(box.x), y: Math.round(box.y), width: Math.round(box.width), height: Math.round(box.height) } : null,
+            });
+            await locator.hover();
+            await page.waitForTimeout(POST_ACTION_DELAY_MS);
+        },
+        async press(key, opts) {
+            if (opts?.narration)
+                await emitNarration(opts.narration);
+            collector.emit({
+                type: 'action',
+                action: 'press',
+                selector: key,
+                durationMs: 100,
+                boundingBox: null,
+            });
+            await page.keyboard.press(key);
+            await page.waitForTimeout(POST_ACTION_DELAY_MS);
+        },
+        async wait(ms) {
+            collector.emit({ type: 'wait', durationMs: ms, reason: 'pacing' });
+            await page.waitForTimeout(ms);
+        },
+        async narrate(text) {
+            await emitNarration(text);
+        },
+    };
+}
+//# sourceMappingURL=action-helpers.js.map

package/dist/src/runtime/action-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-helpers.js","sourceRoot":"","sources":["../../../src/runtime/action-helpers.ts"],"names":[],"mappings":"AAmBA,MAAM,aAAa,GAAG,GAAG,CAAC;AAC1B,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACjC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAE9B,SAAS,mBAAmB,CAAC,IAAY;IACvC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;IACvC,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,aAAa,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,KAAa,EAAE,KAAa,EAAE,GAAW,EAAE,GAAW;IAC1F,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IACpE,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACvF,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAU,EAAE,SAA4B;IACpE,IAAI,KAAK,GAAG,GAAG,CAAC;IAChB,IAAI,KAAK,GAAG,GAAG,CAAC;IAEhB,KAAK,UAAU,aAAa,CAAC,IAAY;QACvC,MAAM,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC9C,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5C,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAyB,EAAE,CAAC,CAAC;QAC7F,MAAM,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IACzC,CAAC;IAED,KAAK,UAAU,YAAY,CAAC,GAAW,EAAE,GAAW;QAClD,MAAM,cAAc,GAAG,qBAAqB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QACrE,SAAS,CAAC,IAAI,CAAC;YACb,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;YAC1B,GAAG,EAAE,GAAG;YACR,cAAc;YACd,MAAM,EAAE,QAAiB;SAC1B,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;QAC1C,KAAK,GAAG,GAAG,CAAC;QACZ,KAAK,GAAG,GAAG,CAAC;IACd,CAAC;IAED,KAAK,UAAU,aAAa,CAAC,QAAgB;QAC3C,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,CAAC;QAC/C,MAAM,OAAO,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;QAC5D,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,WAAW,EAAE,CAAC;QACxC,IAAI,CAAC,GAAG;YAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC;QACxC,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;IACzF,CAAC;IAED,OAAO;QACL,IAAI;QAEJ,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW;YAC5B,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;QACxD,CAAC;QAED,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI;YACtB,IAAI,IAAI,EAAE,SAAS;gBAAE,MAAM,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAEzD,SAAS,CAAC,IAAI,CAAC;gBACb,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,UAAU;gBAClB,QAAQ,EAAE,GAAG;gBACb,UAAU,EAAE,CAAC;gBACb,WAAW,EAAE,IAAI;aAClB,CAAC,CAAC;YACH,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,CAAC;YACxD,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,WAAoB,EAAE,CAAC,CAAC;YACjF,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;QAED,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI;YACxB,IAAI,IAAI,EAAE,SAAS;gBAAE,MAAM,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAEzD,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC7C,MAAM,YAAY,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;YAEvC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,CAAC;YAC/C,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,WAAW,EAAE,CAAC;YACxC,SAAS,CAAC,IAAI,CAAC;gBACb,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,OAAO;gBACf,QAAQ;gBACR,UAAU,EAAE,GAAG;gBACf,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;aACvI,CAAC,CAAC;YACH,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;YACtB,MAAM,IAAI,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;QAClD,CAAC;QAED,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI;YAC9B,IAAI,IAAI,EAAE,SAAS;gBAAE,MAAM,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAEzD,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC7C,MAAM,YAAY,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;YAEvC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,CAAC;YAC/C,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,WAAW,EAAE,CAAC;YACxC,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;YAEtB,SAAS,CAAC,IAAI,CAAC;gBACb,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,MAAM;gBACd,QAAQ;gBACR,KAAK;gBACL,UAAU,EAAE,KAAK,CAAC,MAAM,GAAG,kBAAkB;gBAC7C,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;aACvI,CAAC,CAAC;YAEH,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACzB,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC,CAAC;YAChE,CAAC;YACD,MAAM,IAAI,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;QAClD,CAAC;QAED,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI;YACxB,IAAI,IAAI,EAAE,SAAS;gBAAE,MAAM,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAEzD,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC7C,MAAM,YAAY,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;YAEvC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,CAAC;YAC/C,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,WAAW,EAAE,CAAC;YACxC,SAAS,CAAC,IAAI,CAAC;gBACb,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,OAAO;gBACf,QAAQ;gBACR,UAAU,EAAE,GAAG;gBACf,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;aACvI,CAAC,CAAC;YACH,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;YACtB,MAAM,IAAI,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;QAClD,CAAC;QAED,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,IAAI;YACnB,IAAI,IAAI,EAAE,SAAS;gBAAE,MAAM,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAEzD,SAAS,CAAC,IAAI,CAAC;gBACb,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,OAAO;gBACf,QAAQ,EAAE,GAAG;gBACb,UAAU,EAAE,GAAG;gBACf,WAAW,EAAE,IAAI;aAClB,CAAC,CAAC;YACH,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAC/B,MAAM,IAAI,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;QAClD,CAAC;QAED,KAAK,CAAC,IAAI,CAAC,EAAE;YACX,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,EAAE,QAAiB,EAAE,CAAC,CAAC;YAC5E,MAAM,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QAChC,CAAC;QAED,KAAK,CAAC,OAAO,CAAC,IAAI;YAChB,MAAM,aAAa,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/src/runtime/instrumented-page.d.ts

@@ -0,0 +1,21 @@
+import type { Timeline } from '../timeline/types.js';
+import { type ScreenwrightHelpers } from './action-helpers.js';
+export type ScenarioFn = (sw: ScreenwrightHelpers) => Promise<void>;
+export interface RunOptions {
+    scenarioFile: string;
+    testFile: string;
+    viewport?: {
+        width: number;
+        height: number;
+    };
+    colorScheme?: 'light' | 'dark';
+    locale?: string;
+    timezoneId?: string;
+}
+export interface RunResult {
+    timeline: Timeline;
+    videoFile: string;
+    tempDir: string;
+}
+export declare function runScenario(scenario: ScenarioFn, opts: RunOptions): Promise<RunResult>;
+//# sourceMappingURL=instrumented-page.d.ts.map

package/dist/src/runtime/instrumented-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instrumented-page.d.ts","sourceRoot":"","sources":["../../../src/runtime/instrumented-page.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE9E,MAAM,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;AAEpE,MAAM,WAAW,UAAU;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAsB,WAAW,CAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,CAoD5F"}

package/dist/src/runtime/instrumented-page.js

@@ -0,0 +1,48 @@
+import { chromium } from 'playwright';
+import { mkdtemp, writeFile } from 'node:fs/promises';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { TimelineCollector } from './timeline-collector.js';
+import { createHelpers } from './action-helpers.js';
+export async function runScenario(scenario, opts) {
+    const viewport = opts.viewport ?? { width: 1280, height: 720 };
+    const tempDir = await mkdtemp(join(tmpdir(), 'screenwright-'));
+    const browser = await chromium.launch({
+        args: ['--disable-gpu', '--font-render-hinting=none', '--disable-lcd-text'],
+    });
+    const context = await browser.newContext({
+        viewport,
+        deviceScaleFactor: 1,
+        colorScheme: opts.colorScheme ?? 'light',
+        locale: opts.locale ?? 'en-US',
+        timezoneId: opts.timezoneId ?? 'America/New_York',
+        recordVideo: { dir: tempDir, size: viewport },
+    });
+    const page = await context.newPage();
+    const collector = new TimelineCollector();
+    collector.start();
+    const sw = createHelpers(page, collector);
+    await scenario(sw);
+    // Close page to finalize video
+    await page.close();
+    const video = page.video();
+    const videoFile = video ? await video.path() : '';
+    const videoDurationMs = collector.getEvents().reduce((max, e) => {
+        const ts = e.timestampMs + ('durationMs' in e ? (e.durationMs ?? 0) : 0);
+        return Math.max(max, ts);
+    }, 0);
+    const timeline = collector.finalize({
+        testFile: opts.testFile,
+        scenarioFile: opts.scenarioFile,
+        recordedAt: new Date().toISOString(),
+        viewport,
+        videoDurationMs,
+        videoFile,
+    });
+    const timelinePath = join(tempDir, 'timeline.json');
+    await writeFile(timelinePath, JSON.stringify(timeline, null, 2));
+    await context.close();
+    await browser.close();
+    return { timeline, videoFile, tempDir };
+}
+//# sourceMappingURL=instrumented-page.js.map

package/dist/src/runtime/instrumented-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instrumented-page.js","sourceRoot":"","sources":["../../../src/runtime/instrumented-page.ts"],"names":[],"mappings":"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"}

package/dist/src/runtime/timeline-collector.d.ts

@@ -0,0 +1,20 @@
+import type { Timeline, TimelineMetadata, TimelineEvent } from '../timeline/types.js';
+type PartialEvent = {
+    type: string;
+    id?: string;
+    timestampMs?: number;
+    [key: string]: unknown;
+};
+export declare class TimelineCollector {
+    private events;
+    private counter;
+    private startTime;
+    start(): void;
+    private elapsed;
+    nextId(): string;
+    emit(event: PartialEvent): string;
+    getEvents(): readonly TimelineEvent[];
+    finalize(metadata: TimelineMetadata): Timeline;
+}
+export {};
+//# sourceMappingURL=timeline-collector.d.ts.map

package/dist/src/runtime/timeline-collector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-collector.d.ts","sourceRoot":"","sources":["../../../src/runtime/timeline-collector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGtF,KAAK,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC;AAEhG,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,SAAS,CAAuB;IAExC,KAAK,IAAI,IAAI;IAIb,OAAO,CAAC,OAAO;IAKf,MAAM,IAAI,MAAM;IAIhB,IAAI,CAAC,KAAK,EAAE,YAAY,GAAG,MAAM;IAQjC,SAAS,IAAI,SAAS,aAAa,EAAE;IAIrC,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,GAAG,QAAQ;CAc/C"}

package/dist/src/runtime/timeline-collector.js

@@ -0,0 +1,40 @@
+import { timelineSchema } from '../timeline/schema.js';
+export class TimelineCollector {
+    events = [];
+    counter = 0;
+    startTime = null;
+    start() {
+        this.startTime = performance.now();
+    }
+    elapsed() {
+        if (this.startTime === null)
+            throw new Error('TimelineCollector not started');
+        return Math.round(performance.now() - this.startTime);
+    }
+    nextId() {
+        return `ev-${String(++this.counter).padStart(3, '0')}`;
+    }
+    emit(event) {
+        const id = event.id ?? this.nextId();
+        const timestampMs = event.timestampMs ?? this.elapsed();
+        const full = { ...event, id, timestampMs };
+        this.events.push(full);
+        return id;
+    }
+    getEvents() {
+        return this.events;
+    }
+    finalize(metadata) {
+        const timeline = {
+            version: 1,
+            metadata,
+            events: [...this.events],
+        };
+        const result = timelineSchema.safeParse(timeline);
+        if (!result.success) {
+            throw new Error(`Invalid timeline: ${result.error.message}`);
+        }
+        return timeline;
+    }
+}
+//# sourceMappingURL=timeline-collector.js.map

package/dist/src/runtime/timeline-collector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-collector.js","sourceRoot":"","sources":["../../../src/runtime/timeline-collector.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAIvD,MAAM,OAAO,iBAAiB;IACpB,MAAM,GAAoB,EAAE,CAAC;IAC7B,OAAO,GAAG,CAAC,CAAC;IACZ,SAAS,GAAkB,IAAI,CAAC;IAExC,KAAK;QACH,IAAI,CAAC,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;IACrC,CAAC;IAEO,OAAO;QACb,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI;YAAE,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAC9E,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;IACxD,CAAC;IAED,MAAM;QACJ,OAAO,MAAM,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IACzD,CAAC;IAED,IAAI,CAAC,KAAmB;QACtB,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;QACrC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;QACxD,MAAM,IAAI,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,WAAW,EAAmB,CAAC;QAC5D,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,QAAQ,CAAC,QAA0B;QACjC,MAAM,QAAQ,GAAa;YACzB,OAAO,EAAE,CAAC;YACV,QAAQ;YACR,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;SACzB,CAAC;QAEF,MAAM,MAAM,GAAG,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAClD,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,MAAM,IAAI,KAAK,CAAC,qBAAqB,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;QAC/D,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC;CACF"}

package/dist/src/timeline/schema.d.ts

@@ -0,0 +1,297 @@
+import { z } from 'zod';
+export declare const timelineSchema: z.ZodObject<{
+    version: z.ZodLiteral<1>;
+    metadata: z.ZodObject<{
+        testFile: z.ZodString;
+        scenarioFile: z.ZodString;
+        recordedAt: z.ZodString;
+        viewport: z.ZodObject<{
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            width: number;
+            height: number;
+        }, {
+            width: number;
+            height: number;
+        }>;
+        videoDurationMs: z.ZodNumber;
+        videoFile: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        testFile: string;
+        scenarioFile: string;
+        recordedAt: string;
+        viewport: {
+            width: number;
+            height: number;
+        };
+        videoDurationMs: number;
+        videoFile: string;
+    }, {
+        testFile: string;
+        scenarioFile: string;
+        recordedAt: string;
+        viewport: {
+            width: number;
+            height: number;
+        };
+        videoDurationMs: number;
+        videoFile: string;
+    }>;
+    events: z.ZodArray<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+        type: z.ZodLiteral<"scene">;
+        id: z.ZodString;
+        timestampMs: z.ZodNumber;
+        title: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        type: "scene";
+        id: string;
+        title: string;
+        timestampMs: number;
+        description?: string | undefined;
+    }, {
+        type: "scene";
+        id: string;
+        title: string;
+        timestampMs: number;
+        description?: string | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"action">;
+        id: z.ZodString;
+        timestampMs: z.ZodNumber;
+        action: z.ZodEnum<["click", "fill", "hover", "select", "press", "navigate"]>;
+        selector: z.ZodString;
+        value: z.ZodOptional<z.ZodString>;
+        durationMs: z.ZodNumber;
+        boundingBox: z.ZodNullable<z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            width: number;
+            height: number;
+            x: number;
+            y: number;
+        }, {
+            width: number;
+            height: number;
+            x: number;
+            y: number;
+        }>>;
+    }, "strip", z.ZodTypeAny, {
+        type: "action";
+        action: "fill" | "click" | "hover" | "select" | "press" | "navigate";
+        id: string;
+        timestampMs: number;
+        selector: string;
+        durationMs: number;
+        boundingBox: {
+            width: number;
+            height: number;
+            x: number;
+            y: number;
+        } | null;
+        value?: string | undefined;
+    }, {
+        type: "action";
+        action: "fill" | "click" | "hover" | "select" | "press" | "navigate";
+        id: string;
+        timestampMs: number;
+        selector: string;
+        durationMs: number;
+        boundingBox: {
+            width: number;
+            height: number;
+            x: number;
+            y: number;
+        } | null;
+        value?: string | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"cursor_target">;
+        id: z.ZodString;
+        timestampMs: z.ZodNumber;
+        fromX: z.ZodNumber;
+        fromY: z.ZodNumber;
+        toX: z.ZodNumber;
+        toY: z.ZodNumber;
+        moveDurationMs: z.ZodNumber;
+        easing: z.ZodLiteral<"bezier">;
+    }, "strip", z.ZodTypeAny, {
+        type: "cursor_target";
+        id: string;
+        timestampMs: number;
+        fromX: number;
+        fromY: number;
+        toX: number;
+        toY: number;
+        moveDurationMs: number;
+        easing: "bezier";
+    }, {
+        type: "cursor_target";
+        id: string;
+        timestampMs: number;
+        fromX: number;
+        fromY: number;
+        toX: number;
+        toY: number;
+        moveDurationMs: number;
+        easing: "bezier";
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"narration">;
+        id: z.ZodString;
+        timestampMs: z.ZodNumber;
+        text: z.ZodString;
+        audioDurationMs: z.ZodOptional<z.ZodNumber>;
+        audioFile: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        type: "narration";
+        id: string;
+        timestampMs: number;
+        text: string;
+        audioDurationMs?: number | undefined;
+        audioFile?: string | undefined;
+    }, {
+        type: "narration";
+        id: string;
+        timestampMs: number;
+        text: string;
+        audioDurationMs?: number | undefined;
+        audioFile?: string | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"wait">;
+        id: z.ZodString;
+        timestampMs: z.ZodNumber;
+        durationMs: z.ZodNumber;
+        reason: z.ZodEnum<["pacing", "narration_sync", "page_load"]>;
+    }, "strip", z.ZodTypeAny, {
+        type: "wait";
+        id: string;
+        timestampMs: number;
+        durationMs: number;
+        reason: "pacing" | "narration_sync" | "page_load";
+    }, {
+        type: "wait";
+        id: string;
+        timestampMs: number;
+        durationMs: number;
+        reason: "pacing" | "narration_sync" | "page_load";
+    }>]>, "many">;
+}, "strip", z.ZodTypeAny, {
+    metadata: {
+        testFile: string;
+        scenarioFile: string;
+        recordedAt: string;
+        viewport: {
+            width: number;
+            height: number;
+        };
+        videoDurationMs: number;
+        videoFile: string;
+    };
+    version: 1;
+    events: ({
+        type: "scene";
+        id: string;
+        title: string;
+        timestampMs: number;
+        description?: string | undefined;
+    } | {
+        type: "action";
+        action: "fill" | "click" | "hover" | "select" | "press" | "navigate";
+        id: string;
+        timestampMs: number;
+        selector: string;
+        durationMs: number;
+        boundingBox: {
+            width: number;
+            height: number;
+            x: number;
+            y: number;
+        } | null;
+        value?: string | undefined;
+    } | {
+        type: "cursor_target";
+        id: string;
+        timestampMs: number;
+        fromX: number;
+        fromY: number;
+        toX: number;
+        toY: number;
+        moveDurationMs: number;
+        easing: "bezier";
+    } | {
+        type: "narration";
+        id: string;
+        timestampMs: number;
+        text: string;
+        audioDurationMs?: number | undefined;
+        audioFile?: string | undefined;
+    } | {
+        type: "wait";
+        id: string;
+        timestampMs: number;
+        durationMs: number;
+        reason: "pacing" | "narration_sync" | "page_load";
+    })[];
+}, {
+    metadata: {
+        testFile: string;
+        scenarioFile: string;
+        recordedAt: string;
+        viewport: {
+            width: number;
+            height: number;
+        };
+        videoDurationMs: number;
+        videoFile: string;
+    };
+    version: 1;
+    events: ({
+        type: "scene";
+        id: string;
+        title: string;
+        timestampMs: number;
+        description?: string | undefined;
+    } | {
+        type: "action";
+        action: "fill" | "click" | "hover" | "select" | "press" | "navigate";
+        id: string;
+        timestampMs: number;
+        selector: string;
+        durationMs: number;
+        boundingBox: {
+            width: number;
+            height: number;
+            x: number;
+            y: number;
+        } | null;
+        value?: string | undefined;
+    } | {
+        type: "cursor_target";
+        id: string;
+        timestampMs: number;
+        fromX: number;
+        fromY: number;
+        toX: number;
+        toY: number;
+        moveDurationMs: number;
+        easing: "bezier";
+    } | {
+        type: "narration";
+        id: string;
+        timestampMs: number;
+        text: string;
+        audioDurationMs?: number | undefined;
+        audioFile?: string | undefined;
+    } | {
+        type: "wait";
+        id: string;
+        timestampMs: number;
+        durationMs: number;
+        reason: "pacing" | "narration_sync" | "page_load";
+    })[];
+}>;
+export type ValidatedTimeline = z.infer<typeof timelineSchema>;
+//# sourceMappingURL=schema.d.ts.map

package/dist/src/timeline/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/timeline/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AA+DxB,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAczB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,cAAc,CAAC,CAAC"}