Update to Node 22, image-webpack-loader 8.1.0

ubiq · Dec 17, 2024 · f384f5d · f384f5d
1 parent d148229
commit f384f5d
Show file tree

Hide file tree

Showing 4 changed files with 2,546 additions and 526 deletions.
diff --git a/devenv.nix b/devenv.nix
@@ -6,4 +6,10 @@
     package = pkgs.nodejs_22;
     yarn.enable = true;
   };
+
+  packages = [
+    pkgs.autoreconfHook
+    pkgs.nasm
+    pkgs.zlib
+  ];
 }
diff --git a/package.json b/package.json
@@ -1,14 +1,14 @@
 {
-  "name": "Pyrus",
+  "name": "pyrus",
   "author": "Ubiq",
   "version": "2.2.5",
   "main": "main.js",
   "description": "Pyrus is a free, open-source interface for interacting with the blockchain",
   "repository": "https://github.com/ubiq/pyrus",
   "engines": {
-    "node": ">= 12.14.1",
-    "npm": ">= 6.4.1",
-    "yarn": ">= 1.19.1"
+    "node": ">= 22.10.0",
+    "npm": ">= 10.9.0",
+    "yarn": ">= 1.22.2"
   },
   "dependencies": {
     "@ethersproject/abstract-provider": "5.5.1",
@@ -176,7 +176,7 @@
     "html-webpack-plugin": "3.2.0",
     "husky": "4.2.5",
     "ignore-loader": "0.1.2",
-    "image-webpack-loader": "6.0.0",
+    "image-webpack-loader": "8.1.0",
     "isomorphic-fetch": "2.2.1",
     "jest": "26.0.1",
     "jest-canvas-mock": "2.2.0",
@@ -219,7 +219,7 @@
     "worker-loader": "2.0.0"
   },
   "scripts": {
-    "build": "cross-env TARGET_ENV=default webpack --config webpack_config/production.js",
+    "build": "cross-env NODE_OPTIONS=--openssl-legacy-provider TARGET_ENV=default webpack --config webpack_config/production.js",
     "build:staging": "cross-env TARGET_ENV=staging webpack --config webpack_config/production.js",
     "prebuild": "check-node-version --package",
     "test": "jest --config=jest_config/jest.config.json",

diff --git a/webpack_config/common.js b/webpack_config/common.js
@@ -148,7 +148,11 @@ module.exports = {
             options: {
               bypassOnDebug: true,
               optipng: {
-                optimizationLevel: 4
+                enabled: false
+              },
+              pngquant: {
+                quality: [0.65, 0.9],
+                speed: 4
               },
               gifsicle: {
                 interlaced: true
@@ -159,13 +163,16 @@ module.exports = {
               svgo: {
                 plugins: [
                   {
-                    removeViewBox: true
+                    name: 'removeViewBox',
+                    active: true
                   },
                   {
-                    removeEmptyAttrs: false
+                    name: 'removeEmptyAttrs',
+                    active: false
                   },
                   {
-                    sortAttrs: true
+                    name: 'sortAttrs',
+                    active: true
                   }
                 ]
               }