melonjs 13.3.0 → 14.0.0

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "melonjs",
-  "version": "13.3.0",
+  "version": "14.0.0",
   "description": "melonJS Game Engine",
   "homepage": "http://www.melonjs.org/",
+  "type": "module",
   "keywords": [
     "2D",
     "HTML5",
@@ -37,11 +38,9 @@
     "node": ">= 16"
   },
   "main": "dist/melonjs.module.js",
-  "type": "module",
   "module": "dist/melonjs.module.js",
+  "types": "dist/melonjs.module.d.ts",
   "files": [
-    "dist/melonjs.js",
-    "dist/melonjs.min.js",
     "dist/melonjs.module.js",
     "dist/melonjs.module.d.ts",
     "src/",
@@ -52,41 +51,42 @@
   ],
   "dependencies": {
     "@teppeis/multimaps": "^2.0.0",
-    "core-js": "^3.25.0",
+    "core-js": "^3.25.5",
     "earcut": "2.2.4",
     "eventemitter3": "^4.0.7",
     "howler": "2.2.3"
   },
   "devDependencies": {
+    "@fastify/static": "^6.5.0",
     "@melonjs/webdoc-theme": "^1.1.1",
-    "@rollup/plugin-buble": "^0.21.3",
-    "@rollup/plugin-commonjs": "^22.0.2",
+    "@rollup/plugin-commonjs": "^23.0.0",
     "@rollup/plugin-image": "^2.1.1",
-    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-node-resolve": "^14.1.0",
     "@rollup/plugin-replace": "^4.0.0",
     "@types/offscreencanvas": "^2019.7.0",
     "@webdoc/cli": "^2.1.2",
+    "chromedriver": "^106.0.1",
+    "cross-env": "^7.0.3",
     "del-cli": "^5.0.0",
-    "eslint": "^8.23.0",
-    "jasmine-core": "^4.3.0",
-    "karma": "^6.4.0",
-    "karma-chrome-launcher": "^3.1.1",
-    "karma-coverage": "^2.2.0",
-    "karma-html-detailed-reporter": "^2.1.0",
-    "karma-jasmine": "^5.1.0",
-    "karma-nyan-reporter": "0.2.5",
-    "rollup": "^2.78.1",
+    "eslint": "^8.25.0",
+    "expect": "^29.1.2",
+    "expect-mocha-image-snapshot": "^2.0.14",
+    "fastify": "^4.8.1",
+    "mocha": "^10.0.0",
+    "npm-self-link": "^1.1.7",
+    "puppeteer": "^18.2.1",
+    "rollup": "^2.79.1",
     "rollup-plugin-bundle-size": "^1.0.3",
     "rollup-plugin-string": "^3.0.0",
-    "terser": "^5.15.0",
-    "typescript": "^4.8.2"
+    "terser": "^5.15.1",
+    "typescript": "^4.8.4"
   },
   "scripts": {
     "build": "npm run lint && rollup -c --silent",
-    "dist": " npm run build && npm run minify && mkdirp dist && cp -f build/*.js dist/ && npm run types",
-    "minify": "terser build/melonjs.js --compress --mangle --comments  '/(?:^!|@(?:license|preserve|cc_on))/' --output build/melonjs.min.js",
+    "dist": " npm run build && mkdirp dist && cp -f build/*.js dist/ && npm run types",
     "lint": "eslint src rollup.config.js",
-    "test": "npm run test-node && karma start tests/karma.conf.cjs",
+    "pretest": "cp -f ./build/melonjs.module.js ./tests/browser/public/lib",
+    "test": "npm run test-node && mocha ./tests/browser/spec/*.js --reporter spec --bail --timeout 10000",
     "test-node": "node build/melonjs.module.js",
     "doc-prod": "mkdirp docs && webdoc --quiet --site-root melonJS/docs -R README.md",
     "doc-local": "mkdirp docs && webdoc --quiet --site-root /docs -R README.md",
@@ -94,6 +94,6 @@
     "serve": "python3 -m http.server",
     "prepublishOnly": "npm run dist && npm run test",
     "clean": "del-cli --force build/*.js dist/*.js dist/*.d.ts docs src/**/*.d.ts",
-    "types": "tsc dist/melonjs.module.js --declaration --allowJs --emitDeclarationOnly"
+    "types": "tsc src/index.js --declaration --allowJs --emitDeclarationOnly --outfile dist/melonjs.module.d.ts"
   }
 }

