@vpmedia/phaser 1.104.0 → 1.105.0

package/src/phaser/display/display_object.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { Matrix } from '../geom/matrix.js';
 import { Point } from '../geom/point.js';
 import { Rectangle } from '../geom/rectangle.js';
@@ -13,14 +12,10 @@ export class DisplayObject {
   renderable = false;
   /** @type {boolean} */
   visible = true;
-  /** @type {Point} */
-  position;
-  /** @type {Point} */
-  scale;
-  /** @type {Point} */
-  pivot;
-  /** @type {Point} */
-  anchor;
+  position!: Point;
+  scale!: Point;
+  pivot!: Point;
+  anchor!: Point;
   /** @type {number} */
   rotation = 0;
   /** @type {number} */
@@ -31,18 +26,15 @@ export class DisplayObject {
   parent = null;
   /** @type {number} */
   worldAlpha = 1;
-  /** @type {Matrix} */
-  worldTransform;
-  /** @type {Point} */
-  worldScale;
+  worldTransform!: Matrix;
+  worldScale!: Point;
   /** @type {Rectangle} */
   filterArea = null;
   /** @type {number} */
   _sr = 0;
   /** @type {number} */
   _cr = 1;
-  /** @type {Rectangle} */
-  cachedBounds;
+  cachedBounds!: Rectangle;
   /** @type {Rectangle} */
   currentBounds = null;
   /** @type {import('./graphics.js').Graphics} */
@@ -51,23 +43,30 @@ export class DisplayObject {
   _filters = null;
   /** @type {object} */
   _filterBlock = null;
-  /** @type {DisplayObject[]} */
-  children;
+  children!: any[];
   /** @type {boolean} */
   ignoreChildInput = false;
   /** @type {string | null} */
   name = null;
   /** @type {object | null} */
   data = null;
-  /** @type {import('../core/game.js').Game} */
-  game;
-  /** @type {number} */
-  type;
+  game!: import('../core/game.js').Game;
+  type!: number;
+  _cachedSprite!: any;
+  rotationCache!: any;
+  worldRotation!: any;
+  transformCallback!: any;
+  transformCallbackContext!: any;
+  _width!: any;
+  _height!: any;
+  z!: any;
+  events!: any;
+  renderOrderID!: any;
   /**
    * Creates a new DisplayObject instance.
    * @param {import('../core/game.js').Game} game - The game instance this display object belongs to.
    */
-  constructor(game) {
+  constructor(game: import('../core/game.js').Game) {
     /** @type {boolean} */
     this.exists = true;
     /** @type {boolean} */
@@ -164,7 +163,7 @@ export class DisplayObject {
    * @param {DisplayObject} child - The child display object to add.
    * @returns {DisplayObject} The added child display object.
    */
-  addChild(child) {
+  addChild(child: DisplayObject) {
     return this.addChildAt(child, this.children.length);
   }
 
@@ -175,7 +174,7 @@ export class DisplayObject {
    * @returns {DisplayObject} The added child display object.
    * @throws {Error} If the index is out of bounds.
    */
-  addChildAt(child, index) {
+  addChildAt(child: DisplayObject, index: number) {
     if (index >= 0 && index <= this.children.length) {
       if (child.parent) {
         child.parent.removeChild(child);
@@ -193,7 +192,7 @@ export class DisplayObject {
    * @param {DisplayObject} child2 - The second child display object.
    * @throws {Error} If either child is not a child of this container.
    */
-  swapChildren(child, child2) {
+  swapChildren(child: DisplayObject, child2: DisplayObject) {
     if (child === child2) {
       return;
     }
@@ -212,7 +211,7 @@ export class DisplayObject {
    * @returns {number} The index of the child in the children list.
    * @throws {Error} If the child is not a child of this container.
    */
-  getChildIndex(child) {
+  getChildIndex(child: DisplayObject) {
     const index = this.children.indexOf(child);
     if (index === -1) {
       throw new Error('The supplied DisplayObject must be a child of the caller');
@@ -226,7 +225,7 @@ export class DisplayObject {
    * @param {number} index - The new index for the child.
    * @throws {Error} If the index is out of bounds.
    */
-  setChildIndex(child, index) {
+  setChildIndex(child: DisplayObject, index: number) {
     if (index < 0 || index >= this.children.length) {
       throw new Error('The supplied index is out of bounds');
     }
@@ -241,7 +240,7 @@ export class DisplayObject {
    * @returns {DisplayObject} The child display object at the specified index.
    * @throws {Error} If the index is out of bounds.
    */
-  getChildAt(index) {
+  getChildAt(index: number) {
     if (index < 0 || index >= this.children.length) {
       throw new Error(
         `getChildAt: Supplied index ${
@@ -257,7 +256,7 @@ export class DisplayObject {
    * @param {DisplayObject} child - The child display object to remove.
    * @returns {DisplayObject} The removed child display object.
    */
-  removeChild(child) {
+  removeChild(child: DisplayObject) {
     const index = this.children.indexOf(child);
     if (index === -1) {
       return null;
@@ -270,7 +269,7 @@ export class DisplayObject {
    * @param {number} index - The index of the child to remove.
    * @returns {DisplayObject} The removed child display object.
    */
-  removeChildAt(index) {
+  removeChildAt(index: number) {
     const child = this.getChildAt(index);
     if (child) {
       child.parent = undefined;
@@ -286,7 +285,7 @@ export class DisplayObject {
    * @returns {DisplayObject[]} The array of removed child display objects.
    * @throws {Error} If the range is invalid.
    */
-  removeChildren(beginIndex, endIndex) {
+  removeChildren(beginIndex: number, endIndex: number) {
     if (beginIndex === undefined) {
       beginIndex = 0;
     }
@@ -313,7 +312,7 @@ export class DisplayObject {
    * @param {DisplayObject | null | undefined} parent - The parent display object to use for the world transform calculation.
    * @returns {DisplayObject} This DisplayObject instance for chaining.
    */
-  updateTransform(parent = null) {
+  updateTransform(parent: DisplayObject | null | undefined = null) {
     if (!parent && !this.parent) {
       return this;
     }
@@ -401,7 +400,7 @@ export class DisplayObject {
    * @param {DisplayObject} targetCoordinateSpace - The coordinate space to calculate bounds in.
    * @returns {Rectangle} The bounds rectangle of this display object.
    */
-  getBounds(targetCoordinateSpace) {
+  getBounds(targetCoordinateSpace?: any) {
     const isTargetCoordinateSpaceDisplayObject = targetCoordinateSpace && targetCoordinateSpace.contains !== undefined;
     let isTargetCoordinateSpaceThisOrParent = true;
     if (!isTargetCoordinateSpaceDisplayObject) {
@@ -511,7 +510,7 @@ export class DisplayObject {
    * @param {DisplayObject} child - The child display object to check.
    * @returns {boolean} True if the child is contained within this container, false otherwise.
    */
-  contains(child) {
+  contains(child: DisplayObject) {
     if (!child) {
       return false;
     }
@@ -525,7 +524,7 @@ export class DisplayObject {
    * Renders this display object using WebGL.
    * @param {object} renderSession - The WebGL rendering session.
    */
-  renderWebGL(renderSession) {
+  renderWebGL(renderSession: any) {
     if (!this.visible || this.alpha <= 0) {
       return;
     }
@@ -563,7 +562,7 @@ export class DisplayObject {
    * Renders this display object using Canvas.
    * @param {object} renderSession - The Canvas rendering session.
    */
-  renderCanvas(renderSession) {
+  renderCanvas(renderSession: any) {
     if (!this.visible || this.alpha <= 0) {
       return;
     }
@@ -613,7 +612,7 @@ export class DisplayObject {
    * @param {Point} position - The local position to convert.
    * @returns {Point} The converted global position.
    */
-  toGlobal(position) {
+  toGlobal(position: Point) {
     this.updateTransform();
     return this.worldTransform.apply(position);
   }
@@ -624,7 +623,7 @@ export class DisplayObject {
    * @param {DisplayObject} from - The display object to convert from (defaults to this).
    * @returns {Point} The converted local position.
    */
-  toLocal(position, from) {
+  toLocal(position: Point, from: DisplayObject) {
     if (from) {
       position = from.toGlobal(position);
     }
@@ -636,7 +635,7 @@ export class DisplayObject {
    * Renders a cached sprite for this display object.
    * @param {object} renderSession - The rendering session.
    */
-  renderCachedSprite(renderSession) {
+  renderCachedSprite(renderSession: any) {
     if (!this._cachedSprite) {
       return;
     }
@@ -680,7 +679,7 @@ export class DisplayObject {
    * Sets the width of this display object.
    * @param {number} value - The new width in pixels.
    */
-  set width(value) {
+  set width(value: number) {
     const { width } = this.getLocalBounds();
     if (width !== 0) {
       this.scale.x = value / width;
@@ -702,7 +701,7 @@ export class DisplayObject {
    * Sets the height of this display object.
    * @param {number} value - The new height in pixels.
    */
-  set height(value) {
+  set height(value: number) {
     const { height } = this.getLocalBounds();
     if (height !== 0) {
       this.scale.y = value / height;
@@ -724,7 +723,7 @@ export class DisplayObject {
    * Sets the x position of this display object.
    * @param {number} value - The new x position in pixels.
    */
-  set x(value) {
+  set x(value: number) {
     this.position.x = value;
   }
 
@@ -740,7 +739,7 @@ export class DisplayObject {
    * Sets the y position of this display object.
    * @param {number} value - The new y position in pixels.
    */
-  set y(value) {
+  set y(value: number) {
     this.position.y = value;
   }
 
@@ -779,7 +778,7 @@ export class DisplayObject {
    * Sets the mask for this display object.
    * @param {import('./graphics.js').Graphics} value - The mask object to set, or null to remove the mask.
    */
-  set mask(value) {
+  set mask(value: import('./graphics.js').Graphics) {
     if (this._mask) {
       this._mask.isMask = false;
     }
@@ -819,7 +818,7 @@ export class DisplayObject {
    * Sets the center x position of this display object.
    * @param {number} value - The new center x position in pixels.
    */
-  set centerX(value) {
+  set centerX(value: number) {
     this.x = value + this.offsetX - this.width * 0.5;
   }
 
@@ -835,7 +834,7 @@ export class DisplayObject {
    * Sets the center y position of this display object.
    * @param {number} value - The new center y position in pixels.
    */
-  set centerY(value) {
+  set centerY(value: number) {
     this.y = value + this.offsetY - this.height * 0.5;
   }
 
@@ -851,7 +850,7 @@ export class DisplayObject {
    * Sets the left x position of this display object.
    * @param {number} value - The new left x position in pixels.
    */
-  set left(value) {
+  set left(value: number) {
     this.x = value + this.offsetX;
   }
 
@@ -867,7 +866,7 @@ export class DisplayObject {
    * Sets the right x position of this display object.
    * @param {number} value - The new right x position in pixels.
    */
-  set right(value) {
+  set right(value: number) {
     this.x = value - this.width + this.offsetX;
   }
 
@@ -883,7 +882,7 @@ export class DisplayObject {
    * Sets the top y position of this display object.
    * @param {number} value - The new top y position in pixels.
    */
-  set top(value) {
+  set top(value: number) {
     this.y = value + this.offsetY;
   }
 
@@ -899,7 +898,7 @@ export class DisplayObject {
    * Sets the bottom y position of this display object.
    * @param {number} value - The new bottom y position in pixels.
    */
-  set bottom(value) {
+  set bottom(value: number) {
     this.y = value - this.height + this.offsetY;
   }
 }

package/src/phaser/display/graphics.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import {
   BLEND_NORMAL,
   GEOM_CIRCLE,
@@ -26,31 +25,37 @@ import { renderGraphics as renderWebGLGraphics } from './webgl/graphics.js';
 import { textureFromCanvas } from './webgl/texture_util.js';
 
 export class Graphics extends DisplayObject {
-type;
-renderable;
-fillAlpha;
-lineWidth;
-lineColor;
-graphicsData;
-tint;
-blendMode;
-currentPath;
-_webGL;
-isMask;
-boundsPadding;
-_localBounds;
-dirty;
-_boundsDirty;
-_cacheAsBitmap;
-webGLDirty;
-cachedSpriteDirty;
+  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;
@@ -106,7 +111,7 @@ cachedSpriteDirty;
    * @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;
@@ -130,7 +135,7 @@ cachedSpriteDirty;
    * @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;
   }
@@ -141,7 +146,7 @@ cachedSpriteDirty;
    * @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);
     }
@@ -159,7 +164,7 @@ cachedSpriteDirty;
    * @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];
@@ -198,7 +203,7 @@ cachedSpriteDirty;
    * @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];
@@ -242,7 +247,7 @@ cachedSpriteDirty;
    * @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);
@@ -296,7 +301,15 @@ cachedSpriteDirty;
    * @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;
@@ -345,7 +358,7 @@ cachedSpriteDirty;
    * @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;
@@ -378,7 +391,7 @@ cachedSpriteDirty;
    * @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;
   }
@@ -392,7 +405,7 @@ cachedSpriteDirty;
    * @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;
   }
@@ -404,7 +417,7 @@ cachedSpriteDirty;
    * @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;
   }
@@ -417,7 +430,7 @@ cachedSpriteDirty;
    * @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;
   }
@@ -427,7 +440,7 @@ cachedSpriteDirty;
    * @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;
@@ -474,7 +487,7 @@ cachedSpriteDirty;
    * 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;
@@ -488,7 +501,7 @@ cachedSpriteDirty;
         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);
@@ -534,7 +547,7 @@ cachedSpriteDirty;
    * 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;
@@ -591,7 +604,7 @@ cachedSpriteDirty;
    * @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();
     }
@@ -671,7 +684,7 @@ cachedSpriteDirty;
    * @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) {
@@ -827,7 +840,7 @@ cachedSpriteDirty;
    * @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) {
@@ -877,14 +890,14 @@ cachedSpriteDirty;
    * @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 {
@@ -898,7 +911,7 @@ cachedSpriteDirty;
    * @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();
@@ -934,7 +947,7 @@ cachedSpriteDirty;
       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,17 +1,16 @@
-// @ts-nocheck
 import { clone } from './graphics_data_util.js';
 
 export class GraphicsData {
-lineWidth;
-lineColor;
-lineAlpha;
-_lineTint;
-fillColor;
-fillAlpha;
-_fillTint;
-fill;
-shape;
-type;
+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.
@@ -22,7 +21,7 @@ type;
    * @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,