@lipemat/js-boilerplate 7.1.7 → 8.0.0-beta.5

package/config/dev-server.config.js

@@ -1,13 +1,11 @@
 const fs = require( 'fs' );
-const configHelper = require('../helpers/config' );
-const webpackConfig = configHelper.getConfig('webpack.dev.js');
 const packageConfig = require( '../helpers/package-config' );
 
 const url = new URL( packageConfig.url );
 
-let https = url.protocol === 'https:';
+let https = 'https:' === url.protocol;
 // Load local certificates for https during development.
-if ( 'object' === typeof( packageConfig.certificates ) ) {
+if ( 'object' === typeof ( packageConfig.certificates ) ) {
 	https = {
 		cert: fs.readFileSync( packageConfig.certificates.cert ),
 		key: fs.readFileSync( packageConfig.certificates.key ),
@@ -15,18 +13,22 @@ if ( 'object' === typeof( packageConfig.certificates ) ) {
 }
 
 module.exports = {
-	disableHostCheck: true,
-	host: '0.0.0.0', // Allow connections from outside localhost to support mobile debugging
-	hot: true,
+	allowedHosts: 'all',
+	client: {
+		logging: 'warn',
+		overlay: {
+			errors: true,
+			warnings: false,
+		},
+	},
 	https,
-	historyApiFallback: true,
 	headers: {
 		'Access-Control-Allow-Origin': '*',
 		'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
-		'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization'
+		'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
 	},
+	host: '0.0.0.0', // Allow connections from any IP.
+	hot: true,
 	port: 3000,
-	public: url.hostname + ':3000',
-	publicPath: webpackConfig.output.publicPath,
-	stats: webpackConfig.stats
+	static: false,
 };

package/config/webpack.dev.js

@@ -33,8 +33,6 @@ if ( configHelper.hasLocalOverride( 'tsconfig.json', true ) ) {
 
 const entry = {
 	master: [
-		'webpack-dev-server/client?' + config.url + ':3000',
-		'webpack/hot/only-dev-server',
 		config.workingDirectory + '/src/index.js',
 	],
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lipemat/js-boilerplate",
-  "version": "7.1.7",
+  "version": "8.0.0-beta.5",
   "description": "Dependencies and scripts for a no config JavaScript app",
   "engines": {
     "node": ">=14.17.6"
@@ -35,12 +35,13 @@
     "@babel/preset-env": "^7.12.11",
     "@babel/preset-react": "^7.12.10",
     "@babel/preset-typescript": "^7.12.7",
-    "@hot-loader/react-dom": "^16.11.0",
+    "@hot-loader/react-dom": "^17.0.1",
     "@lipemat/css-mqpacker": "^8.0.1",
     "@lipemat/eslint-config": "^1.1.1",
     "@lipemat/postcss-loader": "^3.1.2",
     "@lipemat/webpack-cleanup-plugin": "^1.0.0",
     "@types/lipemat__js-boilerplate": "lipemat/types-js-boilerplate#semver:^1.3.0",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.6",
     "@wordpress/browserslist-config": "^4.1.0",
     "are-you-es5": "^2.1.1",
     "babel-jest": "^24.7.1",
@@ -50,8 +51,7 @@
     "core-js": "^3.8.3",
     "cross-spawn": "^6.0.5",
     "css-loader": "6.4.0",
-    "enzyme": "^3.9.0",
-    "enzyme-adapter-react-16": "^1.12.1",
+    "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.5.0",
     "fork-ts-checker-webpack-plugin": "^6.0.7",
     "html-webpack-plugin": "^4.5.0",
@@ -68,23 +68,20 @@
     "postcss-preset-env": "^6.6.0",
     "postcss-scss": "^2.0.0",
     "prop-types": "^15.7.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
     "react-hot-loader": "^4.8.3",
-    "react-test-renderer": "^16.5.2",
+    "react-test-renderer": "^17.0.2",
     "react-transition-group": "^4.4.1",
     "style-loader": "^3.2.1",
     "typescript": "^4.2.4",
     "update-notifier": "^4.1.3",
-    "webpack": "^5.11.0",
-    "webpack-assets-manifest": "^5.0.0",
-    "webpack-cli": "^4.2.0",
-    "webpack-dev-server": "^3.11.0",
+    "webpack": "^5.65.0",
+    "webpack-assets-manifest": "^5.0.6",
+    "webpack-cli": "^4.9.1",
+    "webpack-dev-server": "^4.7.2",
     "webpack-subresource-integrity": "^1.5.2"
   },
-  "resolutions": {
-    "chokidar": "^3.4.3"
-  },
   "bugs": {
     "url": "https://github.com/lipemat/js-boilerplate/issues"
   },

package/scripts/start.js

@@ -3,19 +3,16 @@ process.env.NODE_ENV = 'development';
 
 const webpack = require( 'webpack' );
 const WebpackDevServer = require( 'webpack-dev-server' );
-const configHelper = require('../helpers/config' );
-const webpackConfig = configHelper.getConfig('webpack.dev.js');
-const devServerConfig = configHelper.getConfig('dev-server.config.js');
+const configHelper = require( '../helpers/config' );
+const webpackConfig = configHelper.getConfig( 'webpack.dev.js' );
+const devServerConfig = configHelper.getConfig( 'dev-server.config.js' );
 
-const server = new WebpackDevServer( webpack( webpackConfig ), devServerConfig );
+const server = new WebpackDevServer( devServerConfig, webpack( webpackConfig ) );
 
-server.listen( devServerConfig.port, devServerConfig.host, function( err, result ) {
-	if ( err ) {
+( async() => {
+	try {
+		await server.start();
+	} catch ( err ) {
 		return console.log( err );
 	}
-	if ( devServerConfig.https ) {
-		console.log( `Listening at https://${devServerConfig.host}:${devServerConfig.port}/` );
-	} else {
-		console.log( `Listening at http://${devServerConfig.host}:${devServerConfig.port}/` );
-	}
-} );
+} )();