@plaudit/webpack-extensions 2.5.0 → 2.5.2

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

@@ -1,4 +1,4 @@
-import type { Compiler, WebpackPluginInstance } from "webpack";
+import { type Compiler, type WebpackPluginInstance } from "webpack";
 export default class BlockJSONStyleRemappingPlugin implements WebpackPluginInstance {
     private readonly standaloneBlocks;
     constructor(standaloneBlocks: boolean);

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

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
-const webpack_sources_1 = require("webpack-sources");
+const webpack_1 = require("webpack");
 class BlockJSONStyleRemappingPlugin {
     standaloneBlocks;
     constructor(standaloneBlocks) {
@@ -62,7 +62,7 @@ class BlockJSONStyleRemappingPlugin {
                 for (const [name, asset] of Object.entries(compilationAssets)) {
                     if (name.endsWith("block.json") && asset.constructor.name === 'RawSource') {
                         const dirname = node_path_1.default.dirname(assetSourceFiles.get(name) ?? name);
-                        const json = JSON.parse(asset.source());
+                        const json = JSON.parse(asset.source().toString());
                         for (const mappableKey of mappableKeys) {
                             if (mappableKey in json) {
                                 const unmappedValue = json[mappableKey];
@@ -122,7 +122,7 @@ class BlockJSONStyleRemappingPlugin {
                                 delete json["render_template"];
                             }
                         }
-                        compilation.updateAsset(name, new webpack_sources_1.RawSource(JSON.stringify(json, undefined, "  ")));
+                        compilation.updateAsset(name, new webpack_1.sources.RawSource(JSON.stringify(json, undefined, "  ")));
                     }
                 }
             });

package/build/wordpress-scripts-wrapper.js

@@ -96,7 +96,7 @@ function addPotentiallyDuplicatedEntrypointName(entry, entrypoint, typeCounts) {
     }
     entry[potentialKey] = entrypoint[1];
 }
-module.exports = function (config, webpackConfig = require("@wordpress/scripts/config/webpack.config")) {
+function testForDuplicatedEntryPaths(config) {
     const seenPaths = groupEntrypointsByAssetFile(Array.isArray(config.src) ? config.src : Object.values(config.src).map(bn => typeof bn === 'string' ? bn : bn.destination), bn => bn);
     let projectPrefix = undefined;
     let duplicatedPaths = "";
@@ -120,7 +120,8 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
         console.error(`Encountered multiple paths that produce the same effective bundle name:${duplicatedPaths}`);
         process.exit(1);
     }
-    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;
+}
+function disableDefaultURLProcessing(webpackConfig) {
     const cssLoader = require.resolve('css-loader');
     if (cssLoader && webpackConfig.module?.rules) {
         for (const rule of webpackConfig.module.rules) {
@@ -133,16 +134,11 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
             }
         }
     }
-    let currentEntrypoint = '';
+}
+function injectPostcssConfigOverrides(webpackConfig, variables, verbose) {
     if (webpackConfig.module?.rules) {
         const postcssConfig = (0, static_configs_1.postcssConfigBuilder)(verbose, (name) => {
-            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;
+            return variables[name] ?? (name === 'ENV' ? '' : undefined);
         });
         for (const rule of webpackConfig.module.rules) {
             if (isTruthy(rule) && typeof rule === 'object' && Array.isArray(rule.use)) {
@@ -164,10 +160,40 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
             }
         }
     }
+}
+function parseEntrypointsJSON(dir) {
+    const entrypointsJSON = JSON.parse(node_fs_1.default.readFileSync(node_path_1.default.join(dir, 'entrypoints.json'), 'utf8'));
+    if (Array.isArray(entrypointsJSON)) {
+        return mapToRealEntrypoints(entrypointsJSON, dir);
+    }
+    else {
+        return Object.entries(entrypointsJSON).map(([name, config]) => {
+            if (typeof config === 'string') {
+                return [name, joinPossiblyAbsolutePaths(dir, config)];
+            }
+            else if (Array.isArray(config)) {
+                return [name, config.map(c => joinPossiblyAbsolutePaths(dir, c))];
+            }
+            else {
+                if (typeof config.import === 'string') {
+                    config.import = joinPossiblyAbsolutePaths(dir, config.import);
+                }
+                else {
+                    config.import = config.import.map(c => joinPossiblyAbsolutePaths(dir, c));
+                }
+                return [name, config];
+            }
+        });
+    }
+}
+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;
+    disableDefaultURLProcessing(webpackConfig);
+    injectPostcssConfigOverrides(webpackConfig, variables, 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]) => {
-        currentEntrypoint = src;
         const srcRoots = typeof dest !== 'string' && dest.withLegacyBlocksIn
             ? [...src.split(','), ...resolveLegacyBlockScriptsInFolder(dest.withLegacyBlocksIn)]
             : src.split(',');
@@ -184,7 +210,10 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
                     syntactic: true,
                 }
             }
-        }), new webpack_remove_empty_scripts_1.default({ stage: webpack_remove_empty_scripts_1.default.STAGE_AFTER_PROCESS_PLUGINS, extensions: ['css', 'scss', 'sass', 'less', 'styl', 'pcss'] }));
+        }), new webpack_remove_empty_scripts_1.default({
+            stage: webpack_remove_empty_scripts_1.default.STAGE_AFTER_PROCESS_PLUGINS,
+            extensions: ['css', 'scss', 'sass', 'less', 'styl', 'pcss']
+        }));
         if (copyFiles) {
             plugins.push(new BlockJSONStyleRemappingPlugin_1.default(standaloneBlocks));
         }
@@ -224,29 +253,7 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
                     }
                     catch (e) {
                         try {
-                            const entrypointsJSON = JSON.parse(node_fs_1.default.readFileSync(node_path_1.default.join(dir, 'entrypoints.json'), 'utf8'));
-                            if (Array.isArray(entrypointsJSON)) {
-                                res.push(...mapToRealEntrypoints(entrypointsJSON, dir));
-                            }
-                            else {
-                                for (const [name, config] of Object.entries(entrypointsJSON)) {
-                                    if (typeof config === 'string') {
-                                        res.push([name, joinPossiblyAbsolutePaths(dir, config)]);
-                                    }
-                                    else if (Array.isArray(config)) {
-                                        res.push([name, config.map(c => joinPossiblyAbsolutePaths(dir, c))]);
-                                    }
-                                    else {
-                                        if (typeof config.import === 'string') {
-                                            config.import = joinPossiblyAbsolutePaths(dir, config.import);
-                                        }
-                                        else {
-                                            config.import = config.import.map(c => joinPossiblyAbsolutePaths(dir, c));
-                                        }
-                                        res.push([name, config]);
-                                    }
-                                }
-                            }
+                            res.push(...parseEntrypointsJSON(dir));
                         }
                         catch (e) {
                             // This just means that the directory doesn't contain any declared entrypoints.

package/package.json

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