@vpmedia/phaser 1.29.0 → 1.40.0

package/src/phaser/core/input_handler.js

@@ -1,11 +1,11 @@
-import { Point } from '../geom/point';
-import { GROUP } from './const';
-import { distance } from '../util/math';
+import { Point } from '../geom/point.js';
+import { distance } from '../util/math.js';
+import { GROUP } from './const.js';
 
 export class InputHandler {
   /**
    * TBD.
-   * @param {import('../display/image').Image} sprite - TBD.
+   * @param {import('../display/image.js').Image} sprite - TBD.
    */
   constructor(sprite) {
     this.sprite = sprite;
@@ -72,7 +72,7 @@ export class InputHandler {
    * TBD.
    * @param {number} priority - TBD.
    * @param {boolean} useHandCursor - TBD.
-   * @returns {import('../display/display_object').DisplayObject} TBD.
+   * @returns {import('../display/display_object.js').DisplayObject} TBD.
    */
   start(priority = 0, useHandCursor = false) {
     //  Turning on
@@ -343,7 +343,7 @@ export class InputHandler {
 
   /**
    * TBD.
-   * @param {import('./input_pointer').Pointer} pointer - TBD.
+   * @param {import('./input_pointer.js').Pointer} pointer - TBD.
    * @param {boolean} fastTest - TBD.
    * @returns {boolean} TBD.
    */
@@ -372,7 +372,7 @@ export class InputHandler {
 
   /**
    * TBD.
-   * @param {import('./input_pointer').Pointer} pointer - TBD.
+   * @param {import('./input_pointer.js').Pointer} pointer - TBD.
    * @param {boolean} fastTest - TBD.
    * @returns {boolean} TBD.
    */
@@ -402,7 +402,7 @@ export class InputHandler {
    * TBD.
    * @param {number} x - TBD.
    * @param {number} y - TBD.
-   * @param {import('./input_pointer').Pointer} pointer - TBD.
+   * @param {import('./input_pointer.js').Pointer} pointer - TBD.
    * @returns {boolean} TBD.
    */
   checkPixel(x, y, pointer) {
@@ -451,7 +451,7 @@ export class InputHandler {
 
   /**
    * TBD.
-   * @param {import('./input_pointer').Pointer} pointer - TBD.
+   * @param {import('./input_pointer.js').Pointer} pointer - TBD.
    * @returns {boolean} TBD.
    */
   update(pointer) {
@@ -488,7 +488,7 @@ export class InputHandler {
 
   /**
    * TBD.
-   * @param {import('./input_pointer').Pointer} pointer - TBD.
+   * @param {import('./input_pointer.js').Pointer} pointer - TBD.
    * @param {boolean} silent - TBD.
    */
   _pointerOverHandler(pointer, silent) {
@@ -519,7 +519,7 @@ export class InputHandler {
 
   /**
    * TBD.
-   * @param {import('./input_pointer').Pointer} pointer - TBD.
+   * @param {import('./input_pointer.js').Pointer} pointer - TBD.
    * @param {boolean} silent - TBD.
    */
   _pointerOutHandler(pointer, silent = false) {
@@ -545,7 +545,7 @@ export class InputHandler {
 
   /**
    * TBD.
-   * @param {import('./input_pointer').Pointer} pointer - TBD.
+   * @param {import('./input_pointer.js').Pointer} pointer - TBD.
    */
   _touchedHandler(pointer) {
     if (this.sprite === null) {
@@ -597,7 +597,7 @@ export class InputHandler {
 
   /**
    * TBD.
-   * @param {import('./input_pointer').Pointer} pointer - TBD.
+   * @param {import('./input_pointer.js').Pointer} pointer - TBD.
    */
   dragTimeElapsed(pointer) {
     this._dragTimePass = true;
@@ -610,7 +610,7 @@ export class InputHandler {
 
   /**
    * TBD.
-   * @param {import('./input_pointer').Pointer} pointer - TBD.
+   * @param {import('./input_pointer.js').Pointer} pointer - TBD.
    */
   _releasedHandler(pointer) {
     if (this.sprite === null) {
@@ -658,7 +658,7 @@ export class InputHandler {
 
   /**
    * TBD.
-   * @param {import('./input_pointer').Pointer} pointer - TBD.
+   * @param {import('./input_pointer.js').Pointer} pointer - TBD.
    * @param {boolean} fromStart - TBD.
    * @returns {boolean} TBD.
    */
@@ -766,8 +766,8 @@ export class InputHandler {
    * @param {boolean} bringToTop - TBD.
    * @param {boolean} pixelPerfect - TBD.
    * @param {number} alphaThreshold - TBD.
-   * @param {import('../geom/rectangle').Rectangle} boundsRect - TBD.
-   * @param {import('../display/display_object').DisplayObject} boundsSprite - TBD.
+   * @param {import('../geom/rectangle.js').Rectangle} boundsRect - TBD.
+   * @param {import('../display/display_object.js').DisplayObject} boundsSprite - TBD.
    */
   enableDrag(
     lockCenter = false,
@@ -775,7 +775,7 @@ export class InputHandler {
     pixelPerfect = false,
     alphaThreshold = 255,
     boundsRect = null,
-    boundsSprite = null
+    boundsSprite = null,
   ) {
     this._dragPoint = new Point();
     this.draggable = true;
@@ -809,7 +809,7 @@ export class InputHandler {
 
   /**
    * TBD.
-   * @param {import('./input_pointer').Pointer} pointer - TBD.
+   * @param {import('./input_pointer.js').Pointer} pointer - TBD.
    */
   startDrag(pointer) {
     const x = this.sprite.x;
@@ -826,7 +826,7 @@ export class InputHandler {
     }
     this._dragPoint.setTo(
       this.sprite.x - this.globalToLocalX(pointer.x),
-      this.sprite.y - this.globalToLocalY(pointer.y)
+      this.sprite.y - this.globalToLocalY(pointer.y),
     );
     this.updateDrag(pointer, true);
     if (this.bringToTop) {
@@ -866,7 +866,7 @@ export class InputHandler {
 
   /**
    * TBD.
-   * @param {import('./input_pointer').Pointer} pointer - TBD.
+   * @param {import('./input_pointer.js').Pointer} pointer - TBD.
    */
   stopDrag(pointer) {
     this.isDragged = false;

package/src/phaser/core/input_mouse.js

@@ -72,7 +72,7 @@ class WheelEventProxy {
 export class Mouse {
   /**
    * TBD.
-   * @param {import('./game').Game} game - TBD.
+   * @param {import('./game.js').Game} game - TBD.
    */
   constructor(game) {
     this.game = game;

package/src/phaser/core/input_mspointer.js

@@ -1,7 +1,7 @@
 export class MSPointer {
   /**
    * TBD.
-   * @param {import('./game').Game} game - TBD.
+   * @param {import('./game.js').Game} game - TBD.
    */
   constructor(game) {
     this.game = game;

package/src/phaser/core/input_pointer.js

@@ -1,18 +1,18 @@
-import { Point } from '../geom/point';
-import { Circle } from '../geom/circle';
+import { Circle } from '../geom/circle.js';
+import { Point } from '../geom/point.js';
 import {
+  MOUSE_OVERRIDES_TOUCH,
+  MOUSE_TOUCH_COMBINE,
   POINTER,
-  POINTER_CURSOR,
   POINTER_CONTACT,
-  MOUSE_OVERRIDES_TOUCH,
+  POINTER_CURSOR,
   TOUCH_OVERRIDES_MOUSE,
-  MOUSE_TOUCH_COMBINE,
-} from './const';
+} from './const.js';
 
 export class Pointer {
   /**
    * TBD.
-   * @param {import('./game').Game} game - TBD.
+   * @param {import('./game.js').Game} game - TBD.
    * @param {number} id - TBD.
    * @param {number} pointerMode - TBD.
    */
@@ -292,7 +292,7 @@ export class Pointer {
         this.game.input.customCandidateHandlerContext,
         this,
         this.interactiveCandidates,
-        candidateTarget
+        candidateTarget,
       );
     }
     this.swapTarget(candidateTarget, false);
@@ -301,7 +301,7 @@ export class Pointer {
 
   /**
    * TBD.
-   * @param {import('./input_handler').InputHandler} newTarget - TBD.
+   * @param {import('./input_handler.js').InputHandler} newTarget - TBD.
    * @param {boolean} silent - TBD.
    */
   swapTarget(newTarget, silent = false) {

package/src/phaser/core/input_touch.js

@@ -1,7 +1,7 @@
 export class Touch {
   /**
    * TBD.
-   * @param {import('./game').Game} game - TBD.
+   * @param {import('./game.js').Game} game - TBD.
    */
   constructor(game) {
     this.game = game;

package/src/phaser/core/loader.js

@@ -1,13 +1,13 @@
-import { Signal } from './signal';
-import { Rectangle } from '../geom/rectangle';
-import { canPlayAudio } from './device_util';
+import { Rectangle } from '../geom/rectangle.js';
+import { canPlayAudio } from './device_util.js';
+import { Signal } from './signal.js';
 
 const TEXTURE_ATLAS_JSON_HASH = 1;
 
 export class Loader {
   /**
    * TBD.
-   * @param {import('./game').Game} game - TBD.
+   * @param {import('./game.js').Game} game - TBD.
    */
   constructor(game) {
     this.game = game;
@@ -15,7 +15,7 @@ export class Loader {
     this.isLoading = false;
     this.isUseLog = false;
     this.isUseRetry = true;
-    this.maxRetry = 1;
+    this.maxRetry = 3;
     this.hasLoaded = false;
     this.preloadSprite = null;
     this.crossOrigin = false;
@@ -46,7 +46,7 @@ export class Loader {
 
   /**
    * TBD.
-   * @param {import('../display/image').Image} sprite - TBD.
+   * @param {import('../display/image.js').Image} sprite - TBD.
    * @param {number} direction - TBD.
    */
   setPreloadSprite(sprite, direction = 0) {
@@ -340,7 +340,7 @@ export class Loader {
       url,
       { frameWidth, frameHeight, frameMax, margin, spacing },
       false,
-      '.png'
+      '.png',
     );
   }
 
@@ -548,7 +548,7 @@ export class Loader {
             file.key,
             !file.error,
             this._loadedFileCount,
-            this._totalFileCount
+            this._totalFileCount,
           );
         } else if (file.type === 'packfile' && file.error) {
           // Non-error pack files are handled when processing the file queue
@@ -691,7 +691,7 @@ export class Loader {
             file.frameHeight,
             file.frameMax,
             file.margin,
-            file.spacing
+            file.spacing,
           );
           break;
         case 'audio':
@@ -710,7 +710,7 @@ export class Loader {
             file.fontDataURL ? file.fontDataURL : file.atlasURL,
             file.atlasData,
             file.xSpacing,
-            file.ySpacing
+            file.ySpacing,
           );
           break;
         case 'atlas':
@@ -795,8 +795,10 @@ export class Loader {
     };
     file.data.onerror = () => {
       if (scope.isUseRetry && (!file.numRetry || file.numRetry < scope.maxRetry)) {
-        file.numRetry = !file.numRetry ? 1 : (file.numRetry += 1);
-        scope.loadImageTag(file);
+        setTimeout(() => {
+          file.numRetry = !file.numRetry ? 1 : (file.numRetry += 1);
+          scope.loadImageTag(file);
+        }, 1000);
       } else if (file.data.onload) {
         file.data.onload = null;
         file.data.onerror = null;
@@ -832,8 +834,10 @@ export class Loader {
         if (xhr.readyState === 4 && xhr.status >= 400 && xhr.status <= 599) {
           // Handle HTTP status codes of 4xx and 5xx as errors, even if xhr.onerror was not called.
           if (scope.isUseRetry && (!file.numRetry || file.numRetry < scope.maxRetry)) {
-            file.numRetry = !file.numRetry ? 1 : (file.numRetry += 1);
-            scope.xhrLoad(file, url, type, onload, onerror);
+            setTimeout(() => {
+              file.numRetry = !file.numRetry ? 1 : (file.numRetry += 1);
+              scope.xhrLoad(file, url, type, onload, onerror);
+            }, 1000);
             return null;
           } else {
             return onerror.call(scope, file, xhr);
@@ -853,8 +857,10 @@ export class Loader {
     };
     xhr.onerror = () => {
       if (scope.isUseRetry && (!file.numRetry || file.numRetry < scope.maxRetry)) {
-        file.numRetry = !file.numRetry ? 1 : (file.numRetry += 1);
-        scope.xhrLoad(file, url, type, onload, onerror);
+        setTimeout(() => {
+          file.numRetry = !file.numRetry ? 1 : (file.numRetry += 1);
+          scope.xhrLoad(file, url, type, onload, onerror);
+        }, 1000);
       } else {
         try {
           return onerror.call(scope, file, xhr);
@@ -925,15 +931,12 @@ export class Loader {
    * @param {XMLHttpRequest} xhr - TBD.
    * @param {number} reason - TBD.
    */
-  fileError(file, xhr, reason) {
+  fileError(file, xhr = null, reason = 0) {
     // const url = file.requestUrl || this.transformUrl(file.url, file);
-    let message = 'Error loading asset';
     if (!reason && xhr) {
       reason = xhr.status;
     }
-    if (reason || reason === 0) {
-      message = message + ' (' + reason + ')';
-    }
+    const message = 'Error loading asset (' + reason + ')';
     this.asyncComplete(file, message);
   }
 
@@ -962,7 +965,7 @@ export class Loader {
           file.frameHeight,
           file.frameMax,
           file.margin,
-          file.spacing
+          file.spacing,
         );
         break;
       case 'textureatlas':
@@ -986,7 +989,7 @@ export class Loader {
             file.atlasData,
             file.atlasType,
             file.xSpacing,
-            file.ySpacing
+            file.ySpacing,
           );
         } else {
           //  Load the XML before carrying on with the next file

package/src/phaser/core/loader_parser.js

@@ -1,9 +1,9 @@
-import { Texture } from '../display/webgl/texture';
-import { Rectangle } from '../geom/rectangle';
+import { Texture } from '../display/webgl/texture.js';
+import { Rectangle } from '../geom/rectangle.js';
 
 /**
  * TBD.
- * @param {import('../display/webgl/base_texture').BaseTexture} baseTexture - TBD.
+ * @param {import('../display/webgl/base_texture.js').BaseTexture} baseTexture - TBD.
  * @param {object} bitmapFontData - TBD.
  * @returns {object} TBD.
  */
@@ -18,7 +18,7 @@ export function finalizeBitmapFont(baseTexture, bitmapFontData) {
 /**
  * TBD.
  * @param {object} xml - TBD.
- * @param {import('../display/webgl/base_texture').BaseTexture} baseTexture - TBD.
+ * @param {import('../display/webgl/base_texture.js').BaseTexture} baseTexture - TBD.
  * @param {number} xSpacing - TBD.
  * @param {number} ySpacing - TBD.
  * @returns {object} TBD.
@@ -58,7 +58,7 @@ export function xmlBitmapFont(xml, baseTexture, xSpacing, ySpacing) {
 /**
  * TBD.
  * @param {object} xml - TBD.
- * @param {import('../display/webgl/base_texture').BaseTexture} baseTexture - TBD.
+ * @param {import('../display/webgl/base_texture.js').BaseTexture} baseTexture - TBD.
  * @param {number} xSpacing - TBD.
  * @param {number} ySpacing - TBD.
  * @returns {object} TBD.
@@ -70,7 +70,7 @@ export function bitmapFont(xml, baseTexture, xSpacing, ySpacing) {
 /**
  * TBD.
  * @param {object} json - TBD.
- * @param {import('../display/webgl/base_texture').BaseTexture} baseTexture - TBD.
+ * @param {import('../display/webgl/base_texture.js').BaseTexture} baseTexture - TBD.
  * @param {number} xSpacing - TBD.
  * @param {number} ySpacing - TBD.
  * @returns {object} TBD.

package/src/phaser/core/raf.js

@@ -1,7 +1,7 @@
 export class RequestAnimationFrame {
   /**
    * TBD.
-   * @param {import('./game').Game} game - TBD.
+   * @param {import('./game.js').Game} game - TBD.
    */
   constructor(game) {
     this.game = game;

package/src/phaser/core/scale_manager.js

@@ -1,13 +1,13 @@
-import { Signal } from './signal';
-import { DOM } from './dom';
-import { Point } from '../geom/point';
-import { Rectangle } from '../geom/rectangle';
-import { SCALE_OFF, SCALE_RESIZE, SCALE_EXACT_FIT, SCALE_USER, SCALE_SHOW_ALL, RENDER_CANVAS } from './const';
+import { Point } from '../geom/point.js';
+import { Rectangle } from '../geom/rectangle.js';
+import { RENDER_CANVAS, SCALE_EXACT_FIT, SCALE_OFF, SCALE_RESIZE, SCALE_SHOW_ALL, SCALE_USER } from './const.js';
+import { DOM } from './dom.js';
+import { Signal } from './signal.js';
 
 export class ScaleManager {
   /**
    * TBD.
-   * @param {import('./game').Game} game - TBD.
+   * @param {import('./game.js').Game} game - TBD.
    * @param {number} width - TBD.
    * @param {number} height - TBD.
    */
@@ -516,7 +516,7 @@ export class ScaleManager {
         clientRect.left - parentRect.left,
         clientRect.top - parentRect.top,
         clientRect.width,
-        clientRect.height
+        clientRect.height,
       );
       const wc = this.windowConstraints;
       if (wc.right) {

package/src/phaser/core/scene_manager.js

@@ -1,9 +1,9 @@
-import { Scene } from './scene';
+import { Scene } from './scene.js';
 
 export class SceneManager {
   /**
    * TBD.
-   * @param {import('./game').Game} game - TBD.
+   * @param {import('./game.js').Game} game - TBD.
    * @param {string} pendingState - TBD.
    */
   constructor(game, pendingState) {

package/src/phaser/core/signal.js

@@ -1,4 +1,4 @@
-import { SignalBinding } from './signal_binding';
+import { SignalBinding } from './signal_binding.js';
 
 export class Signal {
   /**
@@ -22,7 +22,7 @@ export class Signal {
   validateListener(listener, fnName) {
     if (typeof listener !== 'function') {
       throw new Error(
-        'Signal: listener is a required param of {fn}() and should be a Function.'.replace('{fn}', fnName)
+        'Signal: listener is a required param of {fn}() and should be a Function.'.replace('{fn}', fnName),
       );
     }
   }
@@ -48,7 +48,7 @@ export class Signal {
             (isOnce ? '' : 'Once') +
             '() then add' +
             (!isOnce ? '' : 'Once') +
-            '() the same listener without removing the relationship first.'
+            '() the same listener without removing the relationship first.',
         );
       }
     } else {

package/src/phaser/core/signal_binding.js

@@ -1,7 +1,7 @@
 export class SignalBinding {
   /**
    * TBD.
-   * @param {import('./signal').Signal} signal - TBD.
+   * @param {import('./signal.js').Signal} signal - TBD.
    * @param {Function} listener - TBD.
    * @param {boolean} isOnce - TBD.
    * @param {object} listenerContext - TBD.
@@ -76,7 +76,7 @@ export class SignalBinding {
 
   /**
    * TBD.
-   * @returns {import('./signal').Signal} TBD.
+   * @returns {import('./signal.js').Signal} TBD.
    */
   getSignal() {
     return this._signal;

package/src/phaser/core/sound.js

@@ -1,9 +1,9 @@
-import { Signal } from './signal';
+import { Signal } from './signal.js';
 
 export class Sound {
   /**
    * TBD.
-   * @param {import('./game').Game} game - TBD.
+   * @param {import('./game.js').Game} game - TBD.
    * @param {string} key - TBD.
    * @param {number} volume - TBD.
    * @param {boolean} loop - TBD.

package/src/phaser/core/sound_manager.js

@@ -1,12 +1,12 @@
-import { ArraySet } from './array_set';
-import { Signal } from './signal';
-import { Sound } from './sound';
-import { SoundSprite } from './sound_sprite';
+import { ArraySet } from './array_set.js';
+import { Signal } from './signal.js';
+import { Sound } from './sound.js';
+import { SoundSprite } from './sound_sprite.js';
 
 export class SoundManager {
   /**
    * TBD.
-   * @param {import('./game').Game} game - TBD.
+   * @param {import('./game.js').Game} game - TBD.
    */
   constructor(game) {
     this.game = game;

package/src/phaser/core/sound_sprite.js

@@ -1,7 +1,7 @@
 export class SoundSprite {
   /**
    * TBD.
-   * @param {import('./game').Game} game - TBD.
+   * @param {import('./game.js').Game} game - TBD.
    * @param {string} key - TBD.
    */
   constructor(game, key) {
@@ -28,7 +28,7 @@ export class SoundSprite {
    * TBD.
    * @param {string} marker - TBD.
    * @param {number} volume - TBD.
-   * @returns {import('./sound').Sound} TBD.
+   * @returns {import('./sound.js').Sound} TBD.
    */
   play(marker, volume = 1) {
     return this.sounds[marker].play(marker, null, volume);
@@ -51,7 +51,7 @@ export class SoundSprite {
   /**
    * TBD.
    * @param {string} marker - TBD.
-   * @returns {import('./sound').Sound} TBD.
+   * @returns {import('./sound.js').Sound} TBD.
    */
   get(marker) {
     return this.sounds[marker];

package/src/phaser/core/stage.js

@@ -1,13 +1,13 @@
-import { Matrix } from '../geom/matrix';
-import { DisplayObject } from '../display/display_object';
-import { setUserSelect, setTouchAction } from '../display/canvas/util';
-import { valueToColor } from '../util/math';
-import { SCALE_LINEAR, SCALE_NEAREST } from './const';
+import { setTouchAction, setUserSelect } from '../display/canvas/util.js';
+import { DisplayObject } from '../display/display_object.js';
+import { Matrix } from '../geom/matrix.js';
+import { valueToColor } from '../util/math.js';
+import { SCALE_LINEAR, SCALE_NEAREST } from './const.js';
 
 export class Stage extends DisplayObject {
   /**
    * TBD.
-   * @param {import('./game').Game} game - TBD.
+   * @param {import('./game.js').Game} game - TBD.
    */
   constructor(game) {
     super();

package/src/phaser/core/time.js

@@ -1,9 +1,9 @@
-import { Timer } from './timer';
+import { Timer } from './timer.js';
 
 export class Time {
   /**
    * TBD.
-   * @param {import('./game').Game} game - TBD.
+   * @param {import('./game.js').Game} game - TBD.
    */
   constructor(game) {
     this.game = game;

package/src/phaser/core/timer.js

@@ -1,10 +1,10 @@
-import { Signal } from './signal';
-import { TimerEvent } from './timer_event';
+import { Signal } from './signal.js';
+import { TimerEvent } from './timer_event.js';
 
 export class Timer {
   /**
    * TBD.
-   * @param {import('./game').Game} game - TBD.
+   * @param {import('./game.js').Game} game - TBD.
    * @param {boolean} autoDestroy - TBD.
    */
   constructor(game, autoDestroy = false) {

package/src/phaser/core/timer_event.js

@@ -1,7 +1,7 @@
 export class TimerEvent {
   /**
    * TBD.
-   * @param {import('./timer').Timer} timer - TBD.
+   * @param {import('./timer.js').Timer} timer - TBD.
    * @param {number} delay - TBD.
    * @param {number} tick - TBD.
    * @param {number} repeatCount - TBD.

package/src/phaser/core/tween.js

@@ -1,14 +1,14 @@
-import { Signal } from './signal';
-import { TweenData } from './tween_data';
-import * as MathUtils from '../util/math';
-import { TWEEN_PENDING, TWEEN_RUNNING, TWEEN_COMPLETE, TWEEN_LOOPED } from './const';
+import * as MathUtils from '../util/math.js';
+import { TWEEN_COMPLETE, TWEEN_LOOPED, TWEEN_PENDING, TWEEN_RUNNING } from './const.js';
+import { Signal } from './signal.js';
+import { TweenData } from './tween_data.js';
 
 export class Tween {
   /**
    * TBD.
-   * @param {import('../display/display_object').DisplayObject} target - TBD.
-   * @param {import('./game').Game} game - TBD.
-   * @param {import('./tween_manager').TweenManager} manager - TBD.
+   * @param {import('../display/display_object.js').DisplayObject} target - TBD.
+   * @param {import('./game.js').Game} game - TBD.
+   * @param {import('./tween_manager.js').TweenManager} manager - TBD.
    */
   constructor(target, game, manager) {
     this.game = game;
@@ -360,7 +360,7 @@ export class Tween {
           this._onUpdateCallbackContext,
           this,
           this.timeline[this.current].value,
-          this.timeline[this.current]
+          this.timeline[this.current],
         );
       }
       //  In case the update callback modifies this tween