@lipemat/js-boilerplate 9.1.0-beta.4 → 9.2.0-beta.1

package/config/dev-server.config.js

@@ -26,8 +26,8 @@ module.exports = {
 	},
 	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-Methods': '*',
+		'Access-Control-Allow-Headers': '*',
 	},
 	host: '0.0.0.0', // Allow connections from any IP.
 	hot: true,

package/config/webpack.dist.js

@@ -3,10 +3,10 @@ const moduleHelpers = require( '../helpers/modules' );
 const webpack = require( 'webpack' );
 const path = require( 'path' );
 const fs = require( 'fs' );
+const crypto = require( 'node:crypto' );
 const MiniCssExtractPlugin = require( 'mini-css-extract-plugin' );
-const WebpackCleanupPlugin = require( '@lipemat/webpack-cleanup-plugin' );
+const {CleanWebpackPlugin} = require( 'clean-webpack-plugin' );
 const WebpackAssetsManifest = require( 'webpack-assets-manifest' );
-const SriPlugin = require( 'webpack-subresource-integrity' );
 const config = require( '../helpers/package-config' );
 
 const postcssOptions = getConfig( 'postcss.config.js' );
@@ -79,13 +79,19 @@ module.exports = {
 			filename: '[name].css',
 			chunkFilename: '[name].[chunkhash].css',
 		} ),
-		new WebpackCleanupPlugin(),
-		new SriPlugin( {
-			hashFuncNames: [ 'sha256', 'sha384', 'sha512' ],
+		new CleanWebpackPlugin( {
+			// Remove all files except the `.running` file created by "Start".
+			cleanOnceBeforeBuildPatterns: [ '**/*', '!.running' ],
 		} ),
 		new WebpackAssetsManifest( {
 			integrity: true,
 			output: 'manifest.json',
+			//Add a `hash` so every item in the manifest for browser cache flushing.
+			transform( assets ) {
+				Object.keys( assets ).forEach( item => {
+					assets[ item ].hash = crypto.createHash( 'md5' ).update( assets[ item ].integrity ).digest( 'hex' );
+				} );
+			},
 		} ),
 	],
 	module: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lipemat/js-boilerplate",
-  "version": "9.1.0-beta.4",
+  "version": "9.2.0-beta.1",
   "description": "Dependencies and scripts for a no config JavaScript app",
   "author": "Mat Lipe",
   "license": "MIT",
@@ -50,9 +50,10 @@
     "@wordpress/browserslist-config": "^4.1.0",
     "are-you-es5": "^2.1.1",
     "babel-jest": "^29.0.0",
-    "babel-loader": "^8.2.2",
+    "babel-loader": "^9.1.2",
     "browserslist": "^4.17.0",
     "clean-css": "^5.3.0",
+    "clean-webpack-plugin": "^4.0.0",
     "core-js": "^3.8.3",
     "cross-spawn": "^6.0.5",
     "css-loader": "6.7.1",
@@ -81,8 +82,7 @@
     "webpack": "^5.72.1",
     "webpack-assets-manifest": "^5.0.6",
     "webpack-cli": "^4.9.1",
-    "webpack-dev-server": "^4.7.2",
-    "webpack-subresource-integrity": "^1.5.2"
+    "webpack-dev-server": "^4.7.2"
   },
   "packageManager": "yarn@3.2.3"
 }

package/scripts/start.js

@@ -2,13 +2,29 @@ process.env.BABEL_ENV = 'development';
 process.env.NODE_ENV = 'development';
 
 const webpack = require( 'webpack' );
+const config = require( '../helpers/package-config' );
+const {unlinkSync, writeFile} = require( 'fs' );
 const WebpackDevServer = require( 'webpack-dev-server' );
 const configHelper = require( '../helpers/config' );
+const path = require( 'path' );
 const webpackConfig = configHelper.getConfig( 'webpack.dev.js' );
 const devServerConfig = configHelper.getConfig( 'dev-server.config.js' );
 
 const server = new WebpackDevServer( devServerConfig, webpack( webpackConfig ) );
 
+/**
+ * Create a `.running` file within the `dist` which only
+ * exists if this script is running.
+ */
+writeFile( path.resolve( config.workingDirectory, 'dist/.running' ), Date.now().toString(), err => {
+	if ( err ) {
+		throw err;
+	}
+	process.on( 'exit', () => {
+		unlinkSync( path.resolve( config.workingDirectory, 'dist/.running' ) );
+	} );
+} );
+
 ( async() => {
 	try {
 		await server.start();