@nice2dev/game-engine 1.3.15 → 1.3.17

package/dist/cjs/editor/ReplaySystem.js

@@ -1,651 +1,602 @@
-'use strict';
-
-/**
- * @file ReplaySystem.ts
- * @description Replay System for recording and playback of gameplay
- * PRO-1.4: Professional Editor Features
- *
- * Features:
- * - Input recording
- * - State snapshots
- * - Replay playback with speed control
- * - Seek functionality
- * - Keyframe system
- * - Compression
- * - Export/import formats
- * - Spectator mode
- * - Highlight markers
- * - Replay validation
- */
-// ============================================================
-// Replay Recorder
-// ============================================================
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 class ReplayRecorder {
-    constructor() {
-        this.isRecording = false;
-        this.startTime = 0;
-        this.frameNumber = 0;
-        this.inputFrames = [];
-        this.snapshots = [];
-        this.markers = [];
-        // Settings
-        this.frameRate = 60;
-        this.keyframeInterval = 60; // Every 60 frames
-        this.maxDuration = 30 * 60 * 1000; // 30 minutes max
-        // Metadata
-        this.gameId = '';
-        this.gameVersion = '';
-        this.players = [];
-    }
-    // ─── Configuration ─────────────────────────────────────
-    setGameInfo(gameId, version, mapId, gameMode) {
-        this.gameId = gameId;
-        this.gameVersion = version;
-        this.mapId = mapId;
-        this.gameMode = gameMode;
-    }
-    setPlayers(players) {
-        this.players = [...players];
-    }
-    setFrameRate(fps) {
-        this.frameRate = fps;
-    }
-    setKeyframeInterval(interval) {
-        this.keyframeInterval = interval;
-    }
-    setMaxDuration(ms) {
-        this.maxDuration = ms;
-    }
-    setStateGetters(getGameState, getEntityStates) {
-        this.getGameState = getGameState;
-        this.getEntityStates = getEntityStates;
-    }
-    // ─── Recording Control ─────────────────────────────────
-    startRecording() {
-        if (this.isRecording) {
-            return;
-        }
-        this.isRecording = true;
-        this.startTime = Date.now();
-        this.frameNumber = 0;
-        this.inputFrames = [];
-        this.snapshots = [];
-        this.markers = [];
-        // Initial snapshot
-        this.captureSnapshot();
-        this.onRecordingStarted?.();
-    }
-    stopRecording() {
-        if (!this.isRecording) {
-            return null;
-        }
-        this.isRecording = false;
-        // Final snapshot
-        this.captureSnapshot();
-        const metadata = {
-            id: `replay_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
-            name: `Replay ${new Date().toISOString()}`,
-            gameId: this.gameId,
-            gameVersion: this.gameVersion,
-            mapId: this.mapId,
-            gameMode: this.gameMode,
-            players: this.players,
-            recordedAt: this.startTime,
-            duration: Date.now() - this.startTime,
-            totalFrames: this.frameNumber,
-            frameRate: this.frameRate,
-            markers: this.markers,
-            keyframeCount: this.snapshots.length,
-            compressionType: 'none',
-            fileSize: 0,
-            checksum: this.generateChecksum(),
-            tags: [],
-            isPublic: false,
-        };
-        const data = {
-            metadata,
-            inputFrames: this.inputFrames,
-            snapshots: this.snapshots,
-        };
-        // Calculate file size
-        const serialized = JSON.stringify(data);
-        metadata.fileSize = new Blob([serialized]).size;
-        this.onRecordingStopped?.(data);
-        return data;
-    }
-    // ─── Frame Recording ───────────────────────────────────
-    recordFrame(inputs) {
-        if (!this.isRecording) {
-            return;
-        }
-        const elapsed = Date.now() - this.startTime;
-        if (elapsed > this.maxDuration) {
-            this.stopRecording();
-            return;
-        }
-        const frame = {
-            frameNumber: this.frameNumber,
-            timestamp: elapsed,
-            inputs: new Map(inputs),
-        };
-        this.inputFrames.push(frame);
-        // Capture keyframe snapshot
-        if (this.frameNumber % this.keyframeInterval === 0) {
-            this.captureSnapshot();
-        }
-        this.frameNumber++;
-    }
-    captureSnapshot() {
-        if (!this.getGameState || !this.getEntityStates) {
-            return;
-        }
-        const snapshot = {
-            frameNumber: this.frameNumber,
-            timestamp: Date.now() - this.startTime,
-            gameState: this.getGameState(),
-            entityStates: new Map(this.getEntityStates()),
-            checksum: '',
-        };
-        snapshot.checksum = this.generateSnapshotChecksum(snapshot);
-        this.snapshots.push(snapshot);
-    }
-    // ─── Markers ───────────────────────────────────────────
-    addMarker(type, label, description, playerId) {
-        if (!this.isRecording) {
-            return null;
-        }
-        const marker = {
-            id: `marker_${Date.now()}`,
-            frameNumber: this.frameNumber,
-            timestamp: Date.now() - this.startTime,
-            type,
-            label,
-            description,
-            playerId,
-        };
-        this.markers.push(marker);
-        this.onMarkerAdded?.(marker);
-        return marker;
-    }
-    // ─── State ─────────────────────────────────────────────
-    getRecordingState() {
-        return {
-            isRecording: this.isRecording,
-            duration: this.isRecording ? Date.now() - this.startTime : 0,
-            frameCount: this.frameNumber,
-        };
-    }
-    // ─── Utility ───────────────────────────────────────────
-    generateChecksum() {
-        const data = JSON.stringify({
-            frames: this.inputFrames.length,
-            snapshots: this.snapshots.length,
-            duration: Date.now() - this.startTime,
-        });
-        return this.hashString(data);
-    }
-    generateSnapshotChecksum(snapshot) {
-        const data = JSON.stringify(snapshot.gameState);
-        return this.hashString(data);
-    }
-    hashString(str) {
-        let hash = 0;
-        for (let i = 0; i < str.length; i++) {
-            const char = str.charCodeAt(i);
-            hash = (hash << 5) - hash + char;
-            hash = hash & hash;
-        }
-        return Math.abs(hash).toString(36);
-    }
-    // ─── Callbacks ─────────────────────────────────────────
-    setOnRecordingStarted(callback) {
-        this.onRecordingStarted = callback;
-    }
-    setOnRecordingStopped(callback) {
-        this.onRecordingStopped = callback;
-    }
-    setOnMarkerAdded(callback) {
-        this.onMarkerAdded = callback;
-    }
+  constructor() {
+    this.isRecording = false;
+    this.startTime = 0;
+    this.frameNumber = 0;
+    this.inputFrames = [];
+    this.snapshots = [];
+    this.markers = [];
+    this.frameRate = 60;
+    this.keyframeInterval = 60;
+    this.maxDuration = 30 * 60 * 1e3;
+    this.gameId = "";
+    this.gameVersion = "";
+    this.players = [];
+  }
+  // ─── Configuration ─────────────────────────────────────
+  setGameInfo(gameId, version, mapId, gameMode) {
+    this.gameId = gameId;
+    this.gameVersion = version;
+    this.mapId = mapId;
+    this.gameMode = gameMode;
+  }
+  setPlayers(players) {
+    this.players = [...players];
+  }
+  setFrameRate(fps) {
+    this.frameRate = fps;
+  }
+  setKeyframeInterval(interval) {
+    this.keyframeInterval = interval;
+  }
+  setMaxDuration(ms) {
+    this.maxDuration = ms;
+  }
+  setStateGetters(getGameState, getEntityStates) {
+    this.getGameState = getGameState;
+    this.getEntityStates = getEntityStates;
+  }
+  // ─── Recording Control ─────────────────────────────────
+  startRecording() {
+    if (this.isRecording) {
+      return;
+    }
+    this.isRecording = true;
+    this.startTime = Date.now();
+    this.frameNumber = 0;
+    this.inputFrames = [];
+    this.snapshots = [];
+    this.markers = [];
+    this.captureSnapshot();
+    this.onRecordingStarted?.();
+  }
+  stopRecording() {
+    if (!this.isRecording) {
+      return null;
+    }
+    this.isRecording = false;
+    this.captureSnapshot();
+    const metadata = {
+      id: `replay_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+      name: `Replay ${(/* @__PURE__ */ new Date()).toISOString()}`,
+      gameId: this.gameId,
+      gameVersion: this.gameVersion,
+      mapId: this.mapId,
+      gameMode: this.gameMode,
+      players: this.players,
+      recordedAt: this.startTime,
+      duration: Date.now() - this.startTime,
+      totalFrames: this.frameNumber,
+      frameRate: this.frameRate,
+      markers: this.markers,
+      keyframeCount: this.snapshots.length,
+      compressionType: "none",
+      fileSize: 0,
+      checksum: this.generateChecksum(),
+      tags: [],
+      isPublic: false
+    };
+    const data = {
+      metadata,
+      inputFrames: this.inputFrames,
+      snapshots: this.snapshots
+    };
+    const serialized = JSON.stringify(data);
+    metadata.fileSize = new Blob([serialized]).size;
+    this.onRecordingStopped?.(data);
+    return data;
+  }
+  // ─── Frame Recording ───────────────────────────────────
+  recordFrame(inputs) {
+    if (!this.isRecording) {
+      return;
+    }
+    const elapsed = Date.now() - this.startTime;
+    if (elapsed > this.maxDuration) {
+      this.stopRecording();
+      return;
+    }
+    const frame = {
+      frameNumber: this.frameNumber,
+      timestamp: elapsed,
+      inputs: new Map(inputs)
+    };
+    this.inputFrames.push(frame);
+    if (this.frameNumber % this.keyframeInterval === 0) {
+      this.captureSnapshot();
+    }
+    this.frameNumber++;
+  }
+  captureSnapshot() {
+    if (!this.getGameState || !this.getEntityStates) {
+      return;
+    }
+    const snapshot = {
+      frameNumber: this.frameNumber,
+      timestamp: Date.now() - this.startTime,
+      gameState: this.getGameState(),
+      entityStates: new Map(this.getEntityStates()),
+      checksum: ""
+    };
+    snapshot.checksum = this.generateSnapshotChecksum(snapshot);
+    this.snapshots.push(snapshot);
+  }
+  // ─── Markers ───────────────────────────────────────────
+  addMarker(type, label, description, playerId) {
+    if (!this.isRecording) {
+      return null;
+    }
+    const marker = {
+      id: `marker_${Date.now()}`,
+      frameNumber: this.frameNumber,
+      timestamp: Date.now() - this.startTime,
+      type,
+      label,
+      description,
+      playerId
+    };
+    this.markers.push(marker);
+    this.onMarkerAdded?.(marker);
+    return marker;
+  }
+  // ─── State ─────────────────────────────────────────────
+  getRecordingState() {
+    return {
+      isRecording: this.isRecording,
+      duration: this.isRecording ? Date.now() - this.startTime : 0,
+      frameCount: this.frameNumber
+    };
+  }
+  // ─── Utility ───────────────────────────────────────────
+  generateChecksum() {
+    const data = JSON.stringify({
+      frames: this.inputFrames.length,
+      snapshots: this.snapshots.length,
+      duration: Date.now() - this.startTime
+    });
+    return this.hashString(data);
+  }
+  generateSnapshotChecksum(snapshot) {
+    const data = JSON.stringify(snapshot.gameState);
+    return this.hashString(data);
+  }
+  hashString(str) {
+    let hash = 0;
+    for (let i = 0; i < str.length; i++) {
+      const char = str.charCodeAt(i);
+      hash = (hash << 5) - hash + char;
+      hash = hash & hash;
+    }
+    return Math.abs(hash).toString(36);
+  }
+  // ─── Callbacks ─────────────────────────────────────────
+  setOnRecordingStarted(callback) {
+    this.onRecordingStarted = callback;
+  }
+  setOnRecordingStopped(callback) {
+    this.onRecordingStopped = callback;
+  }
+  setOnMarkerAdded(callback) {
+    this.onMarkerAdded = callback;
+  }
 }