package/src/application/application.js

@@ -17,7 +17,7 @@ class Application {
          * @public
          * @type {Camera2d}
          */
-        this.viewport = null;
+        this.viewport = undefined;
 
         /**
          * a reference to the game world, <br>
@@ -25,7 +25,7 @@ class Application {
          * @public
          * @type {World}
          */
-        this.world = null;
+        this.world = undefined;
 
         /**
          * when true, all objects will be added under the root world container.<br>
@@ -117,7 +117,7 @@ class Application {
      * // call myFunction () everytime a level is loaded
      * me.game.onLevelLoaded = this.myFunction.bind(this);
      */
-    onLevelLoaded() {};
+    onLevelLoaded() {}
 
     /**
      * Update the renderer framerate using the system config variables.

package/src/audio/audio.js

@@ -98,7 +98,7 @@ export let stopOnAudioError = true;
     audioExts = format.split(",");
 
     return !Howler.noAudio;
-};
+}
 
 /**
  * check if the given audio format is supported
@@ -108,7 +108,7 @@ export let stopOnAudioError = true;
  */
 export function hasFormat(codec) {
     return hasAudio() && Howler.codecs(codec);
-};
+}
 
 /**
  * check if audio (HTML5 or WebAudio) is supported
@@ -117,7 +117,7 @@ export function hasFormat(codec) {
  */
 export function hasAudio() {
     return !Howler.noAudio;
-};
+}
 
 /**
  * enable audio output <br>
@@ -127,7 +127,7 @@ export function hasAudio() {
  */
 export function enable() {
     unmuteAll();
-};
+}
 
 /**
  * disable audio output
@@ -135,7 +135,7 @@ export function enable() {
  */
 export function disable() {
     muteAll();
-};
+}
 
 /**
  * Load an audio file.<br>
@@ -181,7 +181,7 @@ export function load(sound, html5, onload_cb, onerror_cb) {
     });
 
     return 1;
-};
+}
 
 /**
  * play the specified sound
@@ -222,7 +222,7 @@ export function play(sound_name, loop = false, onend, volume) {
     } else {
         throw new Error("audio clip " + sound_name + " does not exist");
     }
-};
+}
 
 /**
  * Fade a currently playing sound between two volumee.
@@ -240,7 +240,7 @@ export function fade(sound_name, from, to, duration, id) {
     } else {
         throw new Error("audio clip " + sound_name + " does not exist");
     }
-};
+}
 
 /**
  * get/set the position of playback for a sound.
@@ -262,7 +262,7 @@ export function seek(sound_name, ...args) {
     } else {
         throw new Error("audio clip " + sound_name + " does not exist");
     }
-};
+}
 
 /**
  * get or set the rate of playback for a sound.
@@ -284,7 +284,7 @@ export function rate(sound_name, ...args) {
     } else {
         throw new Error("audio clip " + sound_name + " does not exist");
     }
-};
+}
 
 /**
  * stop the specified sound on all channels
@@ -307,7 +307,7 @@ export function stop(sound_name, id) {
     } else {
         Howler.stop();
     }
-};
+}
 
 /**
  * pause the specified sound on all channels<br>
@@ -325,7 +325,7 @@ export function pause(sound_name, id) {
     } else {
         throw new Error("audio clip " + sound_name + " does not exist");
     }
-};
+}
 
 /**
  * resume the specified sound on all channels<br>
@@ -349,7 +349,7 @@ export function resume(sound_name, id) {
     } else {
         throw new Error("audio clip " + sound_name + " does not exist");
     }
-};
+}
 
 /**
  * play the specified audio track<br>
@@ -370,7 +370,7 @@ export function playTrack(sound_name, volume) {
         null,
         volume
     );
-};
+}
 
 /**
  * stop the current audio track
@@ -387,7 +387,7 @@ export function stopTrack() {
         audioTracks[current_track_id].stop();
         current_track_id = null;
     }
-};
+}
 
 /**
  * pause the current audio track
@@ -399,7 +399,7 @@ export function pauseTrack() {
     if (current_track_id !== null) {
         audioTracks[current_track_id].pause();
     }
-};
+}
 
 /**
  * resume the previously paused audio track
@@ -416,7 +416,7 @@ export function resumeTrack() {
     if (current_track_id !== null) {
         audioTracks[current_track_id].play();
     }
-};
+}
 
 /**
  * returns the current track Id
@@ -425,7 +425,7 @@ export function resumeTrack() {
  */
 export function getCurrentTrack() {
     return current_track_id;
-};
+}
 
 /**
  * set the default global volume
@@ -434,7 +434,7 @@ export function getCurrentTrack() {
  */
 export function setVolume(volume) {
     Howler.volume(volume);
-};
+}
 
 /**
  * get the default global volume
@@ -443,7 +443,7 @@ export function setVolume(volume) {
  */
 export function getVolume() {
     return Howler.volume();
-};
+}
 
 /**
  * mute or unmute the specified sound, but does not pause the playback.
@@ -464,7 +464,7 @@ export function mute(sound_name, id, mute) {
     } else {
         throw new Error("audio clip " + sound_name + " does not exist");
     }
-};
+}
 
 /**
  * unmute the specified sound
@@ -474,7 +474,7 @@ export function mute(sound_name, id, mute) {
  */
 export function unmute(sound_name, id) {
     mute(sound_name, id, false);
-};
+}
 
 /**
  * mute all audio
@@ -482,7 +482,7 @@ export function unmute(sound_name, id) {
  */
 export function muteAll() {
     Howler.mute(true);
-};
+}
 
 /**
  * unmute all audio
@@ -490,7 +490,7 @@ export function muteAll() {
  */
 export function unmuteAll() {
     Howler.mute(false);
-};
+}
 
 /**
  * Returns true if audio is muted globally.
@@ -499,7 +499,7 @@ export function unmuteAll() {
  */
 export function muted() {
     return Howler._muted;
-};
+}
 
 /**
  * unload specified audio track to free memory
@@ -518,7 +518,7 @@ export function unload(sound_name) {
     audioTracks[sound_name].unload();
     delete audioTracks[sound_name];
     return true;
-};
+}
 
 /**
  * unload all audio to free memory
@@ -532,4 +532,4 @@ export function unloadAll() {
             unload(sound_name);
         }
     }
-};
+}

package/src/camera/camera2d.js

@@ -723,6 +723,5 @@ class Camera2d extends Renderable {
         container.currentTransform.translate(translateX, translateY);
     }
 
-};
-
+}
 export default Camera2d;

package/src/entity/entity.js

@@ -236,6 +236,5 @@ class Entity extends Renderable {
         }
     }
 
-};
-
+}
 export default Entity;

package/src/geometries/ellipse.js

@@ -262,6 +262,5 @@ class Ellipse {
             this.radiusV.y * 2
         );
     }
-};
-
+}
 export default Ellipse;

package/src/geometries/line.js

@@ -97,12 +97,11 @@ class Line extends Polygon {
      */
     clone() {
         var copy = [];
-        this.points.forEach(function (point) {
+        this.points.forEach((point) => {
             copy.push(point.clone());
         });
         return new Line(this.pos.x, this.pos.y, copy);
     }
 
-};
-
+}
 export default Line;

