@caweb/webpack 1.3.13 → 1.3.14

package/plugins/html/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@caweb/html-webpack-plugin",
-    "version": "1.5.14",
+    "version": "1.5.15",
     "description": "CAWebPublishing Sample Page and Configurations",
     "main": "index.js",
     "type": "module",
@@ -19,10 +19,17 @@
         "create-entrypoint": "node ./scripts/create-entrypoints.js",
         "generate-json": "node ./scripts/icon.js",
         "update-scripts": "node ./scripts/update-scripts.js",
+        "new-scheme": "node ./scripts/schemes.js",
+        "remove-scheme": "node ./scripts/schemes.js -r",
         "test": "echo \"Error: run tests from root\" && exit 0",
-        "build": "npm run build:compressed && npm run build:uncompressed",
-        "build:uncompressed": "webpack build --config ./webpack.config.js ./scripts/create-entrypoints.js --merge --mode development",
-        "build:compressed": "webpack build --config ./webpack.config.js ./scripts/create-entrypoints.js --merge --mode production",
+        "build": "npm run build:prod && npm run build:dev",
+        "build:prod": "webpack build --config ./webpack.config.js ./scripts/create-entrypoints.js --merge --mode production",
+        "build:dev": "webpack build --config ./webpack.config.js ./scripts/create-entrypoints.js --merge --mode development",
+        "build:danny": "npm run build:danny:prod && npm run build:danny:dev",
+        "build:danny:prod": "webpack build --config ./webpack.config.js ./entry/danny.js --merge --mode production",
+        "build:danny:dev": "webpack build --config ./webpack.config.js ./entry/danny.js --merge --mode development",
+        "serve:danny": "set NODE_OPTIONS='--scheme false' && webpack serve --config ./webpack.config.js ./entry/danny.js ./scripts/webpack.test.js --merge",
+        "serve:danny:quick": "set NODE_OPTIONS='--no-jshint --no-audit --no-a11y --scheme false' && webpack serve --config ./webpack.config.js ./entry/danny.js ./scripts/webpack.test.js --merge",
         "build:delta": "npm run build:delta:prod && npm run build:delta:dev",
         "build:delta:prod": "webpack build --config ./webpack.config.js ./entry/delta.js --merge --mode production",
         "build:delta:dev": "webpack build --config ./webpack.config.js ./entry/delta.js --merge --mode development",
@@ -104,9 +111,12 @@
     },
     "homepage": "https://github.com/CAWebPublishing/webpack/plugins/html#readme",
     "devDependencies": {
+        "@inquirer/prompts": "^7.2.1",
         "animate.css": "^4.1.1",
         "bootstrap": "^5.3.3",
         "bootstrap-forced-colors-css": "^1.0.7",
+        "chalk": "^5.4.1",
+        "cross-spawn": "^7.0.6",
         "fast-xml-parser": "^4.5.1",
         "mini-css-extract-plugin": "^2.9.2",
         "rtlcss-webpack-plugin": "^4.0.7"
@@ -115,13 +125,13 @@
         "@caweb/a11y-webpack-plugin": "^1.0.9",
         "@caweb/css-audit-webpack-plugin": "^1.0.12",
         "@caweb/jshint-webpack-plugin": "^1.0.9",
-        "@wordpress/scripts": "^30.7.0",
+        "@wordpress/scripts": "^30.8.1",
         "css-minimizer-webpack-plugin": "^7.0.0",
         "handlebars-loader": "^1.7.3",
         "html-webpack-link-type-plugin": "^1.1.1",
         "html-webpack-plugin": "^5.6.3",
         "html-webpack-skip-assets-plugin": "^1.0.4",
         "webpack": "^5.97.1",
-        "webpack-cli": "^5.1.4"
+        "webpack-cli": "^6.0.1"
     }
 }

package/plugins/html/scripts/schemes.js

