maint(Build): Use val-loader instead of the outdated webpack-modernizr-loader for Modernizr.

Author: thet

package.json

@@ -44,8 +44,9 @@
         "@patternslib/pat-tiptap": "^4.7.2",
         "@patternslib/pat-upload": "^3.1.1",
         "copy-webpack-plugin": "^11.0.0",
+        "modernizr": "^3.12.0",
         "pegjs": "0.11.0-master.b7b87ea",
-        "webpack-modernizr-loader": "^5.0.0"
+        "val-loader": "^5.0.1"
     },
     "resolutions": {
         "jquery": "3.6.2"

src/modernizr.js

@@ -0,0 +1,14 @@
+// From: https://github.com/webpack-contrib/val-loader#modernizr
+const modernizr = require("modernizr");
+
+module.exports = function (options) {
+    return new Promise(function (resolve) {
+        // It is impossible to throw an error because modernizr causes the process.exit(1)
+        modernizr.build(options, function (output) {
+            resolve({
+                cacheable: true,
+                code: `var modernizr; var hadGlobal = 'Modernizr' in window; var oldGlobal = window.Modernizr; ${output} modernizr = window.Modernizr; if (hadGlobal) { window.Modernizr = oldGlobal; } else { delete window.Modernizr; } export default modernizr;`,
+            });
+        });
+    });
+};

src/patterns.js

@@ -79,7 +79,7 @@ import "@patternslib/pat-upload";
 // You might want to disable it for your project by setting:
 // window.__patternslib_disable_modernizr = true;
 if (!window.__patternslib_disable_modernizr) {
-    import("modernizr");
+    import("./modernizr");
 }
 
 registry.init();

webpack/webpack.config.js

@@ -5,6 +5,7 @@ const mf_config = require("@patternslib/dev/webpack/webpack.mf");
 const package_json = require("../package.json");
 const path = require("path");
 const webpack_config = require("@patternslib/dev/webpack/webpack.config").config;
+const modernizr_config = require("../.modernizrrc.js");
 
 module.exports = () => {
     let config = {
@@ -22,12 +23,14 @@ module.exports = () => {
 
     // Modernizr
     config.module.rules.push({
-        test: /\.modernizrrc\.js$/,
-        loader: "webpack-modernizr-loader",
+        test: path.resolve(__dirname, "../src/modernizr.js"),
+        use: [
+            {
+                loader: "val-loader",
+                options: modernizr_config,
+            },
+        ],
     });
-    config.resolve.alias = {
-        modernizr$: path.resolve(__dirname, "../.modernizrrc.js"),
-    };
 
     // Module federation
     config.plugins.push(