@plaudit/webpack-extensions 2.6.0 → 2.7.0

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

@@ -0,0 +1,6 @@
+import type { Compiler, WebpackPluginInstance } from "webpack";
+export default class VariablesJSMonitorPlugin implements WebpackPluginInstance {
+    private readonly variablesFilePath;
+    constructor(variablesFilePath: string);
+    apply(compiler: Compiler): void;
+}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class VariablesJSMonitorPlugin {
+    variablesFilePath;
+    constructor(variablesFilePath) {
+        this.variablesFilePath = variablesFilePath;
+    }
+    apply(compiler) {
+        compiler.hooks.make.tap('VariablesJSMonitorPlugin', compilation => {
+            if (!compilation.fileDependencies.has(this.variablesFilePath)) {
+                compilation.fileDependencies.add(this.variablesFilePath);
+            }
+        });
+    }
+}
+exports.default = VariablesJSMonitorPlugin;

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

@@ -9,6 +9,7 @@ interface PlauditWordpressWebpackConfig {
     variables?: Record<string, any>;
     verbose?: boolean;
     src: string[] | Record<string, string | AdvancedOutputConfig>;
+    stats?: Configuration['stats'];
 }
 declare const _default: (config: PlauditWordpressWebpackConfig, webpackConfig?: Configuration) => Configuration[];
 export = _default;

package/build/wordpress-scripts-wrapper.js

