@webreel/core 0.1.0

package/dist/overlays.js

@@ -0,0 +1,97 @@
+import { DEFAULT_CURSOR_SVG, OFFSCREEN_MARGIN, DEFAULT_CURSOR_SIZE, DEFAULT_HUD_THEME, } from "./types.js";
+export async function injectOverlays(client, theme, initialPosition) {
+    const cursorSize = theme?.cursorSize ?? DEFAULT_CURSOR_SIZE;
+    const cursorSvg = theme?.cursorSvg ?? DEFAULT_CURSOR_SVG;
+    const hotspotOffset = theme?.cursorHotspot === "center" ? cursorSize / 2 : 0;
+    const hudBg = theme?.hud?.background ?? DEFAULT_HUD_THEME.background;
+    const hudColor = theme?.hud?.color ?? DEFAULT_HUD_THEME.color;
+    const hudFontSize = theme?.hud?.fontSize ?? DEFAULT_HUD_THEME.fontSize;
+    const hudFontFamily = theme?.hud?.fontFamily ?? DEFAULT_HUD_THEME.fontFamily;
+    const hudBorderRadius = theme?.hud?.borderRadius ?? DEFAULT_HUD_THEME.borderRadius;
+    const hudPosition = theme?.hud?.position ?? DEFAULT_HUD_THEME.position;
+    await client.Runtime.evaluate({
+        expression: `(() => {
+      const zoom = parseFloat(getComputedStyle(document.documentElement).zoom) || 1;
+
+      const cursor = document.createElement("div");
+      cursor.id = "__demo-cursor";
+      cursor.style.cssText = [
+        "position:fixed",
+        "left:0",
+        "top:0",
+        "z-index:999999",
+        "pointer-events:none",
+        "width:${cursorSize}px",
+        "height:${cursorSize}px",
+        "margin-left:${-hotspotOffset}px",
+        "margin-top:${-hotspotOffset}px",
+        "transform-origin:top left",
+        "will-change:transform",
+        "transform:translate(${initialPosition?.x ?? -OFFSCREEN_MARGIN}px,${initialPosition?.y ?? -OFFSCREEN_MARGIN}px)",
+        "filter:drop-shadow(0 1px 2px rgba(0,0,0,0.5))",
+      ].join(";");
+      cursor.dataset.cx = "${initialPosition?.x ?? -OFFSCREEN_MARGIN}";
+      cursor.dataset.cy = "${initialPosition?.y ?? -OFFSCREEN_MARGIN}";
+      cursor.innerHTML = ${JSON.stringify(cursorSvg)};
+      document.body.appendChild(cursor);
+
+      const z = (v) => (v / zoom) + "px";
+      const keys = document.createElement("div");
+      keys.id = "__demo-keys";
+      keys.style.cssText = [
+        "position:fixed",
+        "z-index:999999",
+        "pointer-events:none",
+        "${hudPosition}:" + z(48),
+        "left:50%",
+        "transform:translateX(-50%)",
+        "display:flex",
+        "gap:" + z(14),
+        "padding:" + z(16) + " " + z(36),
+        "border-radius:" + z(${hudBorderRadius}),
+        "background:${hudBg}",
+        "opacity:0",
+      ].join(";");
+      document.body.appendChild(keys);
+
+      const style = document.createElement("style");
+      style.textContent = \`
+        .__demo-key {
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          color: ${hudColor};
+          font-family: ${hudFontFamily};
+          font-size: \${${hudFontSize} / zoom}px;
+          font-weight: 500;
+          white-space: nowrap;
+        }
+      \`;
+      document.head.appendChild(style);
+    })()`,
+    });
+}
+export async function showKeys(client, labels) {
+    await client.Runtime.evaluate({
+        expression: `(() => {
+      const container = document.getElementById("__demo-keys");
+      if (!container) return;
+      container.innerHTML = ${JSON.stringify(labels)}
+        .map(k => {
+          const e = k.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");
+          return '<span class="__demo-key">' + e + '</span>';
+        })
+        .join("");
+      container.style.opacity = "1";
+    })()`,
+    });
+}
+export async function hideKeys(client) {
+    await client.Runtime.evaluate({
+        expression: `(() => {
+      const container = document.getElementById("__demo-keys");
+      if (container) container.style.opacity = "0";
+    })()`,
+    });
+}
+//# sourceMappingURL=overlays.js.map

