@plaudit/webpack-extensions 2.0.0-beta.9 → 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

@@ -6,11 +6,11 @@ const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
 const AdditionalDependencyInjectorPlugin_1 = __importDefault(require("./wordpress-scripts-wrapper/AdditionalDependencyInjectorPlugin"));
 const BlockJSONStyleRemappingPlugin_1 = __importDefault(require("./wordpress-scripts-wrapper/BlockJSONStyleRemappingPlugin"));
+const browser_sync_webpack_plugin_1 = __importDefault(require("browser-sync-webpack-plugin"));
 const copy_webpack_plugin_1 = __importDefault(require("copy-webpack-plugin"));
 const fork_ts_checker_webpack_plugin_1 = __importDefault(require("fork-ts-checker-webpack-plugin"));
 const webpack_remove_empty_scripts_1 = __importDefault(require("webpack-remove-empty-scripts"));
 const cssnano_1 = __importDefault(require("cssnano"));
-const browser_sync_webpack_plugin_1 = __importDefault(require("browser-sync-webpack-plugin"));
 function joinPossiblyAbsolutePaths(...paths) {
     return paths.reduce((res, p) => !res || node_path_1.default.isAbsolute(p) ? p : node_path_1.default.join(res, p), '') || '.';
 }
@@ -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();
@@ -155,11 +165,17 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
             plugins.push(new BlockJSONStyleRemappingPlugin_1.default());
         }
         plugins.push(new AdditionalDependencyInjectorPlugin_1.default());
-        plugins.push(new browser_sync_webpack_plugin_1.default({
-            host: 'localhost',
-            port: 3000,
-            https: true
-        }));
+        if (first) {
+            first = false;
+            if (process.argv.includes('--browser-sync') || process.env['BROWSER_SYNC'] === 'true') {
+                plugins.push(new browser_sync_webpack_plugin_1.default({
+                    host: 'localhost',
+                    port: 3000,
+                    https: true,
+                    proxy: 'https://localhost:8443'
+                }));
+            }
+        }
         let entry;
         if (srcIsDirectory) {
             entry = node_fs_1.default.readdirSync(srcRoot, 'utf8')
@@ -231,33 +247,9 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
                 path: joinPossiblyAbsolutePaths(process.cwd(), node_path_1.default.dirname(dest))
             };
         }
-        let devServer = undefined;
-        if (first) {
-            first = false;
-            devServer = {
-                devMiddleware: {
-                    writeToDisk: true,
-                },
-                static: {
-                    directory: '/'
-                },
-                proxy: {
-                    '/': {
-                        target: 'https://localhost:8443',
-                        changeOrigin: false,
-                        secure: false
-                    },
-                },
-                allowedHosts: 'all',
-                host: 'localhost',
-                port: 3000,
-                server: 'https'
-            };
-        }
         return {
             ...webpackConfig,
             devtool: 'source-map',
-            // devServer,
             output: {
                 ...webpackConfig.output,
                 ...output

package/package.json

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