@nice2dev/game-engine 1.3.15 → 1.3.16

package/dist/cjs/performance/InputRecording.js

@@ -1,583 +1,533 @@
-'use strict';
-
-/**
- * @file InputRecording.ts
- * @description Input recording for replays, testing, and demos
- * PRO-1.5: Runtime & Performance
- *
- * Features:
- * - Record all input events
- * - Playback with speed control
- * - Seek to any point
- * - Export/import recordings
- * - Compression
- * - Frame-perfect accuracy
- */
-// ============================================================
-// Default Configuration
-// ============================================================
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const DEFAULT_RECORDING_CONFIG = {
-    maxDuration: 600000, // 10 minutes
-    maxInputs: 100000,
-    captureMouseMove: true,
-    captureMouseMoveInterval: 16, // ~60fps
-    compress: true,
-    recordSeed: true,
+  maxDuration: 6e5,
+  // 10 minutes
+  maxInputs: 1e5,
+  captureMouseMove: true,
+  captureMouseMoveInterval: 16,
+  // ~60fps
+  compress: true,
+  recordSeed: true
 };
-// ============================================================
-// Input Recorder
-// ============================================================
 class InputRecorder {
-    constructor(config) {
-        this.isRecording = false;
-        this.startTime = 0;
-        this.currentFrame = 0;
-        this.inputs = [];
-        this.lastMouseMoveTime = 0;
-        // Event handlers (stored for cleanup)
-        this.handlers = new Map();
-        this.config = { ...DEFAULT_RECORDING_CONFIG, ...config };
-    }
-    // ─── Recording Control ─────────────────────────────────
-    start(initialState, seed) {
-        if (this.isRecording) {
-            return;
-        }
-        this.isRecording = true;
-        this.startTime = performance.now();
-        this.currentFrame = 0;
-        this.inputs = [];
-        this.initialState = initialState;
-        this.seed = seed;
-        this.attachEventListeners();
-        this.onRecordingStarted?.();
-    }
-    stop() {
-        if (!this.isRecording) {
-            return null;
-        }
-        this.isRecording = false;
-        this.detachEventListeners();
-        const recording = this.createRecording();
-        this.onRecordingStopped?.(recording);
-        return recording;
-    }
-    tick() {
-        if (this.isRecording) {
-            this.currentFrame++;
-        }
-    }
-    // ─── Event Handling ────────────────────────────────────
-    attachEventListeners() {
-        if (typeof window === 'undefined') {
-            return;
-        }
-        const keydownHandler = (e) => this.recordKeyboard(e, 'keydown');
-        const keyupHandler = (e) => this.recordKeyboard(e, 'keyup');
-        const mousedownHandler = (e) => this.recordMouse(e, 'mousedown');
-        const mouseupHandler = (e) => this.recordMouse(e, 'mouseup');
-        const mousemoveHandler = (e) => this.recordMouseMove(e);
-        const wheelHandler = (e) => this.recordWheel(e);
-        window.addEventListener('keydown', keydownHandler);
-        window.addEventListener('keyup', keyupHandler);
-        window.addEventListener('mousedown', mousedownHandler);
-        window.addEventListener('mouseup', mouseupHandler);
-        window.addEventListener('mousemove', mousemoveHandler);
-        window.addEventListener('wheel', wheelHandler);
-        this.handlers.set('keydown', keydownHandler);
-        this.handlers.set('keyup', keyupHandler);
-        this.handlers.set('mousedown', mousedownHandler);
-        this.handlers.set('mouseup', mouseupHandler);
-        this.handlers.set('mousemove', mousemoveHandler);
-        this.handlers.set('wheel', wheelHandler);
-    }
-    detachEventListeners() {
-        if (typeof window === 'undefined') {
-            return;
-        }
-        for (const [event, handler] of this.handlers) {
-            window.removeEventListener(event, handler);
-        }
-        this.handlers.clear();
-    }
-    recordKeyboard(e, type) {
-        this.recordInput({
-            frame: this.currentFrame,
-            time: performance.now() - this.startTime,
-            type,
-            data: {
-                key: e.key,
-                code: e.code,
-            },
-        });
-    }
-    recordMouse(e, type) {
-        this.recordInput({
-            frame: this.currentFrame,
-            time: performance.now() - this.startTime,
-            type,
-            data: {
-                button: e.button,
-                x: e.clientX,
-                y: e.clientY,
-            },
-        });
-    }
-    recordMouseMove(e) {
-        if (!this.config.captureMouseMove) {
-            return;
-        }
-        const now = performance.now();
-        if (now - this.lastMouseMoveTime < this.config.captureMouseMoveInterval) {
-            return;
-        }
-        this.lastMouseMoveTime = now;
-        this.recordInput({
-            frame: this.currentFrame,
-            time: now - this.startTime,
-            type: 'mousemove',
-            data: {
-                x: e.clientX,
-                y: e.clientY,
-            },
-        });
-    }
-    recordWheel(e) {
-        this.recordInput({
-            frame: this.currentFrame,
-            time: performance.now() - this.startTime,
-            type: 'wheel',
-            data: {
-                deltaX: e.deltaX,
-                deltaY: e.deltaY,
-                x: e.clientX,
-                y: e.clientY,
-            },
-        });
-    }
-    recordGamepadButton(gamepadIndex, buttonIndex, pressed) {
-        if (!this.isRecording) {
-            return;
-        }
-        this.recordInput({
-            frame: this.currentFrame,
-            time: performance.now() - this.startTime,
-            type: 'gamepadbutton',
-            data: {
-                gamepadIndex,
-                buttonIndex,
-                value: pressed ? 1 : 0,
-            },
-        });
-    }
-    recordGamepadAxis(gamepadIndex, axisIndex, value) {
-        if (!this.isRecording) {
-            return;
-        }
-        this.recordInput({
-            frame: this.currentFrame,
-            time: performance.now() - this.startTime,
-            type: 'gamepadaxis',
-            data: {
-                gamepadIndex,
-                axisIndex,
-                value,
-            },
-        });
-    }
-    recordInput(input) {
-        if (!this.isRecording) {
-            return;
-        }
-        if (this.inputs.length >= this.config.maxInputs) {
-            return;
-        }
-        if (input.time > this.config.maxDuration) {
-            this.stop();
-            return;
-        }
-        this.inputs.push(input);
-        this.onInputRecorded?.(input);
-    }
-    // ─── Recording Creation ────────────────────────────────
-    createRecording() {
-        const duration = performance.now() - this.startTime;
-        const metadata = {
-            id: this.generateId(),
-            name: `Recording ${new Date().toISOString()}`,
-            description: '',
-            createdAt: Date.now(),
-            duration,
-            frameCount: this.currentFrame,
-            inputCount: this.inputs.length,
-            version: '1.0.0',
-            gameVersion: '1.0.0',
-            seed: this.seed,
-            checksum: this.calculateChecksum(),
-            tags: [],
-        };
-        return {
-            metadata,
-            inputs: this.config.compress ? this.compressInputs() : [...this.inputs],
-            initialState: this.initialState,
-        };
-    }
-    generateId() {
-        return `rec_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
-    }
-    calculateChecksum() {
-        // Simple checksum based on input count and timings
-        let hash = this.inputs.length;
-        for (let i = 0; i < Math.min(100, this.inputs.length); i++) {
-            hash ^= Math.round(this.inputs[i].time);
-        }
-        return hash.toString(16);
-    }
-    compressInputs() {
-        // Delta encoding for sequential inputs
-        return this.inputs.map((input, i) => {
-            if (i === 0) {
-                return input;
-            }
-            return {
-                ...input,
-                frame: input.frame - this.inputs[i - 1].frame,
-                time: input.time - this.inputs[i - 1].time,
-            };
-        });
-    }
-    // ─── Getters ───────────────────────────────────────────
-    isActive() {
-        return this.isRecording;
-    }
-    getCurrentFrame() {
-        return this.currentFrame;
-    }
-    getInputCount() {
-        return this.inputs.length;
-    }
-    getDuration() {
-        return performance.now() - this.startTime;
-    }
-    // ─── Callbacks ─────────────────────────────────────────
-    setOnRecordingStarted(callback) {
-        this.onRecordingStarted = callback;
-    }
-    setOnRecordingStopped(callback) {
-        this.onRecordingStopped = callback;
-    }
-    setOnInputRecorded(callback) {
-        this.onInputRecorded = callback;
-    }
+  constructor(config) {
+    this.isRecording = false;
+    this.startTime = 0;
+    this.currentFrame = 0;
+    this.inputs = [];
+    this.lastMouseMoveTime = 0;
+    this.handlers = /* @__PURE__ */ new Map();
+    this.config = { ...DEFAULT_RECORDING_CONFIG, ...config };
+  }
+  // ─── Recording Control ─────────────────────────────────
+  start(initialState, seed) {
+    if (this.isRecording) {
+      return;
+    }
+    this.isRecording = true;
+    this.startTime = performance.now();
+    this.currentFrame = 0;
+    this.inputs = [];
+    this.initialState = initialState;
+    this.seed = seed;
+    this.attachEventListeners();
+    this.onRecordingStarted?.();
+  }
+  stop() {
+    if (!this.isRecording) {
+      return null;
+    }
+    this.isRecording = false;
+    this.detachEventListeners();
+    const recording = this.createRecording();
+    this.onRecordingStopped?.(recording);
+    return recording;
+  }
+  tick() {
+    if (this.isRecording) {
+      this.currentFrame++;
+    }
+  }
+  // ─── Event Handling ────────────────────────────────────
+  attachEventListeners() {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const keydownHandler = (e) => this.recordKeyboard(e, "keydown");
+    const keyupHandler = (e) => this.recordKeyboard(e, "keyup");
+    const mousedownHandler = (e) => this.recordMouse(e, "mousedown");
+    const mouseupHandler = (e) => this.recordMouse(e, "mouseup");
+    const mousemoveHandler = (e) => this.recordMouseMove(e);
+    const wheelHandler = (e) => this.recordWheel(e);
+    window.addEventListener("keydown", keydownHandler);
+    window.addEventListener("keyup", keyupHandler);
+    window.addEventListener("mousedown", mousedownHandler);
+    window.addEventListener("mouseup", mouseupHandler);
+    window.addEventListener("mousemove", mousemoveHandler);
+    window.addEventListener("wheel", wheelHandler);
+    this.handlers.set("keydown", keydownHandler);
+    this.handlers.set("keyup", keyupHandler);
+    this.handlers.set("mousedown", mousedownHandler);
+    this.handlers.set("mouseup", mouseupHandler);
+    this.handlers.set("mousemove", mousemoveHandler);
+    this.handlers.set("wheel", wheelHandler);
+  }
+  detachEventListeners() {
+    if (typeof window === "undefined") {
+      return;
+    }
+    for (const [event, handler] of this.handlers) {
+      window.removeEventListener(event, handler);
+    }
+    this.handlers.clear();
+  }
+  recordKeyboard(e, type) {
+    this.recordInput({
+      frame: this.currentFrame,
+      time: performance.now() - this.startTime,
+      type,
+      data: {
+        key: e.key,
+        code: e.code
+      }
+    });
+  }
+  recordMouse(e, type) {
+    this.recordInput({
+      frame: this.currentFrame,
+      time: performance.now() - this.startTime,
+      type,
+      data: {
+        button: e.button,
+        x: e.clientX,
+        y: e.clientY
+      }
+    });
+  }
+  recordMouseMove(e) {
+    if (!this.config.captureMouseMove) {
+      return;
+    }
+    const now = performance.now();
+    if (now - this.lastMouseMoveTime < this.config.captureMouseMoveInterval) {
+      return;
+    }
+    this.lastMouseMoveTime = now;
+    this.recordInput({
+      frame: this.currentFrame,
+      time: now - this.startTime,
+      type: "mousemove",
+      data: {
+        x: e.clientX,
+        y: e.clientY
+      }
+    });
+  }
+  recordWheel(e) {
+    this.recordInput({
+      frame: this.currentFrame,
+      time: performance.now() - this.startTime,
+      type: "wheel",
+      data: {
+        deltaX: e.deltaX,
+        deltaY: e.deltaY,
+        x: e.clientX,
+        y: e.clientY
+      }
+    });
+  }
+  recordGamepadButton(gamepadIndex, buttonIndex, pressed) {
+    if (!this.isRecording) {
+      return;
+    }
+    this.recordInput({
+      frame: this.currentFrame,
+      time: performance.now() - this.startTime,
+      type: "gamepadbutton",
+      data: {
+        gamepadIndex,
+        buttonIndex,
+        value: pressed ? 1 : 0
+      }
+    });
+  }
+  recordGamepadAxis(gamepadIndex, axisIndex, value) {
+    if (!this.isRecording) {
+      return;
+    }
+    this.recordInput({
+      frame: this.currentFrame,
+      time: performance.now() - this.startTime,
+      type: "gamepadaxis",
+      data: {
+        gamepadIndex,
+        axisIndex,
+        value
+      }
+    });
+  }
+  recordInput(input) {
+    if (!this.isRecording) {
+      return;
+    }
+    if (this.inputs.length >= this.config.maxInputs) {
+      return;
+    }
+    if (input.time > this.config.maxDuration) {
+      this.stop();
+      return;
+    }
+    this.inputs.push(input);
+    this.onInputRecorded?.(input);
+  }
+  // ─── Recording Creation ────────────────────────────────
+  createRecording() {
+    const duration = performance.now() - this.startTime;
+    const metadata = {
+      id: this.generateId(),
+      name: `Recording ${(/* @__PURE__ */ new Date()).toISOString()}`,
+      description: "",
+      createdAt: Date.now(),
+      duration,
+      frameCount: this.currentFrame,
+      inputCount: this.inputs.length,
+      version: "1.0.0",
+      gameVersion: "1.0.0",
+      seed: this.seed,
+      checksum: this.calculateChecksum(),
+      tags: []
+    };
+    return {
+      metadata,
+      inputs: this.config.compress ? this.compressInputs() : [...this.inputs],
+      initialState: this.initialState
+    };
+  }
+  generateId() {
+    return `rec_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+  }
+  calculateChecksum() {
+    let hash = this.inputs.length;
+    for (let i = 0; i < Math.min(100, this.inputs.length); i++) {
+      hash ^= Math.round(this.inputs[i].time);
+    }
+    return hash.toString(16);
+  }
+  compressInputs() {
+    return this.inputs.map((input, i) => {
+      if (i === 0) {
+        return input;
+      }
+      return {
+        ...input,
+        frame: input.frame - this.inputs[i - 1].frame,
+        time: input.time - this.inputs[i - 1].time
+      };
+    });
+  }
+  // ─── Getters ───────────────────────────────────────────
+  isActive() {
+    return this.isRecording;
+  }
+  getCurrentFrame() {
+    return this.currentFrame;
+  }
+  getInputCount() {
+    return this.inputs.length;
+  }
+  getDuration() {
+    return performance.now() - this.startTime;
+  }
+  // ─── Callbacks ─────────────────────────────────────────
+  setOnRecordingStarted(callback) {
+    this.onRecordingStarted = callback;
+  }
+  setOnRecordingStopped(callback) {
+    this.onRecordingStopped = callback;
+  }
+  setOnInputRecorded(callback) {
+    this.onInputRecorded = callback;
+  }
 }