package/dist/overlays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlays.js","sourceRoot":"","sources":["../src/overlays.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,YAAY,CAAC;AAgBpB,MAAM,CAAC,KAAK,UAAU,cAAc,CAClC,MAAiB,EACjB,KAAoB,EACpB,eAA0C;IAE1C,MAAM,UAAU,GAAG,KAAK,EAAE,UAAU,IAAI,mBAAmB,CAAC;IAC5D,MAAM,SAAS,GAAG,KAAK,EAAE,SAAS,IAAI,kBAAkB,CAAC;IACzD,MAAM,aAAa,GAAG,KAAK,EAAE,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7E,MAAM,KAAK,GAAG,KAAK,EAAE,GAAG,EAAE,UAAU,IAAI,iBAAiB,CAAC,UAAU,CAAC;IACrE,MAAM,QAAQ,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,iBAAiB,CAAC,KAAK,CAAC;IAC9D,MAAM,WAAW,GAAG,KAAK,EAAE,GAAG,EAAE,QAAQ,IAAI,iBAAiB,CAAC,QAAQ,CAAC;IACvE,MAAM,aAAa,GAAG,KAAK,EAAE,GAAG,EAAE,UAAU,IAAI,iBAAiB,CAAC,UAAU,CAAC;IAC7E,MAAM,eAAe,GAAG,KAAK,EAAE,GAAG,EAAE,YAAY,IAAI,iBAAiB,CAAC,YAAY,CAAC;IACnF,MAAM,WAAW,GAAG,KAAK,EAAE,GAAG,EAAE,QAAQ,IAAI,iBAAiB,CAAC,QAAQ,CAAC;IAEvE,MAAM,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC;QAC5B,UAAU,EAAE;;;;;;;;;;;iBAWC,UAAU;kBACT,UAAU;uBACL,CAAC,aAAa;sBACf,CAAC,aAAa;;;+BAGL,eAAe,EAAE,CAAC,IAAI,CAAC,gBAAgB,MAAM,eAAe,EAAE,CAAC,IAAI,CAAC,gBAAgB;;;6BAGtF,eAAe,EAAE,CAAC,IAAI,CAAC,gBAAgB;6BACvC,eAAe,EAAE,CAAC,IAAI,CAAC,gBAAgB;2BACzC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;;;;;;;;;;WAUzC,WAAW;;;;;;+BAMS,eAAe;sBACxB,KAAK;;;;;;;;;;;mBAWR,QAAQ;yBACF,aAAa;0BACZ,WAAW;;;;;;SAM5B;KACN,CAAC,CAAC;AACL,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,QAAQ,CAAC,MAAiB,EAAE,MAAgB;IAChE,MAAM,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC;QAC5B,UAAU,EAAE;;;8BAGc,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;;;;;;;SAO3C;KACN,CAAC,CAAC;AACL,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,QAAQ,CAAC,MAAiB;IAC9C,MAAM,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC;QAC5B,UAAU,EAAE;;;SAGP;KACN,CAAC,CAAC;AACL,CAAC"}

package/dist/recorder.d.ts

@@ -0,0 +1,41 @@
+import type { CDPClient } from "./types.js";
+import type { RecordingContext } from "./actions.js";
+import { type SfxConfig } from "./media.js";
+import type { InteractionTimeline, TimelineData } from "./timeline.js";
+export declare class Recorder {
+    private outputPath;
+    private frameCount;
+    private running;
+    private capturePromise;
+    private events;
+    private outputWidth;
+    private outputHeight;
+    private sfx;
+    private fps;
+    private frameMs;
+    private crf;
+    private ffmpegPath;
+    private ffmpegProcess;
+    private tempVideo;
+    private drainResolve;
+    private droppedFrames;
+    private timeline;
+    private ctx;
+    private framesDir;
+    constructor(outputWidth?: number, outputHeight?: number, options?: {
+        sfx?: SfxConfig;
+        fps?: number;
+        crf?: number;
+        framesDir?: string;
+    });
+    setTimeline(timeline: InteractionTimeline): void;
+    getTimeline(): InteractionTimeline | null;
+    getTimelineData(): TimelineData | null;
+    addEvent(type: "click" | "key"): void;
+    start(client: CDPClient, outputPath: string, ctx?: RecordingContext): Promise<void>;
+    private writeFrame;
+    private captureLoop;
+    getTempVideoPath(): string;
+    stop(): Promise<void>;
+}
+//# sourceMappingURL=recorder.d.ts.map

package/dist/recorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recorder.d.ts","sourceRoot":"","sources":["../src/recorder.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAA0C,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AACpF,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvE,qBAAa,QAAQ;IACnB,OAAO,CAAC,UAAU,CAAM;IACxB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,cAAc,CAA8B;IACpD,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,GAAG,CAAwB;IACnC,OAAO,CAAC,GAAG,CAAS;IACpB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,GAAG,CAAS;IACpB,OAAO,CAAC,UAAU,CAAY;IAC9B,OAAO,CAAC,aAAa,CAA6B;IAClD,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,YAAY,CAA6B;IACjD,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,QAAQ,CAAoC;IACpD,OAAO,CAAC,GAAG,CAAiC;IAC5C,OAAO,CAAC,SAAS,CAAuB;gBAGtC,WAAW,SAAwB,EACnC,YAAY,SAAwB,EACpC,OAAO,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,SAAS,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE;IAc/E,WAAW,CAAC,QAAQ,EAAE,mBAAmB,GAAG,IAAI;IAIhD,WAAW,IAAI,mBAAmB,GAAG,IAAI;IAIzC,eAAe,IAAI,YAAY,GAAG,IAAI;IAItC,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAG,KAAK;IAOxB,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,gBAAgB;YAyD3D,UAAU;YAcV,WAAW;IAuDzB,gBAAgB,IAAI,MAAM;IAIpB,IAAI;CAmEX"}

package/dist/recorder.js

