@plaudit/webpack-extensions 2.80.1 → 2.82.1

package/build/shared.d.ts

@@ -110,6 +110,7 @@ export type PlauditWordpressWebpackConfig = {
     useUnifiedLoader?: boolean;
     includePostInitFallback?: boolean;
     omitDistDev?: boolean;
+    onlyRunPostCSSOnPCSS?: boolean;
 };
 export type FileSegmentBlockEntrypointInfo = {
     blockJsonOrigin: string;

package/build/utils/common-config-helpers.js

@@ -11,10 +11,7 @@ const node_fs_1 = __importDefault(require("node:fs"));
 const promises_1 = __importDefault(require("node:fs/promises"));
 const node_path_1 = __importDefault(require("node:path"));
 const shared_1 = require("../shared");
-let isInThemeCache = undefined;
-function isInTheme() {
-    return isInThemeCache ?? (isInThemeCache = node_fs_1.default.existsSync(node_path_1.default.join(process.cwd(), "theme.json")));
-}
+const css_minimizer_webpack_plugin_1 = __importDefault(require("css-minimizer-webpack-plugin"));
 function joinPossiblyAbsolutePaths(...paths) {
     return paths.filter((p) => !!p)
         .reduce((res, p) => !res || node_path_1.default.isAbsolute(p) ? p : node_path_1.default.join(res, p), '') || '.';
@@ -271,16 +268,6 @@ function commonMakeWebpackConfig(config, commonConfig, webpackConfig, externaliz
     const { fixedRules, processingModules, updateCurrentVariables } = commonConfig;
     const outPath = joinPossiblyAbsolutePaths(process.cwd(), config.outputDir);
     let publicPath = webpackConfig.output?.publicPath;
-    if (isInTheme()) {
-        let prefix = process.cwd();
-        while (prefix.length > 5 && node_path_1.default.basename(prefix) !== "wp-content") {
-            prefix = node_path_1.default.dirname(prefix);
-        }
-        if (prefix.length > 5) {
-            prefix = node_path_1.default.dirname(prefix);
-            publicPath = `/${node_path_1.default.relative(prefix, outPath)}/`;
-        }
-    }
     let viableRoots = [...(Array.isArray(webpackConfig.context) ? webpackConfig.context : [webpackConfig.context ?? process.cwd()])];
     let wpContentHolderDirectory = process.cwd();
     while (wpContentHolderDirectory.length > 5) {
@@ -352,7 +339,11 @@ function commonMakeWebpackConfig(config, commonConfig, webpackConfig, externaliz
                     },
                     default: false
                 }
-            }
+            },
+            minimizer: [
+                ...(webpackConfig.optimization?.minimizer || []),
+                new css_minimizer_webpack_plugin_1.default()
+            ]
         },
         module: {
             ...webpackConfig.module,

package/build/wordpress-scripts-wrapper.js

@@ -105,8 +105,14 @@ function injectPostcssConfigOverrides(rules, config, variables, postcssFunctions
                         }
                     }
                 }
