melonjs 10.6.1 → 10.8.0

package/src/system/device.js

@@ -22,8 +22,8 @@ let swipeEnabled = true;
  */
 function _disableSwipeFn(e) {
     e.preventDefault();
-    if (typeof window.scroll === "function") {
-        window.scroll(0, 0);
+    if (typeof globalThis.scroll === "function") {
+        globalThis.scroll(0, 0);
     }
     return false;
 };
@@ -39,24 +39,27 @@ function _domReady() {
     // Make sure that the DOM is not already loaded
     if (!isReady) {
         // be sure document.body is there
-        if (!document.body) {
+        if (!device.nodeJS && !document.body) {
             return setTimeout(_domReady, 13);
         }
 
         // clean up loading event
-        if (document.removeEventListener) {
-            document.removeEventListener(
+        if (typeof globalThis.document !== "undefined" && typeof globalThis.document.removeEventListener === "function") {
+            globalThis.document.removeEventListener(
                 "DOMContentLoaded",
                 this._domReady,
                 false
             );
         }
-        // remove the event on window.onload (always added in `onReady`)
-        window.removeEventListener("load", _domReady, false);
+
+        if (typeof globalThis.removeEventListener === "function") {
+            // remove the event on globalThis.onload (always added in `onReady`)
+            globalThis.removeEventListener("load", _domReady, false);
+        }
 
         // execute all callbacks
         while (readyList.length) {
-            readyList.shift().call(window, []);
+            readyList.shift().call(globalThis, []);
         }
 
         // Remember that the DOM is ready
@@ -95,7 +98,7 @@ function _detectDevice() {
                          device.BlackBerry ||
                          device.Kindle || false;
     // ejecta
-    device.ejecta = (typeof window.ejecta !== "undefined");
+    device.ejecta = (typeof globalThis.ejecta !== "undefined");
     // Wechat
     device.isWeixin = /MicroMessenger/i.test(device.ua);
 };
@@ -109,53 +112,45 @@ function _checkCapabilities() {
     // detect device type/platform
     _detectDevice();
 
-    // Mobile browser hacks
-    if (device.isMobile) {
-        // Prevent the webview from moving on a swipe
-        device.enableSwipe(false);
-    }
-
     // Touch/Gesture Event feature detection
-    device.TouchEvent = !!("ontouchstart" in window);
-    device.PointerEvent = !!window.PointerEvent;
-    window.gesture = prefixed("gesture");
+    device.TouchEvent = !!("ontouchstart" in globalThis);
+    device.PointerEvent = !!globalThis.PointerEvent;
+    globalThis.gesture = prefixed("gesture");
 
     // detect touch capabilities
     device.touch = device.TouchEvent || device.PointerEvent;
 
     // max amount of touch points ; always at least return 1 (e.g. headless chrome will return 0)
-    device.maxTouchPoints = device.touch ? (device.PointerEvent ? navigator.maxTouchPoints || 1 : 10) : 1;
+    device.maxTouchPoints = device.touch ? (device.PointerEvent ? globalThis.navigator.maxTouchPoints || 1 : 10) : 1;
 
     // detect wheel event support
     // Modern browsers support "wheel", Webkit and IE support at least "mousewheel
-    device.wheel = ("onwheel" in document.createElement("div"));
+    device.wheel = typeof globalThis.document !== "undefined" && "onwheel" in globalThis.document.createElement("div");
 
     // pointerlock detection (pointerLockElement can be null when the feature is supported)
-    device.hasPointerLockSupport = typeof document.pointerLockElement !== "undefined";
+    device.hasPointerLockSupport = typeof globalThis.document !== "undefined" && typeof globalThis.document.pointerLockElement !== "undefined";
 
     // device orientation and motion detection
-    device.hasDeviceOrientation = !!window.DeviceOrientationEvent;
-    device.hasAccelerometer = !!window.DeviceMotionEvent;
+    device.hasDeviceOrientation = !!globalThis.DeviceOrientationEvent;
+    device.hasAccelerometer = !!globalThis.DeviceMotionEvent;
 
     // support the ScreenOrientation API
     device.ScreenOrientation = (typeof screen !== "undefined") &&
                                (typeof screen.orientation !== "undefined");
 
     // fullscreen api detection & polyfill when possible
-    device.hasFullscreenSupport = prefixed("fullscreenEnabled", document) ||
-                                document.mozFullScreenEnabled;
+    device.hasFullscreenSupport = typeof globalThis.document !== "undefined" && (prefixed("fullscreenEnabled", globalThis.document) || globalThis.document.mozFullScreenEnabled);
 
-    document.exitFullscreen = prefixed("cancelFullScreen", document) ||
-                              prefixed("exitFullscreen", document);
+    if (device.hasFullscreenSupport === true) {
+        globalThis.document.exitFullscreen = typeof globalThis.document !== "undefined" && (prefixed("cancelFullScreen", globalThis.document) || prefixed("exitFullscreen", globalThis.document));
+    }
 
-    // vibration API poyfill
-    navigator.vibrate = prefixed("vibrate", navigator);
 
     // web Audio detection
-    device.hasWebAudio = !!(window.AudioContext || window.webkitAudioContext);
+    device.hasWebAudio = !!(globalThis.AudioContext || globalThis.webkitAudioContext);
 
     try {
-        device.localStorage = !!window.localStorage;
+        device.localStorage = !!globalThis.localStorage;
     } catch (e) {
         // the above generates an exception when cookies are blocked
         device.localStorage = false;
@@ -165,76 +160,86 @@ function _checkCapabilities() {
         // some browser (e.g. Safari) implements WebGL1 and WebGL2 contexts only
         // https://bugzilla.mozilla.org/show_bug.cgi?id=801176
         device.OffscreenCanvas =
-            (typeof window.OffscreenCanvas !== "undefined") &&
+            (typeof globalThis.OffscreenCanvas !== "undefined") &&
             ((new OffscreenCanvas(0, 0).getContext( "2d" )) !== null);
     } catch (e) {
         device.OffscreenCanvas = false;
     }
 
-    // set pause/stop action on losing focus
-    window.addEventListener("blur", function () {
-        if (device.stopOnBlur) {
-            state.stop(true);
-        }
-        if (device.pauseOnBlur) {
-            state.pause(true);
-        }
-    }, false);
-    // set restart/resume action on gaining focus
-    window.addEventListener("focus", function () {
-        if (device.stopOnBlur) {
-            state.restart(true);
-        }
-        if (device.resumeOnFocus) {
-            state.resume(true);
+    if (typeof globalThis.addEventListener === "function") {
+        // set pause/stop action on losing focus
+        globalThis.addEventListener("blur", function () {
+            if (device.stopOnBlur) {
+                state.stop(true);
+            }
+            if (device.pauseOnBlur) {
+                state.pause(true);
+            }
+        }, false);
+        // set restart/resume action on gaining focus
+        globalThis.addEventListener("focus", function () {
+            if (device.stopOnBlur) {
+                state.restart(true);
+            }
+            if (device.resumeOnFocus) {
+                state.resume(true);
+            }
+            // force focus if autofocus is on
+            if (device.autoFocus) {
+                device.focus();
+            }
+        }, false);
+    }
+
+    if (typeof globalThis.document !== "undefined") {
+        // Set the name of the hidden property and the change event for visibility
+        var hidden, visibilityChange;
+        if (typeof globalThis.document.hidden !== "undefined") {
+            // Opera 12.10 and Firefox 18 and later support
+            hidden = "hidden";
+            visibilityChange = "visibilitychange";
+        } else if (typeof globalThis.document.mozHidden !== "undefined") {
+            hidden = "mozHidden";
+            visibilityChange = "mozvisibilitychange";
+        } else if (typeof globalThis.document.msHidden !== "undefined") {
+            hidden = "msHidden";
+            visibilityChange = "msvisibilitychange";
+        } else if (typeof globalThis.document.webkitHidden !== "undefined") {
+            hidden = "webkitHidden";
+            visibilityChange = "webkitvisibilitychange";
         }
-        // force focus if autofocus is on
-        if (device.autoFocus) {
-            device.focus();
+
+        // register on the event if supported
+        if (typeof (visibilityChange) === "string") {
+            // add the corresponding event listener
+            globalThis.document.addEventListener(visibilityChange,
+                function () {
+                    if (globalThis.document[hidden]) {
+                        if (device.stopOnBlur) {
+                            state.stop(true);
+                        }
+                        if (device.pauseOnBlur) {
+                            state.pause(true);
+                        }
+                    } else {
+                        if (device.stopOnBlur) {
+                            state.restart(true);
+                        }
+                        if (device.resumeOnFocus) {
+                            state.resume(true);
+                        }
+                    }
+                }, false
+            );
         }
-    }, false);
-
-
-    // Set the name of the hidden property and the change event for visibility
-    var hidden, visibilityChange;
-    if (typeof document.hidden !== "undefined") {
-        // Opera 12.10 and Firefox 18 and later support
-        hidden = "hidden";
-        visibilityChange = "visibilitychange";
-    } else if (typeof document.mozHidden !== "undefined") {
-        hidden = "mozHidden";
-        visibilityChange = "mozvisibilitychange";
-    } else if (typeof document.msHidden !== "undefined") {
-        hidden = "msHidden";
-        visibilityChange = "msvisibilitychange";
-    } else if (typeof document.webkitHidden !== "undefined") {
-        hidden = "webkitHidden";
-        visibilityChange = "webkitvisibilitychange";
     }
 
-    // register on the event if supported
-    if (typeof (visibilityChange) === "string") {
-        // add the corresponding event listener
-        document.addEventListener(visibilityChange,
-            function () {
-                if (document[hidden]) {
-                    if (device.stopOnBlur) {
-                        state.stop(true);
-                    }
-                    if (device.pauseOnBlur) {
-                        state.pause(true);
-                    }
-                } else {
-                    if (device.stopOnBlur) {
-                        state.restart(true);
-                    }
-                    if (device.resumeOnFocus) {
-                        state.resume(true);
-                    }
-                }
-            }, false
-        );
+    // Mobile browser hacks
+    if (device.isMobile) {
+        // Prevent the webview from moving on a swipe
+        device.enableSwipe(false);
     }
+
 };
 
 
@@ -254,7 +259,7 @@ let device = {
      * @name ua
      * @memberof device
      */
-    ua : navigator.userAgent,
+    ua : typeof globalThis.navigator !== "undefined" ? globalThis.navigator.userAgent : "",
 
     /**
      * Browser Local Storage capabilities <br>
@@ -328,7 +333,7 @@ let device = {
      * @name nativeBase64
      * @memberof device
      */
-    nativeBase64 : (typeof(window.atob) === "function"),
+    nativeBase64 : (typeof(globalThis.atob) === "function"),
 
     /**
      * Return the maximum number of simultaneous touch contact points are supported by the current device.
@@ -407,24 +412,33 @@ let device = {
      */
     linux : false,
 
-   /**
-    * equals to true if the game is running under Ejecta.
-    * @type {boolean}
-    * @readonly
-    * @see http://impactjs.com/ejecta
-    * @name ejecta
-    * @memberof device
-    */
+    /**
+     * equals to true if the game is running under Ejecta.
+     * @type {boolean}
+     * @readonly
+     * @see http://impactjs.com/ejecta
+     * @name ejecta
+     * @memberof device
+     */
     ejecta : false,
 
     /**
-     * equals to true if the game is running under Wechat.
+     * equals to true if the  is running under Wechat.
      * @type {boolean}
      * @readonly
      * @name isWeixin
      * @memberof device
      */
-     isWeixin : false,
+    isWeixin : false,
+
+    /**
+     * equals to true if running under node.js
+     * @type {boolean}
+     * @readonly
+     * @name nodeJS
+     * @memberof device
+     */
+    nodeJS : (typeof process !== "undefined") && (process.release.name === "node"),
 
     /**
      * equals to true if the device is running on ChromeOS.
@@ -539,7 +553,7 @@ let device = {
      * @name language
      * @memberof device
      */
-    language : navigator.language || navigator.browserLanguage || navigator.userLanguage || "en",
+    language : typeof globalThis.navigator !== "undefined" ? globalThis.navigator.language || globalThis.navigator.browserLanguage || globalThis.navigator.userLanguage || "en" : "en",
 
     /**
      * Specify whether to pause the game when losing focus
@@ -631,7 +645,7 @@ let device = {
         // If the DOM is already ready
         if (isReady) {
             // Execute the function immediately
-            fn.call(window, []);
+            fn.call(globalThis, []);
         }
         else {
             // Add the function to the wait list
@@ -640,17 +654,17 @@ let device = {
             // attach listeners if not yet done
             if (!readyBound) {
                 // directly call domReady if document is already "ready"
-                if (document.readyState === "complete") {
+                if (device.nodeJS === true || (typeof globalThis.document !== "undefined" && globalThis.document.readyState === "complete")) {
                     // defer the fn call to ensure our script is fully loaded
-                    window.setTimeout(_domReady, 0);
+                    globalThis.setTimeout(_domReady, 0);
                 }
                 else {
-                    if (document.addEventListener) {
+                    if (typeof globalThis.document !== "undefined" && typeof globalThis.document.addEventListener === "function") {
                         // Use the handy event callback
-                        document.addEventListener("DOMContentLoaded", _domReady, false);
+                        globalThis.document.addEventListener("DOMContentLoaded", _domReady, false);
                     }
-                    // A fallback to window.onload, that will always work
-                    window.addEventListener("load", _domReady, false);
+                    // A fallback to globalThis.onload, that will always work
+                    globalThis.addEventListener("load", _domReady, false);
                 }
                 readyBound = true;
             }
@@ -663,13 +677,14 @@ let device = {
      * @param {boolean} [enable=true] enable or disable swipe.
      */
     enableSwipe(enable) {
+        var moveEvent = device.PointerEvent ? "pointermove" : (device.TouchEvent ? "touchmove" : "mousemove");
         if (enable !== false) {
             if (swipeEnabled === false) {
-                window.document.removeEventListener("touchmove", _disableSwipeFn, false);
+                globalThis.document.removeEventListener(moveEvent, _disableSwipeFn);
                 swipeEnabled = true;
             }
         } else if (swipeEnabled === true) {
-            window.document.addEventListener("touchmove", _disableSwipeFn, false);
+            globalThis.document.addEventListener(moveEvent, _disableSwipeFn, { passive: false });
             swipeEnabled = false;
         }
     },
@@ -723,7 +738,7 @@ let device = {
         var PORTRAIT = "portrait";
         var LANDSCAPE = "landscape";
 
-        var screen = window.screen;
+        var screen = globalThis.screen;
 
         // first try using "standard" values
         if (this.ScreenOrientation === true) {
@@ -738,12 +753,12 @@ let device = {
         }
 
         // check using the deprecated API
-        if (typeof window.orientation === "number") {
-            return (Math.abs(window.orientation) === 90) ? LANDSCAPE : PORTRAIT;
+        if (typeof globalThis.orientation === "number") {
+            return (Math.abs(globalThis.orientation) === 90) ? LANDSCAPE : PORTRAIT;
         }
 
         // fallback to window size check
-        return (window.outerWidth > window.outerHeight) ? LANDSCAPE : PORTRAIT;
+        return (globalThis.outerWidth > globalThis.outerHeight) ? LANDSCAPE : PORTRAIT;
     },
 
     /**
@@ -755,7 +770,7 @@ let device = {
      * @returns {boolean} true if the orientation was unsuccessfully locked
      */
     lockOrientation(orientation) {
-        var screen = window.screen;
+        var screen = globalThis.screen;
         if (typeof screen !== "undefined") {
             var _lockOrientation = prefixed("lockOrientation", screen);
             if (typeof _lockOrientation !== "undefined") {
@@ -773,7 +788,7 @@ let device = {
      * @returns {boolean} true if the orientation was unsuccessfully unlocked
      */
     unlockOrientation() {
-        var screen = window.screen;
+        var screen = globalThis.screen;
         if (typeof screen !== "undefined") {
             var _unlockOrientation = prefixed("unlockOrientation", screen);
             if (typeof _unlockOrientation !== "undefined") {
@@ -872,8 +887,8 @@ let device = {
         if (typeof element === "object" && element !== document.body && typeof element.getBoundingClientRect !== "undefined") {
             return element.getBoundingClientRect();
         } else {
-            _domRect.width = _domRect.right = window.innerWidth;
-            _domRect.height = _domRect.bottom = window.innerHeight;
+            _domRect.width = _domRect.right = globalThis.innerWidth;
+            _domRect.height = _domRect.bottom = globalThis.innerHeight;
             return _domRect;
         };
     },
@@ -905,7 +920,7 @@ let device = {
                 stencil: true,
                 failIfMajorPerformanceCaveat : options.failIfMajorPerformanceCaveat
             };
-            _supported = !! (window.WebGLRenderingContext && (canvas.getContext("webgl", ctxOptions) || canvas.getContext("experimental-webgl", ctxOptions)));
+            _supported = !! (globalThis.WebGLRenderingContext && (canvas.getContext("webgl", ctxOptions) || canvas.getContext("experimental-webgl", ctxOptions)));
         } catch (e) {
             _supported = false;
         }
@@ -940,8 +955,8 @@ let device = {
      *  }
      */
     focus() {
-        if (typeof (window.focus) === "function") {
-            window.focus();
+        if (typeof (globalThis.focus) === "function") {
+            globalThis.focus();
         }
     },
 
@@ -995,13 +1010,13 @@ let device = {
                     .then(response => {
                         if (response === "granted") {
                             // add a listener for the devicemotion event
-                            window.addEventListener("devicemotion", this.onDeviceMotion, false);
+                            globalThis.addEventListener("devicemotion", this.onDeviceMotion, false);
                             accelInitialized = true;
                         }
                     }).catch(console.error);
             } else {
                 // add a listener for the devicemotion event
-                window.addEventListener("devicemotion", this.onDeviceMotion, false);
+                globalThis.addEventListener("devicemotion", this.onDeviceMotion, false);
                 accelInitialized = true;
             }
         }
@@ -1015,7 +1030,7 @@ let device = {
     unwatchAccelerometer() {
         if (accelInitialized) {
             // remove the listener for the devicemotion event
-            window.removeEventListener("devicemotion", this.onDeviceMotion, false);
+            globalThis.removeEventListener("devicemotion", this.onDeviceMotion, false);
             accelInitialized = false;
         }
     },
@@ -1045,12 +1060,12 @@ let device = {
                 DeviceOrientationEvent.requestPermission()
                     .then(response => {
                         if (response === "granted") {
-                            window.addEventListener("deviceorientation", this.onDeviceRotate, false);
+                            globalThis.addEventListener("deviceorientation", this.onDeviceRotate, false);
                             deviceOrientationInitialized = true;
                         }
                     }).catch(console.error);
             } else {
-                window.addEventListener("deviceorientation", this.onDeviceRotate, false);
+                globalThis.addEventListener("deviceorientation", this.onDeviceRotate, false);
                 deviceOrientationInitialized = true;
             }
         }
@@ -1063,7 +1078,7 @@ let device = {
      */
     unwatchDeviceOrientation() {
         if (deviceOrientationInitialized) {
-            window.removeEventListener("deviceorientation", this.onDeviceRotate, false);
+            globalThis.removeEventListener("deviceorientation", this.onDeviceRotate, false);
             deviceOrientationInitialized = false;
         }
     },
@@ -1086,8 +1101,8 @@ let device = {
      * me.device.vibrate(0);
      */
     vibrate(pattern) {
-        if (navigator.vibrate) {
-            navigator.vibrate(pattern);
+        if (typeof globalThis.navigator !== "undefined" && typeof globalThis.navigator.vibrate === "function") {
+            globalThis.navigator.vibrate(pattern);
         }
     }
 
@@ -1107,7 +1122,7 @@ Object.defineProperty(device, "devicePixelRatio", {
      * @ignore
      */
     get: function () {
-        return (window.devicePixelRatio || 1);
+        return (globalThis.devicePixelRatio || 1);
     }
 });
 

package/src/system/event.js

@@ -357,7 +357,7 @@ export const DRAGEND = "me.game.dragend";
  * @memberof event
  * @see event.on
  */
-export const WINDOW_ONRESIZE = "window.onresize";
+export const WINDOW_ONRESIZE = "globalThis.onresize";
 
 /**
  * Event for when the canvas is resized <br>
@@ -397,7 +397,7 @@ export const VIEWPORT_ONRESIZE = "viewport.onresize";
  * @memberof event
  * @see event.on
  */
-export const WINDOW_ONORIENTATION_CHANGE = "window.orientationchange";
+export const WINDOW_ONORIENTATION_CHANGE = "globalThis.orientationchange";
 
 /**
  * Event for when the (browser) window is scrolled <br>
@@ -409,7 +409,7 @@ export const WINDOW_ONORIENTATION_CHANGE = "window.orientationchange";
  * @memberof event
  * @see event.on
  */
-export const WINDOW_ONSCROLL = "window.onscroll";
+export const WINDOW_ONSCROLL = "globalThis.onscroll";
 
 /**
  * Event for when the viewport position is updated <br>
@@ -424,8 +424,8 @@ export const WINDOW_ONSCROLL = "window.onscroll";
 export const VIEWPORT_ONCHANGE = "viewport.onchange";
 
 /**
- * Event for when WebGL context is lost <br>
- * Data passed : {me.WebGLRenderer} the current webgl renderer instance`
+ * Event for when the current context is lost <br>
+ * Data passed : {me.Renderer} the current renderer instance
  * @public
  * @constant
  * @type {string}
@@ -433,19 +433,19 @@ export const VIEWPORT_ONCHANGE = "viewport.onchange";
  * @memberof event
  * @see event.on
  */
-export const WEBGL_ONCONTEXT_LOST = "renderer.webglcontextlost";
+export const ONCONTEXT_LOST = "renderer.contextlost";
 
 /**
- * Event for when WebGL context is restored <br>
- * Data passed : {me.WebGLRenderer} the current webgl renderer instance`
+ * Event for when the current context is restored <br>
+ * Data passed : {me.Renderer} the current renderer instance`
  * @public
  * @constant
  * @type {string}
- * @name WEBGL_ONCONTEXT_RESTORED
+ * @name ONCONTEXT_RESTORED
  * @memberof event
  * @see event.on
  */
-export const WEBGL_ONCONTEXT_RESTORED = "renderer.webglcontextrestored";
+export const ONCONTEXT_RESTORED = "renderer.contextrestored";
 
 /**
  * calls each of the listeners registered for a given event.