@caweb/css-audit-webpack-plugin 2.0.3 → 2.1.1

package/css-audit.config.js

@@ -14,7 +14,6 @@ export default {
     audits: [
         'colors',
         'important',
-        'alphas',
         'display-none',
         'selectors',
         'media-queries',

package/index.js

@@ -16,7 +16,6 @@ import { fileURLToPath, URL } from 'url';
 
 // default configuration
 import {default as DefaultConfig} from './css-audit.config.js';
-import { get } from 'http';
 
 const boldWhite = chalk.bold.white;
 const boldGreen = chalk.bold.green;
@@ -65,7 +64,8 @@ class CAWebCSSAuditPlugin {
       }else{
         devServer.static = [].concat(devServer.static, staticDir );
       }
-
+      
+      // add url to devServer Open
       // if dev server allows for multiple pages to be opened
       // add filename.html to open property.
       if( Array.isArray(devServer.open) ){
@@ -73,7 +73,6 @@ class CAWebCSSAuditPlugin {
       }else if( 'object' === typeof devServer.open && Array.isArray(devServer.open.target) ){
         devServer.open.target.push(`${auditUrl}${this.config.outputFolder}/${this.config.filename}.html`)
       }
-
       // Wait for configuration preset plugins to apply all configure webpack defaults
       // compiler.hooks.initialize.tap(pluginName, () => {
       //   compiler.hooks.compilation.tap(
@@ -130,21 +129,14 @@ class CAWebCSSAuditPlugin {
         compiler.hooks.done.tapAsync(pluginName,
           (stats, callback) => {
             console.log('<i> \x1b[32m[webpack-dev-middleware] Running CSS Auditor...\x1b[0m');
-            /**
-             * We run the css audit
-             * 
-             * we scan the output.publicPath if its set and not set to 'auto'
-             * otherwise we scan the output.path
-             */
-            let scanDir = compiler.options.output.publicPath && 'auto' !== compiler.options.output.publicPath ?
-              compiler.options.output.publicPath :
-              compiler.options.output.path;
-
-            // get all .css files
-            let files = fs.readdirSync( scanDir, {  recursive: true } ).filter( f => f.endsWith( '.css' ) ).map( f => path.join( scanDir, f ) );
-
-            this.audit(files, this.config );
-            console.log(`<i> \x1b[32m[webpack-dev-middleware] CSS Auditor Report can be viewed at \x1b[34m ${new URL(`${auditUrl}${staticDir.publicPath}/${this.config.outputFilename}.html`).toString()}\x1b[0m`);
+
+            // get all .css files in the output directory and subdirectories
+            let files = fs.readdirSync( compiler.options.output.path, {  recursive: true } ).filter( f => f.endsWith( '.css' ) ).map( f => path.join( compiler.options.output.path, f ) );
+
+            if( this.audit(files, this.config ) ){
+              console.log(`<i> \x1b[32m[webpack-dev-middleware] CSS Auditor completed successfully. Report can be viewed at \x1b[34m ${new URL(`${auditUrl}${staticDir.publicPath}/${this.config.filename}.html`).toString()}\x1b[0m`);
+            }
+
             
           });
       });
@@ -182,7 +174,22 @@ class CAWebCSSAuditPlugin {
       // outputFolder should not be absolute
       outputFolder = path.isAbsolute(outputFolder) ? path.join( process.cwd(), outputFolder ) : outputFolder;
       
-      
+      // if no  files are passed, exit
+      if( ! files || ! files.length ){
+        console.log( '\x1b[31mNo CSS files found to audit.\nAuditor did not execute.\x1b[0m' );
+
+        // ensure the output folder exists before moving files
+        fs.mkdirSync( outputFolder, { recursive: true } );
+        
+        // copy no files sample report
+        fs.copyFileSync(
+          path.join(currentPath, 'sample', 'no-files.html'),
+          path.join(outputFolder, `${filename}.html`),
+        )
+
+        return;
+      }
+
       // pass all audits except propertyValues since those take a value there may be multiple
       let propertyValues = [];
       let auditArgs = audits.map( (audit) => {
@@ -229,7 +236,6 @@ class CAWebCSSAuditPlugin {
       if( stderr && stderr.toString() ){
         console.log( 'CSS Audit Error: ', stderr.toString() );
       }
-      
 
       if( stdout && stdout.toString() ){
         // the css audit tool always outputs to its own public directory

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@caweb/css-audit-webpack-plugin",
-  "version": "2.0.3",
+  "version": "2.1.1",
   "description": "CAWebPublishing Webpack Plugin to run WordPress CSS Audit",
   "type": "module",
   "main": "index.js",
@@ -40,7 +40,7 @@
     "test": "echo \"Error: run tests from root\" && exit 0"
   },
   "dependencies": {
-    "@caweb/webpack": "^1.6.3",
+    "@caweb/webpack": "^1.6.6",
     "chalk": "^5.6.2",
     "cross-spawn": "^7.0.6",
     "deepmerge": "^4.3.1",
@@ -49,8 +49,8 @@
     "twig": "^1.17.1"
   },
   "devDependencies": {
-    "@caweb/html-webpack-plugin": "^2.0.2",
-    "webpack": "^5.104.1",
+    "@caweb/html-webpack-plugin": "^2.1.5",
+    "webpack": "^5.105.1",
     "webpack-cli": "^6.0.1"
   }
 }