quake2ts 0.0.574 → 0.0.577

package/packages/test-utils/dist/index.cjs

@@ -50,13 +50,16 @@ __export(index_exports, {
   createEntityFactory: () => createEntityFactory,
   createEntityStateFactory: () => createEntityStateFactory,
   createGameStateSnapshotFactory: () => createGameStateSnapshotFactory,
+  createInputInjector: () => createInputInjector,
   createItemEntityFactory: () => createItemEntityFactory,
   createMockAI: () => createMockAI,
   createMockAmmoItem: () => createMockAmmoItem,
   createMockArmorItem: () => createMockArmorItem,
   createMockAudioContext: () => createMockAudioContext,
+  createMockCamera: () => createMockCamera,
   createMockCanvas: () => createMockCanvas,
   createMockCanvasContext2D: () => createMockCanvasContext2D,
+  createMockCollisionEntityIndex: () => createMockCollisionEntityIndex,
   createMockConnection: () => createMockConnection,
   createMockDamageInfo: () => createMockDamageInfo,
   createMockEngine: () => createMockEngine,
@@ -73,17 +76,21 @@ __export(index_exports, {
   createMockIndexedDB: () => createMockIndexedDB,
   createMockInventory: () => createMockInventory,
   createMockItem: () => createMockItem,
+  createMockKeyboardEvent: () => createMockKeyboardEvent,
   createMockLocalStorage: () => createMockLocalStorage,
   createMockMasterServer: () => createMockMasterServer,
   createMockMonsterAI: () => createMockMonsterAI,
   createMockMonsterMove: () => createMockMonsterMove,
+  createMockMouseEvent: () => createMockMouseEvent,
   createMockNetDriver: () => createMockNetDriver,
   createMockNetworkAddress: () => createMockNetworkAddress,
   createMockPerformance: () => createMockPerformance,
+  createMockPointerLock: () => createMockPointerLock,
   createMockPowerupItem: () => createMockPowerupItem,
   createMockRAF: () => createMockRAF,
   createMockRConClient: () => createMockRConClient,
   createMockRateLimiter: () => createMockRateLimiter,
+  createMockRefDef: () => createMockRefDef,
   createMockServer: () => createMockServer,
   createMockServerClient: () => createMockServerClient,
   createMockServerConsole: () => createMockServerConsole,
@@ -94,9 +101,11 @@ __export(index_exports, {
   createMockTransport: () => createMockTransport,
   createMockUDPSocket: () => createMockUDPSocket,
   createMockUserInfo: () => createMockUserInfo,
+  createMockViewState: () => createMockViewState,
   createMockWeapon: () => createMockWeapon,
   createMockWeaponItem: () => createMockWeaponItem,
   createMockWebGL2Context: () => createMockWebGL2Context,
+  createMockWheelEvent: () => createMockWheelEvent,
   createMonsterEntityFactory: () => createMonsterEntityFactory,
   createMultiplayerTestScenario: () => createMultiplayerTestScenario,
   createNetChanMock: () => createNetChanMock,
@@ -110,6 +119,7 @@ __export(index_exports, {
   createStorageTestScenario: () => createStorageTestScenario,
   createTestContext: () => createTestContext,
   createTriggerEntityFactory: () => createTriggerEntityFactory,
+  createViewTestScenario: () => createViewTestScenario,
   createVisualTestScenario: () => createVisualTestScenario,
   intersects: () => import_shared3.intersects,
   ladderTrace: () => import_shared3.ladderTrace,
@@ -128,6 +138,7 @@ __export(index_exports, {
   setupNodeEnvironment: () => setupNodeEnvironment,
   setupWebGPUMocks: () => setupWebGPUMocks,
   simulateBandwidthLimit: () => simulateBandwidthLimit,
+  simulateCameraMovement: () => simulateCameraMovement,
   simulateFrames: () => simulateFrames,
   simulateFramesWithMock: () => simulateFramesWithMock,
   simulateHandshake: () => simulateHandshake,
@@ -224,17 +235,17 @@ var createBinaryStreamMock = () => ({
   readCoord: import_vitest.vi.fn(() => 0),
   readAngle: import_vitest.vi.fn(() => 0),
   readAngle16: import_vitest.vi.fn(() => 0),
-  readData: import_vitest.vi.fn((length) => new Uint8Array(length)),
+  readData: import_vitest.vi.fn((length2) => new Uint8Array(length2)),
   readPos: import_vitest.vi.fn(),
   readDir: import_vitest.vi.fn()
 });
 
 // src/shared/bsp.ts
 var import_shared = require("@quake2ts/shared");
-function makePlane(normal, dist) {
+function makePlane(normal, dist2) {
   return {
     normal,
-    dist,
+    dist: dist2,
     type: Math.abs(normal.x) === 1 ? 0 : Math.abs(normal.y) === 1 ? 1 : Math.abs(normal.z) === 1 ? 2 : 3,
     signbits: (0, import_shared.computePlaneSignBits)(normal)
   };
@@ -1253,6 +1264,24 @@ async function simulateServerRegistration(server, master) {
   return master.registerServer(info);
 }
 
+// src/server/mocks/physics.ts
+var import_vitest9 = require("vitest");
+function createMockCollisionEntityIndex(overrides) {
+  return {
+    trace: import_vitest9.vi.fn().mockReturnValue({
+      fraction: 1,
+      allsolid: false,
+      startsolid: false,
+      endpos: { x: 0, y: 0, z: 0 },
+      entityId: null
+    }),
+    link: import_vitest9.vi.fn(),
+    unlink: import_vitest9.vi.fn(),
+    gatherTriggerTouches: import_vitest9.vi.fn().mockReturnValue([]),
+    ...overrides
+  };
+}
+
 // src/server/helpers/multiplayer.ts
 var import_server3 = require("@quake2ts/server");
 function createMultiplayerTestScenario(numPlayers = 2) {
@@ -1475,10 +1504,54 @@ var import_jsdom = require("jsdom");
 var import_canvas = require("@napi-rs/canvas");
 var import_auto = require("fake-indexeddb/auto");
 
-// src/e2e/input.ts
+// src/client/mocks/input.ts
+function createMockKeyboardEvent(key, type = "keydown", modifiers = {}) {
+  return new KeyboardEvent(type, {
+    key,
+    code: key,
+    // Default code to key if not specified (caller can override property if needed)
+    ctrlKey: modifiers.ctrl,
+    altKey: modifiers.alt,
+    shiftKey: modifiers.shift,
+    metaKey: modifiers.meta,
+    bubbles: true,
+    cancelable: true,
+    view: window
+  });
+}
+function createMockMouseEvent(type, options = {}) {
+  const event = new MouseEvent(type, {
+    bubbles: true,
+    cancelable: true,
+    view: window,
+    ...options
+  });
+  if (options.movementX !== void 0) {
+    Object.defineProperty(event, "movementX", { value: options.movementX });
+  }
+  if (options.movementY !== void 0) {
+    Object.defineProperty(event, "movementY", { value: options.movementY });
+  }
+  return event;
+}
+function createMockWheelEvent(deltaX = 0, deltaY = 0) {
+  return new WheelEvent("wheel", {
+    deltaX,
+    deltaY,
+    bubbles: true,
+    cancelable: true,
+    view: window
+  });
+}
 var MockPointerLock = class {
-  static setup(doc) {
+  constructor(doc = document) {
+    this._doc = doc;
+    this.setup();
+  }
+  setup() {
+    if (this._doc.__mockPointerLockInstalled) return;
     let _pointerLockElement = null;
+    const doc = this._doc;
     Object.defineProperty(doc, "pointerLockElement", {
       get: () => _pointerLockElement,
       configurable: true
@@ -1489,84 +1562,99 @@ var MockPointerLock = class {
         doc.dispatchEvent(new Event("pointerlockchange"));
       }
     };
+    if (!global.HTMLElement.prototype.__originalRequestPointerLock) {
+      global.HTMLElement.prototype.__originalRequestPointerLock = global.HTMLElement.prototype.requestPointerLock;
+    }
     global.HTMLElement.prototype.requestPointerLock = function() {
       _pointerLockElement = this;
       doc.dispatchEvent(new Event("pointerlockchange"));
     };
+    doc.__mockPointerLockInstalled = true;
+  }
+  get element() {
+    return this._doc.pointerLockElement;
+  }
+  get locked() {
+    return !!this.element;
+  }
+  request(element) {
+    element.requestPointerLock();
+  }
+  exit() {
+    this._doc.exitPointerLock();
+  }
+  isLocked() {
+    return this.locked;
   }
 };
 var InputInjector = class {
-  constructor(doc, win) {
+  constructor(doc = document, win = window) {
     this.doc = doc;
     this.win = win;
   }
-  keyDown(key, code) {
-    const event = new this.win.KeyboardEvent("keydown", {
-      key,
-      code: code || key,
-      bubbles: true,
-      cancelable: true,
-      view: this.win
-    });
+  keyDown(key, code, modifiers) {
+    const event = createMockKeyboardEvent(key, "keydown", modifiers);
+    if (code) {
+      Object.defineProperty(event, "code", { value: code });
+    }
     this.doc.dispatchEvent(event);
   }
-  keyUp(key, code) {
-    const event = new this.win.KeyboardEvent("keyup", {
-      key,
-      code: code || key,
-      bubbles: true,
-      cancelable: true,
-      view: this.win
-    });
+  keyUp(key, code, modifiers) {
+    const event = createMockKeyboardEvent(key, "keyup", modifiers);
+    if (code) {
+      Object.defineProperty(event, "code", { value: code });
+    }
     this.doc.dispatchEvent(event);
   }
   mouseMove(movementX, movementY, clientX = 0, clientY = 0) {
-    const event = new this.win.MouseEvent("mousemove", {
-      bubbles: true,
-      cancelable: true,
-      view: this.win,
+    const event = createMockMouseEvent("mousemove", {
       clientX,
       clientY,
       movementX,
-      // Note: JSDOM might not support this standard property fully on event init
       movementY
     });
-    Object.defineProperty(event, "movementX", { value: movementX });
-    Object.defineProperty(event, "movementY", { value: movementY });
-    const target = this.doc.pointerLockElement || this.doc;
-    target.dispatchEvent(event);
+    this.dispatchToTarget(event);
+  }
+  mouseButton(button, state = "down") {
+    if (state === "down") {
+      this.mouseDown(button);
+    } else {
+      this.mouseUp(button);
+    }
   }
   mouseDown(button = 0) {
-    const event = new this.win.MouseEvent("mousedown", {
-      button,
-      bubbles: true,
-      cancelable: true,
-      view: this.win
-    });
-    const target = this.doc.pointerLockElement || this.doc;
-    target.dispatchEvent(event);
+    const event = createMockMouseEvent("mousedown", { button });
+    this.dispatchToTarget(event);
   }
   mouseUp(button = 0) {
-    const event = new this.win.MouseEvent("mouseup", {
-      button,
-      bubbles: true,
-      cancelable: true,
-      view: this.win
-    });
-    const target = this.doc.pointerLockElement || this.doc;
-    target.dispatchEvent(event);
+    const event = createMockMouseEvent("mouseup", { button });
+    this.dispatchToTarget(event);
+  }
+  mouseWheel(deltaY) {
+    const event = createMockWheelEvent(0, deltaY);
+    this.dispatchToTarget(event);
   }
+  // Alias for backward compatibility/ease of use
   wheel(deltaY) {
-    const event = new this.win.WheelEvent("wheel", {
-      deltaY,
-      bubbles: true,
-      cancelable: true,
-      view: this.win
-    });
+    this.mouseWheel(deltaY);
+  }
+  dispatchToTarget(event) {
     const target = this.doc.pointerLockElement || this.doc;
     target.dispatchEvent(event);
   }
 };
+function createMockPointerLock(element) {
+  const mock = new MockPointerLock();
+  if (element) {
+    mock.request(element);
+  }
+  return mock;
+}
+function createInputInjector(target) {
+  const doc = target instanceof Document ? target : document;
+  const win = doc.defaultView ? doc.defaultView : window;
+  return new InputInjector(doc, win);
+}
 
 // src/setup/webgl.ts
 function createMockWebGL2Context(canvas) {
@@ -1815,17 +1903,17 @@ function setupBrowserEnvironment(options = {}) {
     };
   }
   if (typeof global.btoa === "undefined") {
-    global.btoa = function(str) {
-      return Buffer.from(str, "binary").toString("base64");
+    global.btoa = function(str2) {
+      return Buffer.from(str2, "binary").toString("base64");
     };
   }
   if (typeof global.atob === "undefined") {
-    global.atob = function(str) {
-      return Buffer.from(str, "base64").toString("binary");
+    global.atob = function(str2) {
+      return Buffer.from(str2, "base64").toString("binary");
     };
   }
   if (enablePointerLock) {
-    MockPointerLock.setup(global.document);
+    new MockPointerLock(global.document);
   }
   if (typeof global.requestAnimationFrame === "undefined") {
     let lastTime = 0;
@@ -1947,10 +2035,10 @@ function createMockImage(width, height, src) {
 }
 
 // src/engine/mocks/webgpu.ts
-var import_vitest9 = require("vitest");
+var import_vitest10 = require("vitest");
 function createMockGPUAdapter() {
   return {
-    requestDevice: import_vitest9.vi.fn().mockResolvedValue(createMockGPUDevice()),
+    requestDevice: import_vitest10.vi.fn().mockResolvedValue(createMockGPUDevice()),
     features: /* @__PURE__ */ new Set(),
     limits: {}
   };
@@ -1960,40 +2048,40 @@ function createMockGPUDevice() {
     features: /* @__PURE__ */ new Set(),
     limits: {},
     queue: {
-      submit: import_vitest9.vi.fn(),
-      writeBuffer: import_vitest9.vi.fn(),
-      writeTexture: import_vitest9.vi.fn(),
-      copyExternalImageToTexture: import_vitest9.vi.fn()
-    },
-    createCommandEncoder: import_vitest9.vi.fn().mockReturnValue({
-      beginRenderPass: import_vitest9.vi.fn().mockReturnValue({
-        setPipeline: import_vitest9.vi.fn(),
-        draw: import_vitest9.vi.fn(),
-        end: import_vitest9.vi.fn()
+      submit: import_vitest10.vi.fn(),
+      writeBuffer: import_vitest10.vi.fn(),
+      writeTexture: import_vitest10.vi.fn(),
+      copyExternalImageToTexture: import_vitest10.vi.fn()
+    },
+    createCommandEncoder: import_vitest10.vi.fn().mockReturnValue({
+      beginRenderPass: import_vitest10.vi.fn().mockReturnValue({
+        setPipeline: import_vitest10.vi.fn(),
+        draw: import_vitest10.vi.fn(),
+        end: import_vitest10.vi.fn()
       }),
-      finish: import_vitest9.vi.fn()
+      finish: import_vitest10.vi.fn()
     }),
-    createRenderPipeline: import_vitest9.vi.fn(),
-    createShaderModule: import_vitest9.vi.fn(),
-    createBindGroup: import_vitest9.vi.fn(),
-    createBindGroupLayout: import_vitest9.vi.fn(),
-    createBuffer: import_vitest9.vi.fn(),
-    createTexture: import_vitest9.vi.fn(),
-    createSampler: import_vitest9.vi.fn()
+    createRenderPipeline: import_vitest10.vi.fn(),
+    createShaderModule: import_vitest10.vi.fn(),
+    createBindGroup: import_vitest10.vi.fn(),
+    createBindGroupLayout: import_vitest10.vi.fn(),
+    createBuffer: import_vitest10.vi.fn(),
+    createTexture: import_vitest10.vi.fn(),
+    createSampler: import_vitest10.vi.fn()
   };
 }
 function createMockGPUCanvasContext() {
   return {
-    configure: import_vitest9.vi.fn(),
-    unconfigure: import_vitest9.vi.fn(),
-    getCurrentTexture: import_vitest9.vi.fn()
+    configure: import_vitest10.vi.fn(),
+    unconfigure: import_vitest10.vi.fn(),
+    getCurrentTexture: import_vitest10.vi.fn()
   };
 }
 function setupWebGPUMocks() {
   const mockAdapter = createMockGPUAdapter();
   const mockGpu = {
-    requestAdapter: import_vitest9.vi.fn().mockResolvedValue(mockAdapter),
-    getPreferredCanvasFormat: import_vitest9.vi.fn().mockReturnValue("bgra8unorm")
+    requestAdapter: import_vitest10.vi.fn().mockResolvedValue(mockAdapter),
+    getPreferredCanvasFormat: import_vitest10.vi.fn().mockReturnValue("bgra8unorm")
   };
   Object.defineProperty(global.navigator, "gpu", {
     value: mockGpu,
@@ -2336,12 +2424,12 @@ function createMockAudioContext() {
       numberOfChannels: 2,
       getChannelData: () => new Float32Array(44100)
     }),
-    createBuffer: (channels, length, sampleRate) => ({
-      duration: length / sampleRate,
-      length,
+    createBuffer: (channels, length2, sampleRate) => ({
+      duration: length2 / sampleRate,
+      length: length2,
       sampleRate,
       numberOfChannels: channels,
-      getChannelData: () => new Float32Array(length)
+      getChannelData: () => new Float32Array(length2)
     }),
     // Helper to track events if needed
     _events: []
@@ -2382,6 +2470,492 @@ function captureAudioEvents(context) {
   return context._events || [];
 }
 
+// ../../node_modules/.pnpm/gl-matrix@3.4.4/node_modules/gl-matrix/esm/common.js
+var EPSILON = 1e-6;
+var ARRAY_TYPE = typeof Float32Array !== "undefined" ? Float32Array : Array;
+var RANDOM = Math.random;
+function round(a) {
+  if (a >= 0) return Math.round(a);
+  return a % 0.5 === 0 ? Math.floor(a) : Math.round(a);
+}
+var degree = Math.PI / 180;
+var radian = 180 / Math.PI;
+
+// ../../node_modules/.pnpm/gl-matrix@3.4.4/node_modules/gl-matrix/esm/vec3.js
+var vec3_exports = {};
+__export(vec3_exports, {
+  add: () => add,
+  angle: () => angle,
+  bezier: () => bezier,
+  ceil: () => ceil,
+  clone: () => clone,
+  copy: () => copy,
+  create: () => create,
+  cross: () => cross,
+  dist: () => dist,
+  distance: () => distance,
+  div: () => div,
+  divide: () => divide,
+  dot: () => dot,
+  equals: () => equals,
+  exactEquals: () => exactEquals,
+  floor: () => floor,
+  forEach: () => forEach,
+  fromValues: () => fromValues,
+  hermite: () => hermite,
+  inverse: () => inverse,
+  len: () => len,
+  length: () => length,
+  lerp: () => lerp,
+  max: () => max,
+  min: () => min,
+  mul: () => mul,
+  multiply: () => multiply,
+  negate: () => negate,
+  normalize: () => normalize,
+  random: () => random,
+  rotateX: () => rotateX,
+  rotateY: () => rotateY,
+  rotateZ: () => rotateZ,
+  round: () => round2,
+  scale: () => scale,
+  scaleAndAdd: () => scaleAndAdd,
+  set: () => set,
+  slerp: () => slerp,
+  sqrDist: () => sqrDist,
+  sqrLen: () => sqrLen,
+  squaredDistance: () => squaredDistance,
+  squaredLength: () => squaredLength,
+  str: () => str,
+  sub: () => sub,
+  subtract: () => subtract,
+  transformMat3: () => transformMat3,
+  transformMat4: () => transformMat4,
+  transformQuat: () => transformQuat,
+  zero: () => zero
+});
+function create() {
+  var out = new ARRAY_TYPE(3);
+  if (ARRAY_TYPE != Float32Array) {
+    out[0] = 0;
+    out[1] = 0;
+    out[2] = 0;
+  }
+  return out;
+}
+function clone(a) {
+  var out = new ARRAY_TYPE(3);
+  out[0] = a[0];
+  out[1] = a[1];
+  out[2] = a[2];
+  return out;
+}
+function length(a) {
+  var x = a[0];
+  var y = a[1];
+  var z = a[2];
+  return Math.sqrt(x * x + y * y + z * z);
+}
+function fromValues(x, y, z) {
+  var out = new ARRAY_TYPE(3);
+  out[0] = x;
+  out[1] = y;
+  out[2] = z;
+  return out;
+}
+function copy(out, a) {
+  out[0] = a[0];
+  out[1] = a[1];
+  out[2] = a[2];
+  return out;
+}
+function set(out, x, y, z) {
+  out[0] = x;
+  out[1] = y;
+  out[2] = z;
+  return out;
+}
+function add(out, a, b) {
+  out[0] = a[0] + b[0];
+  out[1] = a[1] + b[1];
+  out[2] = a[2] + b[2];
+  return out;
+}
+function subtract(out, a, b) {
+  out[0] = a[0] - b[0];
+  out[1] = a[1] - b[1];
+  out[2] = a[2] - b[2];
+  return out;
+}
+function multiply(out, a, b) {
+  out[0] = a[0] * b[0];
+  out[1] = a[1] * b[1];
+  out[2] = a[2] * b[2];
+  return out;
+}
+function divide(out, a, b) {
+  out[0] = a[0] / b[0];
+  out[1] = a[1] / b[1];
+  out[2] = a[2] / b[2];
+  return out;
+}
+function ceil(out, a) {
+  out[0] = Math.ceil(a[0]);
+  out[1] = Math.ceil(a[1]);
+  out[2] = Math.ceil(a[2]);
+  return out;
+}
+function floor(out, a) {
+  out[0] = Math.floor(a[0]);
+  out[1] = Math.floor(a[1]);
+  out[2] = Math.floor(a[2]);
+  return out;
+}
+function min(out, a, b) {
+  out[0] = Math.min(a[0], b[0]);
+  out[1] = Math.min(a[1], b[1]);
+  out[2] = Math.min(a[2], b[2]);
+  return out;
+}
+function max(out, a, b) {
+  out[0] = Math.max(a[0], b[0]);
+  out[1] = Math.max(a[1], b[1]);
+  out[2] = Math.max(a[2], b[2]);
+  return out;
+}
+function round2(out, a) {
+  out[0] = round(a[0]);
+  out[1] = round(a[1]);
+  out[2] = round(a[2]);
+  return out;
+}
+function scale(out, a, b) {
+  out[0] = a[0] * b;
+  out[1] = a[1] * b;
+  out[2] = a[2] * b;
+  return out;
+}
+function scaleAndAdd(out, a, b, scale2) {
+  out[0] = a[0] + b[0] * scale2;
+  out[1] = a[1] + b[1] * scale2;
+  out[2] = a[2] + b[2] * scale2;
+  return out;
+}
+function distance(a, b) {
+  var x = b[0] - a[0];
+  var y = b[1] - a[1];
+  var z = b[2] - a[2];
+  return Math.sqrt(x * x + y * y + z * z);
+}
+function squaredDistance(a, b) {
+  var x = b[0] - a[0];
+  var y = b[1] - a[1];
+  var z = b[2] - a[2];
+  return x * x + y * y + z * z;
+}
+function squaredLength(a) {
+  var x = a[0];
+  var y = a[1];
+  var z = a[2];
+  return x * x + y * y + z * z;
+}
+function negate(out, a) {
+  out[0] = -a[0];
+  out[1] = -a[1];
+  out[2] = -a[2];
+  return out;
+}
+function inverse(out, a) {
+  out[0] = 1 / a[0];
+  out[1] = 1 / a[1];
+  out[2] = 1 / a[2];
+  return out;
+}
+function normalize(out, a) {
+  var x = a[0];
+  var y = a[1];
+  var z = a[2];
+  var len2 = x * x + y * y + z * z;
+  if (len2 > 0) {
+    len2 = 1 / Math.sqrt(len2);
+  }
+  out[0] = a[0] * len2;
+  out[1] = a[1] * len2;
+  out[2] = a[2] * len2;
+  return out;
+}
+function dot(a, b) {
+  return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
+}
+function cross(out, a, b) {
+  var ax = a[0], ay = a[1], az = a[2];
+  var bx = b[0], by = b[1], bz = b[2];
+  out[0] = ay * bz - az * by;
+  out[1] = az * bx - ax * bz;
+  out[2] = ax * by - ay * bx;
+  return out;
+}
+function lerp(out, a, b, t) {
+  var ax = a[0];
+  var ay = a[1];
+  var az = a[2];
+  out[0] = ax + t * (b[0] - ax);
+  out[1] = ay + t * (b[1] - ay);
+  out[2] = az + t * (b[2] - az);
+  return out;
+}
+function slerp(out, a, b, t) {
+  var angle2 = Math.acos(Math.min(Math.max(dot(a, b), -1), 1));
+  var sinTotal = Math.sin(angle2);
+  var ratioA = Math.sin((1 - t) * angle2) / sinTotal;
+  var ratioB = Math.sin(t * angle2) / sinTotal;
+  out[0] = ratioA * a[0] + ratioB * b[0];
+  out[1] = ratioA * a[1] + ratioB * b[1];
+  out[2] = ratioA * a[2] + ratioB * b[2];
+  return out;
+}
+function hermite(out, a, b, c, d, t) {
+  var factorTimes2 = t * t;
+  var factor1 = factorTimes2 * (2 * t - 3) + 1;
+  var factor2 = factorTimes2 * (t - 2) + t;
+  var factor3 = factorTimes2 * (t - 1);
+  var factor4 = factorTimes2 * (3 - 2 * t);
+  out[0] = a[0] * factor1 + b[0] * factor2 + c[0] * factor3 + d[0] * factor4;
+  out[1] = a[1] * factor1 + b[1] * factor2 + c[1] * factor3 + d[1] * factor4;
+  out[2] = a[2] * factor1 + b[2] * factor2 + c[2] * factor3 + d[2] * factor4;
+  return out;
+}
+function bezier(out, a, b, c, d, t) {
+  var inverseFactor = 1 - t;
+  var inverseFactorTimesTwo = inverseFactor * inverseFactor;
+  var factorTimes2 = t * t;
+  var factor1 = inverseFactorTimesTwo * inverseFactor;
+  var factor2 = 3 * t * inverseFactorTimesTwo;
+  var factor3 = 3 * factorTimes2 * inverseFactor;
+  var factor4 = factorTimes2 * t;
+  out[0] = a[0] * factor1 + b[0] * factor2 + c[0] * factor3 + d[0] * factor4;
+  out[1] = a[1] * factor1 + b[1] * factor2 + c[1] * factor3 + d[1] * factor4;
+  out[2] = a[2] * factor1 + b[2] * factor2 + c[2] * factor3 + d[2] * factor4;
+  return out;
+}
+function random(out, scale2) {
+  scale2 = scale2 === void 0 ? 1 : scale2;
+  var r = RANDOM() * 2 * Math.PI;
+  var z = RANDOM() * 2 - 1;
+  var zScale = Math.sqrt(1 - z * z) * scale2;
+  out[0] = Math.cos(r) * zScale;
+  out[1] = Math.sin(r) * zScale;
+  out[2] = z * scale2;
+  return out;
+}
+function transformMat4(out, a, m) {
+  var x = a[0], y = a[1], z = a[2];
+  var w = m[3] * x + m[7] * y + m[11] * z + m[15];
+  w = w || 1;
+  out[0] = (m[0] * x + m[4] * y + m[8] * z + m[12]) / w;
+  out[1] = (m[1] * x + m[5] * y + m[9] * z + m[13]) / w;
+  out[2] = (m[2] * x + m[6] * y + m[10] * z + m[14]) / w;
+  return out;
+}
+function transformMat3(out, a, m) {
+  var x = a[0], y = a[1], z = a[2];
+  out[0] = x * m[0] + y * m[3] + z * m[6];
+  out[1] = x * m[1] + y * m[4] + z * m[7];
+  out[2] = x * m[2] + y * m[5] + z * m[8];
+  return out;
+}
+function transformQuat(out, a, q) {
+  var qx = q[0], qy = q[1], qz = q[2], qw = q[3];
+  var vx = a[0], vy = a[1], vz = a[2];
+  var tx = qy * vz - qz * vy;
+  var ty = qz * vx - qx * vz;
+  var tz = qx * vy - qy * vx;
+  tx = tx + tx;
+  ty = ty + ty;
+  tz = tz + tz;
+  out[0] = vx + qw * tx + qy * tz - qz * ty;
+  out[1] = vy + qw * ty + qz * tx - qx * tz;
+  out[2] = vz + qw * tz + qx * ty - qy * tx;
+  return out;
+}
+function rotateX(out, a, b, rad) {
+  var p = [], r = [];
+  p[0] = a[0] - b[0];
+  p[1] = a[1] - b[1];
+  p[2] = a[2] - b[2];
+  r[0] = p[0];
+  r[1] = p[1] * Math.cos(rad) - p[2] * Math.sin(rad);
+  r[2] = p[1] * Math.sin(rad) + p[2] * Math.cos(rad);
+  out[0] = r[0] + b[0];
+  out[1] = r[1] + b[1];
+  out[2] = r[2] + b[2];
+  return out;
+}
+function rotateY(out, a, b, rad) {
+  var p = [], r = [];
+  p[0] = a[0] - b[0];
+  p[1] = a[1] - b[1];
+  p[2] = a[2] - b[2];
+  r[0] = p[2] * Math.sin(rad) + p[0] * Math.cos(rad);
+  r[1] = p[1];
+  r[2] = p[2] * Math.cos(rad) - p[0] * Math.sin(rad);
+  out[0] = r[0] + b[0];
+  out[1] = r[1] + b[1];
+  out[2] = r[2] + b[2];
+  return out;
+}
+function rotateZ(out, a, b, rad) {
+  var p = [], r = [];
+  p[0] = a[0] - b[0];
+  p[1] = a[1] - b[1];
+  p[2] = a[2] - b[2];
+  r[0] = p[0] * Math.cos(rad) - p[1] * Math.sin(rad);
+  r[1] = p[0] * Math.sin(rad) + p[1] * Math.cos(rad);
+  r[2] = p[2];
+  out[0] = r[0] + b[0];
+  out[1] = r[1] + b[1];
+  out[2] = r[2] + b[2];
+  return out;
+}
+function angle(a, b) {
+  var ax = a[0], ay = a[1], az = a[2], bx = b[0], by = b[1], bz = b[2], mag = Math.sqrt((ax * ax + ay * ay + az * az) * (bx * bx + by * by + bz * bz)), cosine = mag && dot(a, b) / mag;
+  return Math.acos(Math.min(Math.max(cosine, -1), 1));
+}
+function zero(out) {
+  out[0] = 0;
+  out[1] = 0;
+  out[2] = 0;
+  return out;
+}
+function str(a) {
+  return "vec3(" + a[0] + ", " + a[1] + ", " + a[2] + ")";
+}
+function exactEquals(a, b) {
+  return a[0] === b[0] && a[1] === b[1] && a[2] === b[2];
+}
+function equals(a, b) {
+  var a0 = a[0], a1 = a[1], a2 = a[2];
+  var b0 = b[0], b1 = b[1], b2 = b[2];
+  return Math.abs(a0 - b0) <= EPSILON * Math.max(1, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= EPSILON * Math.max(1, Math.abs(a1), Math.abs(b1)) && Math.abs(a2 - b2) <= EPSILON * Math.max(1, Math.abs(a2), Math.abs(b2));
+}
+var sub = subtract;
+var mul = multiply;
+var div = divide;
+var dist = distance;
+var sqrDist = squaredDistance;
+var len = length;
+var sqrLen = squaredLength;
+var forEach = (function() {
+  var vec = create();
+  return function(a, stride, offset, count, fn, arg) {
+    var i, l;
+    if (!stride) {
+      stride = 3;
+    }
+    if (!offset) {
+      offset = 0;
+    }
+    if (count) {
+      l = Math.min(count * stride + offset, a.length);
+    } else {
+      l = a.length;
+    }
+    for (i = offset; i < l; i += stride) {
+      vec[0] = a[i];
+      vec[1] = a[i + 1];
+      vec[2] = a[i + 2];
+      fn(vec, vec, arg);
+      a[i] = vec[0];
+      a[i + 1] = vec[1];
+      a[i + 2] = vec[2];
+    }
+    return a;
+  };
+})();
+
+// src/client/helpers/view.ts
+var import_engine = require("@quake2ts/engine");
+function createMockCamera(overrides = {}) {
+  const camera = new import_engine.Camera();
+  if (overrides.position) {
+    camera.position = overrides.position;
+  }
+  if (overrides.angles) {
+    camera.angles = overrides.angles;
+  }
+  if (overrides.fov !== void 0) {
+    camera.fov = overrides.fov;
+  }
+  return camera;
+}
+function createMockRefDef(overrides = {}) {
+  return {
+    x: 0,
+    y: 0,
+    width: 320,
+    height: 240,
+    fov_x: 90,
+    fov_y: 90,
+    vieworg: vec3_exports.create(),
+    viewangles: vec3_exports.create(),
+    time: 0,
+    rdflags: 0,
+    ...overrides
+  };
+}
+function createMockViewState(overrides = {}) {
+  return {
+    camera: overrides.camera || createMockCamera(),
+    viewport: overrides.viewport || { x: 0, y: 0, width: 800, height: 600 },
+    refdef: overrides.refdef || createMockRefDef(),
+    ...overrides
+  };
+}
+function createViewTestScenario(scenarioType) {
+  const camera = createMockCamera();
+  const refdef = createMockRefDef();
+  switch (scenarioType) {
+    case "firstPerson":
+      camera.position = vec3_exports.fromValues(100, 100, 50);
+      camera.angles = vec3_exports.fromValues(0, 45, 0);
+      vec3_exports.copy(refdef.vieworg, camera.position);
+      vec3_exports.copy(refdef.viewangles, camera.angles);
+      break;
+    case "thirdPerson":
+      camera.position = vec3_exports.fromValues(100, 100, 100);
+      camera.angles = vec3_exports.fromValues(30, 45, 0);
+      vec3_exports.set(refdef.vieworg, 100, 100, 50);
+      break;
+    case "spectator":
+      camera.position = vec3_exports.fromValues(0, 0, 100);
+      camera.angles = vec3_exports.fromValues(90, 0, 0);
+      break;
+  }
+  return {
+    viewState: {
+      camera,
+      viewport: { x: 0, y: 0, width: 800, height: 600 },
+      refdef
+    },
+    cleanup: () => {
+    }
+  };
+}
+function simulateCameraMovement(camera, input, deltaTime) {
+  const speed = 100;
+  if (input.pitchDelta) camera.angles[0] += input.pitchDelta;
+  if (input.yawDelta) camera.angles[1] += input.yawDelta;
+  if (input.rollDelta) camera.angles[2] += input.rollDelta;
+  camera.angles = camera.angles;
+  if (input.forward || input.right || input.up) {
+    camera.position[0] += (input.forward || 0) * deltaTime;
+    camera.position[1] += (input.right || 0) * deltaTime;
+    camera.position[2] += (input.up || 0) * deltaTime;
+    camera.position = camera.position;
+  }
+  return camera;
+}
+
 // src/e2e/playwright.ts
 var import_playwright = require("playwright");
 var import_http = require("http");
@@ -2619,13 +3193,16 @@ function createVisualTestScenario(page, sceneName) {
   createEntityFactory,
   createEntityStateFactory,
   createGameStateSnapshotFactory,
+  createInputInjector,
   createItemEntityFactory,
   createMockAI,
   createMockAmmoItem,
   createMockArmorItem,
   createMockAudioContext,
+  createMockCamera,
   createMockCanvas,
   createMockCanvasContext2D,
+  createMockCollisionEntityIndex,
   createMockConnection,
   createMockDamageInfo,
   createMockEngine,
@@ -2642,17 +3219,21 @@ function createVisualTestScenario(page, sceneName) {
   createMockIndexedDB,
   createMockInventory,
   createMockItem,
+  createMockKeyboardEvent,
   createMockLocalStorage,
   createMockMasterServer,
   createMockMonsterAI,
   createMockMonsterMove,
+  createMockMouseEvent,
   createMockNetDriver,
   createMockNetworkAddress,
   createMockPerformance,
+  createMockPointerLock,
   createMockPowerupItem,
   createMockRAF,
   createMockRConClient,
   createMockRateLimiter,
+  createMockRefDef,
   createMockServer,
   createMockServerClient,
   createMockServerConsole,
@@ -2663,9 +3244,11 @@ function createVisualTestScenario(page, sceneName) {
   createMockTransport,
   createMockUDPSocket,
   createMockUserInfo,
+  createMockViewState,
   createMockWeapon,
   createMockWeaponItem,
   createMockWebGL2Context,
+  createMockWheelEvent,
   createMonsterEntityFactory,
   createMultiplayerTestScenario,
   createNetChanMock,
@@ -2679,6 +3262,7 @@ function createVisualTestScenario(page, sceneName) {
   createStorageTestScenario,
   createTestContext,
   createTriggerEntityFactory,
+  createViewTestScenario,
   createVisualTestScenario,
   intersects,
   ladderTrace,
@@ -2697,6 +3281,7 @@ function createVisualTestScenario(page, sceneName) {
   setupNodeEnvironment,
   setupWebGPUMocks,
   simulateBandwidthLimit,
+  simulateCameraMovement,
   simulateFrames,
   simulateFramesWithMock,
   simulateHandshake,