@@ -0,0 +1,223 @@
+import { spawn } from "node:child_process";
+import { mkdirSync, rmSync, writeFileSync } from "node:fs";
+import { homedir } from "node:os";
+import { resolve, extname } from "node:path";
+import { TARGET_FPS, DEFAULT_VIEWPORT_SIZE } from "./types.js";
+import { ensureFfmpeg } from "./ffmpeg.js";
+import { finalizeMp4, finalizeWebm, finalizeGif } from "./media.js";
+export class Recorder {
+    outputPath = "";
+    frameCount = 0;
+    running = false;
+    capturePromise = null;
+    events = [];
+    outputWidth;
+    outputHeight;
+    sfx;
+    fps;
+    frameMs;
+    crf;
+    ffmpegPath = "ffmpeg";
+    ffmpegProcess = null;
+    tempVideo = "";
+    drainResolve = null;
+    droppedFrames = 0;
+    timeline = null;
+    ctx = null;
+    framesDir = null;
+    constructor(outputWidth = DEFAULT_VIEWPORT_SIZE, outputHeight = DEFAULT_VIEWPORT_SIZE, options) {
+        this.outputWidth = outputWidth;
+        this.outputHeight = outputHeight;
+        this.sfx = options?.sfx;
+        this.fps = options?.fps ?? TARGET_FPS;
+        this.frameMs = 1000 / this.fps;
+        this.crf = options?.crf ?? 18;
+        if (options?.framesDir) {
+            this.framesDir = options.framesDir;
+            mkdirSync(this.framesDir, { recursive: true });
+        }
+    }
+    setTimeline(timeline) {
+        this.timeline = timeline;
+    }
+    getTimeline() {
+        return this.timeline;
+    }
+    getTimelineData() {
+        return this.timeline?.toJSON() ?? null;
+    }
+    addEvent(type) {
+        if (this.running) {
+            const timeMs = (this.frameCount / this.fps) * 1000;
+            this.events.push({ type, timeMs });
+        }
+    }
+    async start(client, outputPath, ctx) {
+        this.ffmpegPath = await ensureFfmpeg();
+        this.outputPath = outputPath;
+        this.frameCount = 0;
+        this.droppedFrames = 0;
+        this.running = true;
+        this.events = [];
+        this.ctx = ctx ?? null;
+        if (this.ctx)
+            this.ctx.setRecorder(this);
+        const workDir = resolve(homedir(), ".webreel");
+        mkdirSync(workDir, { recursive: true });
+        this.tempVideo = resolve(workDir, `_rec_${Date.now()}.mp4`);
+        this.ffmpegProcess = spawn(this.ffmpegPath, [
+            "-y",
+            "-f",
+            "image2pipe",
+            "-framerate",
+            String(this.fps),
+            "-c:v",
+            "mjpeg",
+            "-i",
+            "pipe:0",
+            "-c:v",
+            "libx264",
+            "-preset",
+            "ultrafast",
+            "-crf",
+            String(this.crf),
+            "-pix_fmt",
+            "yuv420p",
+            "-r",
+            String(this.fps),
+            this.tempVideo,
+        ], { stdio: ["pipe", "pipe", "pipe"] });
+        const resolveDrain = () => {
+            const resolve = this.drainResolve;
+            if (resolve) {
+                this.drainResolve = null;
+                resolve();
+            }
+        };
+        const stdin = this.ffmpegProcess.stdin;
+        if (!stdin)
+            throw new Error("ffmpeg process has no stdin pipe");
+        stdin.on("drain", resolveDrain);
+        this.ffmpegProcess.on("close", resolveDrain);
+        this.capturePromise = this.captureLoop(client);
+    }
+    async writeFrame(buffer) {
+        const stdin = this.ffmpegProcess?.stdin;
+        if (!stdin?.writable) {
+            this.droppedFrames++;
+            return;
+        }
+        const ok = stdin.write(buffer);
+        if (!ok) {
+            await new Promise((res) => {
+                this.drainResolve = res;
+            });
+        }
+    }
+    async captureLoop(client) {
+        let lastFrameTime = Date.now();
+        let consecutiveErrors = 0;
+        while (this.running) {
+            try {
+                if (this.timeline) {
+                    this.timeline.tick();
+                }
+                else {
+                    await client.Runtime.evaluate({
+                        expression: "window.__tickCursor&&window.__tickCursor()",
+                    });
+                }
+                const { data } = await client.Page.captureScreenshot({
+                    format: "jpeg",
+                    quality: 60,
+                    optimizeForSpeed: true,
+                });
+                const buffer = Buffer.from(data, "base64");
+                const now = Date.now();
+                const elapsed = now - lastFrameTime;
+                const frameSlots = Math.min(3, Math.max(1, Math.round(elapsed / this.frameMs)));
+                if (frameSlots > 1) {
+                    for (let i = 0; i < frameSlots - 1; i++) {
+                        if (this.timeline)
+                            this.timeline.tickDuplicate();
+                        await this.writeFrame(buffer);
+                        this.frameCount++;
+                    }
+                }
+                await this.writeFrame(buffer);
+                this.frameCount++;
+                if (this.framesDir) {
+                    const padded = String(this.frameCount).padStart(5, "0");
+                    writeFileSync(resolve(this.framesDir, `frame-${padded}.jpg`), buffer);
+                }
+                lastFrameTime = now;
+                consecutiveErrors = 0;
+            }
+            catch (err) {
+                if (!this.running)
+                    break;
+                consecutiveErrors++;
+                if (consecutiveErrors >= 10) {
+                    console.error(`Recording aborted after ${consecutiveErrors} consecutive capture failures:`, err);
+                    break;
+                }
+            }
+        }
+    }
+    getTempVideoPath() {
+        return this.tempVideo;
+    }
+    async stop() {
+        this.running = false;
+        if (this.ctx)
+            this.ctx.setRecorder(null);
+        await this.capturePromise;
+        if (this.droppedFrames > 0) {
+            console.warn(`Warning: ${this.droppedFrames} frame(s) dropped during recording`);
+        }
+        if (this.ffmpegProcess) {
+            const proc = this.ffmpegProcess;
+            await new Promise((res) => {
+                if (proc.exitCode !== null) {
+                    res();
+                    return;
+                }
+                proc.once("close", () => res());
+                try {
+                    proc.stdin?.end();
+                }
+                catch (err) {
+                    console.warn("Failed to close ffmpeg stdin:", err);
+                    res();
+                }
+            });
+            this.ffmpegProcess = null;
+        }
+        if (this.frameCount === 0) {
+            rmSync(this.tempVideo, { force: true });
+            return;
+        }
+        // When a timeline is set, the caller is responsible for the temp video
+        // (e.g. renaming it for later compositing). Don't delete or finalize it.
+        if (this.timeline) {
+            return;
+        }
+        try {
+            const durationSec = this.frameCount / this.fps;
+            const ext = extname(this.outputPath).toLowerCase();
+            if (ext === ".webm") {
+                finalizeWebm(this.ffmpegPath, this.tempVideo, this.outputPath, this.events, durationSec, this.sfx);
+            }
+            else if (ext === ".gif") {
+                finalizeGif(this.ffmpegPath, this.tempVideo, this.outputPath, this.outputWidth);
+            }
+            else {
+                finalizeMp4(this.ffmpegPath, this.tempVideo, this.outputPath, this.events, durationSec, { sfx: this.sfx });
+            }
+        }
+        finally {
+            rmSync(this.tempVideo, { force: true });
+        }
+    }
+}
+//# sourceMappingURL=recorder.js.map

