@lipemat/js-boilerplate 8.6.0-beta.7 → 8.6.2

package/config/postcss.config.js

@@ -37,8 +37,7 @@ if ( getDefaultBrowsersList() ) {
 const config = {
 	plugins: [
 		require( 'postcss-import' ),
-		// Use until https://github.com/postcss/postcss-custom-media/pull/59 is merged.
-		require( 'postcss-custom-media-with-spaces' ),
+		require( 'postcss-custom-media' ),
 		require( 'postcss-nested' ),
 		postcssPresetEnv( presetEnv ),
 		require( 'postcss-color-mod-function' ),

package/config/webpack.dev.js

@@ -8,6 +8,7 @@ const config = require( '../helpers/package-config' );
 const postcssOptions = getConfig( 'postcss.config.js' );
 const babelOptions = getConfig( 'babel.config.js' );
 const cssLoaderOptions = getConfig( 'css-loader.config.js' );
+const devServerOptions = getConfig( 'dev-server.config.js' );
 
 // To allow line numbers to show up in console errors. @see React Error Boundaries.
 babelOptions.plugins.unshift( '@babel/plugin-transform-react-jsx-source' );
@@ -56,7 +57,7 @@ module.exports = {
 	output: {
 		path: path.resolve( config.workingDirectory, 'dist' ),
 		filename: '[name].js',
-		publicPath: config.url + ':3000/js/dist/',
+		publicPath: config.url + ':' + devServerOptions.port + '/js/dist/',
 		chunkFilename: '[name].js',
 	},
 	resolve: {

package/helpers/config.js

@@ -53,14 +53,15 @@ function hasLocalOverride( fileName, inWorkingDirectory = false ) {
  * }
  * ```
  *
- * @param {string} $fileName
+ * @param {string} fileName
  *
  * @return {Object}
  */
-function getConfig( $fileName ) {
-	let config = {...require( '../config/' + $fileName ), ...getExtensionsConfig( $fileName )};
+function getConfig( fileName ) {
+	let config = require( '../config/' + fileName );
+	config = {...config, ...getExtensionsConfig( fileName, config )};
 	try {
-		const localConfig = require( path.resolve( packageConfig.packageDirectory + '/config', $fileName ) );
+		const localConfig = require( path.resolve( packageConfig.packageDirectory + '/config', fileName ) );
 		if ( 'function' === typeof localConfig ) {
 			config = {...config, ...localConfig( config )};
 		} else {
@@ -75,19 +76,21 @@ function getConfig( $fileName ) {
  * Get a config from any existing extension's /config directories
  * merged into one.
  *
- * @see getConfig
+ * @param {string} fileName
+ * @param {Object} defaultConfig - Default config from this package.
+ *                               Used for passing to an extension callback.
  *
- * @param {string} $fileName
+ * @see getConfig
  *
  * @return {Object}
  */
-function getExtensionsConfig( $fileName ) {
+function getExtensionsConfig( fileName, defaultConfig ) {
 	let config = {};
 	extensions.forEach( extension => {
 		try {
-			const extensionConfig = require( extension + '/config/' + $fileName );
+			const extensionConfig = require( extension + '/config/' + fileName );
 			if ( 'function' === typeof extensionConfig ) {
-				config = {...config, ...extensionConfig( config )};
+				config = {...config, ...extensionConfig( {...defaultConfig, ...config} )};
 			} else {
 				config = {...config, ...extensionConfig};
 			}

package/lib/postcss-clean.js

@@ -29,8 +29,8 @@ module.exports = ( opts = {} ) => {
 						return reject( new Error( err.join( '\n' ) ) );
 					}
 
-					for ( const w of min.warnings ) {
-						result.warn( w );
+					if ( min.warnings.length > 0 ) {
+						return reject( new Error( 'postcss-clean minify failed! \n' + min.warnings.join( '\n' ) ) );
 					}
 
 					result.root = postcss.parse( min.styles );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lipemat/js-boilerplate",
-  "version": "8.6.0-beta.7",
+  "version": "8.6.2",
   "description": "Dependencies and scripts for a no config JavaScript app",
   "author": "Mat Lipe",
   "license": "MIT",
@@ -48,7 +48,7 @@
     "@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.7",
-    "@wordpress/browserslist-config": "^4.1.3",
+    "@wordpress/browserslist-config": "^4.1.0",
     "are-you-es5": "^2.1.1",
     "babel-jest": "^24.7.1",
     "babel-loader": "^8.2.2",
@@ -68,7 +68,7 @@
     "mini-css-extract-plugin": "^1.3.3",
     "postcss": "^8.4.13",
     "postcss-color-mod-function": "^3.0.3",
-    "postcss-custom-media-with-spaces": "^8.0.0",
+    "postcss-custom-media": "^8.0.1",
     "postcss-import": "^14.1.0",
     "postcss-loader": "^6.2.1",
     "postcss-nested": "^5.0.6",