Update utils/localization/generate-images

Author: botder

utils/localization/generate-images/README.md

@@ -2,11 +2,18 @@
 
 This tool can be used to automatically generate compressed main menu images for all locales.
 
+## Requirements
+
+- [Inter font](https://rsms.me/inter/)
+- [Chrome browser](https://www.google.com/chrome/)
+- [Node.JS](https://nodejs.org/en/download)
+
 ## Usage
 
 1. Run `git checkout l10n/master` to switch to the current Crowdin sync branch so you're working with the latest pending locales (make sure the branch is up to date with `git pull`)
 2. Run `cd utils/localization/generate-images`
 3. Run `npm ci` to install npm dependencies
-4. Run `npm start` to start the generator
-5. Run `git status` to confirm that all updated images have now been generated in the `/Shared/data/MTA San Andreas/MTA/locale` directory
-6. Commit the updated image files into the `l10n/master` branch
+4. Open `node_modules/@squoosh/lib/index.js` and remove `globalThis.navigator={hardwareConcurrency:os.cpus().length};` on line 30
+5. Run `npm start` to start the generator
+6. Run `git status` to confirm that all updated images have now been generated in the `/Shared/data/MTA San Andreas/MTA/locale` directory
+7. Commit the updated image files into the `l10n/master` branch

utils/localization/generate-images/index.mjs

@@ -35,7 +35,8 @@ import 'chromedriver';
 import {Browser, Builder} from 'selenium-webdriver';
 import chrome from 'selenium-webdriver/chrome.js';
 
-const driver = new Builder().forBrowser(Browser.CHROME).setChromeOptions(new chrome.Options().headless()).build();
+// https://www.selenium.dev/blog/2023/headless-is-going-away/
+const driver = new Builder().forBrowser(Browser.CHROME).setChromeOptions(new chrome.Options().addArguments('--headless=new')).build();
 
 await (async () => {
     try {
@@ -95,7 +96,8 @@ await (async () => {
             .map(dirent => dirent.name);
 
         await Promise.allSettled(pngs.map(async (filename) => {
-            const image = imagePool.ingestImage(`uncompressed/${locale}/${filename}`);
+            const file = await fs.readFile(`uncompressed/${locale}/${filename}`);
+            const image = imagePool.ingestImage(file);
 
             try {
                 await image.preprocess({ quant: { dither: 0.1, numColors: 8 } });