chore: upgrade webpack encore from 4.7 to 7.2

.nvmrc

@@ -1 +1 @@
-18
+24

deploy.php

@@ -51,7 +51,7 @@ $rsyncOptions = [
         'phpunit.xml.dist',
         'public/.htaccess',
         'tailwind.config.js',
-        'webpack.config.js',
+        'webpack.config.mjs',
         'rapidapi.paw',
         'bin/.phpunit',
         'temp/*',

package.json

@@ -1,23 +1,24 @@
 {
     "name": "myep-team",
     "dependencies": {
-        "@babel/core": "^7.17.0",
+        "@babel/core": "^8.0.0",
-        "@babel/preset-env": "^7.16.0",
+        "@babel/preset-env": "^8.0.0",
         "@hotwired/stimulus": "^3.0.0",
         "@symfony/stimulus-bridge": "^3.2.0",
-        "@symfony/webpack-encore": "^4.0.0",
+        "@symfony/webpack-encore": "^7.2.0",
         "@tailwindcss/forms": "^0.5.6",
         "@tailwindcss/postcss": "^4.3.3",
         "@trevoreyre/autocomplete-js": "^2.4.1",
+        "babel-plugin-polyfill-corejs3": "^1.0.0",
         "chart.js": "^4.5.1",
-        "core-js": "^3.23.0",
+        "core-js": "^3.50.0",
         "dropzone": "^6.0.0-beta.2",
-        "file-loader": "^6.2.0",
         "flatpickr": "^4.6.13",
         "htmx.org": "^2.0.11",
+        "lightningcss": "^1.32.0",
         "mjml": "^4.15.3",
         "postcss": "^8.4.29",
-        "postcss-loader": "^7.3.3",
+        "postcss-loader": "^8.1.1",
         "pretty-bytes": "^6.1.1",
         "regenerator-runtime": "^0.13.9",
         "sortablejs": "^1.15.0",
@@ -25,13 +26,12 @@
         "tailwindcss": "^4.3.3",
         "tippy.js": "^6.3.7",
         "toastify-js": "^1.12.0",
-        "webpack": "^5.74.0",
+        "webpack": "^5.101.0",
-        "webpack-cli": "^4.10.0"
+        "webpack-cli": "^7.0.0"
     },
     "license": "UNLICENSED",
     "private": true,
     "scripts": {
-        "dev-server": "encore dev-server",
         "dev": "encore dev",
         "watch": "encore dev --watch",
         "build": "encore production --progress",

webpack.config.mjs

@@ -1,4 +1,4 @@
-const Encore = require('@symfony/webpack-encore');
+import Encore from '@symfony/webpack-encore';
 
 // Manually configure the runtime environment if not already configured yet by the "encore" command.
 // It's useful when you use tools that rely on webpack.config.js file.
@@ -50,17 +50,15 @@ Encore
     //     config.plugins.push('@babel/a-babel-plugin');
     // })
 
-    // enables and configure @babel/preset-env polyfills
+    // adds the core-js polyfills the code uses (Babel 8 dropped useBuiltIns/corejs for this)
-    .configureBabelPresetEnv((config) => {
+    .configureBabel((config) => {
-        config.useBuiltIns = 'usage';
+        config.plugins.push(['babel-plugin-polyfill-corejs3', { method: 'usage-global', version: '3.50' }]);
-        config.corejs = '3.23';
     })
 
     .enablePostCssLoader()
 
-    // postcss-calc cannot parse Tailwind 4's calc(infinity * 1px) and warns on every build
+    .configureCssMinimizerPlugin((options, MinimizerPlugin) => {
-    .configureCssMinimizerPlugin((options) => {
+        options.minify = MinimizerPlugin.lightningCssMinify;
-        options.minimizerOptions = { preset: ['default', { calc: false }] };
     })
 
     // enables Sass/SCSS support
@@ -84,4 +82,4 @@ Encore
     ])
 ;
 
-module.exports = Encore.getWebpackConfig();
+export default await Encore.getWebpackConfig();