package/dist/recorder.js.map

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

package/dist/timeline.d.ts

@@ -0,0 +1,82 @@
+import type { Point, SoundEvent } from "./types.js";
+interface CursorState {
+    x: number;
+    y: number;
+    scale: number;
+}
+interface HudState {
+    labels: string[];
+}
+interface FrameData {
+    cursor: CursorState;
+    hud: HudState | null;
+}
+export interface TimelineData {
+    fps: number;
+    width: number;
+    height: number;
+    zoom: number;
+    theme: {
+        cursorSvg: string;
+        cursorSize: number;
+        cursorHotspot: "top-left" | "center";
+        hud: {
+            background: string;
+            color: string;
+            fontSize: number;
+            fontFamily: string;
+            borderRadius: number;
+            position: "top" | "bottom";
+        };
+    };
+    frames: FrameData[];
+    events: SoundEvent[];
+}
+export declare class InteractionTimeline {
+    private cursorPath;
+    private pathIndex;
+    private currentCursor;
+    private currentHud;
+    private frames;
+    private events;
+    private frameCount;
+    private tickResolvers;
+    private width;
+    private height;
+    private zoom;
+    private fps;
+    private cursorSvg;
+    private cursorSize;
+    private cursorHotspot;
+    private hudConfig;
+    constructor(width?: number, height?: number, options?: {
+        zoom?: number;
+        fps?: number;
+        initialCursor?: {
+            x: number;
+            y: number;
+        };
+        cursorSvg?: string;
+        cursorSize?: number;
+        cursorHotspot?: "top-left" | "center";
+        hud?: Partial<TimelineData["theme"]["hud"]>;
+        loadedFrames?: FrameData[];
+        loadedEvents?: SoundEvent[];
+    });
+    setCursorPath(positions: Point[]): void;
+    setCursorScale(scale: number): void;
+    showHud(labels: string[]): void;
+    hideHud(): void;
+    addEvent(type: "click" | "key"): void;
+    waitForNextTick(): Promise<void>;
+    tick(): void;
+    tickDuplicate(): void;
+    private pushCurrentState;
+    getEvents(): SoundEvent[];
+    getFrameCount(): number;
+    toJSON(): TimelineData;
+    save(path: string): void;
+    static load(json: TimelineData): InteractionTimeline;
+}
+export {};
+//# sourceMappingURL=timeline.d.ts.map

package/dist/timeline.d.ts.map

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

package/dist/timeline.js