package/src/geometries/poly.js

@@ -480,11 +480,11 @@ class Polygon {
      */
     clone() {
         var copy = [];
-        this.points.forEach(function (point) {
+        this.points.forEach((point) => {
             copy.push(point.clone());
         });
         return new Polygon(this.pos.x, this.pos.y, copy);
     }
-};
+}
 
 export default Polygon;

package/src/geometries/rectangle.js

@@ -362,7 +362,5 @@ class Rect extends Polygon {
             this.pos.x, this.pos.y, this.points
         );
     }
-};
-
-
+}
 export default Rect;

package/src/geometries/roundrect.js

@@ -155,6 +155,5 @@ class RoundRect extends Rect {
     clone() {
         return new RoundRect(this.pos.x, this.pos.y, this.width, this.height, this.radius);
     }
-};
-
+}
 export default RoundRect;

package/src/index.js

@@ -52,7 +52,9 @@ import ColorLayer from "./renderable/colorlayer.js";
 import ImageLayer from "./renderable/imagelayer.js";
 import Sprite from "./renderable/sprite.js";
 import NineSliceSprite from "./renderable/nineslicesprite.js";
-import GUI_Object from "./renderable/GUI.js";
+import UIBaseElement from "./renderable/ui/uibaseelement.js";
+import UITextButton from "./renderable/ui/uitextbutton.js";
+import UISpriteElement from "./renderable/ui/uispriteelement.js";
 import Collectable from "./renderable/collectable.js";
 import Trigger from "./renderable/trigger.js";
 import Light2d from "./renderable/light2d.js";
