@vpmedia/phaser 1.11.0 → 1.12.0

package/README.md

@@ -1,7 +1,7 @@
 @vpmedia/phaser
 ===============
 
-[![npm version](https://badge.fury.io/js/@vpmedia%2Fphaser.svg?v=1.11.0)](https://badge.fury.io/js/@vpmedia%2Fphaser)
+[![npm version](https://badge.fury.io/js/@vpmedia%2Fphaser.svg?v=1.12.0)](https://badge.fury.io/js/@vpmedia%2Fphaser)
 [![Node.js CI](https://github.com/vpmedia/phaser/actions/workflows/node.js.yml/badge.svg)](https://github.com/vpmedia/phaser/actions/workflows/node.js.yml)
 
 @vpmedia/phaser is the modern ECMAScript port of the popular Phaser game engine v2.6.2.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vpmedia/phaser",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "description": "@vpmedia/phaser is the modern ECMAScript port of the popular Phaser game engine v2.6.2",
   "author": "Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)",
   "license": "MIT",
@@ -20,22 +20,25 @@
     "canvas"
   ],
   "main": "./src/index.js",
+  "types": "./types/index.d.ts",
   "devDependencies": {
-    "eslint": "^8.36.0",
+    "eslint": "^8.38.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jest": "^27.2.1",
-    "eslint-plugin-jsdoc": "^40.1.0",
+    "eslint-plugin-jsdoc": "^41.1.1",
     "eslint-plugin-prettier": "^4.2.1",
     "husky": "^8.0.3",
     "jest": "^29.5.0",
-    "lint-staged": "^13.2.0",
-    "prettier": "^2.8.7"
+    "lint-staged": "^13.2.1",
+    "prettier": "^2.8.7",
+    "typescript": "^5.0.4"
   },
   "scripts": {
     "test": "NODE_OPTIONS=--experimental-vm-modules jest --passWithNoTests",
     "lint": "eslint \"**/*.js\"",
     "lint-fix": "eslint \"**/*.js\" --fix",
+    "typecheck": "tsc",
     "format": "prettier --write \"**/*.{js,json}\"",
     "lint-staged": "lint-staged"
   },

package/src/phaser/core/animation.js

@@ -6,7 +6,6 @@
 import Signal from './signal';
 
 export default class {
-
   constructor(game, parent, name, frameData, frames, frameRate, loop = false) {
     this.game = game;
     this._parent = parent;
@@ -158,7 +157,7 @@ export default class {
       if (this._frameDiff > this.delay) {
         //  We need to skip a frame, work out how many
         this._frameSkip = Math.floor(this._frameDiff / this.delay);
-        this._frameDiff -= (this._frameSkip * this.delay);
+        this._frameDiff -= this._frameSkip * this.delay;
       }
       //  And what's left now?
       this._timeNextFrame = this.game.time.time + (this.delay - this._frameDiff);
@@ -167,7 +166,10 @@ export default class {
       } else {
         this._frameIndex += this._frameSkip;
       }
-      if (!this.isReversed && this._frameIndex >= this._frames.length || this.isReversed && this._frameIndex <= -1) {
+      if (
+        (!this.isReversed && this._frameIndex >= this._frames.length) ||
+        (this.isReversed && this._frameIndex <= -1)
+      ) {
         if (this.loop) {
           // Update current state before event callback
           this._frameIndex = Math.abs(this._frameIndex) % this._frames.length;
@@ -249,7 +251,9 @@ export default class {
 
   updateFrameData(frameData) {
     this._frameData = frameData;
-    this.currentFrame = this._frameData ? this._frameData.getFrame(this._frames[this._frameIndex % this._frames.length]) : null;
+    this.currentFrame = this._frameData
+      ? this._frameData.getFrame(this._frames[this._frameIndex % this._frames.length])
+      : null;
   }
 
   destroy() {
@@ -340,7 +344,7 @@ export default class {
   }
 
   get enableUpdate() {
-    return (this.onUpdate !== null);
+    return this.onUpdate !== null;
   }
 
   set enableUpdate(value) {
@@ -351,5 +355,4 @@ export default class {
       this.onUpdate = null;
     }
   }
-
 }

package/src/phaser/core/animation_manager.js

@@ -6,7 +6,6 @@
 import Animation from './animation';
 
 export default class {
-
   constructor(sprite) {
     this.sprite = sprite;
     this.game = sprite.game;
@@ -90,7 +89,15 @@ export default class {
     }
     this._outputFrames = [];
     this._frameData.getFrameIndexes(frames, useNumericIndex, this._outputFrames);
-    this._anims[name] = new Animation(this.game, this.sprite, name, this._frameData, this._outputFrames, frameRate, loop);
+    this._anims[name] = new Animation(
+      this.game,
+      this.sprite,
+      name,
+      this._frameData,
+      this._outputFrames,
+      frameRate,
+      loop
+    );
     this.currentAnim = this._anims[name];
     if (this.sprite.tilingTexture) {
       this.sprite.refreshTexture = true;
@@ -224,7 +231,11 @@ export default class {
   }
 
   set frameName(value) {
-    if (typeof value === 'string' && this._frameData && this._frameData.getFrameByName(value) !== null) {
+    if (
+      typeof value === 'string' &&
+      this._frameData &&
+      this._frameData.getFrameByName(value) !== null
+    ) {
       this.currentFrame = this._frameData.getFrameByName(value);
       if (this.currentFrame) {
         this._frameIndex = this.currentFrame.index;
@@ -234,5 +245,4 @@ export default class {
       console.warn('Cannot set frameName: ' + value);
     }
   }
-
 }

package/src/phaser/core/animation_parser.js

@@ -41,7 +41,11 @@ export function spriteSheet(game, key, frameWidth, frameHeight, frameMax, margin
   }
   //  Zero or smaller than frame sizes?
   if (width === 0 || height === 0 || width < frameWidth || height < frameHeight || total === 0) {
-    console.warn("AnimationParser.spriteSheet: '" + key + "'s width/height zero or width/height < given frameWidth/frameHeight");
+    console.warn(
+      "AnimationParser.spriteSheet: '" +
+        key +
+        "'s width/height zero or width/height < given frameWidth/frameHeight"
+    );
     return null;
   }
   //  Let's create some frames then
@@ -79,9 +83,26 @@ export function JSONDataHash(game, json) {
   const keys = Object.keys(frames);
   for (let k = 0; k < keys.length; k += 1) {
     const key = keys[k];
-    newFrame = data.addFrame(new Frame(i, frames[key].frame.x, frames[key].frame.y, frames[key].frame.w, frames[key].frame.h, key));
+    newFrame = data.addFrame(
+      new Frame(
+        i,
+        frames[key].frame.x,
+        frames[key].frame.y,
+        frames[key].frame.w,
+        frames[key].frame.h,
+        key
+      )
+    );
     if (frames[key].trimmed) {
-      newFrame.setTrim(frames[key].trimmed, frames[key].sourceSize.w, frames[key].sourceSize.h, frames[key].spriteSourceSize.x, frames[key].spriteSourceSize.y, frames[key].spriteSourceSize.w, frames[key].spriteSourceSize.h);
+      newFrame.setTrim(
+        frames[key].trimmed,
+        frames[key].sourceSize.w,
+        frames[key].sourceSize.h,
+        frames[key].spriteSourceSize.x,
+        frames[key].spriteSourceSize.y,
+        frames[key].spriteSourceSize.w,
+        frames[key].spriteSourceSize.h
+      );
     }
     i += 1;
   }

package/src/phaser/core/array_set.js

@@ -4,7 +4,6 @@
  * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
 export default class {
-
   constructor(list = []) {
     this.position = 0;
     this.list = list;
@@ -33,7 +32,7 @@ export default class {
   }
 
   exists(item) {
-    return (this.list.indexOf(item) > -1);
+    return this.list.indexOf(item) > -1;
   }
 
   reset() {
@@ -103,5 +102,4 @@ export default class {
     }
     return null;
   }
-
 }

package/src/phaser/core/cache.js

@@ -23,7 +23,6 @@ export const XML = 8;
 export const RENDER_TEXTURE = 9;
 
 export default class {
-
   constructor(game) {
     this.game = game;
     this.autoResolveURL = false;
@@ -60,7 +59,8 @@ export default class {
 
   addDefaultImage() {
     const img = new Image();
-    img.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAAA1BMVEX///+nxBvIAAAAAXRSTlMAQObYZgAAABVJREFUeF7NwIEAAAAAgKD9qdeocAMAoAABm3DkcAAAAABJRU5ErkJggg==';
+    img.src =
+      'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAAA1BMVEX///+nxBvIAAAAAXRSTlMAQObYZgAAABVJREFUeF7NwIEAAAAAgKD9qdeocAMAoAABm3DkcAAAAABJRU5ErkJggg==';
     const obj = this.addImage('__default', null, img);
     obj.base.skipRender = true; // invisible texture
     window.PhaserRegistry.CACHE_DEFAULT_IMAGE = new Texture(obj.base);
@@ -68,7 +68,8 @@ export default class {
 
   addMissingImage() {
     const img = new Image();
-    img.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ9JREFUeNq01ssOwyAMRFG46v//Mt1ESmgh+DFmE2GPOBARKb2NVjo+17PXLD8a1+pl5+A+wSgFygymWYHBb0FtsKhJDdZlncG2IzJ4ayoMDv20wTmSMzClEgbWYNTAkQ0Z+OJ+A/eWnAaR9+oxCF4Os0H8htsMUp+pwcgBBiMNnAwF8GqIgL2hAzaGFFgZauDPKABmowZ4GL369/0rwACp2yA/ttmvsQAAAABJRU5ErkJggg==';
+    img.src =
+      'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ9JREFUeNq01ssOwyAMRFG46v//Mt1ESmgh+DFmE2GPOBARKb2NVjo+17PXLD8a1+pl5+A+wSgFygymWYHBb0FtsKhJDdZlncG2IzJ4ayoMDv20wTmSMzClEgbWYNTAkQ0Z+OJ+A/eWnAaR9+oxCF4Os0H8htsMUp+pwcgBBiMNnAwF8GqIgL2hAzaGFFgZauDPKABmowZ4GL369/0rwACp2yA/ttmvsQAAAABJRU5ErkJggg==';
     const obj = this.addImage('__missing', null, img);
     window.PhaserRegistry.CACHE_MISSING_IMAGE = new Texture(obj.base);
   }
@@ -193,7 +194,7 @@ export default class {
   isSoundReady(key) {
     const sound = this.getItem(key, SOUND, 'isSoundDecoded');
     if (sound) {
-      return (sound.decoded && !this.game.sound.isLocked);
+      return sound.decoded && !this.game.sound.isLocked;
     }
     return false;
   }
@@ -337,7 +338,7 @@ export default class {
   }
 
   hasFrameData(key, cache = IMAGE) {
-    return (this.getItem(key, cache, '', 'frameData') !== null);
+    return this.getItem(key, cache, '', 'frameData') !== null;
   }
 
   updateFrameData(key, frameData, cache = IMAGE) {
@@ -476,5 +477,4 @@ export default class {
     this._urlResolver = null;
     this._urlTemp = null;
   }
-
 }

package/src/phaser/core/device.js

@@ -5,7 +5,6 @@
  */
 
 export default class {
-
   constructor() {
     this.desktop = false;
     this.iOS = false;
@@ -36,5 +35,4 @@ export default class {
     this.cancelFullscreen = '';
     this.fullscreenKeyboard = false;
   }
-
 }

package/src/phaser/core/device_util.js

@@ -62,7 +62,12 @@ export function checkOS(device) {
     device.desktop = true;
   }
   // iOS / Windows Phone / Tablet reset
-  if (device.android || device.iOS || device.windowsPhone || ((/Windows NT/i.test(ua)) && (/Touch/i.test(ua)))) {
+  if (
+    device.android ||
+    device.iOS ||
+    device.windowsPhone ||
+    (/Windows NT/i.test(ua) && /Touch/i.test(ua))
+  ) {
     device.desktop = false;
   }
 }
@@ -72,7 +77,10 @@ export function checkOS(device) {
  * @param {object} device TBD
  */
 export function checkInput(device) {
-  if ('ontouchstart' in document.documentElement || (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints >= 1)) {
+  if (
+    'ontouchstart' in document.documentElement ||
+    (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints >= 1)
+  ) {
     device.touch = true;
   }
   // if (window.navigator.msPointerEnabled || window.navigator.pointerEnabled) {
@@ -162,7 +170,10 @@ export function checkAudio(device) {
       if (audioElement.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/, '')) {
         device.ogg = true;
       }
-      if (audioElement.canPlayType('audio/ogg; codecs="opus"').replace(/^no$/, '') || audioElement.canPlayType('audio/opus;').replace(/^no$/, '')) {
+      if (
+        audioElement.canPlayType('audio/ogg; codecs="opus"').replace(/^no$/, '') ||
+        audioElement.canPlayType('audio/opus;').replace(/^no$/, '')
+      ) {
         device.opus = true;
       }
       if (audioElement.canPlayType('audio/mpeg;').replace(/^no$/, '')) {
@@ -174,7 +185,10 @@ export function checkAudio(device) {
       if (audioElement.canPlayType('audio/wav; codecs="1"').replace(/^no$/, '')) {
         device.wav = true;
       }
-      if (audioElement.canPlayType('audio/x-m4a;') || audioElement.canPlayType('audio/aac;').replace(/^no$/, '')) {
+      if (
+        audioElement.canPlayType('audio/x-m4a;') ||
+        audioElement.canPlayType('audio/aac;').replace(/^no$/, '')
+      ) {
         device.m4a = true;
       }
       if (audioElement.canPlayType('audio/webm; codecs="vorbis"').replace(/^no$/, '')) {
@@ -200,12 +214,13 @@ export function checkImage(device) {
   device.webp = false;
   try {
     const avif = new Image();
-    avif.src = "data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=";
+    avif.src =
+      'data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=';
     avif.onload = function () {
       device.avif = true;
     };
     const webp = new Image();
-    webp.src = "data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=";
+    webp.src = 'data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=';
     webp.onload = function () {
       device.webp = true;
     };

package/src/phaser/core/dom.js

@@ -6,13 +6,16 @@
 import Point from '../geom/point';
 
 class VisualBoundsDesktopRectangle {
-
   get x() {
-    return window && ('pageXOffset' in window) ? window.pageXOffset : document.documentElement.scrollLeft;
+    return window && 'pageXOffset' in window
+      ? window.pageXOffset
+      : document.documentElement.scrollLeft;
   }
 
   get y() {
-    return window && ('pageYOffset' in window) ? window.pageYOffset : document.documentElement.scrollTop;
+    return window && 'pageYOffset' in window
+      ? window.pageYOffset
+      : document.documentElement.scrollTop;
   }
 
   get width() {
@@ -22,11 +25,9 @@ class VisualBoundsDesktopRectangle {
   get height() {
     return Math.max(window.innerHeight, document.documentElement.clientHeight);
   }
-
 }
 
 class LayoutBoundsDesktopRectangle {
-
   get x() {
     return 0;
   }
@@ -42,17 +43,19 @@ class LayoutBoundsDesktopRectangle {
   get height() {
     return Math.max(window.innerHeight, document.documentElement.clientHeight);
   }
-
 }
 
 class VisualBoundsRectangle {
-
   get x() {
-    return window && ('pageXOffset' in window) ? window.pageXOffset : document.documentElement.scrollLeft;
+    return window && 'pageXOffset' in window
+      ? window.pageXOffset
+      : document.documentElement.scrollLeft;
   }
 
   get y() {
-    return window && ('pageYOffset' in window) ? window.pageYOffset : document.documentElement.scrollTop;
+    return window && 'pageYOffset' in window
+      ? window.pageYOffset
+      : document.documentElement.scrollTop;
   }
 
   get width() {
@@ -62,11 +65,9 @@ class VisualBoundsRectangle {
   get height() {
     return window.innerHeight;
   }
-
 }
 
 class LayoutBoundsRectangle {
-
   get x() {
     return 0;
   }
@@ -86,14 +87,12 @@ class LayoutBoundsRectangle {
     const b = window.innerHeight;
     return a < b ? b : a; // max
   }
-
 }
 
 // For documentBounds
 // Ref. http://www.quirksmode.org/mobile/tableViewport_desktop.html
 
 class DocumentBoundsRectangle {
-
   get x() {
     return 0;
   }
@@ -111,18 +110,29 @@ class DocumentBoundsRectangle {
     const d = document.documentElement;
     return Math.max(d.clientHeight, d.offsetHeight, d.scrollHeight);
   }
-
 }
 
 export default class {
-
   constructor(device) {
-    this.treatAsDesktop = device.desktop && (document.documentElement.clientWidth <= window.innerWidth) && (document.documentElement.clientHeight <= window.innerHeight);
-    this.visualBounds = this.treatAsDesktop ? new VisualBoundsDesktopRectangle() : new VisualBoundsRectangle();
-    this.layoutBounds = this.treatAsDesktop ? new LayoutBoundsDesktopRectangle() : new LayoutBoundsRectangle();
+    this.treatAsDesktop =
+      device.desktop &&
+      document.documentElement.clientWidth <= window.innerWidth &&
+      document.documentElement.clientHeight <= window.innerHeight;
+    this.visualBounds = this.treatAsDesktop
+      ? new VisualBoundsDesktopRectangle()
+      : new VisualBoundsRectangle();
+    this.layoutBounds = this.treatAsDesktop
+      ? new LayoutBoundsDesktopRectangle()
+      : new LayoutBoundsRectangle();
     this.documentBounds = new DocumentBoundsRectangle();
-    this.scrollXProvider = window && ('pageXOffset' in window) ? () => window.pageXOffset : () => document.documentElement.scrollLeft;
-    this.scrollYProvider = window && ('pageYOffset' in window) ? () => window.pageYOffset : () => document.documentElement.scrollTop;
+    this.scrollXProvider =
+      window && 'pageXOffset' in window
+        ? () => window.pageXOffset
+        : () => document.documentElement.scrollLeft;
+    this.scrollYProvider =
+      window && 'pageYOffset' in window
+        ? () => window.pageYOffset
+        : () => document.documentElement.scrollTop;
   }
 
   getOffset(element, point = null) {
@@ -172,12 +182,12 @@ export default class {
     const PORTRAIT = 'portrait-primary';
     const LANDSCAPE = 'landscape-primary';
     if (primaryFallback === 'screen') {
-      return (screen.height > screen.width) ? PORTRAIT : LANDSCAPE;
+      return screen.height > screen.width ? PORTRAIT : LANDSCAPE;
     } else if (primaryFallback === 'viewport') {
-      return (this.visualBounds.height > this.visualBounds.width) ? PORTRAIT : LANDSCAPE;
+      return this.visualBounds.height > this.visualBounds.width ? PORTRAIT : LANDSCAPE;
     } else if (primaryFallback === 'window.orientation' && typeof window.orientation === 'number') {
       // This may change by device based on "natural" orientation.
-      return (window.orientation === 0 || window.orientation === 180) ? PORTRAIT : LANDSCAPE;
+      return window.orientation === 0 || window.orientation === 180 ? PORTRAIT : LANDSCAPE;
     } else if (window.matchMedia) {
       if (window.matchMedia('(orientation: portrait)').matches) {
         return PORTRAIT;
@@ -185,7 +195,7 @@ export default class {
         return LANDSCAPE;
       }
     }
-    return (this.visualBounds.height > this.visualBounds.width) ? PORTRAIT : LANDSCAPE;
+    return this.visualBounds.height > this.visualBounds.width ? PORTRAIT : LANDSCAPE;
   }
 
   get scrollX() {
@@ -203,5 +213,4 @@ export default class {
   get clientHeight() {
     return Math.max(window.innerHeight, document.documentElement.clientHeight);
   }
-
 }

package/src/phaser/core/event_manager.js

@@ -6,7 +6,6 @@
 import Signal from './signal';
 
 export default class {
-
   constructor(sprite) {
     this.parent = sprite;
     this._onAddedToGroup = null;
@@ -28,21 +27,51 @@ export default class {
 
   destroy() {
     this._parent = null;
-    if (this._onDestroy) { this._onDestroy.dispose(); }
-    if (this._onAddedToGroup) { this._onAddedToGroup.dispose(); }
-    if (this._onRemovedFromGroup) { this._onRemovedFromGroup.dispose(); }
-    if (this._onEnterBounds) { this._onEnterBounds.dispose(); }
-    if (this._onOutOfBounds) { this._onOutOfBounds.dispose(); }
-    if (this._onInputOver) { this._onInputOver.dispose(); }
-    if (this._onInputOut) { this._onInputOut.dispose(); }
-    if (this._onInputDown) { this._onInputDown.dispose(); }
-    if (this._onInputUp) { this._onInputUp.dispose(); }
-    if (this._onDragStart) { this._onDragStart.dispose(); }
-    if (this._onDragUpdate) { this._onDragUpdate.dispose(); }
-    if (this._onDragStop) { this._onDragStop.dispose(); }
-    if (this._onAnimationStart) { this._onAnimationStart.dispose(); }
-    if (this._onAnimationComplete) { this._onAnimationComplete.dispose(); }
-    if (this._onAnimationLoop) { this._onAnimationLoop.dispose(); }
+    if (this._onDestroy) {
+      this._onDestroy.dispose();
+    }
+    if (this._onAddedToGroup) {
+      this._onAddedToGroup.dispose();
+    }
+    if (this._onRemovedFromGroup) {
+      this._onRemovedFromGroup.dispose();
+    }
+    if (this._onEnterBounds) {
+      this._onEnterBounds.dispose();
+    }
+    if (this._onOutOfBounds) {
+      this._onOutOfBounds.dispose();
+    }
+    if (this._onInputOver) {
+      this._onInputOver.dispose();
+    }
+    if (this._onInputOut) {
+      this._onInputOut.dispose();
+    }
+    if (this._onInputDown) {
+      this._onInputDown.dispose();
+    }
+    if (this._onInputUp) {
+      this._onInputUp.dispose();
+    }
+    if (this._onDragStart) {
+      this._onDragStart.dispose();
+    }
+    if (this._onDragUpdate) {
+      this._onDragUpdate.dispose();
+    }
+    if (this._onDragStop) {
+      this._onDragStop.dispose();
+    }
+    if (this._onAnimationStart) {
+      this._onAnimationStart.dispose();
+    }
+    if (this._onAnimationComplete) {
+      this._onAnimationComplete.dispose();
+    }
+    if (this._onAnimationLoop) {
+      this._onAnimationLoop.dispose();
+    }
   }
 
   get onAddedToGroup() {
@@ -239,5 +268,4 @@ export default class {
       this._onAnimationLoop.dispatch(...args);
     }
   }
-
 }

package/src/phaser/core/factory.js

@@ -11,7 +11,6 @@ import Image from '../display/image';
 import Text from '../display/text';
 
 export default class {
-
   constructor(game) {
     this.game = game;
   }
@@ -32,9 +31,33 @@ export default class {
     return parent.add(new Text(this.game, x, y, text, style));
   }
 
-  button(x, y, key, callback, callbackContext, overFrame, outFrame, downFrame, upFrame, group = null) {
+  button(
+    x,
+    y,
+    key,
+    callback,
+    callbackContext,
+    overFrame,
+    outFrame,
+    downFrame,
+    upFrame,
+    group = null
+  ) {
     const parent = group || this.game.world;
-    return parent.add(new Button(this.game, x, y, key, callback, callbackContext, overFrame, outFrame, downFrame, upFrame));
+    return parent.add(
+      new Button(
+        this.game,
+        x,
+        y,
+        key,
+        callback,
+        callbackContext,
+        overFrame,
+        outFrame,
+        downFrame,
+        upFrame
+      )
+    );
   }
 
   graphics(x, y, group = null) {
@@ -46,5 +69,4 @@ export default class {
     const parent = group || this.game.world;
     return parent.add(new BitmapText(this.game, x, y, font, text, size, align));
   }
-
 }

package/src/phaser/core/frame.js

@@ -8,7 +8,6 @@ import { distance } from '../util/math';
 import { cloneFrame } from './frame_util';
 
 export default class {
-
   constructor(index, x, y, width, height, name) {
     this.initialize(index, x, y, width, height, name);
   }
@@ -71,5 +70,4 @@ export default class {
     result.setTo(this.x, this.y, this.width, this.height);
     return result;
   }
-
 }

package/src/phaser/core/frame_data.js

@@ -6,7 +6,6 @@
 import { cloneFrameData } from './frame_util';
 
 export default class {
-
   constructor() {
     this._frames = [];
     this._frameNames = [];
@@ -80,5 +79,4 @@ export default class {
   get total() {
     return this._frames.length;
   }
-
 }