@plaudit/webpack-extensions 0.0.12 → 0.0.14

package/build/wordpress-scripts-wrapper/wordpressWebpackEntrypointWrapper.d.ts

@@ -4,4 +4,4 @@ export interface PlauditWordpressWebpackConfig {
     variables: Record<string, any>;
     src: string;
 }
-export default function (config: Partial<PlauditWordpressWebpackConfig>, webpackConfig?: Configuration): Configuration;
+export default function (config?: Partial<PlauditWordpressWebpackConfig>, webpackConfig?: Configuration): Configuration;

package/build/wordpress-scripts-wrapper/wordpressWebpackEntrypointWrapper.js

@@ -18,7 +18,7 @@ function addEntryPointWithFilter(entrypoints, entrypoint, mapper = (entrypoint)
         entrypoints.push(mapper(entrypoint));
     }
 }
-function default_1(config, webpackConfig = require("@wordpress/scripts/config/webpack.config")) {
+function default_1(config = {}, webpackConfig = require("@wordpress/scripts/config/webpack.config")) {
     const { legacyPostcssPlugins = false, variables = node_fs_1.default.existsSync("./variables.js") ? require("./variables.js") : {}, // TODO: There must be a better way to handle this...
     src = process.env['WP_SRC_DIRECTORY'] || 'src' } = config;
     (webpackConfig.plugins ?? (webpackConfig.plugins = [])).push(new fork_ts_checker_webpack_plugin_1.default({
@@ -29,6 +29,49 @@ function default_1(config, webpackConfig = require("@wordpress/scripts/config/we
             },
         },
     }), new webpack_remove_empty_scripts_1.default({ stage: webpack_remove_empty_scripts_1.default.STAGE_AFTER_PROCESS_PLUGINS }), new BlockJSONStyleRemappingPlugin_1.default(), new AdditionalDependencyInjectorPlugin_1.default(), new copy_webpack_plugin_1.default({ patterns: [{ from: '**/*.(twig|svg)', context: src, noErrorOnMissing: true }] }));
+    // Nano Config
+    // http://cssnano.co/guides/optimisations/  For the value to use click on one and then
+    const nanoConfig = {
+        safe: true,
+        autoprefixer: false,
+        calc: false,
+        colormin: true,
+        convertValues: false,
+        discardComments: {
+            remove: function (comment) {
+                const commentKeepRegexp = /^!|@cms|@preserve|@cc_on|\bMIT\b|\bMPL\b|\bGPL\b|\bBSD\b|\bISCL\b|\(c\)|\bLicense\b|\bCopyright\b/i;
+                return !commentKeepRegexp.test(comment);
+            }
+        },
+        discardDuplicates: true,
+        discardEmpty: true,
+        discardOverridden: true,
+        discardUnused: false,
+        mergeIdents: false,
+        mergeLonghand: true,
+        mergeRules: false,
+        minifyFontValues: true,
+        minifyGradients: true,
+        minifyParams: true,
+        minifySelectors: true,
+        normalizeCharset: true,
+        normalizeDisplayValues: true,
+        normalizePositions: true,
+        normalizeRepeatStyle: true,
+        normalizeString: true,
+        normalizeTimingFunctions: true,
+        normalizeUnicode: true,
+        normalizeUrl: true,
+        normalizeWhitespace: true,
+        orderedValues: true,
+        reduceIdents: false,
+        reduceInitial: true,
+        reduceTransforms: true,
+        svgo: false,
+        uniqueSelectors: true,
+        zindex: false,
+        filterPlugins: false // I don't know where this one came from. It is not listed in the documentation.
+    };
     if (webpackConfig.module?.rules) {
         const postcssLoader = require.resolve('postcss-loader');
         // Options: calc
@@ -56,10 +99,10 @@ function default_1(config, webpackConfig = require("@wordpress/scripts/config/we
                 require("postcss-calc")(calcOptions),
                 require("@plaudit/postcss-color-function")(),
                 require("autoprefixer")(autoprefixerOptions),
-                require("postcss-reporter")({ clearReportedMessages: true }) // OnceExit
+                require("postcss-reporter")({ clearReportedMessages: true }),
+                require("cssnano")(nanoConfig)
             ]
         };
-        //TODO: Add CSSNano
         for (const rule of webpackConfig.module.rules) {
             if (typeof rule === 'object' && Array.isArray(rule.use)) {
                 for (const useItem of rule.use) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaudit/webpack-extensions",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "scripts": {
     "prepublishOnly": "rm -rf build && mkdir build && tsc",
     "build": "tsc",
@@ -16,8 +16,8 @@
     "@types/node": "^18.15.12",
     "@types/webpack": "^5.28.1",
     "@types/webpack-sources": "^3.2.0",
-    "postcss-loader": "^7.2.4",
     "postcss-load-config": "^4.0.1",
+    "postcss-loader": "^7.2.4",
     "typescript": "^5.0.4"
   },
   "dependencies": {
@@ -29,6 +29,7 @@
     "autoprefixer": "^10.4.14",
     "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^11.0.0",
+    "cssnano": "^6.0.0",
     "eslint": "^8.38.0",
     "eslint-plugin-jsdoc": "^43.0.3",
     "fork-ts-checker-webpack-plugin": "^8.0.0",
@@ -39,6 +40,7 @@
     "postcss-import": "^15.1.0",
     "postcss-inline-svg": "^6.0.0",
     "postcss-media-minmax": "^5.0.0",
+    "postcss-mixins": "^9.0.4",
     "postcss-nested": "^6.0.1",
     "postcss-property-lookup": "^3.0.0",
     "postcss-quantity-queries": "^0.5.0",
@@ -62,6 +64,7 @@
     "autoprefixer": "^10.4.14",
     "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^11.0.0",
+    "cssnano": "^6.0.0",
     "eslint": "^8.38.0",
     "eslint-plugin-jsdoc": "^43.0.3",
     "fork-ts-checker-webpack-plugin": "^8.0.0",
@@ -72,6 +75,7 @@
     "postcss-import": "^15.1.0",
     "postcss-inline-svg": "^6.0.0",
     "postcss-media-minmax": "^5.0.0",
+    "postcss-mixins": "^9.0.4",
     "postcss-nested": "^6.0.1",
     "postcss-property-lookup": "^3.0.0",
     "postcss-quantity-queries": "^0.5.0",