-// ============================================================
-// Input Player
-// ============================================================
 class InputPlayer {
-    constructor() {
-        this.recording = null;
-        this.state = 'stopped';
-        this.currentFrame = 0;
-        this.currentTime = 0;
-        this.speed = 1;
-        this.loop = false;
-        this.inputIndex = 0;
-        this.startTime = 0;
-        // Decompressed inputs
-        this.decompressedInputs = [];
-    }
-    // ─── Loading ───────────────────────────────────────────
-    load(recording) {
-        this.recording = recording;
-        this.decompressedInputs = this.decompressInputs(recording.inputs);
+  constructor() {
+    this.recording = null;
+    this.state = "stopped";
+    this.currentFrame = 0;
+    this.currentTime = 0;
+    this.speed = 1;
+    this.loop = false;
+    this.inputIndex = 0;
+    this.startTime = 0;
+    this.decompressedInputs = [];
+  }
+  // ─── Loading ───────────────────────────────────────────
+  load(recording) {
+    this.recording = recording;
+    this.decompressedInputs = this.decompressInputs(recording.inputs);
+    this.reset();
+  }
+  decompressInputs(inputs) {
+    let prevFrame = 0;
+    let prevTime = 0;
+    return inputs.map((input) => {
+      const frame = input.frame + prevFrame;
+      const time = input.time + prevTime;
+      prevFrame = frame;
+      prevTime = time;
+      return { ...input, frame, time };
+    });
+  }
+  // ─── Playback Control ──────────────────────────────────
+  play() {
+    if (!this.recording) {
+      return;
+    }
+    if (this.state === "playing") {
+      return;
+    }
+    if (this.state === "paused") {
+      this.resume();
+      return;
+    }
+    this.state = "playing";
+    this.startTime = performance.now() - this.currentTime;
+    this.onPlaybackStarted?.();
+  }
+  pause() {
+    if (this.state !== "playing") {
+      return;
+    }
+    this.state = "paused";
+    this.onPlaybackPaused?.();
+  }
+  resume() {
+    if (this.state !== "paused") {
+      return;
+    }
+    this.state = "playing";
+    this.startTime = performance.now() - this.currentTime;
+    this.onPlaybackResumed?.();
+  }
+  stop() {
+    this.state = "stopped";
+    this.reset();
+    this.onPlaybackStopped?.();
+  }
+  reset() {
+    this.currentFrame = 0;
+    this.currentTime = 0;
+    this.inputIndex = 0;
+    this.startTime = 0;
+  }
+  // ─── Update ────────────────────────────────────────────
+  update(deltaTime) {
+    if (this.state !== "playing" || !this.recording) {
+      return [];
+    }
+    if (deltaTime !== void 0) {
+      this.currentTime += deltaTime * this.speed;
+    } else {
+      this.currentTime = (performance.now() - this.startTime) * this.speed;
+    }
+    const playedInputs = [];
+    while (this.inputIndex < this.decompressedInputs.length) {
+      const input = this.decompressedInputs[this.inputIndex];
+      if (input.time > this.currentTime) {
+        break;
+      }
+      playedInputs.push(input);
+      this.dispatchInput?.(input);
+      this.onInputPlayed?.(input);
+      this.inputIndex++;
+    }
+    if (this.decompressedInputs.length > 0) {
+      const lastInput = this.decompressedInputs[this.inputIndex - 1] ?? this.decompressedInputs[0];
+      this.currentFrame = lastInput.frame;
+    }
+    if (this.inputIndex >= this.decompressedInputs.length) {
+      if (this.loop) {
         this.reset();
-    }
-    decompressInputs(inputs) {
-        // Reverse delta encoding
-        let prevFrame = 0;
-        let prevTime = 0;
-        return inputs.map((input) => {
-            const frame = input.frame + prevFrame;
-            const time = input.time + prevTime;
-            prevFrame = frame;
-            prevTime = time;
-            return { ...input, frame, time };
-        });
-    }
-    // ─── Playback Control ──────────────────────────────────
-    play() {
-        if (!this.recording) {
-            return;
-        }
-        if (this.state === 'playing') {
-            return;
-        }
-        if (this.state === 'paused') {
-            this.resume();
-            return;
-        }
-        this.state = 'playing';
-        this.startTime = performance.now() - this.currentTime;
-        this.onPlaybackStarted?.();
-    }
-    pause() {
-        if (this.state !== 'playing') {
-            return;
-        }
-        this.state = 'paused';
-        this.onPlaybackPaused?.();
-    }
-    resume() {
-        if (this.state !== 'paused') {
-            return;
-        }
-        this.state = 'playing';
-        this.startTime = performance.now() - this.currentTime;
-        this.onPlaybackResumed?.();
-    }
-    stop() {
-        this.state = 'stopped';
+        this.startTime = performance.now();
+      } else {
+        this.state = "stopped";
+        this.onPlaybackComplete?.();
+      }
+    }
+    return playedInputs;
+  }
+  tick() {
+    if (this.state !== "playing" || !this.recording) {
+      return [];
+    }
+    this.currentFrame++;
+    const playedInputs = [];
+    while (this.inputIndex < this.decompressedInputs.length) {
+      const input = this.decompressedInputs[this.inputIndex];
+      if (input.frame > this.currentFrame) {
+        break;
+      }
+      playedInputs.push(input);
+      this.dispatchInput?.(input);
+      this.onInputPlayed?.(input);
+      this.inputIndex++;
+    }
+    if (this.inputIndex > 0) {
+      this.currentTime = this.decompressedInputs[this.inputIndex - 1].time;
+    }
+    if (this.inputIndex >= this.decompressedInputs.length) {
+      if (this.loop) {
         this.reset();
-        this.onPlaybackStopped?.();
-    }
-    reset() {
-        this.currentFrame = 0;
-        this.currentTime = 0;
-        this.inputIndex = 0;
-        this.startTime = 0;
-    }
-    // ─── Update ────────────────────────────────────────────
-    update(deltaTime) {
-        if (this.state !== 'playing' || !this.recording) {
-            return [];
-        }
-        // Update time
-        if (deltaTime !== undefined) {
-            this.currentTime += deltaTime * this.speed;
-        }
-        else {
-            this.currentTime = (performance.now() - this.startTime) * this.speed;
-        }
-        // Process inputs up to current time
-        const playedInputs = [];
-        while (this.inputIndex < this.decompressedInputs.length) {
-            const input = this.decompressedInputs[this.inputIndex];
-            if (input.time > this.currentTime) {
-                break;
-            }
-            playedInputs.push(input);
-            this.dispatchInput?.(input);
-            this.onInputPlayed?.(input);
-            this.inputIndex++;
-        }
-        // Update current frame
-        if (this.decompressedInputs.length > 0) {
-            const lastInput = this.decompressedInputs[this.inputIndex - 1] ?? this.decompressedInputs[0];
-            this.currentFrame = lastInput.frame;
-        }
-        // Check for completion
-        if (this.inputIndex >= this.decompressedInputs.length) {
-            if (this.loop) {
-                this.reset();
-                this.startTime = performance.now();
-            }
-            else {
-                this.state = 'stopped';
-                this.onPlaybackComplete?.();
-            }
-        }
-        return playedInputs;
-    }
-    tick() {
-        if (this.state !== 'playing' || !this.recording) {
-            return [];
-        }
-        this.currentFrame++;
-        // Process inputs for current frame
-        const playedInputs = [];
-        while (this.inputIndex < this.decompressedInputs.length) {
-            const input = this.decompressedInputs[this.inputIndex];
-            if (input.frame > this.currentFrame) {
-                break;
-            }
-            playedInputs.push(input);
-            this.dispatchInput?.(input);
-            this.onInputPlayed?.(input);
-            this.inputIndex++;
-        }
-        // Update current time
-        if (this.inputIndex > 0) {
-            this.currentTime = this.decompressedInputs[this.inputIndex - 1].time;
-        }
-        // Check for completion
-        if (this.inputIndex >= this.decompressedInputs.length) {
-            if (this.loop) {
-                this.reset();
-            }
-            else {
-                this.state = 'stopped';
-                this.onPlaybackComplete?.();
-            }
-        }
-        return playedInputs;
-    }
-    // ─── Seeking ───────────────────────────────────────────
-    seekToFrame(frame) {
-        if (!this.recording) {
-            return;
-        }
-        this.state = 'seeking';
-        this.currentFrame = Math.max(0, Math.min(frame, this.recording.metadata.frameCount));
-        // Find input index for this frame
-        this.inputIndex = this.decompressedInputs.findIndex((i) => i.frame > this.currentFrame);
-        if (this.inputIndex === -1) {
-            this.inputIndex = this.decompressedInputs.length;
-        }
-        // Update current time
-        if (this.inputIndex > 0) {
-            this.currentTime = this.decompressedInputs[this.inputIndex - 1].time;
-        }
-        else {
-            this.currentTime = 0;
-        }
-        this.state = 'paused';
-    }
-    seekToTime(time) {
-        if (!this.recording) {
-            return;
-        }
-        this.state = 'seeking';
-        this.currentTime = Math.max(0, Math.min(time, this.recording.metadata.duration));
-        // Find input index for this time
-        this.inputIndex = this.decompressedInputs.findIndex((i) => i.time > this.currentTime);
-        if (this.inputIndex === -1) {
-            this.inputIndex = this.decompressedInputs.length;
-        }
-        // Update current frame
-        if (this.inputIndex > 0) {
-            this.currentFrame = this.decompressedInputs[this.inputIndex - 1].frame;
-        }
-        else {
-            this.currentFrame = 0;
-        }
-        this.state = 'paused';
-    }
-    seekToPercent(percent) {
-        if (!this.recording) {
-            return;
-        }
-        const time = this.recording.metadata.duration * (percent / 100);
-        this.seekToTime(time);
-    }
-    // ─── Speed Control ─────────────────────────────────────
-    setSpeed(speed) {
-        this.speed = Math.max(0.1, Math.min(10, speed));
-        if (this.state === 'playing') {
-            this.startTime = performance.now() - this.currentTime / this.speed;
-        }
-    }
-    getSpeed() {
-        return this.speed;
-    }
-    setLoop(loop) {
-        this.loop = loop;
-    }
-    isLooping() {
-        return this.loop;
-    }
-    // ─── Status ────────────────────────────────────────────
-    getStatus() {
-        return {
-            state: this.state,
-            currentFrame: this.currentFrame,
-            currentTime: this.currentTime,
-            totalFrames: this.recording?.metadata.frameCount ?? 0,
-            totalDuration: this.recording?.metadata.duration ?? 0,
-            speed: this.speed,
-            loop: this.loop,
-        };
-    }
-    getProgress() {
-        if (!this.recording || this.recording.metadata.duration === 0) {
-            return 0;
-        }
-        return (this.currentTime / this.recording.metadata.duration) * 100;
-    }
-    isPlaying() {
-        return this.state === 'playing';
-    }
-    isPaused() {
-        return this.state === 'paused';
-    }
-    isStopped() {
-        return this.state === 'stopped';
-    }
-    // ─── Input Dispatch ────────────────────────────────────
-    setInputDispatcher(dispatcher) {
-        this.dispatchInput = dispatcher;
-    }
-    // ─── Callbacks ─────────────────────────────────────────
-    setOnPlaybackStarted(callback) {
-        this.onPlaybackStarted = callback;
-    }
-    setOnPlaybackStopped(callback) {
-        this.onPlaybackStopped = callback;
-    }
-    setOnPlaybackPaused(callback) {
-        this.onPlaybackPaused = callback;
-    }
-    setOnPlaybackResumed(callback) {
-        this.onPlaybackResumed = callback;
-    }
-    setOnPlaybackComplete(callback) {
-        this.onPlaybackComplete = callback;
-    }
-    setOnInputPlayed(callback) {
-        this.onInputPlayed = callback;
-    }
+      } else {
+        this.state = "stopped";
+        this.onPlaybackComplete?.();
+      }
+    }
+    return playedInputs;
+  }
+  // ─── Seeking ───────────────────────────────────────────
+  seekToFrame(frame) {
+    if (!this.recording) {
+      return;
+    }
+    this.state = "seeking";
+    this.currentFrame = Math.max(0, Math.min(frame, this.recording.metadata.frameCount));
+    this.inputIndex = this.decompressedInputs.findIndex((i) => i.frame > this.currentFrame);
+    if (this.inputIndex === -1) {
+      this.inputIndex = this.decompressedInputs.length;
+    }
+    if (this.inputIndex > 0) {
+      this.currentTime = this.decompressedInputs[this.inputIndex - 1].time;
+    } else {
+      this.currentTime = 0;
+    }
+    this.state = "paused";
+  }
+  seekToTime(time) {
+    if (!this.recording) {
+      return;
+    }
+    this.state = "seeking";
+    this.currentTime = Math.max(0, Math.min(time, this.recording.metadata.duration));
+    this.inputIndex = this.decompressedInputs.findIndex((i) => i.time > this.currentTime);
+    if (this.inputIndex === -1) {
+      this.inputIndex = this.decompressedInputs.length;
+    }
+    if (this.inputIndex > 0) {
+      this.currentFrame = this.decompressedInputs[this.inputIndex - 1].frame;
+    } else {
+      this.currentFrame = 0;
+    }
+    this.state = "paused";
+  }
+  seekToPercent(percent) {
+    if (!this.recording) {
+      return;
+    }
+    const time = this.recording.metadata.duration * (percent / 100);
+    this.seekToTime(time);
+  }
+  // ─── Speed Control ─────────────────────────────────────
+  setSpeed(speed) {
+    this.speed = Math.max(0.1, Math.min(10, speed));
+    if (this.state === "playing") {
+      this.startTime = performance.now() - this.currentTime / this.speed;
+    }
+  }
+  getSpeed() {
+    return this.speed;
+  }
+  setLoop(loop) {
+    this.loop = loop;
+  }
+  isLooping() {
+    return this.loop;
+  }
+  // ─── Status ────────────────────────────────────────────
+  getStatus() {
+    return {
+      state: this.state,
+      currentFrame: this.currentFrame,
+      currentTime: this.currentTime,
+      totalFrames: this.recording?.metadata.frameCount ?? 0,
+      totalDuration: this.recording?.metadata.duration ?? 0,
+      speed: this.speed,
+      loop: this.loop
+    };
+  }
+  getProgress() {
+    if (!this.recording || this.recording.metadata.duration === 0) {
+      return 0;
+    }
+    return this.currentTime / this.recording.metadata.duration * 100;
+  }
+  isPlaying() {
+    return this.state === "playing";
+  }
+  isPaused() {
+    return this.state === "paused";
+  }
+  isStopped() {
+    return this.state === "stopped";
+  }
+  // ─── Input Dispatch ────────────────────────────────────
+  setInputDispatcher(dispatcher) {
+    this.dispatchInput = dispatcher;
+  }
+  // ─── Callbacks ─────────────────────────────────────────
+  setOnPlaybackStarted(callback) {
+    this.onPlaybackStarted = callback;
+  }
+  setOnPlaybackStopped(callback) {
+    this.onPlaybackStopped = callback;
+  }
+  setOnPlaybackPaused(callback) {
+    this.onPlaybackPaused = callback;
+  }
+  setOnPlaybackResumed(callback) {
+    this.onPlaybackResumed = callback;
+  }
+  setOnPlaybackComplete(callback) {
+    this.onPlaybackComplete = callback;
+  }
+  setOnInputPlayed(callback) {
+    this.onInputPlayed = callback;
+  }
 }