-// ============================================================
-// Replay Player
-// ============================================================
 class ReplayPlayer {
-    constructor() {
-        this.state = 'idle';
-        this.replayData = null;
-        // Playback state
-        this.currentFrame = 0;
-        this.currentTime = 0;
-        this.playbackSpeed = 1;
-        this.lastUpdateTime = 0;
-        // Frame timing
-        this.frameTime = 0;
-        this.accumulatedTime = 0;
-    }
-    // ─── Loading ───────────────────────────────────────────
-    loadReplay(data) {
-        if (!this.validateReplay(data)) {
-            return false;
-        }
-        this.replayData = data;
-        this.frameTime = 1000 / data.metadata.frameRate;
-        this.reset();
-        return true;
-    }
-    unloadReplay() {
-        this.replayData = null;
-        this.state = 'idle';
-        this.reset();
-    }
-    validateReplay(data) {
-        if (!data.metadata || !data.inputFrames || !data.snapshots) {
-            return false;
-        }
-        // Verify checksum
-        // In production, would do proper checksum validation
-        return true;
-    }
-    // ─── Playback Control ──────────────────────────────────
-    play() {
-        if (!this.replayData || this.state === 'playing') {
-            return;
-        }
-        this.state = 'playing';
-        this.lastUpdateTime = Date.now();
-        this.onStateChanged?.(this.state);
-    }
-    pause() {
-        if (this.state !== 'playing') {
-            return;
-        }
-        this.state = 'paused';
-        this.onStateChanged?.(this.state);
-    }
-    stop() {
-        this.state = 'idle';
-        this.reset();
-        this.onStateChanged?.(this.state);
-    }
-    togglePlayPause() {
-        if (this.state === 'playing') {
-            this.pause();
-        }
-        else {
-            this.play();
-        }
-    }
-    setSpeed(speed) {
-        this.playbackSpeed = speed;
-    }
-    // ─── Seeking ───────────────────────────────────────────
-    seekToFrame(frame) {
-        if (!this.replayData) {
-            return;
-        }
-        const previousState = this.state;
-        this.state = 'seeking';
-        this.onStateChanged?.(this.state);
-        // Find nearest snapshot before target frame
-        const snapshot = this.findNearestSnapshot(frame);
-        if (snapshot) {
-            // Apply snapshot state
-            this.applyGameState?.(snapshot.gameState);
-            this.applyEntityStates?.(snapshot.entityStates);
-            // Play forward from snapshot to target frame
-            for (let i = snapshot.frameNumber; i < frame && i < this.replayData.inputFrames.length; i++) {
-                const inputFrame = this.replayData.inputFrames[i];
-                this.onInputFrame?.(inputFrame.inputs);
-            }
-        }
-        this.currentFrame = Math.min(frame, this.replayData.metadata.totalFrames - 1);
-        this.currentTime = (this.currentFrame / this.replayData.metadata.frameRate) * 1000;
-        this.onFrameChanged?.(this.currentFrame, this.currentTime);
-        // Restore previous state
-        this.state = previousState === 'seeking' ? 'paused' : previousState;
-        this.onStateChanged?.(this.state);
-    }
-    seekToTime(ms) {
-        if (!this.replayData) {
-            return;
-        }
-        const frame = Math.floor((ms / 1000) * this.replayData.metadata.frameRate);
-        this.seekToFrame(frame);
-    }
-    seekToMarker(markerId) {
-        if (!this.replayData) {
-            return;
-        }
-        const marker = this.replayData.metadata.markers.find((m) => m.id === markerId);
-        if (marker) {
-            this.seekToFrame(marker.frameNumber);
-        }
-    }
-    stepForward(frames = 1) {
-        if (!this.replayData) {
-            return;
-        }
-        this.seekToFrame(this.currentFrame + frames);
-    }
-    stepBackward(frames = 1) {
-        if (!this.replayData) {
-            return;
-        }
-        this.seekToFrame(Math.max(0, this.currentFrame - frames));
-    }
-    findNearestSnapshot(frame) {
-        if (!this.replayData) {
-            return null;
-        }
-        let nearest = null;
-        for (const snapshot of this.replayData.snapshots) {
-            if (snapshot.frameNumber <= frame) {
-                nearest = snapshot;
-            }
-            else {
-                break;
-            }
-        }
-        return nearest;
-    }
-    // ─── Update Loop ───────────────────────────────────────
-    update() {
-        if (this.state !== 'playing' || !this.replayData) {
-            return;
-        }
-        const now = Date.now();
-        const deltaTime = (now - this.lastUpdateTime) * this.playbackSpeed;
-        this.lastUpdateTime = now;
-        this.accumulatedTime += deltaTime;
-        // Process frames
-        while (this.accumulatedTime >= this.frameTime) {
-            this.processFrame();
-            this.accumulatedTime -= this.frameTime;
-            // Check if replay ended
-            if (this.currentFrame >= this.replayData.metadata.totalFrames) {
-                this.state = 'idle';
-                this.onPlaybackComplete?.();
-                this.onStateChanged?.(this.state);
-                return;
-            }
-        }
-    }
-    processFrame() {
-        if (!this.replayData || this.currentFrame >= this.replayData.inputFrames.length) {
-            return;
-        }
-        const inputFrame = this.replayData.inputFrames[this.currentFrame];
-        // Apply inputs
+  constructor() {
+    this.state = "idle";
+    this.replayData = null;
+    this.currentFrame = 0;
+    this.currentTime = 0;
+    this.playbackSpeed = 1;
+    this.lastUpdateTime = 0;
+    this.frameTime = 0;
+    this.accumulatedTime = 0;
+  }
+  // ─── Loading ───────────────────────────────────────────
+  loadReplay(data) {
+    if (!this.validateReplay(data)) {
+      return false;
+    }
+    this.replayData = data;
+    this.frameTime = 1e3 / data.metadata.frameRate;
+    this.reset();
+    return true;
+  }
+  unloadReplay() {
+    this.replayData = null;
+    this.state = "idle";
+    this.reset();
+  }
+  validateReplay(data) {
+    if (!data.metadata || !data.inputFrames || !data.snapshots) {
+      return false;
+    }
+    return true;
+  }
+  // ─── Playback Control ──────────────────────────────────
+  play() {
+    if (!this.replayData || this.state === "playing") {
+      return;
+    }
+    this.state = "playing";
+    this.lastUpdateTime = Date.now();
+    this.onStateChanged?.(this.state);
+  }
+  pause() {
+    if (this.state !== "playing") {
+      return;
+    }
+    this.state = "paused";
+    this.onStateChanged?.(this.state);
+  }
+  stop() {
+    this.state = "idle";
+    this.reset();
+    this.onStateChanged?.(this.state);
+  }
+  togglePlayPause() {
+    if (this.state === "playing") {
+      this.pause();
+    } else {
+      this.play();
+    }
+  }
+  setSpeed(speed) {
+    this.playbackSpeed = speed;
+  }
+  // ─── Seeking ───────────────────────────────────────────
+  seekToFrame(frame) {
+    if (!this.replayData) {
+      return;
+    }
+    const previousState = this.state;
+    this.state = "seeking";
+    this.onStateChanged?.(this.state);
+    const snapshot = this.findNearestSnapshot(frame);
+    if (snapshot) {
+      this.applyGameState?.(snapshot.gameState);
+      this.applyEntityStates?.(snapshot.entityStates);
+      for (let i = snapshot.frameNumber; i < frame && i < this.replayData.inputFrames.length; i++) {
+        const inputFrame = this.replayData.inputFrames[i];
         this.onInputFrame?.(inputFrame.inputs);
-        // Check for snapshot
-        const snapshot = this.replayData.snapshots.find((s) => s.frameNumber === this.currentFrame);
-        if (snapshot) {
-            this.onSnapshotReached?.(snapshot);
-        }
-        // Check for markers
-        const markers = this.replayData.metadata.markers.filter((m) => m.frameNumber === this.currentFrame);
-        for (const marker of markers) {
-            this.onMarkerReached?.(marker);
-        }
-        this.currentFrame++;
-        this.currentTime = (this.currentFrame / this.replayData.metadata.frameRate) * 1000;
-        this.onFrameChanged?.(this.currentFrame, this.currentTime);
-    }
-    reset() {
-        this.currentFrame = 0;
-        this.currentTime = 0;
-        this.accumulatedTime = 0;
-        this.lastUpdateTime = 0;
-    }
-    // ─── State Queries ─────────────────────────────────────
-    getState() {
-        return this.state;
-    }
-    getCurrentFrame() {
-        return this.currentFrame;
-    }
-    getCurrentTime() {
-        return this.currentTime;
-    }
-    getTotalFrames() {
-        return this.replayData?.metadata.totalFrames ?? 0;
-    }
-    getDuration() {
-        return this.replayData?.metadata.duration ?? 0;
-    }
-    getProgress() {
-        if (!this.replayData) {
-            return 0;
-        }
-        return this.currentFrame / this.replayData.metadata.totalFrames;
-    }
-    getPlaybackSpeed() {
-        return this.playbackSpeed;
-    }
-    getMetadata() {
-        return this.replayData?.metadata ?? null;
-    }
-    getMarkers() {
-        return this.replayData?.metadata.markers ?? [];
-    }
-    // ─── State setters ─────────────────────────────────────
-    setApplyGameState(callback) {
-        this.applyGameState = callback;
-    }
-    setApplyEntityStates(callback) {
-        this.applyEntityStates = callback;
-    }
-    // ─── Callbacks ─────────────────────────────────────────
-    setOnStateChanged(callback) {
-        this.onStateChanged = callback;
-    }
-    setOnFrameChanged(callback) {
-        this.onFrameChanged = callback;
-    }
-    setOnInputFrame(callback) {
-        this.onInputFrame = callback;
-    }
-    setOnSnapshotReached(callback) {
-        this.onSnapshotReached = callback;
-    }
-    setOnMarkerReached(callback) {
-        this.onMarkerReached = callback;
-    }
-    setOnPlaybackComplete(callback) {
-        this.onPlaybackComplete = callback;
-    }
+      }
+    }
+    this.currentFrame = Math.min(frame, this.replayData.metadata.totalFrames - 1);
+    this.currentTime = this.currentFrame / this.replayData.metadata.frameRate * 1e3;
+    this.onFrameChanged?.(this.currentFrame, this.currentTime);
+    this.state = previousState === "seeking" ? "paused" : previousState;
+    this.onStateChanged?.(this.state);
+  }
+  seekToTime(ms) {
+    if (!this.replayData) {
+      return;
+    }
+    const frame = Math.floor(ms / 1e3 * this.replayData.metadata.frameRate);
+    this.seekToFrame(frame);
+  }
+  seekToMarker(markerId) {
+    if (!this.replayData) {
+      return;
+    }
+    const marker = this.replayData.metadata.markers.find((m) => m.id === markerId);
+    if (marker) {
+      this.seekToFrame(marker.frameNumber);
+    }
+  }
+  stepForward(frames = 1) {
+    if (!this.replayData) {
+      return;
+    }
+    this.seekToFrame(this.currentFrame + frames);
+  }
+  stepBackward(frames = 1) {
+    if (!this.replayData) {
+      return;
+    }
+    this.seekToFrame(Math.max(0, this.currentFrame - frames));
+  }
+  findNearestSnapshot(frame) {
+    if (!this.replayData) {
+      return null;
+    }
+    let nearest = null;
+    for (const snapshot of this.replayData.snapshots) {
+      if (snapshot.frameNumber <= frame) {
+        nearest = snapshot;
+      } else {
+        break;
+      }
+    }
+    return nearest;
+  }
+  // ─── Update Loop ───────────────────────────────────────
+  update() {
+    if (this.state !== "playing" || !this.replayData) {
+      return;
+    }
+    const now = Date.now();
+    const deltaTime = (now - this.lastUpdateTime) * this.playbackSpeed;
+    this.lastUpdateTime = now;
+    this.accumulatedTime += deltaTime;
+    while (this.accumulatedTime >= this.frameTime) {
+      this.processFrame();
+      this.accumulatedTime -= this.frameTime;
+      if (this.currentFrame >= this.replayData.metadata.totalFrames) {
+        this.state = "idle";
+        this.onPlaybackComplete?.();
+        this.onStateChanged?.(this.state);
+        return;
+      }
+    }
+  }
+  processFrame() {
+    if (!this.replayData || this.currentFrame >= this.replayData.inputFrames.length) {
+      return;
+    }
+    const inputFrame = this.replayData.inputFrames[this.currentFrame];
+    this.onInputFrame?.(inputFrame.inputs);
+    const snapshot = this.replayData.snapshots.find((s) => s.frameNumber === this.currentFrame);
+    if (snapshot) {
+      this.onSnapshotReached?.(snapshot);
+    }
+    const markers = this.replayData.metadata.markers.filter(
+      (m) => m.frameNumber === this.currentFrame
+    );
+    for (const marker of markers) {
+      this.onMarkerReached?.(marker);
+    }
+    this.currentFrame++;
+    this.currentTime = this.currentFrame / this.replayData.metadata.frameRate * 1e3;
+    this.onFrameChanged?.(this.currentFrame, this.currentTime);
+  }
+  reset() {
+    this.currentFrame = 0;
+    this.currentTime = 0;
+    this.accumulatedTime = 0;
+    this.lastUpdateTime = 0;
+  }
+  // ─── State Queries ─────────────────────────────────────
+  getState() {
+    return this.state;
+  }
+  getCurrentFrame() {
+    return this.currentFrame;
+  }
+  getCurrentTime() {
+    return this.currentTime;
+  }
+  getTotalFrames() {
+    return this.replayData?.metadata.totalFrames ?? 0;
+  }
+  getDuration() {
+    return this.replayData?.metadata.duration ?? 0;
+  }
+  getProgress() {
+    if (!this.replayData) {
+      return 0;
+    }
+    return this.currentFrame / this.replayData.metadata.totalFrames;
+  }
+  getPlaybackSpeed() {
+    return this.playbackSpeed;
+  }
+  getMetadata() {
+    return this.replayData?.metadata ?? null;
+  }
+  getMarkers() {
+    return this.replayData?.metadata.markers ?? [];
+  }
+  // ─── State setters ─────────────────────────────────────
+  setApplyGameState(callback) {
+    this.applyGameState = callback;
+  }
+  setApplyEntityStates(callback) {
+    this.applyEntityStates = callback;
+  }
+  // ─── Callbacks ─────────────────────────────────────────
+  setOnStateChanged(callback) {
+    this.onStateChanged = callback;
+  }
+  setOnFrameChanged(callback) {
+    this.onFrameChanged = callback;
+  }
+  setOnInputFrame(callback) {
+    this.onInputFrame = callback;
+  }
+  setOnSnapshotReached(callback) {
+    this.onSnapshotReached = callback;
+  }
+  setOnMarkerReached(callback) {
+    this.onMarkerReached = callback;
+  }
+  setOnPlaybackComplete(callback) {
+    this.onPlaybackComplete = callback;
+  }
 }
