@vpmedia/phaser 1.104.0 → 1.105.0

package/src/phaser/display/webgl/shader/complex.ts

@@ -1,20 +1,20 @@
-// @ts-nocheck
 import { v4 as uuidv4 } from 'uuid';
 import { compileProgram } from '../util.js';
 
 // the next one is used for rendering triangle strips
 
 export class ComplexPrimitiveShader {
-gl;
-_UID;
-program;
-fragmentSrc;
-vertexSrc;
+  [key: string]: any;
+gl!: any;
+_UID!: any;
+program!: any;
+fragmentSrc!: any;
+vertexSrc!: any;
   /**
    * Creates a new ComplexShader instance.
    * @param {WebGLRenderingContext} gl - The WebGL rendering context.
    */
-  constructor(gl) {
+  constructor(gl: WebGLRenderingContext) {
     this.gl = gl;
     this._UID = uuidv4();
     /** @type {WebGLProgram} */

package/src/phaser/display/webgl/shader/fast.ts

@@ -1,21 +1,21 @@
-// @ts-nocheck
 import { v4 as uuidv4 } from 'uuid';
 import { compileProgram } from '../util.js';
 
 // this shader is used for the fast sprite rendering
 
 export class FastShader {
-gl;
-_UID;
-program;
-textureCount;
-fragmentSrc;
-vertexSrc;
+  [key: string]: any;
+gl!: any;
+_UID!: any;
+program!: any;
+textureCount!: any;
+fragmentSrc!: any;
+vertexSrc!: any;
   /**
    * Creates a new FastShader instance.
    * @param {WebGLRenderingContext} gl - The WebGL rendering context.
    */
-  constructor(gl) {
+  constructor(gl: WebGLRenderingContext) {
     this.gl = gl;
     this._UID = uuidv4();
     /** @type {WebGLProgram} */

package/src/phaser/display/webgl/shader/normal.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { v4 as uuidv4 } from 'uuid';
 import { compileProgram } from '../util.js';
 
@@ -25,16 +24,17 @@ const defaultVertexSrc = [
 // this shader is used for the default sprite rendering
 
 export class NormalShader {
-gl;
-_UID;
-program;
-fragmentSrc;
-vertexSrc;
-textureCount;
-firstRun;
-dirty;
-uniforms;
-attributes;
+  [key: string]: any;
+gl!: any;
+_UID!: any;
+program!: any;
+fragmentSrc!: any;
+vertexSrc!: any;
+textureCount!: any;
+firstRun!: any;
+dirty!: any;
+uniforms!: any;
+attributes!: any;
   /**
    * Creates a new NormalShader instance.
    * @param {WebGLRenderingContext & { id: number }} gl - The WebGL rendering context.
@@ -147,7 +147,7 @@ attributes;
    * Sets a uniform value for this shader.
    * @param {object} uniform - The uniform to set.
    */
-  initSampler2D(uniform) {
+  initSampler2D(uniform: any) {
     if (!uniform.value || !uniform.value.baseTexture || !uniform.value.baseTexture.hasLoaded) {
       return;
     }

package/src/phaser/display/webgl/shader/primitive.ts

@@ -1,20 +1,20 @@
-// @ts-nocheck
 import { v4 as uuidv4 } from 'uuid';
 import { compileProgram } from '../util.js';
 
 // the next one is used for rendering primitives
 
 export class PrimitiveShader {
-gl;
-_UID;
-program;
-fragmentSrc;
-vertexSrc;
+  [key: string]: any;
+gl!: any;
+_UID!: any;
+program!: any;
+fragmentSrc!: any;
+vertexSrc!: any;
   /**
    * Creates a new PrimitiveShader instance.
    * @param {WebGLRenderingContext} gl - The WebGL rendering context.
    */
-  constructor(gl) {
+  constructor(gl: WebGLRenderingContext) {
     this.gl = gl;
     this._UID = uuidv4();
     /** @type {WebGLProgram} */

package/src/phaser/display/webgl/shader/strip.ts

@@ -1,20 +1,20 @@
-// @ts-nocheck
 import { v4 as uuidv4 } from 'uuid';
 import { compileProgram } from '../util.js';
 
 // the next one is used for rendering triangle strips
 
 export class StripShader {
-gl;
-_UID;
-program;
-fragmentSrc;
-vertexSrc;
+  [key: string]: any;
+gl!: any;
+_UID!: any;
+program!: any;
+fragmentSrc!: any;
+vertexSrc!: any;
   /**
    * Creates a new StripShader instance.
    * @param {WebGLRenderingContext} gl - The WebGL rendering context.
    */
-  constructor(gl) {
+  constructor(gl: WebGLRenderingContext) {
     this.gl = gl;
     this._UID = uuidv4();
     /** @type {WebGLProgram} */

package/src/phaser/display/webgl/shader_manager.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { ComplexPrimitiveShader } from './shader/complex.js';
 import { FastShader } from './shader/fast.js';
 import { NormalShader } from './shader/normal.js';
@@ -6,16 +5,17 @@ import { PrimitiveShader } from './shader/primitive.js';
 import { StripShader } from './shader/strip.js';
 
 export class WebGLShaderManager {
-gl;
-primitiveShader;
-complexPrimitiveShader;
-defaultShader;
-fastShader;
-stripShader;
-maxAttibs;
-attribState;
-tempAttribState;
-stack;
+  [key: string]: any;
+gl!: any;
+primitiveShader!: any;
+complexPrimitiveShader!: any;
+defaultShader!: any;
+fastShader!: any;
+stripShader!: any;
+maxAttibs!: any;
+attribState!: any;
+tempAttribState!: any;
+stack!: any;
   /**
    * Initializes the shader manager with a WebGL context.
    */
@@ -53,7 +53,7 @@ stack;
    * Sets up the shader manager for WebGL rendering.
    * @param {number[]} attribs - The attribute locations to set up.
    */
-  setAttribs(attribs) {
+  setAttribs(attribs: number[]) {
     // reset temp state
     let i;
     for (i = 0; i < this.tempAttribState.length; i += 1) {
@@ -82,7 +82,7 @@ stack;
    * @param {NormalShader} shader - The shader to set up.
    * @returns {boolean} Whether the shader setup was successful.
    */
-  setShader(shader) {
+  setShader(shader: NormalShader) {
     if (this._currentId === shader._UID) {
       return false;
     }

package/src/phaser/display/webgl/sprite_batch.ts

@@ -1,24 +1,24 @@
-// @ts-nocheck
 import { AbstractFilter } from './abstract_filter.js';
 import { NormalShader } from './shader/normal.js';
 
 export class WebGLSpriteBatch {
-vertSize;
-size;
-vertices;
-positions;
-colors;
-indices;
-lastIndexCount;
-drawing;
-currentBatchSize;
-currentBaseTexture;
-dirty;
-textures;
-blendModes;
-shaders;
-sprites;
-defaultShader;
+  [key: string]: any;
+vertSize!: any;
+size!: any;
+vertices!: any;
+positions!: any;
+colors!: any;
+indices!: any;
+lastIndexCount!: any;
+drawing!: any;
+currentBatchSize!: any;
+currentBaseTexture!: any;
+dirty!: any;
+textures!: any;
+blendModes!: any;
+shaders!: any;
+sprites!: any;
+defaultShader!: any;
   /**
    * Creates a new SpriteBatch instance.
    */
@@ -88,7 +88,7 @@ defaultShader;
    * Renders the sprite batch using WebGL.
    * @param {object} renderSession - The render session to use.
    */
-  begin(renderSession) {
+  begin(renderSession: any) {
     this.renderSession = renderSession;
     this.shader = this.renderSession.shaderManager.defaultShader;
     this.start();
@@ -106,7 +106,7 @@ defaultShader;
    * @param {import('../../display/image.js').Image} sprite - The sprite to render.
    * @param {import('../../geom/matrix.js').Matrix} matrix - The transformation matrix.
    */
-  render(sprite, matrix) {
+  render(sprite: import('../../display/image.js').Image, matrix: import('../../geom/matrix.js').Matrix) {
     const texture = sprite.texture;
     //  They provided an alternative rendering matrix, so use it
     let wt = sprite.worldTransform;
@@ -315,7 +315,7 @@ defaultShader;
    * @param {number} size - The size of the batch.
    * @param {number} startIndex - The start index in the batch.
    */
-  renderBatch(texture, size, startIndex) {
+  renderBatch(texture: import('./base_texture.js').BaseTexture, size: number, startIndex: number) {
     if (size === 0) {
       return;
     }

package/src/phaser/display/webgl/stencil_manager.ts

@@ -1,10 +1,10 @@
-// @ts-nocheck
 import { hex2rgb } from '../../util/math.js';
 
 export class WebGLStencilManager {
-stencilStack;
-reverse;
-count;
+  [key: string]: any;
+stencilStack!: any;
+reverse!: any;
+count!: any;
   /**
    * Initializes the stencil manager.
    */
@@ -18,7 +18,7 @@ count;
    * Binds the stencil buffer for rendering.
    * @param {WebGLRenderingContext} gl - The WebGL rendering context.
    */
-  setContext(gl) {
+  setContext(gl: WebGLRenderingContext) {
     this.gl = gl;
   }
 
@@ -36,7 +36,7 @@ count;
    * @param {import('./graphics_data.js').GraphicsData} webGLData - The WebGL graphics data.
    * @param {object} renderSession - The rendering session.
    */
-  pushStencil(graphics, webGLData, renderSession) {
+  pushStencil(graphics: import('../graphics.js').Graphics, webGLData: import('./graphics_data.js').GraphicsData, renderSession: any) {
     const gl = renderSession.gl;
     this.bindGraphics(graphics, webGLData, renderSession);
     if (this.stencilStack.length === 0) {
@@ -94,7 +94,7 @@ count;
    * @param {import('./graphics_data.js').GraphicsData} webGLData - The WebGL graphics data.
    * @param {object} renderSession - The rendering session.
    */
-  bindGraphics(graphics, webGLData, renderSession) {
+  bindGraphics(graphics: import('../graphics.js').Graphics, webGLData: import('./graphics_data.js').GraphicsData, renderSession: any) {
     // if(this._currentGraphics === graphics)return;
     // this._currentGraphics = graphics;
     const gl = renderSession.gl;
@@ -141,7 +141,7 @@ count;
    * @param {import('./graphics_data.js').GraphicsData} webGLData - The WebGL graphics data.
    * @param {object} renderSession - The rendering session.
    */
-  popStencil(graphics, webGLData, renderSession) {
+  popStencil(graphics: import('../graphics.js').Graphics, webGLData: import('./graphics_data.js').GraphicsData, renderSession: any) {
     const gl = renderSession.gl;
     this.stencilStack.pop();
     this.count -= 1;

package/src/phaser/display/webgl/texture.ts

@@ -1,27 +1,26 @@
-// @ts-nocheck
 import { Rectangle } from '../../geom/rectangle.js';
 
 export class TextureUvs {
-noFrame;
-baseTexture;
-frame;
-trim;
-valid;
-isTiling;
-requiresUpdate;
-requiresReTint;
-_uvs;
-width;
-height;
-crop;
-x0;
-y0;
-x1;
-y1;
-x2;
-y2;
-x3;
-y3;
+  noFrame!: any;
+  baseTexture!: any;
+  frame!: any;
+  trim!: any;
+  valid!: any;
+  isTiling!: any;
+  requiresUpdate!: any;
+  requiresReTint!: any;
+  _uvs!: any;
+  width!: any;
+  height!: any;
+  crop!: any;
+  x0!: any;
+  y0!: any;
+  x1!: any;
+  y1!: any;
+  x2!: any;
+  y2!: any;
+  x3!: any;
+  y3!: any;
   /**
    * Creates a new Texture instance.
    */
@@ -38,6 +37,18 @@ y3;
 }
 
 export class Texture {
+  noFrame!: any;
+  baseTexture!: any;
+  frame!: any;
+  trim!: any;
+  valid!: any;
+  isTiling!: any;
+  requiresUpdate!: any;
+  requiresReTint!: any;
+  _uvs!: any;
+  width!: any;
+  height!: any;
+  crop!: any;
   /**
    * Creates a new Texture instance.
    * @param {import('./base_texture.js').BaseTexture} baseTexture - The base texture to use.
@@ -45,7 +56,7 @@ export class Texture {
    * @param {Rectangle | null | undefined} crop - The crop rectangle.
    * @param {Rectangle | null | undefined} trim - The trim rectangle.
    */
-  constructor(baseTexture, frame = null, crop = null, trim = null) {
+  constructor(baseTexture: import('./base_texture.js').BaseTexture, frame: Rectangle | null | undefined = null, crop: Rectangle | null | undefined = null, trim: Rectangle | null | undefined = null) {
     this.noFrame = false;
     if (!frame) {
       this.noFrame = true;
@@ -97,7 +108,7 @@ export class Texture {
    * Destroys this texture and cleans up resources.
    * @param {boolean} destroyBase - Whether to destroy the base texture as well.
    */
-  destroy(destroyBase = false) {
+  destroy(destroyBase: boolean = false) {
     if (destroyBase) {
       this.baseTexture.destroy();
     }
@@ -109,7 +120,7 @@ export class Texture {
    * @param {Rectangle} frame - The new frame rectangle.
    * @throws {Error} If the operation fails.
    */
-  setFrame(frame) {
+  setFrame(frame: Rectangle) {
     this.noFrame = false;
     this.frame = frame;
     this.width = frame.width;

package/src/phaser/display/webgl/texture_util.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { BaseTexture } from './base_texture.js';
 import { Texture } from './texture.js';
 
@@ -8,7 +7,7 @@ import { Texture } from './texture.js';
  * @param {number} [scaleMode] - The scale mode to use for the texture.
  * @returns {BaseTexture} The newly created BaseTexture instance.
  */
-export const baseTextureFromCanvas = (canvas, scaleMode) => {
+export const baseTextureFromCanvas = (canvas: HTMLCanvasElement, scaleMode: number) => {
   if (canvas.width === 0) {
     canvas.width = 1;
   }
@@ -24,6 +23,6 @@ export const baseTextureFromCanvas = (canvas, scaleMode) => {
  * @param {number} [scaleMode] - The scale mode to use for the texture.
  * @returns {Texture} The newly created Texture instance.
  */
-export const textureFromCanvas = (canvas, scaleMode) => {
+export const textureFromCanvas = (canvas: HTMLCanvasElement, scaleMode?: any) => {
   return new Texture(baseTextureFromCanvas(canvas, scaleMode));
 };

package/src/phaser/display/webgl/util.ts

@@ -18,7 +18,7 @@ export const CONTEXT_LOST_WEBGL = 0x9242;
  * @param {WebGLRenderingContext} gl - The WebGL rendering context.
  * @returns {number} The error code from the WebGL context.
  */
-export const getWebGLContextErrorCode = (gl) => {
+export const getWebGLContextErrorCode = (gl: WebGLRenderingContext) => {
   return gl?.getError() ?? 0;
 };
 
@@ -27,7 +27,7 @@ export const getWebGLContextErrorCode = (gl) => {
  * @param {number} errorCode - The error code to look up.
  * @returns {string} The name of the WebGL error.
  */
-export const getWebGLContextErrorName = (errorCode) => {
+export const getWebGLContextErrorName = (errorCode: number) => {
   switch (errorCode) {
     case NO_ERROR:
       return 'NO_ERROR';
@@ -60,7 +60,7 @@ export const initDefaultShaders = () => {};
  * @param {object} shaderType - The type of shader to compile.
  * @returns {WebGLShader} The compiled WebGL shader or null if compilation failed.
  */
-export const compileShader = (gl, shaderSrc, shaderType) => {
+export const compileShader = (gl: WebGLRenderingContext, shaderSrc: string[]|string, shaderType: any) => {
   const src = Array.isArray(shaderSrc) ? shaderSrc.join('\n') : shaderSrc;
   const shader = gl.createShader(shaderType);
   gl.shaderSource(shader, src);
@@ -81,7 +81,7 @@ export const compileShader = (gl, shaderSrc, shaderType) => {
  * @param {string[]|string} shaderSrc - The vertex shader source code.
  * @returns {WebGLShader} The compiled WebGL vertex shader or null if compilation failed.
  */
-export const compileVertexShader = (gl, shaderSrc) => {
+export const compileVertexShader = (gl: WebGLRenderingContext, shaderSrc: string[]|string) => {
   return compileShader(gl, shaderSrc, gl.VERTEX_SHADER);
 };
 
@@ -91,7 +91,7 @@ export const compileVertexShader = (gl, shaderSrc) => {
  * @param {string[]|string} shaderSrc - The fragment shader source code.
  * @returns {WebGLShader} The compiled WebGL fragment shader or null if compilation failed.
  */
-export const compileFragmentShader = (gl, shaderSrc) => {
+export const compileFragmentShader = (gl: WebGLRenderingContext, shaderSrc: string[]|string) => {
   return compileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
 };
 
@@ -102,7 +102,7 @@ export const compileFragmentShader = (gl, shaderSrc) => {
  * @param {string[]|string} fragmentSrc - The fragment shader source code.
  * @returns {WebGLProgram} The compiled WebGL shader program or null if compilation failed.
  */
-export const compileProgram = (gl, vertexSrc, fragmentSrc) => {
+export const compileProgram = (gl: WebGLRenderingContext, vertexSrc: string[]|string, fragmentSrc: string[]|string) => {
   const fragmentShader = compileFragmentShader(gl, fragmentSrc);
   const vertexShader = compileVertexShader(gl, vertexSrc);
 

package/src/phaser/geom/circle.ts

@@ -17,7 +17,7 @@ export class Circle {
    * @param {number} y - The y coordinate of the center point (default: 0).
    * @param {number} diameter - The diameter of the circle (default: 0).
    */
-  constructor(x = 0, y = 0, diameter = 0) {
+  constructor(x: number = 0, y: number = 0, diameter: number = 0) {
     /** @type {number} */
     this.x = x;
     /** @type {number} */
@@ -46,7 +46,7 @@ export class Circle {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} A random point within this circle.
    */
-  random(output = null) {
+  random(output: Point = null) {
     const result = output || new Point();
     const t = 2 * Math.PI * Math.random();
     const u = Math.random() + Math.random();
@@ -73,7 +73,7 @@ export class Circle {
    * @param {number} diameter - The new diameter of the circle.
    * @returns {Circle} This circle instance for chaining.
    */
-  setTo(x, y, diameter) {
+  setTo(x: number, y: number, diameter: number) {
     this.x = x;
     this.y = y;
     this._diameter = diameter;
@@ -86,7 +86,7 @@ export class Circle {
    * @param {Circle} source - The circle to copy values from.
    * @returns {Circle} This circle instance for chaining.
    */
-  copyFrom(source) {
+  copyFrom(source: Circle) {
     return this.setTo(source.x, source.y, source.diameter);
   }
 
@@ -95,7 +95,7 @@ export class Circle {
    * @param {Circle} dest - The circle to copy values to.
    * @returns {Circle} The destination circle.
    */
-  copyTo(dest) {
+  copyTo(dest: Circle) {
     dest.x = this.x;
     dest.y = this.y;
     dest.diameter = this._diameter;
@@ -108,7 +108,7 @@ export class Circle {
    * @param {boolean} round - Whether to round the result (default: false).
    * @returns {number} The distance between the circles.
    */
-  distance(dest, round = false) {
+  distance(dest: Circle, round: boolean = false) {
     const d = distance(this.x, this.y, dest.x, dest.y);
     return round ? Math.round(d) : d;
   }
@@ -127,7 +127,7 @@ export class Circle {
    * @param {number} y - The y coordinate of the point to check.
    * @returns {boolean} True if the point is contained within this circle, false otherwise.
    */
-  contains(x, y) {
+  contains(x: number, y: number) {
     return contains(this, x, y);
   }
 
@@ -138,7 +138,7 @@ export class Circle {
    * @param {Point} out - The point to store the result in (optional).
    * @returns {Point} A point at the specified angle on the circumference of this circle.
    */
-  circumferencePoint(angle, asDegrees?, out?) {
+  circumferencePoint(angle: number, asDegrees?: boolean, out?: Point) {
     return circumferencePoint(this, angle, asDegrees, out);
   }
 
@@ -148,7 +148,7 @@ export class Circle {
    * @param {number} dy - The amount to offset the y coordinate by.
    * @returns {Circle} This circle instance for chaining.
    */
-  offset(dx, dy) {
+  offset(dx: number, dy: number) {
     this.x += dx;
     this.y += dy;
     return this;
@@ -159,7 +159,7 @@ export class Circle {
    * @param {Point} point - The point to offset the circle by.
    * @returns {Circle} This circle instance for chaining.
    */
-  offsetPoint(point) {
+  offsetPoint(point: Point) {
     return this.offset(point.x, point.y);
   }
 

package/src/phaser/geom/ellipse.ts

@@ -17,7 +17,7 @@ export class Ellipse {
    * @param {number} width - The width of the ellipse (default: 0).
    * @param {number} height - The height of the ellipse (default: 0).
    */
-  constructor(x = 0, y = 0, width = 0, height = 0) {
+  constructor(x: number = 0, y: number = 0, width: number = 0, height: number = 0) {
     /** @type {number} */
     this.x = x;
     /** @type {number} */
@@ -38,7 +38,7 @@ export class Ellipse {
    * @param {number} height - The new height of the ellipse.
    * @returns {Ellipse} This ellipse instance for chaining.
    */
-  setTo(x, y, width, height) {
+  setTo(x: number, y: number, width: number, height: number) {
     this.x = x;
     this.y = y;
     this.width = width;
@@ -59,7 +59,7 @@ export class Ellipse {
    * @param {Ellipse} source - The ellipse to copy values from.
    * @returns {Ellipse} This ellipse instance for chaining.
    */
-  copyFrom(source) {
+  copyFrom(source: Ellipse) {
     return this.setTo(source.x, source.y, source.width, source.height);
   }
 
@@ -68,7 +68,7 @@ export class Ellipse {
    * @param {Ellipse} dest - The ellipse to copy values to.
    * @returns {Ellipse} The destination ellipse.
    */
-  copyTo(dest) {
+  copyTo(dest: Ellipse) {
     dest.x = this.x;
     dest.y = this.y;
     dest.width = this.width;
@@ -82,7 +82,7 @@ export class Ellipse {
    * @param {number} y - The y coordinate of the point to check.
    * @returns {boolean} True if the point is contained within this ellipse, false otherwise.
    */
-  contains(x, y) {
+  contains(x: number, y: number) {
     return contains(this, x, y);
   }
 
@@ -91,7 +91,7 @@ export class Ellipse {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} A random point within this ellipse.
    */
-  random(output = null) {
+  random(output: Point = null) {
     const result = output || new Point();
     const p = Math.random() * Math.PI * 2;
     const r = Math.random();