-// ============================================================
-// Export/Import Functions
-// ============================================================
 function exportRecording(recording) {
-    return btoa(JSON.stringify(recording));
+  return btoa(JSON.stringify(recording));
 }
 function importRecording(data) {
-    try {
-        return JSON.parse(atob(data));
-    }
-    catch {
-        return null;
-    }
+  try {
+    return JSON.parse(atob(data));
+  } catch {
+    return null;
+  }
 }
-function exportRecordingToFile(recording, filename = 'recording.json') {
-    const blob = new Blob([JSON.stringify(recording, null, 2)], { type: 'application/json' });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = filename;
-    a.click();
-    URL.revokeObjectURL(url);
+function exportRecordingToFile(recording, filename = "recording.json") {
+  const blob = new Blob([JSON.stringify(recording, null, 2)], { type: "application/json" });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = filename;
+  a.click();
+  URL.revokeObjectURL(url);
 }
 async function importRecordingFromFile(file) {
-    try {
-        const text = await file.text();
-        return JSON.parse(text);
-    }
-    catch {
-        return null;
-    }
+  try {
+    const text = await file.text();
+    return JSON.parse(text);
+  } catch {
+    return null;
+  }
 }
-// ============================================================
-// Factory Functions
-// ============================================================
 function createInputRecorder(config) {
-    return new InputRecorder(config);
+  return new InputRecorder(config);
 }
 function createInputPlayer() {
-    return new InputPlayer();
+  return new InputPlayer();
 }
-
 exports.DEFAULT_RECORDING_CONFIG = DEFAULT_RECORDING_CONFIG;
 exports.InputPlayer = InputPlayer;
 exports.InputRecorder = InputRecorder;