-// ============================================================
-// Replay Manager
-// ============================================================
 class ReplayManager {
-    constructor() {
-        this.recorder = new ReplayRecorder();
-        this.player = new ReplayPlayer();
-        this.savedReplays = new Map();
-    }
-    getRecorder() {
-        return this.recorder;
-    }
-    getPlayer() {
-        return this.player;
-    }
-    // ─── Storage ───────────────────────────────────────────
-    saveReplay(data, name) {
-        if (name) {
-            data.metadata.name = name;
-        }
-        this.savedReplays.set(data.metadata.id, data);
-        this.onReplaySaved?.(data);
-        return data.metadata.id;
-    }
-    loadReplayById(id) {
-        const data = this.savedReplays.get(id);
-        if (!data) {
-            return false;
-        }
-        return this.player.loadReplay(data);
-    }
-    deleteReplay(id) {
-        const deleted = this.savedReplays.delete(id);
-        if (deleted) {
-            this.onReplayDeleted?.(id);
-        }
-        return deleted;
-    }
-    getSavedReplays() {
-        return Array.from(this.savedReplays.values()).map((r) => r.metadata);
-    }
-    getReplayById(id) {
-        return this.savedReplays.get(id);
-    }
-    // ─── Export/Import ─────────────────────────────────────
-    exportReplay(id, format = 'json') {
-        const data = this.savedReplays.get(id);
-        if (!data) {
-            return null;
-        }
-        if (format === 'json') {
-            const json = JSON.stringify(data, (key, value) => {
-                if (value instanceof Map) {
-                    return { __type: 'Map', entries: Array.from(value.entries()) };
-                }
-                if (value instanceof Set) {
-                    return { __type: 'Set', values: Array.from(value) };
-                }
-                return value;
-            }, 2);
-            this.onReplayExported?.(id, format);
-            return json;
-        }
-        // Binary format would use custom serialization
+  constructor() {
+    this.recorder = new ReplayRecorder();
+    this.player = new ReplayPlayer();
+    this.savedReplays = /* @__PURE__ */ new Map();
+  }
+  getRecorder() {
+    return this.recorder;
+  }
+  getPlayer() {
+    return this.player;
+  }
+  // ─── Storage ───────────────────────────────────────────
+  saveReplay(data, name) {
+    if (name) {
+      data.metadata.name = name;
+    }
+    this.savedReplays.set(data.metadata.id, data);
+    this.onReplaySaved?.(data);
+    return data.metadata.id;
+  }
+  loadReplayById(id) {
+    const data = this.savedReplays.get(id);
+    if (!data) {
+      return false;
+    }
+    return this.player.loadReplay(data);
+  }
+  deleteReplay(id) {
+    const deleted = this.savedReplays.delete(id);
+    if (deleted) {
+      this.onReplayDeleted?.(id);
+    }
+    return deleted;
+  }
+  getSavedReplays() {
+    return Array.from(this.savedReplays.values()).map((r) => r.metadata);
+  }
+  getReplayById(id) {
+    return this.savedReplays.get(id);
+  }
+  // ─── Export/Import ─────────────────────────────────────
+  exportReplay(id, format = "json") {
+    const data = this.savedReplays.get(id);
+    if (!data) {
+      return null;
+    }
+    if (format === "json") {
+      const json = JSON.stringify(
+        data,
+        (key, value) => {
+          if (value instanceof Map) {
+            return { __type: "Map", entries: Array.from(value.entries()) };
+          }
+          if (value instanceof Set) {
+            return { __type: "Set", values: Array.from(value) };
+          }
+          return value;
+        },
+        2
+      );
+      this.onReplayExported?.(id, format);
+      return json;
+    }
+    return null;
+  }
+  importReplay(data) {
+    try {
+      const parsed = JSON.parse(data, (key, value) => {
+        if (value && value.__type === "Map") {
+          return new Map(value.entries);
+        }
+        if (value && value.__type === "Set") {
+          return new Set(value.values);
+        }
+        return value;
+      });
+      if (!parsed.metadata || !parsed.inputFrames || !parsed.snapshots) {
         return null;
-    }
-    importReplay(data) {
-        try {
-            const parsed = JSON.parse(data, (key, value) => {
-                if (value && value.__type === 'Map') {
-                    return new Map(value.entries);
-                }
-                if (value && value.__type === 'Set') {
-                    return new Set(value.values);
-                }
-                return value;
-            });
-            // Validate
-            if (!parsed.metadata || !parsed.inputFrames || !parsed.snapshots) {
-                return null;
-            }
-            this.savedReplays.set(parsed.metadata.id, parsed);
-            return parsed;
-        }
-        catch {
-            return null;
-        }
-    }
-    // ─── Quick Actions ─────────────────────────────────────
-    startRecording() {
-        this.recorder.startRecording();
-    }
-    stopRecordingAndSave(name) {
-        const data = this.recorder.stopRecording();
-        if (!data) {
-            return null;
-        }
-        return this.saveReplay(data, name);
-    }
-    playLatestReplay() {
-        const replays = this.getSavedReplays();
-        if (replays.length === 0) {
-            return false;
-        }
-        const latest = replays.sort((a, b) => b.recordedAt - a.recordedAt)[0];
-        return this.loadReplayById(latest.id);
-    }
-    // ─── Queries ───────────────────────────────────────────
-    searchReplays(query) {
-        const lowerQuery = query.toLowerCase();
-        return this.getSavedReplays().filter((m) => m.name.toLowerCase().includes(lowerQuery) ||
-            m.players.some((p) => p.playerName.toLowerCase().includes(lowerQuery)) ||
-            m.tags.some((t) => t.toLowerCase().includes(lowerQuery)));
-    }
-    getReplaysByPlayer(playerId) {
-        return this.getSavedReplays().filter((m) => m.players.some((p) => p.playerId === playerId));
-    }
-    getReplaysByGameMode(gameMode) {
-        return this.getSavedReplays().filter((m) => m.gameMode === gameMode);
-    }
-    // ─── Storage Stats ─────────────────────────────────────
-    getTotalStorageUsed() {
-        let total = 0;
-        for (const [, data] of this.savedReplays) {
-            total += data.metadata.fileSize;
-        }
-        return total;
-    }
-    getReplayCount() {
-        return this.savedReplays.size;
-    }
-    // ─── Callbacks ─────────────────────────────────────────
-    setOnReplaySaved(callback) {
-        this.onReplaySaved = callback;
-    }
-    setOnReplayDeleted(callback) {
-        this.onReplayDeleted = callback;
-    }
-    setOnReplayExported(callback) {
-        this.onReplayExported = callback;
-    }
-    // ─── Serialization ─────────────────────────────────────
-    exportAllReplays() {
-        const replays = Array.from(this.savedReplays.entries());
-        return JSON.stringify(replays, (key, value) => {
-            if (value instanceof Map) {
-                return { __type: 'Map', entries: Array.from(value.entries()) };
-            }
-            if (value instanceof Set) {
-                return { __type: 'Set', values: Array.from(value) };
-            }
-            return value;
-        });
-    }
-    importAllReplays(json) {
-        try {
-            const replays = JSON.parse(json, (key, value) => {
-                if (value && value.__type === 'Map') {
-                    return new Map(value.entries);
-                }
-                if (value && value.__type === 'Set') {
-                    return new Set(value.values);
-                }
-                return value;
-            });
-            let imported = 0;
-            for (const [id, data] of replays) {
-                this.savedReplays.set(id, data);
-                imported++;
-            }
-            return imported;
-        }
-        catch {
-            return 0;
-        }
-    }
+      }
+      this.savedReplays.set(parsed.metadata.id, parsed);
+      return parsed;
+    } catch {
+      return null;
+    }
+  }
+  // ─── Quick Actions ─────────────────────────────────────
+  startRecording() {
+    this.recorder.startRecording();
+  }
+  stopRecordingAndSave(name) {
+    const data = this.recorder.stopRecording();
+    if (!data) {
+      return null;
+    }
+    return this.saveReplay(data, name);
+  }
+  playLatestReplay() {
+    const replays = this.getSavedReplays();
+    if (replays.length === 0) {
+      return false;
+    }
+    const latest = replays.sort((a, b) => b.recordedAt - a.recordedAt)[0];
+    return this.loadReplayById(latest.id);
+  }
+  // ─── Queries ───────────────────────────────────────────
+  searchReplays(query) {
+    const lowerQuery = query.toLowerCase();
+    return this.getSavedReplays().filter(
+      (m) => m.name.toLowerCase().includes(lowerQuery) || m.players.some((p) => p.playerName.toLowerCase().includes(lowerQuery)) || m.tags.some((t) => t.toLowerCase().includes(lowerQuery))
+    );
+  }
+  getReplaysByPlayer(playerId) {
+    return this.getSavedReplays().filter((m) => m.players.some((p) => p.playerId === playerId));
+  }
+  getReplaysByGameMode(gameMode) {
+    return this.getSavedReplays().filter((m) => m.gameMode === gameMode);
+  }
+  // ─── Storage Stats ─────────────────────────────────────
+  getTotalStorageUsed() {
+    let total = 0;
+    for (const [, data] of this.savedReplays) {
+      total += data.metadata.fileSize;
+    }
+    return total;
+  }
+  getReplayCount() {
+    return this.savedReplays.size;
+  }
+  // ─── Callbacks ─────────────────────────────────────────
+  setOnReplaySaved(callback) {
+    this.onReplaySaved = callback;
+  }
+  setOnReplayDeleted(callback) {
+    this.onReplayDeleted = callback;
+  }
+  setOnReplayExported(callback) {
+    this.onReplayExported = callback;
+  }
+  // ─── Serialization ─────────────────────────────────────
+  exportAllReplays() {
+    const replays = Array.from(this.savedReplays.entries());
+    return JSON.stringify(replays, (key, value) => {
+      if (value instanceof Map) {
+        return { __type: "Map", entries: Array.from(value.entries()) };
+      }
+      if (value instanceof Set) {
+        return { __type: "Set", values: Array.from(value) };
+      }
+      return value;
+    });
+  }
+  importAllReplays(json) {
+    try {
+      const replays = JSON.parse(json, (key, value) => {
+        if (value && value.__type === "Map") {
+          return new Map(value.entries);
+        }
+        if (value && value.__type === "Set") {
+          return new Set(value.values);
+        }
+        return value;
+      });
+      let imported = 0;
+      for (const [id, data] of replays) {
+        this.savedReplays.set(id, data);
+        imported++;
+      }
+      return imported;
+    } catch {
+      return 0;
+    }
+  }
 }
-// ============================================================
-// Factory Functions
-// ============================================================
 function createReplayManager() {
-    return new ReplayManager();
+  return new ReplayManager();
 }
 function createReplayRecorder() {
-    return new ReplayRecorder();
+  return new ReplayRecorder();
 }
 function createReplayPlayer() {
-    return new ReplayPlayer();
+  return new ReplayPlayer();
 }
-
 exports.ReplayManager = ReplayManager;
 exports.ReplayPlayer = ReplayPlayer;
 exports.ReplayRecorder = ReplayRecorder;