@vpmedia/phaser 1.76.0 → 1.77.0

package/README.md

@@ -1,6 +1,6 @@
 # @vpmedia/phaser
 
-[![npm version](https://badge.fury.io/js/@vpmedia%2Fphaser.svg?v=1.76.0)](https://badge.fury.io/js/@vpmedia%2Fphaser)
+[![npm version](https://badge.fury.io/js/@vpmedia%2Fphaser.svg?v=1.77.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/lefthook.yml

@@ -1,7 +1,3 @@
-# Copyright (c) Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
-# author: Andras Csizmadia <andras@vpmedia.hu>
-# see: https://github.com/evilmartians/lefthook/blob/master/docs/configuration.md
-
 pre-commit:
   parallel: false
   commands:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vpmedia/phaser",
-  "version": "1.76.0",
+  "version": "1.77.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",
@@ -23,34 +23,32 @@
   "types": "./types/index.d.ts",
   "type": "module",
   "dependencies": {
-    "@vpmedia/simplify": "^1.16.0",
-    "uuid": "^11.0.3"
+    "@vpmedia/simplify": "^1.17.0",
+    "uuid": "^11.1.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.16.0",
+    "@eslint/js": "^9.21.0",
     "@jest/globals": "^29.7.0",
     "@types/jest": "^29.5.14",
-    "eslint": "^9.16.0",
-    "eslint-plugin-jsdoc": "^50.6.0",
-    "eslint-plugin-unicorn": "^56.0.1",
-    "globals": "^15.13.0",
+    "eslint": "^9.23.0",
+    "eslint-plugin-jsdoc": "^50.6.8",
+    "eslint-plugin-unicorn": "^57.0.0",
+    "globals": "^16.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "lefthook": "^1.8.5",
-    "prettier": "^3.4.1",
-    "typescript": "^5.7.2"
+    "prettier": "^3.5.3",
+    "typescript": "^5.8.2"
   },
   "scripts": {
     "test": "NODE_OPTIONS=--experimental-vm-modules jest --passWithNoTests",
     "lint": "eslint \"**/*.{js,jsx}\"",
     "typecheck": "tsc",
-    "format": "prettier --write \"./**/*.{js,jsx,mjs,cjs,ts,tsx,json,md,css}\"",
-    "lefthook:install": "lefthook install",
-    "lefthook:uninstall": "lefthook uninstall"
+    "format": "prettier --write \"./**/*.{js,jsx,mjs,cjs,ts,tsx,json,md,css}\""
   },
   "browserslist": [
     "> 0.5%",
     "not dead",
-    "not op_mini all"
+    "not op_mini all",
+    "iOS >= 14"
   ]
 }

package/src/phaser/display/text.js

@@ -153,7 +153,10 @@ export class Text extends Image {
     const lineWidths = [];
     let lineWidth = 0;
     let maxLineWidth = 0;
-    const fontProperties = this.determineFontProperties(this.style.font);
+    let fontProperties = this.determineFontProperties(this.style.font);
+    if (!fontProperties.fontSize) {
+      fontProperties = this.determineFontPropertiesFallback(this.style.font);
+    }
     let drawnLines = lines.length;
     if (this.style.maxLines > 0 && this.style.maxLines < lines.length) {
       drawnLines = this.style.maxLines;
@@ -894,12 +897,37 @@ export class Text extends Image {
     return window.PhaserRegistry.fontPropertiesContext;
   }
 
+  /**
+   * TBD.
+   * @param {string} font - TBD.
+   * @returns {object} TBD.
+   */
+  determineFontProperties(font) {
+    const fontPropertiesCache = this.getFontPropertiesCache();
+    let properties = fontPropertiesCache[font];
+    if (properties) {
+      return properties;
+    }
+    const METRICS_STRING = '|ÉqÅ';
+    const BASELINE_SYMBOL = 'M';
+    /** @type {CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D} */
+    const context = this.getFontPropertiesContext();
+    context.font = font;
+    const metrics = context.measureText(METRICS_STRING + BASELINE_SYMBOL);
+    properties = {
+      ascent: Math.ceil(metrics.actualBoundingBoxAscent),
+      descent: Math.ceil(metrics.actualBoundingBoxDescent),
+      fontSize: Math.ceil(metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent),
+    };
+    return properties;
+  }
+
   /**
    * TBD.
    * @param {string} fontStyle - TBD.
    * @returns {object} TBD.
    */
-  determineFontProperties(fontStyle) {
+  determineFontPropertiesFallback(fontStyle) {
     const fontPropertiesCache = this.getFontPropertiesCache();
     let properties = fontPropertiesCache[fontStyle];
     if (!properties) {
@@ -936,7 +964,8 @@ export class Text extends Image {
       // ascent. scan from top to bottom until we find a non red pixel
       for (i = 0; i < baseline; i += 1) {
         for (j = 0; j < line; j += 4) {
-          if (imagedata[idx + j] !== 255) {
+          // firefox returns 253 for red pixel
+          if (imagedata[idx + j] < 253) {
             stop = true;
             break;
           }
@@ -953,7 +982,8 @@ export class Text extends Image {
       // descent. scan from bottom to top until we find a non red pixel
       for (i = height; i > baseline; i -= 1) {
         for (j = 0; j < line; j += 4) {
-          if (imagedata[idx + j] !== 255) {
+          // firefox returns 253 for red pixel
+          if (imagedata[idx + j] < 253) {
             stop = true;
             break;
           }