@vpmedia/phaser 1.11.0 → 1.13.0

package/src/phaser/core/scale_manager.js

@@ -1,16 +1,22 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
-import Signal from './signal';
+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';
-
-export default class {
-
+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';
+
+export class ScaleManager {
   constructor(game, width, height) {
     this.game = game;
     this.dom = new DOM(game.device);
@@ -102,14 +108,14 @@ export default class {
     }
     // Configure event listeners
     const scope = this;
-    this._orientationChange = event => scope.orientationChange(event);
-    this._windowResize = event => scope.windowResize(event);
+    this._orientationChange = (event) => scope.orientationChange(event);
+    this._windowResize = (event) => scope.windowResize(event);
     // This does not appear to be on the standards track
     window.addEventListener('orientationchange', this._orientationChange, false);
     window.addEventListener('resize', this._windowResize, false);
     if (this.compatibility.supportsFullScreen) {
-      this._fullScreenChange = event => scope.fullScreenChange(event);
-      this._fullScreenError = event => scope.fullScreenError(event);
+      this._fullScreenChange = (event) => scope.fullScreenChange(event);
+      this._fullScreenError = (event) => scope.fullScreenError(event);
       document.addEventListener('webkitfullscreenchange', this._fullScreenChange, false);
       document.addEventListener('mozfullscreenchange', this._fullScreenChange, false);
       document.addEventListener('MSFullscreenChange', this._fullScreenChange, false);
@@ -225,7 +231,12 @@ export default class {
   }
 
   signalSizeChange() {
-    if (this.width !== this._lastReportedCanvasSize.width || this.height !== this._lastReportedCanvasSize.height || this.game.width !== this._lastReportedGameSize.width || this.game.height !== this._lastReportedGameSize.height) {
+    if (
+      this.width !== this._lastReportedCanvasSize.width ||
+      this.height !== this._lastReportedCanvasSize.height ||
+      this.game.width !== this._lastReportedGameSize.width ||
+      this.game.height !== this._lastReportedGameSize.height
+    ) {
       const width = this.width;
       const height = this.height;
       this._lastReportedCanvasSize.setTo(0, 0, width, height);
@@ -251,7 +262,7 @@ export default class {
   }
 
   preUpdate() {
-    if (this.game.time.time < (this._lastUpdate + this._updateThrottle)) {
+    if (this.game.time.time < this._lastUpdate + this._updateThrottle) {
       return;
     }
     const prevThrottle = this._updateThrottle;
@@ -335,7 +346,8 @@ export default class {
     const previousOrientation = this.screenOrientation;
     const previouslyIncorrect = this.incorrectOrientation;
     this.screenOrientation = this.dom.getScreenOrientation(this.compatibility.orientationFallback);
-    this.incorrectOrientation = (this.forceLandscape && !this.isLandscape) || (this.forcePortrait && !this.isPortrait);
+    this.incorrectOrientation =
+      (this.forceLandscape && !this.isLandscape) || (this.forcePortrait && !this.isPortrait);
     const changed = previousOrientation !== this.screenOrientation;
     const correctnessChanged = previouslyIncorrect !== this.incorrectOrientation;
     if (correctnessChanged) {
@@ -390,10 +402,13 @@ export default class {
       this.width = this.game.width;
       this.height = this.game.height;
     } else if (scaleMode === SCALE_USER) {
-      this.width = (this.game.width * this._userScaleFactor.x) - this._userScaleTrim.x;
-      this.height = (this.game.height * this._userScaleFactor.y) - this._userScaleTrim.y;
+      this.width = this.game.width * this._userScaleFactor.x - this._userScaleTrim.x;
+      this.height = this.game.height * this._userScaleFactor.y - this._userScaleTrim.y;
     }
-    if (!this.compatibility.canExpandParent && (scaleMode === SCALE_SHOW_ALL || scaleMode === SCALE_USER)) {
+    if (
+      !this.compatibility.canExpandParent &&
+      (scaleMode === SCALE_SHOW_ALL || scaleMode === SCALE_USER)
+    ) {
       const bounds = this.getParentBounds(this._tempBounds);
       this.width = Math.min(this.width, bounds.width);
       this.height = Math.min(this.height, bounds.height);
@@ -414,8 +429,15 @@ export default class {
     } else {
       // Ref. http://msdn.microsoft.com/en-us/library/hh781509(v=vs.85).aspx for getBoundingClientRect
       const clientRect = parentNode.getBoundingClientRect();
-      const parentRect = (parentNode.offsetParent) ? parentNode.offsetParent.getBoundingClientRect() : parentNode.getBoundingClientRect();
-      bounds.setTo(clientRect.left - parentRect.left, clientRect.top - parentRect.top, clientRect.width, clientRect.height);
+      const parentRect = parentNode.offsetParent
+        ? parentNode.offsetParent.getBoundingClientRect()
+        : parentNode.getBoundingClientRect();
+      bounds.setTo(
+        clientRect.left - parentRect.left,
+        clientRect.top - parentRect.top,
+        clientRect.width,
+        clientRect.height
+      );
       const wc = this.windowConstraints;
       if (wc.right) {
         const windowBounds = wc.right === 'layout' ? layoutBounds : visualBounds;
@@ -426,7 +448,12 @@ export default class {
         bounds.bottom = Math.min(bounds.bottom, windowBounds.height);
       }
     }
-    bounds.setTo(Math.round(bounds.x), Math.round(bounds.y), Math.round(bounds.width), Math.round(bounds.height));
+    bounds.setTo(
+      Math.round(bounds.x),
+      Math.round(bounds.y),
+      Math.round(bounds.width),
+      Math.round(bounds.height)
+    );
     return bounds;
   }
 
@@ -440,7 +467,7 @@ export default class {
       const canvasBounds = canvas.getBoundingClientRect();
       if (this.width < parentBounds.width && !this.incorrectOrientation) {
         const currentEdge = canvasBounds.left - parentBounds.x;
-        let targetEdge = (parentBounds.width / 2) - (this.width / 2);
+        let targetEdge = parentBounds.width / 2 - this.width / 2;
         targetEdge = Math.max(targetEdge, 0);
         const offset = targetEdge - currentEdge;
         margin.left = Math.round(offset);
@@ -457,7 +484,7 @@ export default class {
       const canvasBounds = canvas.getBoundingClientRect();
       if (this.height < parentBounds.height && !this.incorrectOrientation) {
         const currentEdge = canvasBounds.top - parentBounds.y;
-        let targetEdge = (parentBounds.height / 2) - (this.height / 2);
+        let targetEdge = parentBounds.height / 2 - this.height / 2;
         targetEdge = Math.max(targetEdge, 0);
         const offset = targetEdge - currentEdge;
         margin.top = Math.round(offset);
@@ -482,7 +509,10 @@ export default class {
   reflowCanvas() {
     if (!this.incorrectOrientation) {
       this.width = Math.max(this.minWidth || 0, Math.min(this.maxWidth || this.width, this.width));
-      this.height = Math.max(this.minHeight || 0, Math.min(this.maxHeight || this.height, this.height));
+      this.height = Math.max(
+        this.minHeight || 0,
+        Math.min(this.maxHeight || this.height, this.height)
+      );
     }
     this.resetCanvas();
     if (!this.compatibility.noMargins) {
@@ -530,9 +560,9 @@ export default class {
     const height = bounds.height;
     let multiplier;
     if (expanding) {
-      multiplier = Math.max((height / this.game.height), (width / this.game.width));
+      multiplier = Math.max(height / this.game.height, width / this.game.width);
     } else {
-      multiplier = Math.min((height / this.game.height), (width / this.game.width));
+      multiplier = Math.min(height / this.game.height, width / this.game.width);
     }
     this.width = Math.round(this.game.width * multiplier);
     this.height = Math.round(this.game.height * multiplier);
@@ -576,8 +606,15 @@ export default class {
     }
     if (this.compatibility.clickTrampoline === 'when-not-mouse') {
       const input = this.game.input;
-      if (input.activePointer && input.activePointer !== input.mousePointer && (allowTrampoline || allowTrampoline !== false)) {
-        input.activePointer.addClickTrampoline('startFullScreen', this.startFullScreen, this, [antialias, false]);
+      if (
+        input.activePointer &&
+        input.activePointer !== input.mousePointer &&
+        (allowTrampoline || allowTrampoline !== false)
+      ) {
+        input.activePointer.addClickTrampoline('startFullScreen', this.startFullScreen, this, [
+          antialias,
+          false,
+        ]);
         return false;
       }
     }
@@ -698,7 +735,10 @@ export default class {
   }
 
   get boundingParent() {
-    if (this.parentIsWindow || (this.isFullScreen && this.hasPhaserSetFullScreen && !this._createdFullScreenTarget)) {
+    if (
+      this.parentIsWindow ||
+      (this.isFullScreen && this.hasPhaserSetFullScreen && !this._createdFullScreenTarget)
+    ) {
       return null;
     }
     const parentNode = this.game.canvas && this.game.canvas.parentNode;
@@ -752,7 +792,12 @@ export default class {
   }
 
   get isFullScreen() {
-    return !!(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement);
+    return !!(
+      document.fullscreenElement ||
+      document.webkitFullscreenElement ||
+      document.mozFullScreenElement ||
+      document.msFullscreenElement
+    );
   }
 
   get isPortrait() {
@@ -770,5 +815,4 @@ export default class {
   get isGameLandscape() {
     return this.width > this.height;
   }
-
 }

package/src/phaser/core/scene.js

@@ -1,10 +1,9 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
-export default class {
-
+export class Scene {
   constructor() {
     this.game = null;
     this.key = '';
@@ -37,5 +36,4 @@ export default class {
   shutdown() {
     // inherit
   }
-
 }

package/src/phaser/core/scene_manager.js

@@ -1,12 +1,11 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
-import Scene from './scene';
-
-export default class {
+import { Scene } from './scene';
 
+export class SceneManager {
   constructor(game, pendingState) {
     this.game = game;
     this.states = {};
@@ -141,7 +140,12 @@ export default class {
 
   checkState(key) {
     if (this.states[key]) {
-      if (this.states[key].preload || this.states[key].create || this.states[key].update || this.states[key].render) {
+      if (
+        this.states[key].preload ||
+        this.states[key].create ||
+        this.states[key].update ||
+        this.states[key].render
+      ) {
         return true;
       }
       return false;
@@ -235,5 +239,4 @@ export default class {
   get created() {
     return this._created;
   }
-
 }

package/src/phaser/core/signal.js

@@ -1,12 +1,12 @@
 /**
+ * @module core/signal
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
-import SignalBinding from './signal_binding';
-
-export default class {
+import { SignalBinding } from  './signal_binding';
 
+export class Signal {
   constructor() {
     this._bindings = null;
     this._prevParams = null;
@@ -18,7 +18,12 @@ export default class {
 
   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));
+      throw new Error(
+        'Signal: listener is a required param of {fn}() and should be a Function.'.replace(
+          '{fn}',
+          fnName
+        )
+      );
     }
   }
 
@@ -28,7 +33,13 @@ export default class {
     if (prevIndex !== -1) {
       binding = this._bindings[prevIndex];
       if (binding.isOnce() !== isOnce) {
-        throw new Error('You cannot add' + (isOnce ? '' : 'Once') + '() then add' + (!isOnce ? '' : 'Once') + '() the same listener without removing the relationship first.');
+        throw new Error(
+          'You cannot add' +
+            (isOnce ? '' : 'Once') +
+            '() then add' +
+            (!isOnce ? '' : 'Once') +
+            '() the same listener without removing the relationship first.'
+        );
       }
     } else {
       binding = new SignalBinding(this, listener, isOnce, listenerContext, priority, args);
@@ -48,8 +59,7 @@ export default class {
     let n = this._bindings.length;
     do {
       n -= 1;
-    }
-    while (this._bindings[n] && binding._priority <= this._bindings[n]._priority);
+    } while (this._bindings[n] && binding._priority <= this._bindings[n]._priority);
     this._bindings.splice(n + 1, 0, binding);
   }
 
@@ -144,8 +154,7 @@ export default class {
     // reverse loop since listeners with higher priority will be added at the end of the list
     do {
       n -= 1;
-    }
-    while (bindings[n] && this._shouldPropagate && bindings[n].execute(paramsArr) !== false);
+    } while (bindings[n] && this._shouldPropagate && bindings[n].execute(paramsArr) !== false);
   }
 
   forget() {
@@ -171,5 +180,4 @@ export default class {
     }
     return this._boundDispatch;
   }
-
 }

package/src/phaser/core/signal_binding.js

@@ -1,11 +1,10 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
 
-export default class {
-
+export class SignalBinding {
   constructor(signal, listener, isOnce = false, listenerContext = null, priority = 0, args = null) {
     this._signal = signal;
     this._listener = listener;
@@ -33,7 +32,6 @@ export default class {
       }
     }
     return handlerReturn;
-
   }
 
   detach() {
@@ -41,7 +39,7 @@ export default class {
   }
 
   isBound() {
-    return (!!this._signal && !!this._listener);
+    return !!this._signal && !!this._listener;
   }
 
   isOnce() {
@@ -63,7 +61,14 @@ export default class {
   }
 
   toString() {
-    return '[SignalBinding isOnce:' + this._isOnce + ', isBound:' + this.isBound() + ', active:' + this.active + ']';
+    return (
+      '[SignalBinding isOnce:' +
+      this._isOnce +
+      ', isBound:' +
+      this.isBound() +
+      ', active:' +
+      this.active +
+      ']'
+    );
   }
-
 }

package/src/phaser/core/sound.js

@@ -1,12 +1,11 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
-import Signal from './signal';
-
-export default class {
+import { Signal } from  './signal';
 
+export class Sound {
   constructor(game, key, volume = 1, loop = false, connect = null) {
     // TODO
     // https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Migrating_from_webkitAudioContext
@@ -179,8 +178,12 @@ export default class {
   }
 
   play(marker, position, volume, loop, forceRestart) {
-    if (marker === undefined || marker === false || marker === null) { marker = ''; }
-    if (forceRestart === undefined) { forceRestart = true; }
+    if (marker === undefined || marker === false || marker === null) {
+      marker = '';
+    }
+    if (forceRestart === undefined) {
+      forceRestart = true;
+    }
 
     if (this.isPlaying && !this.allowMultiple && !forceRestart && !this.override) {
       //  Use Restart instead
@@ -231,8 +234,12 @@ export default class {
       }
     } else {
       position = position || 0;
-      if (volume === undefined) { volume = this._volume; }
-      if (loop === undefined) { loop = this.loop; }
+      if (volume === undefined) {
+        volume = this._volume;
+      }
+      if (loop === undefined) {
+        loop = this.loop;
+      }
       this.position = Math.max(0, position);
       this.volume = volume;
       this.loop = loop;
@@ -280,7 +287,10 @@ export default class {
         this.onPlay.dispatch(this);
       } else {
         this.pendingPlayback = true;
-        if (this.game.cache.getSound(this.key) && this.game.cache.getSound(this.key).isDecoding === false) {
+        if (
+          this.game.cache.getSound(this.key) &&
+          this.game.cache.getSound(this.key).isDecoding === false
+        ) {
           this.game.sound.decode(this.key, this);
         }
       }
@@ -331,7 +341,7 @@ export default class {
   resume() {
     if (this.paused && this._sound) {
       if (!this.game.sound.noAudio) {
-        const p = Math.max(0, this.position + (this.pausedPosition / 1000));
+        const p = Math.max(0, this.position + this.pausedPosition / 1000);
         this._sound = this.context.createBufferSource();
         this._sound.buffer = this._buffer;
         if (this.externalNode) {
@@ -345,7 +355,7 @@ export default class {
         if (!this.loop && this.currentMarker === '') {
           this._sound.onended = this.onEndedHandler.bind(this);
         }
-        const duration = this.duration - (this.pausedPosition / 1000);
+        const duration = this.duration - this.pausedPosition / 1000;
         if (this._sound.start === undefined) {
           this._sound.noteGrainOn(0, p, duration);
           // https://bugs.chromium.org/p/chromium/issues/detail?id=457099
@@ -357,7 +367,7 @@ export default class {
       }
       this.isPlaying = true;
       this.paused = false;
-      this.startTime += (this.game.time.time - this.pausedTime);
+      this.startTime += this.game.time.time - this.pausedTime;
       this.onResume.dispatch(this);
     }
   }
@@ -441,7 +451,7 @@ export default class {
   }
 
   get mute() {
-    return (this._muted || this.game.sound.mute);
+    return this._muted || this.game.sound.mute;
   }
 
   set mute(value) {
@@ -479,5 +489,4 @@ export default class {
       this.gainNode.gain.value = value;
     }
   }
-
 }

package/src/phaser/core/sound_manager.js

@@ -1,15 +1,14 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
-import ArraySet from './array_set';
-import Signal from './signal';
-import Sound from './sound';
-import SoundSprite from './sound_sprite';
-
-export default class {
+import { ArraySet } from './array_set';
+import { Signal } from  './signal';
+import { Sound } from './sound';
+import { SoundSprite } from './sound_sprite';
 
+export class SoundManager {
   constructor(game) {
     this.game = game;
     this.onChange = new Signal();
@@ -56,11 +55,16 @@ export default class {
         this.game.exceptionHandler(e);
       }
     }
-    if (this.context === null || (this.context && this.context.createGain === undefined && this.context.createGainNode === undefined)) {
+    if (
+      this.context === null ||
+      (this.context &&
+        this.context.createGain === undefined &&
+        this.context.createGainNode === undefined)
+    ) {
       this.noAudio = true;
       return;
-    } 
-    this.baseLatency = this.context.baseLatency || (256 / (this.context.sampleRate || 44100));
+    }
+    this.baseLatency = this.context.baseLatency || 256 / (this.context.sampleRate || 44100);
     if (this.context.createGain === undefined) {
       this.masterGain = this.context.createGainNode();
     } else {
@@ -75,18 +79,27 @@ export default class {
       this.addUnlockHandlers();
     }
     this.context.addEventListener('statechange', () => {
-      this.onChange.dispatch('onContextStateChange', { state: this.context.state, isLocked: this.isLocked });
-      if (!this.isLocked && (this.context.state === 'suspended' || this.context.state === 'interrupted')) {
+      this.onChange.dispatch('onContextStateChange', {
+        state: this.context.state,
+        isLocked: this.isLocked,
+      });
+      if (
+        !this.isLocked &&
+        (this.context.state === 'suspended' || this.context.state === 'interrupted')
+      ) {
         this.addUnlockHandlers();
       } else if (this.isLocked && this.context.state === 'running') {
         this.removeUnlockHandlers();
-      }  
+      }
     });
   }
 
   addUnlockHandlers() {
     this.isLocked = true;
-    this.onChange.dispatch('addUnlockHandlers', { state: this.context.state, isLocked: this.isLocked });
+    this.onChange.dispatch('addUnlockHandlers', {
+      state: this.context.state,
+      isLocked: this.isLocked,
+    });
     document.body.addEventListener('touchstart', this.onUnlockEventBinded, false);
     document.body.addEventListener('touchend', this.onUnlockEventBinded, false);
     document.body.addEventListener('click', this.onUnlockEventBinded, false);
@@ -95,7 +108,10 @@ export default class {
 
   removeUnlockHandlers() {
     this.isLocked = false;
-    this.onChange.dispatch('removeUnlockHandlers', { state: this.context.state, isLocked: this.isLocked });
+    this.onChange.dispatch('removeUnlockHandlers', {
+      state: this.context.state,
+      isLocked: this.isLocked,
+    });
     document.body.removeEventListener('touchstart', this.onUnlockEventBinded);
     document.body.removeEventListener('touchend', this.onUnlockEventBinded);
     document.body.removeEventListener('click', this.onUnlockEventBinded);
@@ -105,19 +121,39 @@ export default class {
   onUnlockEvent(event) {
     const initialState = this.context.state;
     if (initialState !== 'suspended' && initialState !== 'interrupted') {
-      this.onChange.dispatch('onUnlockResumeDenied', { state: initialState, isLocked: this.isLocked, event });
+      this.onChange.dispatch('onUnlockResumeDenied', {
+        state: initialState,
+        isLocked: this.isLocked,
+        event,
+      });
       this.removeUnlockHandlers();
       return;
     }
-    this.onChange.dispatch('onContextResumeStart', { state: initialState, isLocked: this.isLocked, event });
-    this.context.resume().then(() => {
-      this.onChange.dispatch('onContextResumeResult', { initialState, state: this.context.state, isLocked: this.isLocked });
-      this.removeUnlockHandlers();
-    }).catch((e) => {
-      this.onChange.dispatch('onContextResumeReject', { initialState, state: this.context.state, isLocked: this.isLocked, error: e });
-      this.removeUnlockHandlers();
-      this.game.exceptionHandler(e, { initialState, state: this.context.state });
+    this.onChange.dispatch('onContextResumeStart', {
+      state: initialState,
+      isLocked: this.isLocked,
+      event,
     });
+    this.context
+      .resume()
+      .then(() => {
+        this.onChange.dispatch('onContextResumeResult', {
+          initialState,
+          state: this.context.state,
+          isLocked: this.isLocked,
+        });
+        this.removeUnlockHandlers();
+      })
+      .catch((e) => {
+        this.onChange.dispatch('onContextResumeReject', {
+          initialState,
+          state: this.context.state,
+          isLocked: this.isLocked,
+          error: e,
+        });
+        this.removeUnlockHandlers();
+        this.game.exceptionHandler(e, { initialState, state: this.context.state });
+      });
   }
 
   stopAll() {
@@ -158,7 +194,8 @@ export default class {
     if (soundData) {
       if (this.game.cache.isSoundDecoded(key) === false) {
         this.game.cache.updateSound(key, 'isDecoding', true);
-        this.context.decodeAudioData(soundData)
+        this.context
+          .decodeAudioData(soundData)
           .then((buffer) => {
             this.game.cache.decodedSound(key, buffer);
           })
@@ -340,5 +377,4 @@ export default class {
       }
     }
   }
-
 }