quake2ts 0.0.84 → 0.0.85

package/packages/client/dist/cjs/index.cjs

@@ -2445,11 +2445,33 @@ var createEmptyEntityState = () => ({
   angles: { x: 0, y: 0, z: 0 },
   sound: 0,
   event: 0,
-  solid: 0
+  solid: 0,
+  bits: 0
+});
+var createEmptyProtocolPlayerState = () => ({
+  pm_type: 0,
+  origin: { x: 0, y: 0, z: 0 },
+  velocity: { x: 0, y: 0, z: 0 },
+  pm_time: 0,
+  pm_flags: 0,
+  gravity: 0,
+  delta_angles: { x: 0, y: 0, z: 0 },
+  viewoffset: { x: 0, y: 0, z: 0 },
+  viewangles: { x: 0, y: 0, z: 0 },
+  kick_angles: { x: 0, y: 0, z: 0 },
+  gun_index: 0,
+  gun_frame: 0,
+  gun_offset: { x: 0, y: 0, z: 0 },
+  gun_angles: { x: 0, y: 0, z: 0 },
+  blend: [0, 0, 0, 0],
+  fov: 0,
+  rdflags: 0,
+  stats: new Array(32).fill(0)
 });
 var NetworkMessageParser = class {
-  constructor(stream) {
+  constructor(stream, handler) {
     this.stream = stream;
+    this.handler = handler;
   }
   parseMessage() {
     while (this.stream.hasMore()) {
@@ -2461,15 +2483,18 @@ var NetworkMessageParser = class {
         case ServerCommand.nop:
           break;
         case ServerCommand.disconnect:
-          console.log("Server disconnected");
+          if (this.handler) this.handler.onDisconnect();
+          else console.log("Server disconnected");
           break;
         case ServerCommand.reconnect:
-          console.log("Server reconnect");
+          if (this.handler) this.handler.onReconnect();
+          else console.log("Server reconnect");
           break;
         case ServerCommand.print:
           const printId = this.stream.readByte();
           const printMsg = this.stream.readString();
-          console.log(`[Server Print ${printId}]: ${printMsg}`);
+          if (this.handler) this.handler.onPrint(printId, printMsg);
+          else console.log(`[Server Print ${printId}]: ${printMsg}`);
           break;
         case ServerCommand.serverdata:
           this.parseServerData();
@@ -2482,7 +2507,8 @@ var NetworkMessageParser = class {
           break;
         case ServerCommand.centerprint:
           const centerMsg = this.stream.readString();
-          console.log(`[Center Print]: ${centerMsg}`);
+          if (this.handler) this.handler.onCenterPrint(centerMsg);
+          else console.log(`[Center Print]: ${centerMsg}`);
           break;
         case ServerCommand.download:
           this.parseDownload();
@@ -2498,10 +2524,12 @@ var NetworkMessageParser = class {
           break;
         case ServerCommand.stufftext:
           const text = this.stream.readString();
-          console.log(`[StuffText]: ${text}`);
+          if (this.handler) this.handler.onStuffText(text);
+          else console.log(`[StuffText]: ${text}`);
           break;
         case ServerCommand.layout:
           const layout = this.stream.readString();
+          if (this.handler) this.handler.onLayout(layout);
           break;
         case ServerCommand.inventory:
           this.parseInventory();
@@ -2531,58 +2559,89 @@ var NetworkMessageParser = class {
     const gameDir = this.stream.readString();
     const playerNum = this.stream.readShort();
     const levelName = this.stream.readString();
-    console.log(`Server Data: Protocol ${protocol}, Level ${levelName}, GameDir ${gameDir}`);
+    if (this.handler) {
+      this.handler.onServerData(protocol, serverCount, attractLoop, gameDir, playerNum, levelName);
+    } else {
+      console.log(`Server Data: Protocol ${protocol}, Level ${levelName}, GameDir ${gameDir}`);
+    }
   }
   parseConfigString() {
     const index = this.stream.readShort();
     const str3 = this.stream.readString();
+    if (this.handler) {
+      this.handler.onConfigString(index, str3);
+    }
   }
   parseDownload() {
     const size = this.stream.readShort();
     const percent = this.stream.readByte();
+    let data;
     if (size > 0) {
-      this.stream.readData(size);
+      data = this.stream.readData(size);
+    }
+    if (this.handler) {
+      this.handler.onDownload(size, percent, data);
     }
   }
   parseInventory() {
     const MAX_ITEMS22 = 256;
+    const inventory = new Array(MAX_ITEMS22);
     for (let i = 0; i < MAX_ITEMS22; i++) {
-      this.stream.readShort();
+      inventory[i] = this.stream.readShort();
+    }
+    if (this.handler) {
+      this.handler.onInventory(inventory);
     }
   }
   parseSound() {
     const flags = this.stream.readByte();
     const soundNum = this.stream.readByte();
+    let volume;
+    let attenuation;
+    let offset;
+    let ent;
+    let pos;
     if (flags & 1) {
-      this.stream.readByte();
+      volume = this.stream.readByte();
     }
     if (flags & 2) {
-      this.stream.readByte();
+      attenuation = this.stream.readByte();
     }
     if (flags & 16) {
-      this.stream.readByte();
+      offset = this.stream.readByte();
     }
     if (flags & 8) {
-      this.stream.readShort();
+      ent = this.stream.readShort();
     }
     if (flags & 4) {
-      const pos = { x: 0, y: 0, z: 0 };
-      this.stream.readPos(pos);
+      const p = { x: 0, y: 0, z: 0 };
+      this.stream.readPos(p);
+      pos = p;
+    }
+    if (this.handler) {
+      this.handler.onSound(flags, soundNum, volume, attenuation, offset, ent, pos);
     }
   }
   parseMuzzleFlash() {
     const ent = this.stream.readShort();
     const weapon = this.stream.readByte();
+    if (this.handler) this.handler.onMuzzleFlash(ent, weapon);
   }
   parseMuzzleFlash2() {
     const ent = this.stream.readShort();
     const weapon = this.stream.readByte();
+    if (this.handler) this.handler.onMuzzleFlash2(ent, weapon);
   }
   parseTempEntity() {
     const type = this.stream.readByte();
     const pos = { x: 0, y: 0, z: 0 };
     const pos2 = { x: 0, y: 0, z: 0 };
     const dir = { x: 0, y: 0, z: 0 };
+    let cnt;
+    let color;
+    let ent;
+    let srcEnt;
+    let destEnt;
     switch (type) {
       case TempEntity.BLOOD:
         this.stream.readPos(pos);
@@ -2591,29 +2650,23 @@ var NetworkMessageParser = class {
       case TempEntity.GUNSHOT:
       case TempEntity.SPARKS:
       case TempEntity.BULLET_SPARKS:
-        this.stream.readPos(pos);
-        this.stream.readDir(dir);
-        break;
       case TempEntity.SCREEN_SPARKS:
       case TempEntity.SHIELD_SPARKS:
-        this.stream.readPos(pos);
-        this.stream.readDir(dir);
-        break;
       case TempEntity.SHOTGUN:
         this.stream.readPos(pos);
         this.stream.readDir(dir);
         break;
       case TempEntity.SPLASH:
-        this.stream.readByte();
+        cnt = this.stream.readByte();
         this.stream.readPos(pos);
         this.stream.readDir(dir);
-        this.stream.readByte();
+        color = this.stream.readByte();
         break;
       case TempEntity.LASER_SPARKS:
-        this.stream.readByte();
+        cnt = this.stream.readByte();
         this.stream.readPos(pos);
         this.stream.readDir(dir);
-        this.stream.readByte();
+        color = this.stream.readByte();
         break;
       case TempEntity.BLUEHYPERBLASTER:
         this.stream.readPos(pos);
@@ -2630,21 +2683,13 @@ var NetworkMessageParser = class {
       case TempEntity.EXPLOSION2:
       case TempEntity.GRENADE_EXPLOSION:
       case TempEntity.GRENADE_EXPLOSION_WATER:
-        this.stream.readPos(pos);
-        break;
       case TempEntity.PLASMA_EXPLOSION:
-        this.stream.readPos(pos);
-        break;
       case TempEntity.EXPLOSION1:
       case TempEntity.EXPLOSION1_BIG:
       case TempEntity.ROCKET_EXPLOSION:
       case TempEntity.ROCKET_EXPLOSION_WATER:
       case TempEntity.EXPLOSION1_NP:
-        this.stream.readPos(pos);
-        break;
       case TempEntity.BFG_EXPLOSION:
-        this.stream.readPos(pos);
-        break;
       case TempEntity.BFG_BIGEXPLOSION:
         this.stream.readPos(pos);
         break;
@@ -2658,7 +2703,7 @@ var NetworkMessageParser = class {
         break;
       case TempEntity.PARASITE_ATTACK:
       case TempEntity.MEDIC_CABLE_ATTACK:
-        this.stream.readShort();
+        ent = this.stream.readShort();
         this.stream.readPos(pos);
         this.stream.readPos(pos2);
         break;
@@ -2666,26 +2711,26 @@ var NetworkMessageParser = class {
         this.stream.readPos(pos);
         break;
       case TempEntity.GRAPPLE_CABLE:
-        this.stream.readShort();
+        ent = this.stream.readShort();
         this.stream.readPos(pos);
         this.stream.readPos(pos2);
         this.stream.readPos(dir);
         break;
       case TempEntity.WELDING_SPARKS:
-        this.stream.readByte();
+        cnt = this.stream.readByte();
         this.stream.readPos(pos);
         this.stream.readDir(dir);
-        this.stream.readByte();
+        color = this.stream.readByte();
         break;
       case TempEntity.GREENBLOOD:
         this.stream.readPos(pos);
         this.stream.readDir(dir);
         break;
       case TempEntity.TUNNEL_SPARKS:
-        this.stream.readByte();
+        cnt = this.stream.readByte();
         this.stream.readPos(pos);
         this.stream.readDir(dir);
-        this.stream.readByte();
+        color = this.stream.readByte();
         break;
       case TempEntity.BLASTER2:
       case TempEntity.FLECHETTE:
@@ -2693,8 +2738,8 @@ var NetworkMessageParser = class {
         this.stream.readDir(dir);
         break;
       case TempEntity.LIGHTNING:
-        this.stream.readShort();
-        this.stream.readShort();
+        srcEnt = this.stream.readShort();
+        destEnt = this.stream.readShort();
         this.stream.readPos(pos);
         this.stream.readPos(pos2);
         break;
@@ -2707,29 +2752,26 @@ var NetworkMessageParser = class {
         break;
       case TempEntity.FLASHLIGHT:
         this.stream.readPos(pos);
-        this.stream.readShort();
+        ent = this.stream.readShort();
         break;
       case TempEntity.FORCEWALL:
         this.stream.readPos(pos);
         this.stream.readPos(pos2);
-        this.stream.readByte();
+        color = this.stream.readByte();
         break;
       case TempEntity.HEATBEAM:
-        this.stream.readShort();
+        ent = this.stream.readShort();
         this.stream.readPos(pos);
         this.stream.readPos(pos2);
         this.stream.readPos(dir);
         break;
       case TempEntity.MONSTER_HEATBEAM:
-        this.stream.readShort();
+        ent = this.stream.readShort();
         this.stream.readPos(pos);
         this.stream.readPos(pos2);
         this.stream.readPos(dir);
         break;
       case TempEntity.HEATBEAM_SPARKS:
-        this.stream.readPos(pos);
-        this.stream.readDir(dir);
-        break;
       case TempEntity.HEATBEAM_STEAM:
         this.stream.readPos(pos);
         this.stream.readDir(dir);
@@ -2737,17 +2779,17 @@ var NetworkMessageParser = class {
       case TempEntity.STEAM:
         const steamId = this.stream.readShort();
         if (steamId !== -1) {
-          this.stream.readByte();
+          cnt = this.stream.readByte();
           this.stream.readPos(pos);
           this.stream.readDir(dir);
-          this.stream.readByte();
+          color = this.stream.readByte();
           this.stream.readShort();
           this.stream.readLong();
         } else {
-          this.stream.readByte();
+          cnt = this.stream.readByte();
           this.stream.readPos(pos);
           this.stream.readDir(dir);
-          this.stream.readByte();
+          color = this.stream.readByte();
           this.stream.readShort();
         }
         break;
@@ -2774,7 +2816,7 @@ var NetworkMessageParser = class {
         this.stream.readPos(pos);
         break;
       case TempEntity.WIDOWBEAMOUT:
-        const wbId = this.stream.readShort();
+        this.stream.readShort();
         this.stream.readPos(pos);
         break;
       case TempEntity.NUKEBLAST:
@@ -2787,97 +2829,139 @@ var NetworkMessageParser = class {
         console.warn(`CL_ParseTEnt: bad type ${type}`);
         break;
     }
+    if (this.handler) {
+      this.handler.onTempEntity(type, pos, pos2, dir, cnt, color, ent, srcEnt, destEnt);
+    }
   }
   parseSpawnBaseline() {
     const bits = this.parseEntityBits();
-    this.parseDelta(createEmptyEntityState(), createEmptyEntityState(), bits.number, bits.bits);
+    const entity = createEmptyEntityState();
+    this.parseDelta(createEmptyEntityState(), entity, bits.number, bits.bits);
+    if (this.handler) {
+      this.handler.onSpawnBaseline(entity);
+    }
   }
   parseFrame() {
     const serverFrame = this.stream.readLong();
     const deltaFrame = this.stream.readLong();
     const surpressCount = this.stream.readByte();
     const areaBytes = this.stream.readByte();
-    this.stream.readData(areaBytes);
+    const areaBits = this.stream.readData(areaBytes);
     const piCmd = this.stream.readByte();
     if (piCmd !== ServerCommand.playerinfo) {
       throw new Error(`Expected svc_playerinfo after svc_frame, got ${piCmd}`);
     }
-    this.parsePlayerState();
+    const playerState = this.parsePlayerState();
     const peCmd = this.stream.readByte();
     if (peCmd !== ServerCommand.packetentities && peCmd !== ServerCommand.deltapacketentities) {
       throw new Error(`Expected svc_packetentities after svc_playerinfo, got ${peCmd}`);
     }
-    this.parsePacketEntities(peCmd === ServerCommand.deltapacketentities);
+    const isDelta = peCmd === ServerCommand.deltapacketentities;
+    const entities = this.collectPacketEntities();
+    if (this.handler) {
+      this.handler.onFrame({
+        serverFrame,
+        deltaFrame,
+        surpressCount,
+        areaBytes,
+        areaBits,
+        playerState,
+        packetEntities: {
+          delta: isDelta,
+          entities
+        }
+      });
+    }
   }
   parsePlayerState() {
+    const ps = createEmptyProtocolPlayerState();
     const flags = this.stream.readShort();
-    if (flags & 1) this.stream.readByte();
+    if (flags & 1) ps.pm_type = this.stream.readByte();
     if (flags & 2) {
-      this.stream.readShort();
-      this.stream.readShort();
-      this.stream.readShort();
+      ps.origin.x = this.stream.readShort() * 0.125;
+      ps.origin.y = this.stream.readShort() * 0.125;
+      ps.origin.z = this.stream.readShort() * 0.125;
     }
     if (flags & 4) {
-      this.stream.readShort();
-      this.stream.readShort();
-      this.stream.readShort();
+      ps.velocity.x = this.stream.readShort() * 0.125;
+      ps.velocity.y = this.stream.readShort() * 0.125;
+      ps.velocity.z = this.stream.readShort() * 0.125;
     }
-    if (flags & 8) this.stream.readByte();
-    if (flags & 16) this.stream.readByte();
-    if (flags & 32) this.stream.readShort();
+    if (flags & 8) ps.pm_time = this.stream.readByte();
+    if (flags & 16) ps.pm_flags = this.stream.readByte();
+    if (flags & 32) ps.gravity = this.stream.readShort();
     if (flags & 64) {
-      this.stream.readShort();
-      this.stream.readShort();
-      this.stream.readShort();
+      ps.delta_angles.x = this.stream.readShort() * (180 / 32768);
+      ps.delta_angles.y = this.stream.readShort() * (180 / 32768);
+      ps.delta_angles.z = this.stream.readShort() * (180 / 32768);
     }
     if (flags & 128) {
-      this.stream.readChar();
-      this.stream.readChar();
-      this.stream.readChar();
+      ps.viewoffset.x = this.stream.readChar() * 0.25;
+      ps.viewoffset.y = this.stream.readChar() * 0.25;
+      ps.viewoffset.z = this.stream.readChar() * 0.25;
     }
     if (flags & 256) {
-      this.stream.readAngle16();
-      this.stream.readAngle16();
-      this.stream.readAngle16();
+      ps.viewangles.x = this.stream.readAngle16();
+      ps.viewangles.y = this.stream.readAngle16();
+      ps.viewangles.z = this.stream.readAngle16();
     }
     if (flags & 512) {
-      this.stream.readChar();
-      this.stream.readChar();
-      this.stream.readChar();
+      ps.kick_angles.x = this.stream.readChar() * 0.25;
+      ps.kick_angles.y = this.stream.readChar() * 0.25;
+      ps.kick_angles.z = this.stream.readChar() * 0.25;
     }
-    if (flags & 4096) this.stream.readByte();
+    if (flags & 4096) ps.gun_index = this.stream.readByte();
     if (flags & 8192) {
-      this.stream.readByte();
-      this.stream.readChar();
-      this.stream.readChar();
-      this.stream.readChar();
-      this.stream.readChar();
-      this.stream.readChar();
-      this.stream.readChar();
+      ps.gun_frame = this.stream.readByte();
+      ps.gun_offset.x = this.stream.readChar() * 0.25;
+      ps.gun_offset.y = this.stream.readChar() * 0.25;
+      ps.gun_offset.z = this.stream.readChar() * 0.25;
+      ps.gun_angles.x = this.stream.readChar() * 0.25;
+      ps.gun_angles.y = this.stream.readChar() * 0.25;
+      ps.gun_angles.z = this.stream.readChar() * 0.25;
     }
     if (flags & 1024) {
-      this.stream.readByte();
-      this.stream.readByte();
-      this.stream.readByte();
-      this.stream.readByte();
+      ps.blend[0] = this.stream.readByte();
+      ps.blend[1] = this.stream.readByte();
+      ps.blend[2] = this.stream.readByte();
+      ps.blend[3] = this.stream.readByte();
     }
-    if (flags & 2048) this.stream.readByte();
-    if (flags & 16384) this.stream.readByte();
+    if (flags & 2048) ps.fov = this.stream.readByte();
+    if (flags & 16384) ps.rdflags = this.stream.readByte();
     const statbits = this.stream.readLong();
     for (let i = 0; i < 32; i++) {
       if (statbits & 1 << i) {
-        this.stream.readShort();
+        ps.stats[i] = this.stream.readShort();
       }
     }
+    return ps;
   }
   parsePacketEntities(delta) {
+    const entities = this.collectPacketEntities();
+    if (this.handler) {
+      this.handler.onFrame({
+        serverFrame: 0,
+        deltaFrame: 0,
+        surpressCount: 0,
+        areaBytes: 0,
+        areaBits: new Uint8Array(),
+        playerState: createEmptyProtocolPlayerState(),
+        packetEntities: { delta, entities }
+      });
+    }
+  }
+  collectPacketEntities() {
+    const entities = [];
     while (true) {
       const bits = this.parseEntityBits();
       if (bits.number === 0) {
         break;
       }
-      this.parseDelta(createEmptyEntityState(), createEmptyEntityState(), bits.number, bits.bits);
+      const entity = createEmptyEntityState();
+      this.parseDelta(createEmptyEntityState(), entity, bits.number, bits.bits);
+      entities.push(entity);
     }
+    return entities;
   }
   parseEntityBits() {
     let total = this.stream.readByte();
@@ -2921,6 +3005,7 @@ var NetworkMessageParser = class {
     to.event = from.event;
     to.solid = from.solid;
     to.number = number;
+    to.bits = bits;
     if (bits & U_MODEL) to.modelindex = this.stream.readByte();
     if (bits & U_MODEL2) to.modelindex2 = this.stream.readByte();
     if (bits & U_MODEL3) to.modelindex3 = this.stream.readByte();
@@ -2966,6 +3051,13 @@ var NetworkMessageParser = class {
     if (bits & U_SOLID) to.solid = this.stream.readShort();
   }
 };
+var PlaybackState = /* @__PURE__ */ ((PlaybackState2) => {
+  PlaybackState2[PlaybackState2["Stopped"] = 0] = "Stopped";
+  PlaybackState2[PlaybackState2["Playing"] = 1] = "Playing";
+  PlaybackState2[PlaybackState2["Paused"] = 2] = "Paused";
+  PlaybackState2[PlaybackState2["Finished"] = 3] = "Finished";
+  return PlaybackState2;
+})(PlaybackState || {});
 var DemoPlaybackController = class {
   // ms (10Hz default)
   constructor() {
@@ -2975,6 +3067,9 @@ var DemoPlaybackController = class {
     this.accumulatedTime = 0;
     this.frameDuration = 100;
   }
+  setHandler(handler) {
+    this.handler = handler;
+  }
   loadDemo(buffer) {
     this.reader = new DemoReader(buffer);
     this.state = 0;
@@ -3012,7 +3107,7 @@ var DemoPlaybackController = class {
         this.state = 3;
         return;
       }
-      const parser = new NetworkMessageParser(block.data);
+      const parser = new NetworkMessageParser(block.data, this.handler);
       parser.parseMessage();
       this.accumulatedTime -= this.frameDuration;
     }
@@ -3190,32 +3285,32 @@ var WaterLevel = /* @__PURE__ */ ((WaterLevel3) => {
   WaterLevel3[WaterLevel3["Under"] = 3] = "Under";
   return WaterLevel3;
 })(WaterLevel || {});
-var PmFlag = /* @__PURE__ */ ((PmFlag2) => {
-  PmFlag2[PmFlag2["Ducked"] = 1] = "Ducked";
-  PmFlag2[PmFlag2["JumpHeld"] = 2] = "JumpHeld";
-  PmFlag2[PmFlag2["OnGround"] = 4] = "OnGround";
-  PmFlag2[PmFlag2["TimeWaterJump"] = 8] = "TimeWaterJump";
-  PmFlag2[PmFlag2["TimeLand"] = 16] = "TimeLand";
-  PmFlag2[PmFlag2["TimeTeleport"] = 32] = "TimeTeleport";
-  PmFlag2[PmFlag2["NoPositionalPrediction"] = 64] = "NoPositionalPrediction";
-  PmFlag2[PmFlag2["OnLadder"] = 128] = "OnLadder";
-  PmFlag2[PmFlag2["NoAngularPrediction"] = 256] = "NoAngularPrediction";
-  PmFlag2[PmFlag2["IgnorePlayerCollision"] = 512] = "IgnorePlayerCollision";
-  PmFlag2[PmFlag2["TimeTrick"] = 1024] = "TimeTrick";
-  return PmFlag2;
+var PmFlag = /* @__PURE__ */ ((PmFlag22) => {
+  PmFlag22[PmFlag22["Ducked"] = 1] = "Ducked";
+  PmFlag22[PmFlag22["JumpHeld"] = 2] = "JumpHeld";
+  PmFlag22[PmFlag22["OnGround"] = 4] = "OnGround";
+  PmFlag22[PmFlag22["TimeWaterJump"] = 8] = "TimeWaterJump";
+  PmFlag22[PmFlag22["TimeLand"] = 16] = "TimeLand";
+  PmFlag22[PmFlag22["TimeTeleport"] = 32] = "TimeTeleport";
+  PmFlag22[PmFlag22["NoPositionalPrediction"] = 64] = "NoPositionalPrediction";
+  PmFlag22[PmFlag22["OnLadder"] = 128] = "OnLadder";
+  PmFlag22[PmFlag22["NoAngularPrediction"] = 256] = "NoAngularPrediction";
+  PmFlag22[PmFlag22["IgnorePlayerCollision"] = 512] = "IgnorePlayerCollision";
+  PmFlag22[PmFlag22["TimeTrick"] = 1024] = "TimeTrick";
+  return PmFlag22;
 })(PmFlag || {});
 function hasPmFlag(flags, flag) {
   return (flags & flag) !== 0;
 }
-var PmType = /* @__PURE__ */ ((PmType2) => {
-  PmType2[PmType2["Normal"] = 0] = "Normal";
-  PmType2[PmType2["Grapple"] = 1] = "Grapple";
-  PmType2[PmType2["NoClip"] = 2] = "NoClip";
-  PmType2[PmType2["Spectator"] = 3] = "Spectator";
-  PmType2[PmType2["Dead"] = 4] = "Dead";
-  PmType2[PmType2["Gib"] = 5] = "Gib";
-  PmType2[PmType2["Freeze"] = 6] = "Freeze";
-  return PmType2;
+var PmType = /* @__PURE__ */ ((PmType22) => {
+  PmType22[PmType22["Normal"] = 0] = "Normal";
+  PmType22[PmType22["Grapple"] = 1] = "Grapple";
+  PmType22[PmType22["NoClip"] = 2] = "NoClip";
+  PmType22[PmType22["Spectator"] = 3] = "Spectator";
+  PmType22[PmType22["Dead"] = 4] = "Dead";
+  PmType22[PmType22["Gib"] = 5] = "Gib";
+  PmType22[PmType22["Freeze"] = 6] = "Freeze";
+  return PmType22;
 })(PmType || {});
 var PlayerButton = /* @__PURE__ */ ((PlayerButton2) => {
   PlayerButton2[PlayerButton2["None"] = 0] = "None";
@@ -3845,6 +3940,158 @@ var Draw_Hud = (renderer, ps, client, health, armor, ammo, stats) => {
   renderer.end2D();
 };
 
+// src/demo/handler.ts
+var MAX_CONFIGSTRINGS3 = 2048;
+var ClientNetworkHandler = class {
+  constructor() {
+    this.configstrings = new Array(MAX_CONFIGSTRINGS3).fill("");
+    this.entities = /* @__PURE__ */ new Map();
+    // Current frame entities
+    this.baselines = /* @__PURE__ */ new Map();
+    this.latestFrame = null;
+    // Stats for HUD
+    this.stats = new Array(32).fill(0);
+    this.inventory = new Array(256).fill(0);
+  }
+  onServerData(protocol, serverCount, attractLoop, gameDir, playerNum, levelName) {
+    console.log(`Demo: Server Data - Protocol: ${protocol}, Level: ${levelName}`);
+    this.configstrings.fill("");
+    this.entities.clear();
+    this.baselines.clear();
+    this.latestFrame = null;
+  }
+  onConfigString(index, str3) {
+    this.configstrings[index] = str3;
+  }
+  onSpawnBaseline(entity) {
+    this.baselines.set(entity.number, structuredClone(entity));
+  }
+  onFrame(frame) {
+    this.latestFrame = frame;
+    this.stats = [...frame.playerState.stats];
+    const packetEntities = frame.packetEntities;
+    const newEntities = /* @__PURE__ */ new Map();
+    if (packetEntities.delta) {
+      for (const [num, ent] of this.entities) {
+        newEntities.set(num, structuredClone(ent));
+      }
+    } else {
+    }
+    for (const partial of packetEntities.entities) {
+      if (partial.bits & U_REMOVE) {
+        newEntities.delete(partial.number);
+        continue;
+      }
+      const number = partial.number;
+      let source;
+      if (packetEntities.delta && this.entities.has(number)) {
+        source = this.entities.get(number);
+      } else if (this.baselines.has(number)) {
+        source = this.baselines.get(number);
+      } else {
+        source = createEmptyEntityState();
+      }
+      const final = structuredClone(source);
+      this.applyDelta(final, partial);
+      newEntities.set(number, final);
+    }
+    this.entities = newEntities;
+  }
+  applyDelta(to, from) {
+    const bits = from.bits;
+    to.number = from.number;
+    if (bits & U_MODEL) to.modelindex = from.modelindex;
+    if (bits & U_MODEL2) to.modelindex2 = from.modelindex2;
+    if (bits & U_MODEL3) to.modelindex3 = from.modelindex3;
+    if (bits & U_MODEL4) to.modelindex4 = from.modelindex4;
+    if (bits & U_FRAME8) to.frame = from.frame;
+    if (bits & U_FRAME16) to.frame = from.frame;
+    if (bits & U_SKIN8 || bits & U_SKIN16) to.skinnum = from.skinnum;
+    if (bits & U_EFFECTS8 || bits & U_EFFECTS16) to.effects = from.effects;
+    if (bits & U_RENDERFX8 || bits & U_RENDERFX16) to.renderfx = from.renderfx;
+    if (bits & U_ORIGIN1) to.origin.x = from.origin.x;
+    if (bits & U_ORIGIN2) to.origin.y = from.origin.y;
+    if (bits & U_ORIGIN3) to.origin.z = from.origin.z;
+    if (bits & U_ANGLE1) to.angles.x = from.angles.x;
+    if (bits & U_ANGLE2) to.angles.y = from.angles.y;
+    if (bits & U_ANGLE3) to.angles.z = from.angles.z;
+    if (bits & U_OLDORIGIN) {
+      to.old_origin.x = from.old_origin.x;
+      to.old_origin.y = from.old_origin.y;
+      to.old_origin.z = from.old_origin.z;
+    }
+    if (bits & U_SOUND) to.sound = from.sound;
+    if (bits & U_EVENT) to.event = from.event;
+    if (bits & U_SOLID) to.solid = from.solid;
+  }
+  onCenterPrint(msg) {
+    console.log(`[Center]: ${msg}`);
+  }
+  onStuffText(msg) {
+  }
+  onPrint(level, msg) {
+  }
+  onSound(flags, soundNum, volume, attenuation, offset, ent, pos) {
+  }
+  onTempEntity(type, pos, pos2, dir, cnt, color, ent, srcEnt, destEnt) {
+  }
+  onLayout(layout) {
+  }
+  onInventory(inventory) {
+    this.inventory = [...inventory];
+  }
+  onMuzzleFlash(ent, weapon) {
+  }
+  onMuzzleFlash2(ent, weapon) {
+  }
+  onDisconnect() {
+  }
+  onReconnect() {
+  }
+  onDownload(size, percent, data) {
+  }
+  getPredictionState() {
+    if (!this.latestFrame) return defaultPredictionState();
+    const ps = this.latestFrame.playerState;
+    const inventory = {
+      ammo: {
+        caps: [],
+        counts: []
+      },
+      ownedWeapons: /* @__PURE__ */ new Set(),
+      armor: null,
+      powerups: /* @__PURE__ */ new Map(),
+      keys: /* @__PURE__ */ new Set()
+    };
+    const origin = { ...ps.origin };
+    const velocity = { ...ps.velocity };
+    const viewangles = { ...ps.viewangles };
+    const deltaAngles = { ...ps.delta_angles };
+    return {
+      origin,
+      velocity,
+      viewangles,
+      pmFlags: ps.pm_flags,
+      pmType: ps.pm_type,
+      waterlevel: WaterLevel.None,
+      gravity: ps.gravity,
+      deltaAngles,
+      client: {
+        inventory,
+        weaponStates: {
+          states: /* @__PURE__ */ new Map()
+        }
+      },
+      health: ps.stats[1],
+      // STAT_HEALTH
+      armor: ps.stats[4],
+      // STAT_ARMOR
+      ammo: ps.stats[2]
+      // STAT_AMMO
+    };
+  }
+};
+
 // src/input/bindings.ts
 var DEFAULT_BINDINGS = [
   { code: "KeyW", command: "+forward" },
@@ -4338,6 +4585,8 @@ function createClient(imports) {
   const prediction = new ClientPrediction(imports.engine.trace);
   const view = new ViewEffects();
   const demoPlayback = new DemoPlaybackController();
+  const demoHandler = new ClientNetworkHandler();
+  demoPlayback.setHandler(demoHandler);
   let latestFrame;
   let lastRendered;
   let lastView;
@@ -4354,14 +4603,19 @@ function createClient(imports) {
       return prediction.enqueueCommand(command);
     },
     render(sample) {
-      if (sample.latest?.state) {
-        prediction.setAuthoritative(sample.latest);
-        latestFrame = sample.latest;
-      }
-      if (sample.previous?.state && sample.latest?.state) {
-        lastRendered = interpolatePredictionState(sample.previous.state, sample.latest.state, sample.alpha);
+      const playbackState = demoPlayback.getState();
+      if (playbackState === PlaybackState.Playing) {
+        lastRendered = demoHandler.getPredictionState();
       } else {
-        lastRendered = sample.latest?.state ?? sample.previous?.state ?? prediction.getPredictedState();
+        if (sample.latest?.state) {
+          prediction.setAuthoritative(sample.latest);
+          latestFrame = sample.latest;
+        }
+        if (sample.previous?.state && sample.latest?.state) {
+          lastRendered = interpolatePredictionState(sample.previous.state, sample.latest.state, sample.alpha);
+        } else {
+          lastRendered = sample.latest?.state ?? sample.previous?.state ?? prediction.getPredictedState();
+        }
       }
       const frameTimeMs = sample.latest && sample.previous ? Math.max(0, sample.latest.timeMs - sample.previous.timeMs) : 0;
       lastView = view.sample(lastRendered, frameTimeMs);
@@ -4420,7 +4674,8 @@ function createClient(imports) {
     get camera() {
       return camera;
     },
-    demoPlayback
+    demoPlayback,
+    demoHandler
   };
 }
 // Annotate the CommonJS export names for ESM import in node: