@vpmedia/phaser 1.103.0 → 1.105.0

package/src/phaser/display/graphics.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import {
   BLEND_NORMAL,
   GEOM_CIRCLE,
@@ -26,13 +25,37 @@ import { renderGraphics as renderWebGLGraphics } from './webgl/graphics.js';
 import { textureFromCanvas } from './webgl/texture_util.js';
 
 export class Graphics extends DisplayObject {
+  declare type: any;
+  declare renderable: any;
+  fillAlpha!: any;
+  lineWidth!: any;
+  lineColor!: any;
+  lineAlpha!: any;
+  graphicsData!: any;
+  declare tint: any;
+  blendMode!: any;
+  currentPath!: any;
+  _webGL!: any;
+  isMask!: any;
+  boundsPadding!: any;
+  _localBounds!: any;
+  dirty!: any;
+  clearDirty!: any;
+  _boundsDirty!: any;
+  _cacheAsBitmap!: any;
+  webGLDirty!: any;
+  cachedSpriteDirty!: any;
+  declare _cachedSprite: any;
+  filling!: any;
+  fillColor!: any;
+  _prevTint!: any;
   /**
    * Creates a new Graphics object.
    * @param {import('../core/game.js').Game} game - The game instance.
    * @param {number} x - The x coordinate of the graphics object.
    * @param {number} y - The y coordinate of the graphics object.
    */
-  constructor(game, x = 0, y = 0) {
+  constructor(game: import('../core/game.js').Game, x: number = 0, y: number = 0) {
     super(game);
     /** @type {number} */
     this.type = GRAPHICS;
@@ -88,7 +111,7 @@ export class Graphics extends DisplayObject {
    * @param {number} alpha - The alpha (transparency) of the line to draw.
    * @returns {Graphics} This Graphics object for chaining.
    */
-  lineStyle(lineWidth = 0, color = 0, alpha = 1) {
+  lineStyle(lineWidth: number = 0, color: number = 0, alpha: number = 1) {
     this.lineWidth = lineWidth || 0;
     this.lineColor = color || 0;
     this.lineAlpha = alpha === undefined ? 1 : alpha;
@@ -112,7 +135,7 @@ export class Graphics extends DisplayObject {
    * @param {number} y - The y coordinate to move to.
    * @returns {Graphics} This Graphics object for chaining.
    */
-  moveTo(x, y) {
+  moveTo(x: number, y: number) {
     this.drawShape(new Polygon([x, y]));
     return this;
   }
@@ -123,7 +146,7 @@ export class Graphics extends DisplayObject {
    * @param {number} y - The y coordinate to draw to.
    * @returns {Graphics} This Graphics object for chaining.
    */
-  lineTo(x, y) {
+  lineTo(x: number, y: number) {
     if (!this.currentPath) {
       this.moveTo(0, 0);
     }
@@ -141,7 +164,7 @@ export class Graphics extends DisplayObject {
    * @param {number} toY - The y coordinate to draw to.
    * @returns {Graphics} This Graphics object for chaining.
    */
-  quadraticCurveTo(cpX, cpY, toX, toY) {
+  quadraticCurveTo(cpX: number, cpY: number, toX: number, toY: number) {
     if (this.currentPath) {
       if (this.currentPath.shape.points.length === 0) {
         this.currentPath.shape.points = [0, 0];
@@ -180,7 +203,7 @@ export class Graphics extends DisplayObject {
    * @param {number} toY - The y coordinate to draw to.
    * @returns {Graphics} This Graphics object for chaining.
    */
-  bezierCurveTo(cpX, cpY, cpX2, cpY2, toX, toY) {
+  bezierCurveTo(cpX: number, cpY: number, cpX2: number, cpY2: number, toX: number, toY: number) {
     if (this.currentPath) {
       if (this.currentPath.shape.points.length === 0) {
         this.currentPath.shape.points = [0, 0];
@@ -224,7 +247,7 @@ export class Graphics extends DisplayObject {
    * @param {number} radius - The radius of the arc.
    * @returns {Graphics} This Graphics object for chaining.
    */
-  arcTo(x1, y1, x2, y2, radius) {
+  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number) {
     if (this.currentPath) {
       if (this.currentPath.shape.points.length === 0) {
         this.currentPath.shape.points.push(x1, y1);
@@ -278,7 +301,15 @@ export class Graphics extends DisplayObject {
    * @param {number} segments - The number of segments to use for drawing the arc.
    * @returns {Graphics} This Graphics object for chaining.
    */
-  arc(cx, cy, radius, startAngle, endAngle, anticlockwise = false, segments = 40) {
+  arc(
+    cx: number,
+    cy: number,
+    radius: number,
+    startAngle: number,
+    endAngle: number,
+    anticlockwise: boolean = false,
+    segments: number = 40
+  ) {
     //  If we do this we can never draw a full circle
     if (startAngle === endAngle) {
       return this;
@@ -327,7 +358,7 @@ export class Graphics extends DisplayObject {
    * @param {number} alpha - The fill alpha (transparency) to use.
    * @returns {Graphics} This Graphics object for chaining.
    */
-  beginFill(color = 0, alpha = 1) {
+  beginFill(color: number = 0, alpha: number = 1) {
     this.filling = true;
     this.fillColor = color || 0;
     this.fillAlpha = alpha === undefined ? 1 : alpha;
@@ -360,7 +391,7 @@ export class Graphics extends DisplayObject {
    * @param {number} height - The height of the rectangle.
    * @returns {Graphics} This Graphics object for chaining.
    */
-  drawRect(x, y, width, height) {
+  drawRect(x: number, y: number, width: number, height: number) {
     this.drawShape(new Rectangle(x, y, width, height));
     return this;
   }
@@ -374,7 +405,7 @@ export class Graphics extends DisplayObject {
    * @param {number} radius - The radius of the rounded corners.
    * @returns {Graphics} This Graphics object for chaining.
    */
-  drawRoundedRect(x, y, width, height, radius) {
+  drawRoundedRect(x: number, y: number, width: number, height: number, radius: number) {
     this.drawShape(new RoundedRectangle(x, y, width, height, radius));
     return this;
   }
@@ -386,7 +417,7 @@ export class Graphics extends DisplayObject {
    * @param {number} diameter - The diameter of the circle.
    * @returns {Graphics} This Graphics object for chaining.
    */
-  drawCircle(x, y, diameter) {
+  drawCircle(x: number, y: number, diameter: number) {
     this.drawShape(new Circle(x, y, diameter));
     return this;
   }
@@ -399,7 +430,7 @@ export class Graphics extends DisplayObject {
    * @param {number} height - The height of the ellipse.
    * @returns {Graphics} This Graphics object for chaining.
    */
-  drawEllipse(x, y, width, height) {
+  drawEllipse(x: number, y: number, width: number, height: number) {
     this.drawShape(new Ellipse(x, y, width, height));
     return this;
   }
@@ -409,7 +440,7 @@ export class Graphics extends DisplayObject {
    * @param {Polygon} path - The polygon to draw.
    * @returns {Graphics} This Graphics object for chaining.
    */
-  drawPolygon(path) {
+  drawPolygon(path: Polygon) {
     let points;
     if (path instanceof Polygon) {
       points = path.points;
@@ -456,7 +487,7 @@ export class Graphics extends DisplayObject {
    * Renders the graphics object using WebGL.
    * @param {object} renderSession - The render session to use.
    */
-  renderWebGL(renderSession) {
+  renderWebGL(renderSession: any) {
     // if the sprite is not visible or the alpha is 0 then no need to render this element
     if (this.visible === false || this.alpha === 0 || this.isMask === true) {
       return;
@@ -470,7 +501,7 @@ export class Graphics extends DisplayObject {
         this.dirty = false;
       }
       this._cachedSprite.worldAlpha = this.worldAlpha;
-      renderSpriteWebGL.call(this._cachedSprite, renderSession);
+      (renderSpriteWebGL as any).call(this._cachedSprite, renderSession);
     } else {
       renderSession.spriteBatch.stop();
       renderSession.blendModeManager.setBlendMode(this.blendMode);
@@ -516,7 +547,7 @@ export class Graphics extends DisplayObject {
    * Renders the graphics object using Canvas.
    * @param {object} renderSession - The render session to use.
    */
-  renderCanvas(renderSession) {
+  renderCanvas(renderSession: any) {
     // if the sprite is not visible or the alpha is 0 then no need to render this element
     if (this.visible === false || this.alpha === 0 || this.isMask === true) {
       return;
@@ -573,7 +604,7 @@ export class Graphics extends DisplayObject {
    * @param {import('../geom/matrix.js').Matrix} matrix - The transformation matrix to use.
    * @returns {Rectangle} The bounds rectangle of the graphics object.
    */
-  getBounds(matrix = null) {
+  getBounds(matrix: import('../geom/matrix.js').Matrix = null) {
     if (!this.renderable) {
       return getEmptyRectangle();
     }
@@ -653,7 +684,7 @@ export class Graphics extends DisplayObject {
    * @param {Point} tempPoint - A temporary point object to use.
    * @returns {boolean} True if the graphics object contains the point, otherwise false.
    */
-  containsPoint(point, tempPoint) {
+  containsPoint(point: Point, tempPoint: Point) {
     this.worldTransform.applyInverse(point, tempPoint);
     const graphicsData = this.graphicsData;
     for (let i = 0; i < graphicsData.length; i += 0) {
@@ -809,7 +840,7 @@ export class Graphics extends DisplayObject {
    * @param {object} shape - The shape to draw.
    * @returns {GraphicsData} The graphics data for the drawn shape.
    */
-  drawShape(shape) {
+  drawShape(shape: any) {
     if (this.currentPath) {
       // check current path!
       if (this.currentPath.shape.points.length <= 2) {
@@ -859,14 +890,14 @@ export class Graphics extends DisplayObject {
    * @param {Point[]} points - The points of the triangle.
    * @param {boolean} cull - Whether to perform backface culling.
    */
-  drawTriangle(points, cull = false) {
+  drawTriangle(points: Point[], cull: boolean = false) {
     const triangle = new Polygon(points);
     if (cull) {
       const cameraToFace = new Point(0 - points[0].x, 0 - points[0].y);
       const ab = new Point(points[1].x - points[0].x, points[1].y - points[0].y);
       const cb = new Point(points[1].x - points[2].x, points[1].y - points[2].y);
       const faceNormal = cb.cross(ab);
-      if (cameraToFace.dot(faceNormal) > 0) {
+      if (cameraToFace.dot(faceNormal as any) > 0) {
         this.drawPolygon(triangle);
       }
     } else {
@@ -880,7 +911,7 @@ export class Graphics extends DisplayObject {
    * @param {number[]} indices - The indices of the vertices to use.
    * @param {boolean} cull - Whether to perform backface culling.
    */
-  drawTriangles(vertices, indices, cull = false) {
+  drawTriangles(vertices: any, indices: number[], cull: boolean = false) {
     const point1 = new Point();
     const point2 = new Point();
     const point3 = new Point();
@@ -916,7 +947,7 @@ export class Graphics extends DisplayObject {
       for (i = 0; i < indices.length; i += 1) {
         point1.x = vertices[indices[i] * 2];
         point1.y = vertices[indices[i] * 2 + 1];
-        points.push(point1.copyTo({}));
+        points.push(point1.copyTo({} as any));
         if (points.length === 3) {
           this.drawTriangle(points, cull);
           points = [];

package/src/phaser/display/graphics_data.ts

@@ -1,7 +1,16 @@
-// @ts-nocheck
 import { clone } from './graphics_data_util.js';
 
 export class GraphicsData {
+lineWidth!: any;
+lineColor!: any;
+lineAlpha!: any;
+_lineTint!: any;
+fillColor!: any;
+fillAlpha!: any;
+_fillTint!: any;
+fill!: any;
+shape!: any;
+type!: any;
   /**
    * Creates a new GraphicsData object.
    * @param {number} lineWidth - The line width.
@@ -12,7 +21,7 @@ export class GraphicsData {
    * @param {boolean} fill - Whether to fill the shape.
    * @param {object} shape - The shape to draw.
    */
-  constructor(lineWidth, lineColor, lineAlpha, fillColor, fillAlpha, fill, shape) {
+  constructor(lineWidth: number, lineColor: number, lineAlpha: number, fillColor: number, fillAlpha: number, fill: boolean, shape: any) {
     this.lineWidth = lineWidth;
     this.lineColor = lineColor;
     this.lineAlpha = lineAlpha;

package/src/phaser/display/graphics_data_util.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { GraphicsData } from './graphics_data.js';
 
 /**
@@ -6,7 +5,7 @@ import { GraphicsData } from './graphics_data.js';
  * @param {GraphicsData} source - The source GraphicsData to clone.
  * @returns {GraphicsData} A new cloned GraphicsData object.
  */
-export const clone = (source) => {
+export const clone = (source: GraphicsData) => {
   return new GraphicsData(
     source.lineWidth,
     source.lineColor,

package/src/phaser/display/group.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { GROUP } from '../core/const.js';
 import { Signal } from '../core/signal.js';
 import { DisplayObject } from './display_object.js';
@@ -8,6 +7,20 @@ export const SORT_ASCENDING = -1;
 export const SORT_DESCENDING = 1;
 
 export class Group extends DisplayObject {
+  declare z: number;
+  ignoreDestroy!: boolean;
+  pendingDestroy!: boolean;
+  classType!: Function;
+  cursor!: DisplayObject | null;
+  inputEnableChildren!: boolean;
+  onChildInputDown!: Signal;
+  onChildInputUp!: Signal;
+  onChildInputOver!: Signal;
+  onChildInputOut!: Signal;
+  onDestroy!: Signal;
+  cursorIndex!: number;
+  _sortProperty!: string;
+  filters!: object[] | null;
   /**
    * Creates a new Group object.
    * @param {import('../core/game.js').Game} game - The game instance this group belongs to.
@@ -15,7 +28,12 @@ export class Group extends DisplayObject {
    * @param {string} name - The name of this group.
    * @param {boolean} addToStage - Whether to add this group to the stage.
    */
-  constructor(game, parent = null, name = null, addToStage = false) {
+  constructor(
+    game: import('../core/game.js').Game,
+    parent: DisplayObject = null,
+    name: string = null,
+    addToStage: boolean = false
+  ) {
     super(game);
     /** @type {number} */
     this.type = GROUP;
@@ -62,7 +80,7 @@ export class Group extends DisplayObject {
    * @param {boolean} destroyChildren - Whether to destroy children as well.
    * @param {boolean} soft - Whether to perform a soft destroy (leaving the group in the parent's children list).
    */
-  destroy(destroyChildren = true, soft = false) {
+  destroy(destroyChildren: boolean = true, soft: boolean = false) {
     if (this.game === null || this.ignoreDestroy) {
       return;
     }
@@ -87,7 +105,7 @@ export class Group extends DisplayObject {
    * @param {number} index - The index to add the child at.
    * @returns {DisplayObject} The added child.
    */
-  add(child, silent = false, index = -1) {
+  add(child: any, silent: boolean = false, index: number = -1) {
     if (child.parent === this) {
       return child;
     }
@@ -116,7 +134,7 @@ export class Group extends DisplayObject {
    * @param {number} index - The index to add the child at.
    * @param {boolean} silent - Whether to dispatch events.
    */
-  addAt(child, index, silent) {
+  addAt(child: DisplayObject, index: number, silent: boolean) {
     this.add(child, silent, index);
   }
 
@@ -125,7 +143,7 @@ export class Group extends DisplayObject {
    * @param {number} index - The index of the child to get.
    * @returns {DisplayObject} The child at the specified index, or -1 if not found.
    */
-  getAt(index) {
+  getAt(index: number) {
     if (index < 0 || index >= this.children.length) {
       return -1;
     }
@@ -184,7 +202,7 @@ export class Group extends DisplayObject {
    * @param {DisplayObject} child1 - The first child to swap.
    * @param {DisplayObject} child2 - The second child to swap.
    */
-  swap(child1, child2) {
+  swap(child1: DisplayObject, child2: DisplayObject) {
     this.swapChildren(child1, child2);
     this.updateZ();
   }
@@ -194,7 +212,7 @@ export class Group extends DisplayObject {
    * @param {DisplayObject} child - The child to bring to the top.
    * @returns {DisplayObject} The child that was brought to the top.
    */
-  bringToTop(child) {
+  bringToTop(child: DisplayObject) {
     if (child.parent === this && this.getIndex(child) < this.children.length) {
       this.remove(child, false, true);
       this.add(child, true);
@@ -207,7 +225,7 @@ export class Group extends DisplayObject {
    * @param {DisplayObject} child - The child to send to the back.
    * @returns {DisplayObject} The child that was sent to the back.
    */
-  sendToBack(child) {
+  sendToBack(child: DisplayObject) {
     if (child.parent === this && this.getIndex(child) > 0) {
       this.remove(child, false, true);
       this.addAt(child, 0, true);
@@ -228,7 +246,7 @@ export class Group extends DisplayObject {
    * @param {DisplayObject} child - The child to get the index of.
    * @returns {number} The index of the child, or -1 if not found.
    */
-  getIndex(child) {
+  getIndex(child: DisplayObject) {
     return this.children.indexOf(child);
   }
 
@@ -276,7 +294,7 @@ export class Group extends DisplayObject {
    * @param {boolean} silent - Whether to dispatch events.
    * @returns {boolean} True if the child was removed, false otherwise.
    */
-  remove(child, destroy = true, silent = false) {
+  remove(child: any, destroy: boolean = true, silent: boolean = false) {
     if (this.children.length === 0 || this.children.indexOf(child) === -1) {
       return false;
     }
@@ -289,7 +307,7 @@ export class Group extends DisplayObject {
       this.next();
     }
     if (destroy && removed) {
-      removed.destroy(true);
+      (removed as any).destroy(true);
     }
     return true;
   }
@@ -300,7 +318,7 @@ export class Group extends DisplayObject {
    * @param {boolean} silent - Whether to dispatch events.
    * @param {boolean} destroyTexture - Whether to destroy textures as well.
    */
-  removeAll(destroy = true, silent = false, destroyTexture = false) {
+  removeAll(destroy: boolean = true, silent: boolean = false, destroyTexture: boolean = false) {
     if (this.children.length === 0) {
       return;
     }
@@ -310,7 +328,7 @@ export class Group extends DisplayObject {
       }
       const removed = this.removeChild(this.children[0]);
       if (destroy && removed) {
-        removed.destroy(true, destroyTexture);
+        (removed as any).destroy(true, destroyTexture);
       }
     } while (this.children.length > 0);
     this.cursor = null;

package/src/phaser/display/image.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { AnimationManager } from '../core/animation_manager.js';
 import { BLEND_NORMAL, IMAGE, PENDING_ATLAS, SCALE_NEAREST } from '../core/const.js';
 import { EventManager } from '../core/event_manager.js';
@@ -9,6 +8,25 @@ import { getBounds, getLocalBounds, renderCanvas, renderWebGL, setTexture } from
 import { Texture } from './webgl/texture.js';
 
 export class Image extends DisplayObject {
+  key!: any;
+  texture!: Texture;
+  declare _width: number;
+  declare _height: number;
+  tint!: number;
+  cachedTint!: number;
+  tilingTexture!: Texture | null;
+  tintedTexture!: Texture | null;
+  blendMode!: number;
+  shader!: object | null;
+  _frame!: any;
+  pendingDestroy!: boolean;
+  declare events: EventManager;
+  animations!: AnimationManager;
+  customRender!: boolean;
+  cropRect!: Rectangle | null;
+  _crop!: Rectangle | null;
+  refreshTexture!: boolean;
+  declare renderOrderID: number;
   /**
    * Creates a new Image instance.
    * @param {import('../core/game.js').Game} game - The game instance this image belongs to.
@@ -17,7 +35,7 @@ export class Image extends DisplayObject {
    * @param {string | number | Texture} key - The texture key or texture to use.
    * @param {string | number} frame - The frame identifier (name or index) to use.
    */
-  constructor(game, x, y, key, frame = 0) {
+  constructor(game: import('../core/game.js').Game, x: number, y: number, key: string | number | Texture, frame: string | number = 0) {
     super(game);
     /** @type {number} */
     this.type = IMAGE;
@@ -33,7 +51,7 @@ export class Image extends DisplayObject {
     /** @type {number} */
     this._height = 0;
     /** @type {number} */
-    this.tint = 0xffffff;
+    this.tint = 0xff_ff_ff;
     /** @type {number} */
     this.cachedTint = -1;
     /** @type {Texture | null} */
@@ -46,7 +64,7 @@ export class Image extends DisplayObject {
     this._frame = null;
     /** @type {boolean} */
     this.pendingDestroy = false;
-    /* if (this.texture.baseTexture.hasLoaded) {
+    /* If (this.texture.baseTexture.hasLoaded) {
       this.onTextureUpdate();
     } */
     this.position.setTo(x, y);
@@ -65,7 +83,7 @@ export class Image extends DisplayObject {
     this.key = null;
     this.data = null;
     this.texture = null;
-    this.tint = 0xffffff;
+    this.tint = 0xff_ff_ff;
     this.cachedTint = -1;
     this.tintedTexture = null;
     this.shader = null;
@@ -113,7 +131,7 @@ export class Image extends DisplayObject {
    * @param {string | number | null | undefined} frame - The frame identifier (name or index) to use.
    * @param {boolean} stopAnimation - Whether to stop the animation when changing textures.
    */
-  loadTexture(key, frame = 0, stopAnimation = true) {
+  loadTexture(key: string | number | Texture, frame: string | number | null = 0, stopAnimation: boolean = true) {
     if (key === PENDING_ATLAS) {
       key = frame;
       frame = 0;
@@ -125,7 +143,7 @@ export class Image extends DisplayObject {
     }
     this.key = key;
     this.customRender = false;
-    const cache = this.game.cache;
+    const { cache } = this.game;
     const smoothed = !this.texture.baseTexture.scaleMode;
     let setFrame = true;
     if (key instanceof Texture) {
@@ -155,7 +173,7 @@ export class Image extends DisplayObject {
    * Sets the current frame of this image.
    * @param {import('../core/frame.js').Frame} frame - The frame to set.
    */
-  setFrame(frame) {
+  setFrame(frame: import('../core/frame.js').Frame) {
     this._frame = frame;
     this.texture.frame.x = frame.x;
     this.texture.frame.y = frame.y;
@@ -202,7 +220,7 @@ export class Image extends DisplayObject {
    * @param {number} width - The new width of the frame.
    * @param {number} height - The new height of the frame.
    */
-  resizeFrame(parent, width, height) {
+  resizeFrame(parent: DisplayObject, width: number, height: number) {
     this.texture.frame.resize(width, height);
     this.texture.setFrame(this.texture.frame);
   }
@@ -228,7 +246,7 @@ export class Image extends DisplayObject {
    * Sets the current frame index of this image.
    * @param {number} value - The new frame index to set.
    */
-  set frame(value) {
+  set frame(value: number) {
     this.animations.frame = value;
   }
 
@@ -244,7 +262,7 @@ export class Image extends DisplayObject {
    * Sets the current frame name of this image.
    * @param {string} value - The new frame name to set.
    */
-  set frameName(value) {
+  set frameName(value: string) {
     this.animations.frameName = value;
   }
 
@@ -255,7 +273,7 @@ export class Image extends DisplayObject {
    * @param {Rectangle} rect - The rectangle to crop to.
    * @param {boolean} copy - Whether to copy the rect or use it directly.
    */
-  crop(rect, copy = false) {
+  crop(rect: Rectangle, copy: boolean = false) {
     if (rect) {
       if (copy && this.cropRect !== null) {
         this.cropRect.setTo(rect.x, rect.y, rect.width, rect.height);
@@ -316,7 +334,7 @@ export class Image extends DisplayObject {
    * Sets the width of this image.
    * @param {number} value - The new width in pixels.
    */
-  set width(value) {
+  set width(value: number) {
     this.scale.x = value / this.texture.frame.width;
     this._width = value;
   }
@@ -333,7 +351,7 @@ export class Image extends DisplayObject {
    * Sets the height of this image.
    * @param {number} value - The new height in pixels.
    */
-  set height(value) {
+  set height(value: number) {
     this.scale.y = value / this.texture.frame.height;
     this._height = value;
   }
@@ -342,7 +360,7 @@ export class Image extends DisplayObject {
    * Called when the texture of this image is updated.
    */
   onTextureUpdate() {
-    // so if _width is 0 then width was not set..
+    // So if _width is 0 then width was not set..
     if (this._width) {
       this.scale.x = this._width / this.texture.frame.width;
     }
@@ -356,7 +374,7 @@ export class Image extends DisplayObject {
    * @param {Texture} texture - The new texture to set.
    * @param {boolean} destroyBase - Whether to destroy the base texture.
    */
-  setTexture(texture, destroyBase = false) {
+  setTexture(texture: Texture, destroyBase: boolean = false) {
     setTexture(this, texture, destroyBase);
   }
 
@@ -365,7 +383,7 @@ export class Image extends DisplayObject {
    * @param {import('../geom/matrix.js').Matrix} matrix - The transformation matrix to use.
    * @returns {Rectangle} The bounds rectangle of this image.
    */
-  getBounds(matrix = null) {
+  getBounds(matrix: import('../geom/matrix.js').Matrix = null) {
     return getBounds(this, matrix);
   }
 
@@ -382,7 +400,7 @@ export class Image extends DisplayObject {
    * @param {object} renderSession - The WebGL rendering session.
    * @param {import('../geom/matrix.js').Matrix} matrix - The transformation matrix to use.
    */
-  renderWebGL(renderSession, matrix = null) {
+  renderWebGL(renderSession: any, matrix: import('../geom/matrix.js').Matrix = null) {
     renderWebGL(this, renderSession, matrix);
   }
 
@@ -391,7 +409,7 @@ export class Image extends DisplayObject {
    * @param {object} renderSession - The Canvas rendering session.
    * @param {import('../geom/matrix.js').Matrix} matrix - The transformation matrix to use.
    */
-  renderCanvas(renderSession, matrix = null) {
+  renderCanvas(renderSession: any, matrix: import('../geom/matrix.js').Matrix = null) {
     renderCanvas(this, renderSession, matrix);
   }
 }

package/src/phaser/display/sprite_batch.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { DisplayObject } from './display_object.js';
 
 export class SpriteBatch extends DisplayObject {
@@ -6,7 +5,7 @@ export class SpriteBatch extends DisplayObject {
    * Creates a new SpriteBatch object.
    * @param {import('../core/game.js').Game} game - The game instance.
    */
-  constructor(game) {
+  constructor(game: import('../core/game.js').Game) {
     super(game);
   }
 }

package/src/phaser/display/sprite_util.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { SCALE_LINEAR } from '../core/const.js';
 import { getIdentityMatrix } from '../geom/util/matrix.js';
 import { getTintedTexture } from './canvas/tinter.js';
@@ -9,7 +8,7 @@ import { getTintedTexture } from './canvas/tinter.js';
  * @param {import('./webgl/texture.js').Texture} texture - The new texture to set.
  * @param {boolean} destroyBase - Whether to destroy the base texture.
  */
-export const setTexture = (target, texture, destroyBase = false) => {
+export const setTexture = (target: import('./image.js').Image, texture: import('./webgl/texture.js').Texture, destroyBase: boolean = false) => {
   if (destroyBase) {
     target.texture.baseTexture.destroy();
   }
@@ -25,7 +24,7 @@ export const setTexture = (target, texture, destroyBase = false) => {
  * @param {object} matrix - The transformation matrix.
  * @returns {import('../geom/rectangle.js').Rectangle} The bounds rectangle.
  */
-export const getBounds = (target, matrix = null) => {
+export const getBounds = (target: import('./image.js').Image, matrix: any = null) => {
   // TODO verify
   if (target.currentBounds) {
     return target.currentBounds;
@@ -107,7 +106,7 @@ export const getBounds = (target, matrix = null) => {
  * @param {import('./image.js').Image} target - The target image to get local bounds for.
  * @returns {import('../geom/rectangle.js').Rectangle} The local bounds rectangle.
  */
-export const getLocalBounds = (target) => {
+export const getLocalBounds = (target: import('./image.js').Image) => {
   const matrixCache = target.worldTransform;
   target.worldTransform = getIdentityMatrix();
   let i;
@@ -128,7 +127,7 @@ export const getLocalBounds = (target) => {
  * @param {object} renderSession - The render session object.
  * @param {import('../geom/matrix.js').Matrix | null | undefined} matrix - The transformation matrix.
  */
-export const renderWebGL = (target, renderSession, matrix = null) => {
+export const renderWebGL = (target: import('./image.js').Image, renderSession: any, matrix: import('../geom/matrix.js').Matrix | null | undefined = null) => {
   // if the sprite is not visible or the alpha is 0 then no need to render this element
   if (!target.visible || target.alpha <= 0 || !target.renderable) {
     return;
@@ -177,7 +176,7 @@ export const renderWebGL = (target, renderSession, matrix = null) => {
  * @param {object} renderSession - The render session object.
  * @param {import('../geom/matrix.js').Matrix | null | undefined} matrix - The transformation matrix.
  */
-export const renderCanvas = (target, renderSession, matrix = null) => {
+export const renderCanvas = (target: import('./image.js').Image, renderSession: any, matrix: import('../geom/matrix.js').Matrix | null | undefined = null) => {
   // If the sprite is not visible or the alpha is 0 then no need to render this element
   if (
     !target.visible ||