-                if (rule.test instanceof RegExp && (rule.test.test("index.ts") || rule.test.test("index.mts"))) { // Then this is the JavaScript and TypeScript rule
-                    rule.test = /\.m?[jt]sx?$/; // This hacks in support for mjs and mts files
+                if (rule.test instanceof RegExp) {
+                    if (rule.test.test("index.ts") || rule.test.test("index.mts")) { // Then this is the JavaScript and TypeScript rule
+                        rule.test = /\.m?[jt]sx?$/; // This hacks in support for mjs and mts files
+                    }
+                    if (config.onlyRunPostCSSOnPCSS && rule.test.test("test.css") && !rule.test.test("test.pcss")) {
+                        // We remove PostCSS processing from the .css file handling pipeline
+                        rule.use = rule.use.filter(useItem => !useItem || typeof useItem !== 'object' || !useItem.loader?.includes('postcss-loader'));
+                    }
                 }
             }
             if (rule.type === "asset/inline" && rule.test instanceof RegExp && rule.issuer instanceof RegExp && rule.test.test("test.svg") && rule.issuer.test("test.pcss")) {
@@ -157,7 +163,7 @@ function injectSupportForInliningSVGsAsStrings(rules) {
     });
 }
 function buildVerifiedConfig(config) {
-    const { standaloneBlocks = false, stats = 'errors-warnings', variables: rawVariables, verbose = process.argv.includes('--verbose') || process.env['VERBOSE'] === 'true', postcss = {}, externals, assumeGlobalizedPlauditLibraries = true, processTranslationConfigs = true, combineAssetMetadata = true, useWebpackResourceFiltering = true, plainEntrypointsVersion = 1, srcDir = "", useUnifiedLoader = false, includePostInitFallback = false, omitDistDev = false } = config;
+    const { standaloneBlocks = false, stats = 'errors-warnings', variables: rawVariables, verbose = process.argv.includes('--verbose') || process.env['VERBOSE'] === 'true', postcss = {}, externals, assumeGlobalizedPlauditLibraries = true, processTranslationConfigs = true, combineAssetMetadata = true, useWebpackResourceFiltering = true, plainEntrypointsVersion = 1, srcDir = "", useUnifiedLoader = false, includePostInitFallback = false, omitDistDev = false, onlyRunPostCSSOnPCSS = false } = config;
     let outputDir = config.outputDir ?? "";
     if (outputDir && useUnifiedLoader && !omitDistDev && (process.env['SERVER_MODE'] ?? 'development') === 'development') {
         outputDir += "-dev";
@@ -209,7 +215,8 @@ function buildVerifiedConfig(config) {
     }
     const cfg = {
         currentVariables, postcss, standaloneBlocks, stats, variablesFilePath, verbose, externals, assumeGlobalizedPlauditLibraries, processTranslationConfigs, combineAssetMetadata,
-        useWebpackResourceFiltering, outputDir, extensionsVersion, plainEntrypointsVersion, srcDir, srcPrefixes, targetHandlePrefix, useUnifiedLoader, includePostInitFallback, omitDistDev
+        useWebpackResourceFiltering, outputDir, extensionsVersion, plainEntrypointsVersion, srcDir, srcPrefixes, targetHandlePrefix, useUnifiedLoader, includePostInitFallback, omitDistDev,
+        onlyRunPostCSSOnPCSS
     };
     // Destination -> source map
     const allocatedDestinations = {};
@@ -566,7 +573,7 @@ function stripExtension(filepath) {
 }
 module.exports = function (config, webpackConfig = require("@wordpress/scripts/config/webpack.config")) {
     const { cfg, sources } = buildVerifiedConfig(config);
-    if (Array.isArray(webpackConfig) && (0, shared_1.hasAtLeastOneItem)(webpackConfig)) {
+    if (Array.isArray(webpackConfig) && (0, shared_1.arrayIsLength)(webpackConfig, 1)) {
         webpackConfig = webpackConfig[0];
     }
     if (Array.isArray(webpackConfig)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaudit/webpack-extensions",
-  "version": "2.80.1",
+  "version": "2.82.1",
   "license": "SEE LICENSE IN LICENSE.md",
   "files": [
     "/build"
@@ -20,9 +20,9 @@
     }
   },
   "devDependencies": {
-    "@plaudit/gutenberg-api-extensions": "^2.81.0",
+    "@plaudit/gutenberg-api-extensions": "^2.83.0",
     "@types/browser-sync-webpack-plugin": "^2.2.5",
-    "@types/node": "^24.10.4",
+    "@types/node": "^25.0.3",
     "@types/postcss-functions": "^4.0.4",
     "@types/tapable": "^2.3.0",
     "@types/webpack": "^5.28.5",
@@ -39,13 +39,12 @@
     "@plaudit/postcss-silent-extend": "^3.0.0",
     "@plaudit/postcss-strip-units": "^3.0.0",
     "@plaudit/postcss-variables": "^1.1.0",
-    "@wordpress/dependency-extraction-webpack-plugin": "^6.36.0",
-    "@wordpress/scripts": "^30.27.0",
+    "@wordpress/dependency-extraction-webpack-plugin": "^6.37.0",
+    "@wordpress/scripts": "^31.2.0",
     "autoprefixer": "^10.4.23",
     "browser-sync": "^3.0.4",
     "copy-webpack-plugin": "10.2.4",
-    "cssnano": "^6.1.2",
-    "eslint-plugin-jsdoc": "^48.11.0",
+    "css-minimizer-webpack-plugin": "^6.0.0",
     "fork-ts-checker-webpack-plugin": "^9.1.0",
     "http-proxy-middleware": "^3.0.5",
     "json2php": "^0.0.12",