@@ -141,7 +143,9 @@ export {
     ImageLayer,
     Sprite,
     NineSliceSprite,
-    GUI_Object,
+    UIBaseElement,
+    UITextButton,
+    UISpriteElement,
     Collectable,
     Trigger,
     Light2d,
@@ -279,10 +283,10 @@ export function boot() {
     if (skipAutoInit === true) {
         event.emit(event.DOM_READY);
     }
-};
+}
 
 // call the library init function when ready
-device.onReady(function () {
+device.onReady(() => {
     if (skipAutoInit === false) {
        boot();
     }

package/src/input/gamepad.js

@@ -55,13 +55,13 @@ var leadingZeroRE = /^0+/;
  * @ignore
  */
 function addMapping(id, mapping) {
-    var expanded_id = id.replace(vendorProductRE, function (_, a, b) {
+    var expanded_id = id.replace(vendorProductRE, (_, a, b) => {
         return (
             "000".slice(a.length - 1) + a + "-" +
             "000".slice(b.length - 1) + b + "-"
         );
     });
-    var sparse_id = id.replace(vendorProductRE, function (_, a, b) {
+    var sparse_id = id.replace(vendorProductRE, (_, a, b) => {
         return (
             a.replace(leadingZeroRE, "") + "-" +
             b.replace(leadingZeroRE, "") + "-"
@@ -69,7 +69,7 @@ function addMapping(id, mapping) {
     });
 
     // Normalize optional parameters
-    mapping.analog = mapping.analog || mapping.buttons.map(function () {
+    mapping.analog = mapping.analog || mapping.buttons.map(() => {
         return -1;
     });
     mapping.normalize_fn = mapping.normalize_fn || function (value) { return value; };
@@ -132,7 +132,7 @@ var updateEventHandler;
             "normalize_fn" : ouyaNormalizeFn
         }
     ]
-].forEach(function (value) {
+].forEach((value) => {
     addMapping(value[0], value[1]);
 });
 
@@ -144,7 +144,7 @@ var updateGamepads = function () {
     var gamepads = navigator.getGamepads();
 
     // Trigger button bindings
-    Object.keys(bindings).forEach(function (index) {
+    Object.keys(bindings).forEach((index) => {
         var gamepad = gamepads[index];
         if (!gamepad) {
             return;
@@ -158,7 +158,7 @@ var updateGamepads = function () {
         var binding = bindings[index];
 
         // Iterate all buttons that have active bindings
-        Object.keys(binding.buttons).forEach(function (button) {
+        Object.keys(binding.buttons).forEach((button) => {
             var last = binding.buttons[button];
             var mapped_button = button;
             var mapped_axis = -1;
@@ -205,7 +205,7 @@ var updateGamepads = function () {
         });
 
         // Iterate all axes that have active bindings
-        Object.keys(binding.axes).forEach(function (axis) {
+        Object.keys(binding.axes).forEach((axis) => {
             var last = binding.axes[axis];
             var mapped_axis = axis;
 
@@ -260,14 +260,14 @@ var updateGamepads = function () {
 
 // gamepad connected callback
 if (globalThis.navigator && typeof globalThis.navigator.getGamepads === "function") {
-    globalThis.addEventListener("gamepadconnected", function (e) {
+    globalThis.addEventListener("gamepadconnected", (e) => {
         event.emit(event.GAMEPAD_CONNECTED, e.gamepad);
     }, false);
 
     /*
      * gamepad disconnected callback
      */
-    globalThis.addEventListener("gamepaddisconnected", function (e) {
+    globalThis.addEventListener("gamepaddisconnected", (e) => {
         event.emit(event.GAMEPAD_DISCONNECTED, e.gamepad);
     }, false);
 }
@@ -422,7 +422,7 @@ export function bindGamepad(index, button, keyCode) {
             };
         }
     }
-};
+}
 
 /**
  * unbind the defined keycode
@@ -439,7 +439,7 @@ export function unbindGamepad(index, button) {
         throw new Error("no bindings for gamepad " + index);
     }
     bindings[index].buttons[button] = {};
-};
+}
 
 /**
  * Set deadzone for analog gamepad inputs<br>
@@ -451,7 +451,7 @@ export function unbindGamepad(index, button) {
  */
 export function setGamepadDeadzone(value) {
     deadzone = value;
-};
+}
 
 /**
  * specify a custom mapping for a specific gamepad id<br>

package/src/input/keyboard.js

@@ -324,7 +324,7 @@ export function initKeyboardEvent() {
             keyBoardEventTarget.addEventListener("keyup", keyUpEvent, false);
         }
     }
-};
+}
 
 /**
  * return the key press status of the specified action
@@ -349,7 +349,7 @@ export function isKeyPressed(action) {
         return true;
     }
     return false;
-};
+}
 
 /**
  * return the key status of the specified action
@@ -361,7 +361,7 @@ export function isKeyPressed(action) {
  */
 export function keyStatus(action) {
     return (_keyStatus[action] > 0);
-};
+}
 
 
 /**
@@ -383,7 +383,7 @@ export function triggerKeyEvent(keycode, status, mouseButton) {
     else {
         keyUpEvent({}, keycode, mouseButton);
     }
-};
+}
 
 
 /**
@@ -410,7 +410,7 @@ export function bindKey(keycode, action, lock, preventDefault = preventDefaultAc
     _keyLock[action] = lock ? lock : false;
     _keyLocked[action] = false;
     _keyRefs[action] = {};
-};
+}
 
 /**
  * return the action associated with the given keycode
@@ -422,7 +422,7 @@ export function bindKey(keycode, action, lock, preventDefault = preventDefaultAc
  */
 export function getBindingKey(keycode) {
     return _keyBindings[keycode];
-};
+}
 
 /**
  * unlock a key manually
@@ -438,7 +438,7 @@ export function getBindingKey(keycode) {
  */
 export function unlockKey(action) {
     _keyLocked[action] = false;
-};
+}
 
 /**
  * unbind the defined keycode
@@ -458,4 +458,4 @@ export function unbindKey(keycode) {
     // remove the key binding
     _keyBindings[keycode] = null;
     _preventDefaultForKeys[keycode] = null;
-};
+}

package/src/input/pointer.js

@@ -381,6 +381,6 @@ class Pointer extends Bounds {
             this.width = this.height = 1;
         }
     }
-};
+}
 
 export default Pointer;