@@ -0,0 +1,123 @@
+/**
+ * External dependencies
+ */
+import chalk from 'chalk';
+import fs from 'fs';
+import path from 'path';
+import { confirm, input } from '@inquirer/prompts';
+import spawn from 'cross-spawn';
+
+const bullet = chalk.yellow('-');
+const info = chalk.cyan('i');
+
+const removing = process.argv.includes( '-r' );
+
+// if we are removing a colorscheme
+if( removing ){
+    console.log("Which colorscheme would you like to remove?");
+}else{
+    // if we are creating a new colorscheme
+    console.log("Let's create a new Colorscheme!");
+}
+
+const scheme = await input(
+        { 
+            message: "Scheme Name:" 
+        },
+        {
+            clearPromptOnDone: true
+        }
+    ).catch(
+        () => {
+            process.exit(1);
+        }
+    );
+
+// if we are removing a colorscheme
+if( removing ){
+    // remove colorscheme file
+    fs.unlinkSync ( path.resolve('src', 'styles', 'colorschemes', `${scheme}.scss`) );
+    fs.unlinkSync ( path.resolve('entry', `${scheme}.js`) );
+
+    console.log(`Removed colorscheme ${scheme}`);
+    process.exit(0);
+}else{
+    console.log("Colorschemes require 4 colors:");
+    console.log(info, "Enter color hex values in the format #RRGGBB");
+    
+    // lets get the 4 colors needed.
+    const colors = {
+        main: await input(
+            { 
+                message: "Main Color:" 
+            }
+        ).catch(
+            () => {
+                process.exit(1);
+            }
+        ),
+        alt: await input(
+            { 
+                message: "Alternate Color:" 
+            }
+        ).catch(
+            () => {
+                process.exit(1);
+            }
+        ),
+        highlight: await input(
+            { 
+                message: "Highlight Color:" 
+            }
+        ).catch(
+            () => {
+                process.exit(1);
+            }
+        ),
+        standout: await input(
+            { 
+                message: "Standout Color:" 
+            }
+        ).catch(
+            () => {
+                process.exit(1);
+            }
+        )
+    }
+    
+    // write colorscheme file
+    fs.writeFileSync( 
+        path.resolve('src', 'styles', 'colorschemes', `${scheme}.scss`),
+        `/* -----------------------------------------
+    ${scheme.toUpperCase()}
+    ----------------------------------------- */
+        
+    // scss-docs-start color-variables
+    $main: ${colors.main} !default;
+    $alt: ${colors.alt} !default;
+    $highlight: ${colors.highlight} !default;
+    $standout: ${colors.standout} !default;
+    // scss-docs-end color-variables
+        
+    @import '../';`
+    );
+    
+    // update scripts in package.json
+    spawn.sync('npm run update-scripts');
+    
+    // update entrypoints.
+    spawn.sync('npm run create-entrypoint');
+    
+    // ask if user would like to serve up the new colorscheme
+    let answer = await confirm(
+        { 
+            message: 'Would you like to serve up the new colorscheme?',
+            default: true
+        }
+    ).catch(() => {process.exit(1);});
+    
+    if( answer ){
+        // serve new colorscheme up
+        spawn.sync(`npm run serve:${scheme}`, { stdio: 'inherit' });  
+    }
+}

package/plugins/html/scripts/update-scripts.js

@@ -15,10 +15,12 @@ let scripts = {
     "create-entrypoint": "node ./scripts/create-entrypoints.js",
     "generate-json": "node ./scripts/icon.js",
     "update-scripts": "node ./scripts/update-scripts.js",
+    "new-scheme": "node ./scripts/schemes.js",
+    "remove-scheme": "node ./scripts/schemes.js -r",
     "test": "echo \"Error: run tests from root\" && exit 0",
-    "build": "npm run build:compressed && npm run build:uncompressed",
-    "build:uncompressed": "webpack build --config ./webpack.config.js ./scripts/create-entrypoints.js --merge --mode development",
-    "build:compressed": "webpack build --config ./webpack.config.js ./scripts/create-entrypoints.js --merge --mode production",
+    "build": "npm run build:prod && npm run build:dev",
+    "build:prod": "webpack build --config ./webpack.config.js ./scripts/create-entrypoints.js --merge --mode production",
+    "build:dev": "webpack build --config ./webpack.config.js ./scripts/create-entrypoints.js --merge --mode development"
 };
 
 // iterate over all colorschemes

package/plugins/html/webpack.config.js

@@ -81,6 +81,11 @@ baseConfig.module.rules.forEach((rule, i) => {
         delete rule.issuer;
       }
       break;
+    case new RegExp(/\.(sc|sa)ss$/).toString():
+      rule.use[rule.use.length-1].options.sassOptions = {
+        silenceDeprecations: ['global-builtin', 'import', 'color-functions', 'mixed-decls']
+      };
+      break;
   }
 });