@nitro/webpack 7.2.5 → 7.4.0

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@nitro/webpack",
-  "version": "7.2.5",
+  "version": "7.4.0",
   "description": "nitro webpack",
   "license": "MIT",
   "author": "The Nitro Team",
   "engines": {
-    "node": ">=14.15.0 <17",
-    "npm": ">=6.14.8 <9"
+    "node": ">=14.15.0 <19",
+    "npm": ">=6.14.8 <10"
   },
   "scripts": {
     "lint": "eslint .",
@@ -23,18 +23,15 @@
     "nitro"
   ],
   "dependencies": {
-    "@babel/core": "7.21.0",
-    "@babel/preset-env": "7.20.2",
+    "@babel/core": "7.21.4",
+    "@babel/preset-env": "7.21.4",
     "@babel/preset-react": "7.18.6",
     "@babel/plugin-proposal-decorators": "7.21.0",
     "@babel/plugin-proposal-class-properties": "7.18.6",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
-    "autoprefixer": "10.4.13",
+    "autoprefixer": "10.4.14",
     "case-sensitive-paths-webpack-plugin": "2.4.0",
     "css-loader": "5.2.7",
-    "eslint": "7.32.0",
-    "eslint-webpack-plugin": "2.7.0",
-    "eslint-plugin-import": "2.27.5",
     "file-loader": "6.2.0",
     "handlebars-loader": "1.7.3",
     "iconfont-webpack-plugin": "5.0.1",
@@ -46,10 +43,8 @@
     "postcss": "8.4.21",
     "postcss-loader": "4.3.0",
     "resolve-url-loader": "5.0.0",
-    "sass": "1.58.3",
+    "sass": "1.60.0",
     "sass-loader": "10.4.1",
-    "stylelint": "14.16.1",
-    "stylelint-webpack-plugin": "2.4.0",
     "svgo": "3.0.2",
     "ts-config-webpack-plugin": "2.0.3",
     "typescript": "4.9.5",
@@ -65,7 +60,9 @@
     "imagemin-svgo": "9.0.0"
   },
   "devDependencies": {
-    "@merkle-open/eslint-config": "1.0.0"
+    "@merkle-open/eslint-config": "1.0.0",
+    "eslint": "7.32.0",
+    "eslint-plugin-import": "2.27.5"
   },
   "publishConfig": {
     "access": "public"

package/readme.md

@@ -11,13 +11,9 @@ Configurable and easy to use webpack 4 config for nitro projects.
 ```
 const options = {
     rules: {
-        js: {
-            eslint: false,
-        },
+        js: true,
         ts: false,
-        scss: {
-            stylelint: false,
-        },
+        scss: true,
         hbs: true,
         woff: true,
         font: false,
@@ -50,7 +46,6 @@ No loader rule is enabled by default. Activate following prepared rules you need
 Config:
 
 - `true` or `{}` activates JavaScript support
-- `{ eslint: true }` additionally adds eslint live linting feature (only relevant for development build)
 
 #### `options.rules.ts`
 
@@ -71,7 +66,6 @@ Config:
 Config:
 
 - `true` or `{}` will activate scss support
-- `{ stylelint: true }` additionally adds stylelint live linting feature (only relevant for development build)
 - `{ publicPath: '../' }` provide a separate public path for stylesheets. By default, webpack uses the value from 'output.publicPath'. (only relevant for production build)
 - `{ implementation: require('node-sass') }` gives the possibility to use 'node-sass' as sass implementation. (you have to add 'node-sass' as a dev-dependency in your project)
 
@@ -112,7 +106,7 @@ Config:
 - `{ exclude: [] }` additionally adds exclude config to rule
 
 ⚠ Please use this rule with care. You have to configure includes and exclude when you also use woff and/or image loader.
-Otherwise svg or woff files are processed with multiple configurations.
+Otherwise, svg or woff files are processed with multiple configurations.
 
 #### `options.rules.image`
 

package/webpack-config/webpack.config.dev.js

@@ -1,12 +1,11 @@
 const path = require('path');
 const fs = require('fs');
+const crypto = require('crypto');
 const webpack = require('webpack');
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
-const ESLintPlugin = require('eslint-webpack-plugin');
 const JsConfigWebpackPlugin = require('js-config-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const StyleLintPlugin = require('stylelint-webpack-plugin');
 const TsConfigWebpackPlugin = require('ts-config-webpack-plugin');
 const DynamicAliasResolverPlugin = require('../plugins/dynamicAliasResolver');
 const utils = require('../lib/utils');
@@ -14,6 +13,10 @@ const utils = require('../lib/utils');
 const hotMiddlewareScript = 'webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000&reload=true';
 const appDirectory = fs.realpathSync(process.cwd());
 
+// hack: OpenSSL 3 does not support md4 anymore, but legacy webpack 4 hardcoded it: https://github.com/webpack/webpack/issues/13572
+const crypto_orig_createHash = crypto.createHash;
+crypto.createHash = algorithm => crypto_orig_createHash(algorithm === 'md4' ? 'sha256' : algorithm);
+
 module.exports = (options = { rules: {}, features: {} }) => {
 	const webpackConfig = {
 		mode: 'development',
@@ -103,14 +106,6 @@ module.exports = (options = { rules: {}, features: {} }) => {
 	// js
 	if (options.rules.js) {
 		webpackConfig.plugins.push(new JsConfigWebpackPlugin({ babelConfigFile: './babel.config.js' }));
-
-		// eslint live validation
-		if (options.rules.js.eslint) {
-			const esLintPluginOptions = {
-				lintDirtyModulesOnly: true,
-			};
-			webpackConfig.plugins.push(new ESLintPlugin(esLintPluginOptions));
-		}
 	}
 
 	// typescript
@@ -177,20 +172,6 @@ module.exports = (options = { rules: {}, features: {} }) => {
 				filename: '[file].map',
 			})
 		);
-
-		// stylelint live validation
-		if (options.rules.scss.stylelint) {
-			webpackConfig.plugins.push(
-				new StyleLintPlugin({
-					files: ['src/**/*.?(s)css'],
-					// lintDirtyModulesOnly: true,
-					syntax: 'scss',
-					quiet: false,
-					failOnError: false,
-					emitErrors: true,
-				})
-			);
-		}
 	}
 
 	// handlebars precompiled templates

package/webpack-config/webpack.config.prod.js

@@ -1,5 +1,6 @@
 const path = require('path');
 const fs = require('fs');
+const crypto = require('crypto');
 const webpack = require('webpack');
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
@@ -11,6 +12,10 @@ const WebpackBar = require('webpackbar');
 const DynamicAliasResolverPlugin = require('../plugins/dynamicAliasResolver');
 const utils = require('../lib/utils');
 
+// hack: OpenSSL 3 does not support md4 anymore, but legacy webpack 4 hardcoded it: https://github.com/webpack/webpack/issues/13572
+const crypto_orig_createHash = crypto.createHash;
+crypto.createHash = algorithm => crypto_orig_createHash(algorithm === 'md4' ? 'sha256' : algorithm);
+
 const appDirectory = fs.realpathSync(process.cwd());
 
 const bannerData = {