@@ -11,6 +11,7 @@ const browser_sync_webpack_plugin_1 = __importDefault(require("browser-sync-webp
 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 VariablesJSMonitorPlugin_1 = __importDefault(require("./wordpress-scripts-wrapper/VariablesJSMonitorPlugin"));
 function joinPossiblyAbsolutePaths(...paths) {
     return paths.reduce((res, p) => !res || node_path_1.default.isAbsolute(p) ? p : node_path_1.default.join(res, p), '') || '.';
 }
@@ -138,7 +139,7 @@ function disableDefaultURLProcessing(webpackConfig) {
 function injectPostcssConfigOverrides(webpackConfig, variables, verbose) {
     if (webpackConfig.module?.rules) {
         const postcssConfig = (0, static_configs_1.postcssConfigBuilder)(verbose, (name) => {
-            return variables[name] ?? (name === 'ENV' ? '' : undefined);
+            return variables(name) ?? (name === 'ENV' ? '' : undefined);
         });
         for (const rule of webpackConfig.module.rules) {
             if (isTruthy(rule) && typeof rule === 'object' && Array.isArray(rule.use)) {
@@ -188,9 +189,14 @@ function parseEntrypointsJSON(dir) {
 }
 module.exports = function (config, webpackConfig = require("@wordpress/scripts/config/webpack.config")) {
     testForDuplicatedEntryPaths(config);
-    const { standaloneBlocks = false, variables = ["variables.js", "src/site/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') || process.env['VERBOSE'] === 'true' } = config;
+    const { standaloneBlocks = false, variables: rawVariables, verbose = process.argv.includes('--verbose') || process.env['VERBOSE'] === 'true' } = config;
+    let variablesFilePath = undefined;
+    let currentVariables = rawVariables ?? {};
+    if (!rawVariables) {
+        variablesFilePath = ["variables.js", "src/site/variables.js"].map(p => node_path_1.default.join(process.cwd(), p)).filter(p => node_fs_1.default.existsSync(p))[0];
+    }
     disableDefaultURLProcessing(webpackConfig);
-    injectPostcssConfigOverrides(webpackConfig, variables, verbose);
+    injectPostcssConfigOverrides(webpackConfig, name => currentVariables[name], verbose);
     let first = true;
     const sources = Array.isArray(config.src) ? config.src.map(s => [s, s]) : Object.entries(config.src);
     return sources.map(([src, dest]) => {
@@ -214,6 +220,9 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
             stage: webpack_remove_empty_scripts_1.default.STAGE_AFTER_PROCESS_PLUGINS,
             extensions: ['css', 'scss', 'sass', 'less', 'styl', 'pcss']
         }));
+        if (variablesFilePath) {
+            plugins.push(new VariablesJSMonitorPlugin_1.default(variablesFilePath));
+        }
         if (copyFiles) {
             plugins.push(new BlockJSONStyleRemappingPlugin_1.default(standaloneBlocks));
         }
@@ -281,9 +290,9 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
         }
         else {
             const baseDest = node_path_1.default.basename(destPath);
-            entry = {
+            entry = () => ({
                 [baseDest.includes('.') ? node_path_1.default.basename(baseDest, node_path_1.default.extname(baseDest)) : baseDest]: srcRoot
-            };
+            });
         }
         return {
             ...webpackConfig,
@@ -293,6 +302,7 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
                 ...webpackConfig.output,
                 path: joinPossiblyAbsolutePaths(process.cwd(), srcIsDirectory ? destPath : node_path_1.default.dirname(destPath))
             },
+            stats: config.stats ?? 'errors-warnings',
             plugins: copyFiles
                 ? plugins.map(plugin => plugin.constructor.name === 'CopyPlugin'
                     ? new copy_webpack_plugin_1.default({ patterns: [{ from: standaloneBlocks ? '**/(block.json|*.(php|twig|svg))' : '**/(block.json|*.(asset\.php|svg))',
@@ -301,7 +311,13 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
                 : (srcIsDirectory
                     ? plugins.filter(plugin => plugin.constructor.name !== 'CopyPlugin' && plugin.constructor.name !== 'CleanWebpackPlugin')
                     : plugins.filter(plugin => plugin.constructor.name !== 'CopyPlugin')),
-            entry
+            entry() {
+                if (variablesFilePath) {
+                    delete require.cache[require.resolve(variablesFilePath)];
+                    currentVariables = require(variablesFilePath);
+                }
+                return entry();
+            }
         };
     });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaudit/webpack-extensions",
-  "version": "2.6.0",
+  "version": "2.7.0",
   "scripts": {
     "prepublishOnly": "rm -rf build && mkdir build && tsc",
     "build": "tsc",
@@ -14,9 +14,9 @@
   },
   "devDependencies": {
     "@types/browser-sync-webpack-plugin": "^2.2.2",
-    "@types/node": "^20.3.2",
-    "@types/tapable": "^2.2.3",
-    "@types/webpack": "^5.28.1",
+    "@types/node": "^20.5.3",
+    "@types/tapable": "^2.2.4",
+    "@types/webpack": "^5.28.2",
     "@types/webpack-sources": "^3.2.0",
     "postcss-load-config": "^4.0.1",
     "postcss-loader": "^7.3.3",
@@ -28,18 +28,19 @@
     "@plaudit/postcss-silent-extend": "^3.0.0",
     "@plaudit/postcss-strip-units": "^3.0.0",
     "@plaudit/postcss-variables": "^1.0.0",
-    "@wordpress/scripts": "^26.7.0",
-    "autoprefixer": "^10.4.14",
+    "@wordpress/scripts": "^26.11.0",
+    "autoprefixer": "^10.4.15",
     "browser-sync": "^2.29.3",
     "browser-sync-webpack-plugin": "^2.3.0",
     "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^11.0.0",
     "cssnano": "^6.0.1",
-    "eslint": "^8.43.0",
-    "eslint-plugin-jsdoc": "^43.1.1",
+    "eslint": "^8.47.0",
+    "eslint-plugin-jsdoc": "^46.5.0",
     "fork-ts-checker-webpack-plugin": "^8.0.0",
-    "postcss": "^8.4.25",
+    "postcss": "^8.4.28",
     "postcss-calc": "^9.0.1",
+    "postcss-discard-comments": "^6.0.0",
     "postcss-fallback": "^0.1.0",
     "postcss-functions": "^4.0.2",
     "postcss-import": "^15.1.0",
@@ -57,10 +58,7 @@
     "postcss-url": "^10.1.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "webpack": "^5.88.1",
+    "webpack": "^5.88.2",
     "webpack-remove-empty-scripts": "^1.0.3"
-  },
-  "resolutions": {
-    "eslint-plugin-jsdoc": "^43.1.1"
   }
 }