@@ -0,0 +1,140 @@
+import { writeFileSync } from "node:fs";
+import { TARGET_FPS, DEFAULT_CURSOR_SVG, DEFAULT_VIEWPORT_SIZE, OFFSCREEN_MARGIN, DEFAULT_CURSOR_SIZE, DEFAULT_HUD_THEME, } from "./types.js";
+export class InteractionTimeline {
+    cursorPath = null;
+    pathIndex = 0;
+    currentCursor = {
+        x: -OFFSCREEN_MARGIN,
+        y: -OFFSCREEN_MARGIN,
+        scale: 1,
+    };
+    currentHud = null;
+    frames = [];
+    events = [];
+    frameCount = 0;
+    tickResolvers = [];
+    width;
+    height;
+    zoom;
+    fps;
+    cursorSvg;
+    cursorSize;
+    cursorHotspot;
+    hudConfig;
+    constructor(width = DEFAULT_VIEWPORT_SIZE, height = DEFAULT_VIEWPORT_SIZE, options) {
+        this.width = width;
+        this.height = height;
+        this.zoom = options?.zoom ?? 1;
+        this.fps = options?.fps ?? TARGET_FPS;
+        if (options?.initialCursor) {
+            this.currentCursor = {
+                x: options.initialCursor.x,
+                y: options.initialCursor.y,
+                scale: 1,
+            };
+        }
+        this.cursorSvg = options?.cursorSvg ?? DEFAULT_CURSOR_SVG;
+        this.cursorSize = options?.cursorSize ?? DEFAULT_CURSOR_SIZE;
+        this.cursorHotspot = options?.cursorHotspot ?? "top-left";
+        this.hudConfig = {
+            background: options?.hud?.background ?? DEFAULT_HUD_THEME.background,
+            color: options?.hud?.color ?? DEFAULT_HUD_THEME.color,
+            fontSize: options?.hud?.fontSize ?? DEFAULT_HUD_THEME.fontSize,
+            fontFamily: options?.hud?.fontFamily ?? DEFAULT_HUD_THEME.fontFamily,
+            borderRadius: options?.hud?.borderRadius ?? DEFAULT_HUD_THEME.borderRadius,
+            position: options?.hud?.position ?? DEFAULT_HUD_THEME.position,
+        };
+        if (options?.loadedFrames) {
+            this.frames = options.loadedFrames;
+            this.frameCount = options.loadedFrames.length;
+        }
+        if (options?.loadedEvents) {
+            this.events = options.loadedEvents;
+        }
+    }
+    setCursorPath(positions) {
+        this.cursorPath = positions;
+        this.pathIndex = 0;
+    }
+    setCursorScale(scale) {
+        this.currentCursor.scale = scale;
+    }
+    showHud(labels) {
+        this.currentHud = { labels };
+    }
+    hideHud() {
+        this.currentHud = null;
+    }
+    addEvent(type) {
+        const timeMs = (this.frameCount / this.fps) * 1000;
+        this.events.push({ type, timeMs });
+    }
+    waitForNextTick() {
+        return new Promise((resolve) => {
+            this.tickResolvers.push(resolve);
+        });
+    }
+    tick() {
+        if (this.cursorPath && this.pathIndex < this.cursorPath.length) {
+            const p = this.cursorPath[this.pathIndex++];
+            this.currentCursor.x = p.x;
+            this.currentCursor.y = p.y;
+            if (this.pathIndex >= this.cursorPath.length) {
+                this.cursorPath = null;
+            }
+        }
+        this.pushCurrentState();
+        const resolvers = this.tickResolvers;
+        this.tickResolvers = [];
+        for (const resolve of resolvers)
+            resolve();
+    }
+    tickDuplicate() {
+        this.pushCurrentState();
+    }
+    pushCurrentState() {
+        this.frames.push({
+            cursor: { ...this.currentCursor },
+            hud: this.currentHud ? { labels: [...this.currentHud.labels] } : null,
+        });
+        this.frameCount++;
+    }
+    getEvents() {
+        return this.events;
+    }
+    getFrameCount() {
+        return this.frameCount;
+    }
+    toJSON() {
+        return {
+            fps: this.fps,
+            width: this.width,
+            height: this.height,
+            zoom: this.zoom,
+            theme: {
+                cursorSvg: this.cursorSvg,
+                cursorSize: this.cursorSize,
+                cursorHotspot: this.cursorHotspot,
+                hud: this.hudConfig,
+            },
+            frames: this.frames,
+            events: this.events,
+        };
+    }
+    save(path) {
+        writeFileSync(path, JSON.stringify(this.toJSON()));
+    }
+    static load(json) {
+        return new InteractionTimeline(json.width, json.height, {
+            zoom: json.zoom,
+            fps: json.fps,
+            cursorSvg: json.theme.cursorSvg,
+            cursorSize: json.theme.cursorSize,
+            cursorHotspot: json.theme.cursorHotspot,
+            hud: json.theme.hud,
+            loadedFrames: json.frames,
+            loadedEvents: json.events,
+        });
+    }
+}
+//# sourceMappingURL=timeline.js.map

