@plaudit/webpack-extensions 2.0.0 → 2.0.1

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

@@ -2,6 +2,7 @@ import type { Configuration } from "webpack";
 interface PlauditWordpressWebpackConfig {
     legacyPostcssPlugins?: boolean;
     variables?: Record<string, any>;
+    verbose?: boolean;
     src: string[] | Record<string, string>;
 }
 declare const _default: (config: PlauditWordpressWebpackConfig, webpackConfig?: Configuration) => Configuration[];

package/build/wordpress-scripts-wrapper.js

@@ -24,7 +24,7 @@ function addEntryPointWithMapper(entrypoints, entrypoint, dir, mapper = (entrypo
     }
 }
 module.exports = function (config, webpackConfig = require("@wordpress/scripts/config/webpack.config")) {
-    const { legacyPostcssPlugins = false, variables = ["variables.js", "preprocess/variables.js"].map(p => node_path_1.default.join(process.cwd(), p)).filter(p => node_fs_1.default.existsSync(p)).map(p => require(p))[0] ?? {}, } = config;
+    const { legacyPostcssPlugins = false, variables = ["variables.js", "preprocess/variables.js"].map(p => node_path_1.default.join(process.cwd(), p)).filter(p => node_fs_1.default.existsSync(p)).map(p => require(p))[0] ?? {}, verbose = process.argv.includes('--verbose') } = config;
     // Nano Config
     // http://cssnano.co/guides/optimisations/  For the value to use click on one and then
     const nanoConfig = {
@@ -85,6 +85,7 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
             }
         }
     }
+    let currentEntrypoint = '';
     if (webpackConfig.module?.rules) {
         // Options: calc
         const calcOptions = { precision: 4, mediaQueries: true, selectors: true };
@@ -93,9 +94,17 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
         const postcssConfig = {
             plugins: [
                 require("postcss-import")(),
-                require("@plaudit/postcss-silent-extend")(),
+                require("@plaudit/postcss-silent-extend")({ warnOfUnused: verbose }),
                 require("postcss-mixins")(),
-                require("@plaudit/postcss-variables")(variables),
+                require("@plaudit/postcss-variables")({ variables: (name, srcNode) => {
+                        if (variables[name]) {
+                            return variables[name];
+                        }
+                        if (name === 'ENV') { // This is purely a backwards-compatibility issue.
+                            return currentEntrypoint.endsWith('public.pcss') ? 'PUBLIC' : (currentEntrypoint.endsWith('block-editor.pcss') ? 'EDITOR' : '');
+                        }
+                        return undefined;
+                    } }),
                 ...(legacyPostcssPlugins ? [
                     require("postcss-quantity-queries")(),
                     require("postcss-short-position")(),
@@ -138,6 +147,7 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
     let first = true;
     const sources = Array.isArray(config.src) ? config.src.map(s => [s, s]) : Object.entries(config.src);
     return sources.map(([src, dest]) => {
+        currentEntrypoint = src;
         const srcRoots = src.split(',');
         const srcRoot = srcRoots.length === 1 ? joinPossiblyAbsolutePaths(process.cwd(), src) : srcRoots.map(s => joinPossiblyAbsolutePaths(process.cwd(), s));
         const srcIsDirectory = !Array.isArray(srcRoot) && node_fs_1.default.lstatSync(srcRoot).isDirectory();
@@ -157,7 +167,7 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
         plugins.push(new AdditionalDependencyInjectorPlugin_1.default());
         if (first) {
             first = false;
-            if (process.argv.includes('--browser-sync')) {
+            if (process.argv.includes('--browser-sync') || process.env['BROWSER_SYNC'] === 'true') {
                 plugins.push(new browser_sync_webpack_plugin_1.default({
                     host: 'localhost',
                     port: 3000,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaudit/webpack-extensions",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "scripts": {
     "prepublishOnly": "rm -rf build && mkdir build && tsc",
     "build": "tsc",