@vpmedia/phaser 1.68.0 → 1.69.0

package/README.md

@@ -1,6 +1,6 @@
 # @vpmedia/phaser
 
-[![npm version](https://badge.fury.io/js/@vpmedia%2Fphaser.svg?v=1.68.0)](https://badge.fury.io/js/@vpmedia%2Fphaser)
+[![npm version](https://badge.fury.io/js/@vpmedia%2Fphaser.svg?v=1.69.0)](https://badge.fury.io/js/@vpmedia%2Fphaser)
 [![Node.js CI](https://github.com/vpmedia/phaser/actions/workflows/ci.yml/badge.svg)](https://github.com/vpmedia/phaser/actions/workflows/ci.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.68.0",
+  "version": "1.69.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",
@@ -22,6 +22,10 @@
   "main": "./src/index.js",
   "types": "./types/index.d.ts",
   "type": "module",
+  "dependencies": {
+    "@vpmedia/simplify": "^1.14.0",
+    "uuid": "^11.0.3"
+  },
   "devDependencies": {
     "@eslint/js": "^9.15.0",
     "@jest/globals": "^29.7.0",
@@ -48,8 +52,5 @@
     "> 0.5%",
     "not dead",
     "not op_mini all"
-  ],
-  "dependencies": {
-    "@vpmedia/simplify": "^1.14.0"
-  }
+  ]
 }

package/src/phaser/core/animation_parser.js

@@ -12,7 +12,7 @@ import { FrameData } from './frame_data.js';
  * @param {number} spacing - TBD.
  * @returns {object} TBD.
  */
-export function spriteSheet(game, key, frameWidth, frameHeight, frameMax, margin, spacing) {
+export const spriteSheet = (game, key, frameWidth, frameHeight, frameMax, margin, spacing) => {
   let img = key;
   if (typeof key === 'string') {
     img = game.cache.getImage(key);
@@ -54,7 +54,7 @@ export function spriteSheet(game, key, frameWidth, frameHeight, frameMax, margin
     }
   }
   return data;
-}
+};
 
 /**
  * TBD.
@@ -62,7 +62,7 @@ export function spriteSheet(game, key, frameWidth, frameHeight, frameMax, margin
  * @param {object} json - TBD.
  * @returns {object} TBD.
  */
-export function JSONDataHash(game, json) {
+export const JSONDataHash = (game, json) => {
   if (!json.frames) {
     game.logger.warn('JSONDataHash: Invalid Texture Atlas JSON given, missing frames object', json);
     return null;
@@ -93,4 +93,4 @@ export function JSONDataHash(game, json) {
     i += 1;
   }
   return data;
-}
+};

package/src/phaser/core/device_util.js

@@ -9,15 +9,15 @@ const logger = new Logger('device');
  * @param {string} type - TBD.
  * @returns {boolean} TBD.
  */
-export function canPlayAudio(device, type) {
+export const canPlayAudio = (device, type) => {
   return device.supportedAudioFormats[type] === true;
-}
+};
 
 /**
  * TBD.
  * @param {Device} device - TBD.
  */
-export function checkOS(device) {
+export const checkOS = (device) => {
   const ua = navigator.userAgent;
   if (/Android/.test(ua)) {
     device.android = true;
@@ -48,13 +48,13 @@ export function checkOS(device) {
   if (device.android || device.iOS || device.windowsPhone || (/Windows NT/i.test(ua) && /Touch/i.test(ua))) {
     device.desktop = false;
   }
-}
+};
 
 /**
  * TBD.
  * @param {Device} device - TBD.
  */
-export function checkInput(device) {
+export const checkInput = (device) => {
   if (
     'ontouchstart' in document.documentElement ||
     (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints >= 1)
@@ -68,13 +68,13 @@ export function checkInput(device) {
   if ('onwheel' in window || 'WheelEvent' in window) {
     device.wheelEvent = 'wheel';
   }
-}
+};
 
 /**
  * TBD.
  * @param {Device} device - TBD.
  */
-export function checkFullScreenSupport(device) {
+export const checkFullScreenSupport = (device) => {
   const fs = [
     'requestFullscreen',
     'requestFullScreen',
@@ -114,13 +114,13 @@ export function checkFullScreenSupport(device) {
       device.fullscreenKeyboard = true;
     }
   }
-}
+};
 
 /**
  * TBD.
  * @param {Device} device - TBD.
  */
-export function checkBrowser(device) {
+export const checkBrowser = (device) => {
   const ua = navigator.userAgent;
   if (/Edge\/\d+/.test(ua)) {
     device.edge = true;
@@ -131,7 +131,7 @@ export function checkBrowser(device) {
   } else if (/Safari\/(\d+)/.test(ua) && !device.windowsPhone) {
     device.safari = true;
   }
-}
+};
 
 /**
  * Check for codec support.
@@ -175,7 +175,7 @@ export const isMediaSourceTypeSupported = (type) => {
  * @see https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements
  * @see https://bit.ly/iphoneoscodecs
  */
-export function checkAudio(device) {
+export const checkAudio = (device) => {
   const audioElement = document.createElement('audio');
   const formats = [
     { type: 'ogg', codecs: ['audio/ogg; codecs="vorbis"'] },
@@ -194,13 +194,13 @@ export function checkAudio(device) {
       }
     }
   }
-}
+};
 
 /**
  * TBD.
  * @param {Device} device - TBD.
  */
-export function checkImage(device) {
+export const checkImage = (device) => {
   try {
     const avif = new Image();
     avif.src =
@@ -222,25 +222,25 @@ export function checkImage(device) {
     const typedError = error instanceof Error ? error : new Error(String(error));
     logger.exception('checkImage error with webp', typedError);
   }
-}
+};
 
 /**
  * TBD.
  * @param {Device} device - TBD.
  */
-export function initialize(device) {
+export const initialize = (device) => {
   checkOS(device);
   checkBrowser(device);
   checkAudio(device);
   // checkImage(device);
   checkFullScreenSupport(device);
   checkInput(device);
-}
+};
 
 /**
  * TBD.
  * @returns {Device} TBD.
  */
-export function createDevice() {
+export const createDevice = () => {
   return new Device();
-}
+};

package/src/phaser/core/frame_util.js

@@ -7,11 +7,11 @@ import { FrameData } from './frame_data.js';
  * @param {Frame} output - TBD.
  * @returns {Frame} TBD.
  */
-export function cloneFrame(frame, output = null) {
+export const cloneFrame = (frame, output = null) => {
   const result = output || new Frame(frame.index, frame.x, frame.y, frame.width, frame.height);
   result.initialize(frame.index, frame.x, frame.y, frame.width, frame.height);
   return result;
-}
+};
 
 /**
  * TBD.
@@ -19,10 +19,10 @@ export function cloneFrame(frame, output = null) {
  * @param {FrameData} output - TBD.
  * @returns {FrameData} TBD.
  */
-export function cloneFrameData(frameData, output = null) {
+export const cloneFrameData = (frameData, output = null) => {
   const result = output || new FrameData();
   for (let i = 0; i < frameData.total; i += 1) {
     result.addFrame(frameData.getFrame(i).clone());
   }
   return result;
-}
+};

package/src/phaser/core/loader_parser.js

@@ -7,13 +7,13 @@ import { Rectangle } from '../geom/rectangle.js';
  * @param {object} bitmapFontData - TBD.
  * @returns {object} TBD.
  */
-export function finalizeBitmapFont(baseTexture, bitmapFontData) {
+export const finalizeBitmapFont = (baseTexture, bitmapFontData) => {
   Object.keys(bitmapFontData.chars).forEach((charCode) => {
     const letter = bitmapFontData.chars[charCode];
     letter.texture = new Texture(baseTexture, new Rectangle(letter.x, letter.y, letter.width, letter.height));
   });
   return bitmapFontData;
-}
+};
 
 /**
  * TBD.
@@ -23,7 +23,7 @@ export function finalizeBitmapFont(baseTexture, bitmapFontData) {
  * @param {number} ySpacing - TBD.
  * @returns {object} TBD.
  */
-export function xmlBitmapFont(xml, baseTexture, xSpacing, ySpacing) {
+export const xmlBitmapFont = (xml, baseTexture, xSpacing, ySpacing) => {
   const data = {};
   const info = xml.getElementsByTagName('info')[0];
   const common = xml.getElementsByTagName('common')[0];
@@ -53,7 +53,7 @@ export function xmlBitmapFont(xml, baseTexture, xSpacing, ySpacing) {
     data.chars[second].kerning[first] = amount;
   }
   return finalizeBitmapFont(baseTexture, data);
-}
+};
 
 /**
  * TBD.
@@ -63,9 +63,9 @@ export function xmlBitmapFont(xml, baseTexture, xSpacing, ySpacing) {
  * @param {number} ySpacing - TBD.
  * @returns {object} TBD.
  */
-export function bitmapFont(xml, baseTexture, xSpacing, ySpacing) {
+export const bitmapFont = (xml, baseTexture, xSpacing, ySpacing) => {
   return xmlBitmapFont(xml, baseTexture, xSpacing, ySpacing);
-}
+};
 
 /**
  * TBD.
@@ -75,7 +75,7 @@ export function bitmapFont(xml, baseTexture, xSpacing, ySpacing) {
  * @param {number} ySpacing - TBD.
  * @returns {object} TBD.
  */
-export function jsonBitmapFont(json, baseTexture, xSpacing, ySpacing) {
+export const jsonBitmapFont = (json, baseTexture, xSpacing, ySpacing) => {
   const data = {
     font: json.font.info._face,
     size: parseInt(json.font.info._size, 10),
@@ -101,4 +101,4 @@ export function jsonBitmapFont(json, baseTexture, xSpacing, ySpacing) {
     });
   }
   return finalizeBitmapFont(baseTexture, data);
-}
+};

package/src/phaser/display/canvas/graphics.js

@@ -1,10 +1,10 @@
-import { GEOM_POLYGON, GEOM_RECTANGLE, GEOM_CIRCLE, GEOM_ELLIPSE, GEOM_ROUNDED_RECTANGLE } from '../../core/const.js';
+import { GEOM_CIRCLE, GEOM_ELLIPSE, GEOM_POLYGON, GEOM_RECTANGLE, GEOM_ROUNDED_RECTANGLE } from '../../core/const.js';
 
 /**
  * TBD.
  * @param {object} graphics - TBD.
  */
-export function updateGraphicsTint(graphics) {
+export const updateGraphicsTint = (graphics) => {
   if (graphics.tint === 0xffffff) {
     return;
   }
@@ -24,14 +24,14 @@ export function updateGraphicsTint(graphics) {
       (((((lineColor >> 8) & 0xff) / 255) * tintG * 255) << 8) +
       ((lineColor & 0xff) / 255) * tintB * 255;
   }
-}
+};
 
 /**
  * TBD.
  * @param {object} graphics - TBD.
  * @param {object} context - TBD.
  */
-export function renderGraphics(graphics, context) {
+export const renderGraphics = (graphics, context) => {
   const worldAlpha = graphics.worldAlpha;
   if (graphics.dirty) {
     updateGraphicsTint(graphics);
@@ -153,14 +153,14 @@ export function renderGraphics(graphics, context) {
       }
     }
   }
-}
+};
 
 /**
  * TBD.
  * @param {object} graphics - TBD.
  * @param {object} context - TBD.
  */
-export function renderGraphicsMask(graphics, context) {
+export const renderGraphicsMask = (graphics, context) => {
   const len = graphics.graphicsData.length;
   if (len === 0) {
     return;
@@ -224,4 +224,4 @@ export function renderGraphicsMask(graphics, context) {
       context.closePath();
     }
   }
-}
+};

package/src/phaser/display/canvas/masker.js

@@ -5,7 +5,7 @@ import { renderGraphicsMask } from './graphics.js';
  * @param {object} maskData - TBD.
  * @param {object} renderSession - TBD.
  */
-export function pushMask(maskData, renderSession) {
+export const pushMask = (maskData, renderSession) => {
   const context = renderSession.context;
   context.save();
   const cacheAlpha = maskData.alpha;
@@ -22,12 +22,12 @@ export function pushMask(maskData, renderSession) {
   renderGraphicsMask(maskData, context);
   context.clip();
   maskData.worldAlpha = cacheAlpha;
-}
+};
 
 /**
  * TBD.
  * @param {object} renderSession - TBD.
  */
-export function popMask(renderSession) {
+export const popMask = (renderSession) => {
   renderSession.context.restore();
-}
+};

package/src/phaser/display/canvas/pool.js

@@ -2,7 +2,7 @@
  * TBD.
  * @returns {object[]} TBD.
  */
-export function getPool() {
+export const getPool = () => {
   if (!window.PhaserRegistry) {
     window.PhaserRegistry = {};
   }
@@ -10,13 +10,13 @@ export function getPool() {
     window.PhaserRegistry.CANVAS_POOL = [];
   }
   return window.PhaserRegistry.CANVAS_POOL;
-}
+};
 
 /**
  * TBD.
  * @returns {object} TBD.
  */
-export function getFirst() {
+export const getFirst = () => {
   const pool = getPool();
   for (let i = 0; i < pool.length; i += 1) {
     if (!pool[i].parent) {
@@ -24,13 +24,13 @@ export function getFirst() {
     }
   }
   return -1;
-}
+};
 
 /**
  * TBD.
  * @param {object} parent - TBD.
  */
-export function remove(parent) {
+export const remove = (parent) => {
   const pool = getPool();
   for (let i = 0; i < pool.length; i += 1) {
     if (pool[i].parent === parent) {
@@ -39,13 +39,13 @@ export function remove(parent) {
       pool[i].canvas.height = 1;
     }
   }
-}
+};
 
 /**
  * TBD.
  * @param {HTMLCanvasElement} canvas - TBD.
  */
-export function removeByCanvas(canvas) {
+export const removeByCanvas = (canvas) => {
   const pool = getPool();
   for (let i = 0; i < pool.length; i += 1) {
     if (pool[i].canvas === canvas) {
@@ -54,13 +54,13 @@ export function removeByCanvas(canvas) {
       pool[i].canvas.height = 1;
     }
   }
-}
+};
 
 /**
  * TBD.
  * @returns {number} TBD.
  */
-export function getTotal() {
+export const getTotal = () => {
   const pool = getPool();
   let c = 0;
   for (let i = 0; i < pool.length; i += 1) {
@@ -69,13 +69,13 @@ export function getTotal() {
     }
   }
   return c;
-}
+};
 
 /**
  * TBD.
  * @returns {number} TBD.
  */
-export function getFree() {
+export const getFree = () => {
   const pool = getPool();
   let c = 0;
   for (let i = 0; i < pool.length; i += 1) {
@@ -84,7 +84,7 @@ export function getFree() {
     }
   }
   return c;
-}
+};
 
 /**
  * TBD.
@@ -94,7 +94,7 @@ export function getFree() {
  * @param {boolean} skipPool - TBD.
  * @returns {HTMLCanvasElement} TBD.
  */
-export function create(parent, width, height, skipPool = false) {
+export const create = (parent, width, height, skipPool = false) => {
   if (parent === undefined) {
     console.warn('Created CanvasPool element with undefined parent.');
   }
@@ -117,4 +117,4 @@ export function create(parent, width, height, skipPool = false) {
     canvas.height = height;
   }
   return canvas;
-}
+};

package/src/phaser/display/canvas/tinter.js

@@ -7,11 +7,11 @@ import { create, removeByCanvas } from './pool.js';
  * @param {object} color - TBD.
  * @returns {object} TBD.
  */
-export function getTintedTexture(sprite, color) {
+export const getTintedTexture = (sprite, color) => {
   const canvas = sprite.tintedTexture || create('CanvasTinter', 1, 1);
   window.PhaserRegistry.CANVAS_TINT_METHOD(sprite.texture, color, canvas);
   return canvas;
-}
+};
 
 /**
  * TBD.
@@ -19,7 +19,7 @@ export function getTintedTexture(sprite, color) {
  * @param {object} color - TBD.
  * @param {HTMLCanvasElement} canvas - TBD.
  */
-export function tintWithMultiply(texture, color, canvas) {
+export const tintWithMultiply = (texture, color, canvas) => {
   const context = canvas.getContext('2d', { willReadFrequently: false });
   const crop = texture.crop;
   if (canvas.width !== crop.width || canvas.height !== crop.height) {
@@ -33,7 +33,7 @@ export function tintWithMultiply(texture, color, canvas) {
   context.drawImage(texture.baseTexture.source, crop.x, crop.y, crop.width, crop.height, 0, 0, crop.width, crop.height);
   context.globalCompositeOperation = 'destination-atop';
   context.drawImage(texture.baseTexture.source, crop.x, crop.y, crop.width, crop.height, 0, 0, crop.width, crop.height);
-}
+};
 
 /**
  * TBD.
@@ -41,7 +41,7 @@ export function tintWithMultiply(texture, color, canvas) {
  * @param {object} color - TBD.
  * @param {HTMLCanvasElement} canvas - TBD.
  */
-export function tintWithPerPixel(texture, color, canvas) {
+export const tintWithPerPixel = (texture, color, canvas) => {
   const context = canvas.getContext('2d', { willReadFrequently: false });
   const crop = texture.crop;
   canvas.width = crop.width;
@@ -67,15 +67,14 @@ export function tintWithPerPixel(texture, color, canvas) {
     }
   }
   context.putImageData(pixelData, 0, 0);
-}
+};
 
 /**
  * TBD.
- * @param {import('../../core/game.js').Game} game - TBD.
  * @returns {boolean} TBD.
  * @throws {Error} TBD.
  */
-export function checkInverseAlpha(game) {
+export const checkInverseAlpha = () => {
   // Check for DOM
   if (document === undefined) {
     throw new Error('Error getting Document for checkInverseAlpha()');
@@ -110,15 +109,14 @@ export function checkInverseAlpha(game) {
   return (
     s2.data[0] === s1.data[0] && s2.data[1] === s1.data[1] && s2.data[2] === s1.data[2] && s2.data[3] === s1.data[3]
   );
-}
+};
 
 /**
  * TBD.
- * @param {import('../../core/game.js').Game} game - TBD.
  * @returns {boolean} TBD.
  * @throws {Error} TBD.
  */
-export function canUseNewCanvasBlendModes(game) {
+export const canUseNewCanvasBlendModes = () => {
   // Check for DOM
   if (document === undefined) {
     throw new Error('Error getting Document for canUseNewCanvasBlendModes()');
@@ -153,24 +151,24 @@ export function canUseNewCanvasBlendModes(game) {
   removeByCanvas(canvas);
   // Compare and return
   return data[0] === 255 && data[1] === 0 && data[2] === 0;
-}
+};
 
 /**
  * TBD.
  * @param {import('../../core/game.js').Game} game - TBD.
  */
-export function detectCapabilities(game) {
+export const detectCapabilities = (game) => {
   if (!window.PhaserRegistry) {
     window.PhaserRegistry = {};
   }
   try {
-    window.PhaserRegistry.CAN_CANVAS_HANDLE_ALPHA = checkInverseAlpha(game);
+    window.PhaserRegistry.CAN_CANVAS_HANDLE_ALPHA = checkInverseAlpha();
   } catch (error) {
     game.exceptionHandler(error);
     window.PhaserRegistry.CAN_CANVAS_HANDLE_ALPHA = false;
   }
   try {
-    window.PhaserRegistry.CAN_CANVAS_USE_MULTIPLY = canUseNewCanvasBlendModes(game);
+    window.PhaserRegistry.CAN_CANVAS_USE_MULTIPLY = canUseNewCanvasBlendModes();
   } catch (error) {
     game.exceptionHandler(error);
     window.PhaserRegistry.CAN_CANVAS_USE_MULTIPLY = false;
@@ -178,4 +176,4 @@ export function detectCapabilities(game) {
   window.PhaserRegistry.CANVAS_TINT_METHOD = window.PhaserRegistry.CAN_CANVAS_USE_MULTIPLY
     ? tintWithMultiply
     : tintWithPerPixel;
-}
+};