package/dist/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.js","sourceRoot":"","sources":["../src/timeline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,YAAY,CAAC;AAuCpB,MAAM,OAAO,mBAAmB;IACtB,UAAU,GAAmB,IAAI,CAAC;IAClC,SAAS,GAAG,CAAC,CAAC;IACd,aAAa,GAAgB;QACnC,CAAC,EAAE,CAAC,gBAAgB;QACpB,CAAC,EAAE,CAAC,gBAAgB;QACpB,KAAK,EAAE,CAAC;KACT,CAAC;IACM,UAAU,GAAoB,IAAI,CAAC;IACnC,MAAM,GAAgB,EAAE,CAAC;IACzB,MAAM,GAAiB,EAAE,CAAC;IAC1B,UAAU,GAAG,CAAC,CAAC;IACf,aAAa,GAAsB,EAAE,CAAC;IAEtC,KAAK,CAAS;IACd,MAAM,CAAS;IACf,IAAI,CAAS;IACb,GAAG,CAAS;IACZ,SAAS,CAAS;IAClB,UAAU,CAAS;IACnB,aAAa,CAAwB;IACrC,SAAS,CAA+B;IAEhD,YACE,KAAK,GAAG,qBAAqB,EAC7B,MAAM,GAAG,qBAAqB,EAC9B,OAUC;QAED,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,OAAO,EAAE,IAAI,IAAI,CAAC,CAAC;QAC/B,IAAI,CAAC,GAAG,GAAG,OAAO,EAAE,GAAG,IAAI,UAAU,CAAC;QACtC,IAAI,OAAO,EAAE,aAAa,EAAE,CAAC;YAC3B,IAAI,CAAC,aAAa,GAAG;gBACnB,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;gBAC1B,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;gBAC1B,KAAK,EAAE,CAAC;aACT,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,SAAS,GAAG,OAAO,EAAE,SAAS,IAAI,kBAAkB,CAAC;QAC1D,IAAI,CAAC,UAAU,GAAG,OAAO,EAAE,UAAU,IAAI,mBAAmB,CAAC;QAC7D,IAAI,CAAC,aAAa,GAAG,OAAO,EAAE,aAAa,IAAI,UAAU,CAAC;QAC1D,IAAI,CAAC,SAAS,GAAG;YACf,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,IAAI,iBAAiB,CAAC,UAAU;YACpE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,IAAI,iBAAiB,CAAC,KAAK;YACrD,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,IAAI,iBAAiB,CAAC,QAAQ;YAC9D,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,IAAI,iBAAiB,CAAC,UAAU;YACpE,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,IAAI,iBAAiB,CAAC,YAAY;YAC1E,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,IAAI,iBAAiB,CAAC,QAAQ;SAC/D,CAAC;QACF,IAAI,OAAO,EAAE,YAAY,EAAE,CAAC;YAC1B,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC;YACnC,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC;QAChD,CAAC;QACD,IAAI,OAAO,EAAE,YAAY,EAAE,CAAC;YAC1B,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC;QACrC,CAAC;IACH,CAAC;IAED,aAAa,CAAC,SAAkB;QAC9B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;IACrB,CAAC;IAED,cAAc,CAAC,KAAa;QAC1B,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,KAAK,CAAC;IACnC,CAAC;IAED,OAAO,CAAC,MAAgB;QACtB,IAAI,CAAC,UAAU,GAAG,EAAE,MAAM,EAAE,CAAC;IAC/B,CAAC;IAED,OAAO;QACL,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACzB,CAAC;IAED,QAAQ,CAAC,IAAqB;QAC5B,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;QACnD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IACrC,CAAC;IAED,eAAe;QACb,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI;QACF,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;YAC/D,MAAM,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;YAC5C,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC3B,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC3B,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;gBAC7C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACzB,CAAC;QACH,CAAC;QAED,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAExB,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC;QACrC,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QACxB,KAAK,MAAM,OAAO,IAAI,SAAS;YAAE,OAAO,EAAE,CAAC;IAC7C,CAAC;IAED,aAAa;QACX,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;YACf,MAAM,EAAE,EAAE,GAAG,IAAI,CAAC,aAAa,EAAE;YACjC,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;SACtE,CAAC,CAAC;QACH,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,MAAM;QACJ,OAAO;YACL,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE;gBACL,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,GAAG,EAAE,IAAI,CAAC,SAAS;aACpB;YACD,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,IAAY;QACf,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACrD,CAAC;IAED,MAAM,CAAC,IAAI,CAAC,IAAkB;QAC5B,OAAO,IAAI,mBAAmB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE;YACtD,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;YAC/B,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;YACjC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa;YACvC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG;YACnB,YAAY,EAAE,IAAI,CAAC,MAAM;YACzB,YAAY,EAAE,IAAI,CAAC,MAAM;SAC1B,CAAC,CAAC;IACL,CAAC;CACF"}