@plaudit/webpack-extensions 3.6.3 → 3.8.0

package/CHANGELOG.md

@@ -5,6 +5,16 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [3.8.0] - 2026-05-20
+### Added
+- Support for the `module_dependencies` property on `script` assets
+  - This comes from version `2.91.0`
+
+## [3.7.0] - 2026-05-04
+### Added
+- PNPM 11 compatibility
+  - This comes from version `2.90.0`
+
 ## [3.6.3] - 2026-04-27
 ### Fixed
 - An `ENOENT` error when the `srcDir` does not map to an actual directory on disk
@@ -112,6 +122,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Legacy PostCSS features that have been integrated into modern CSS
 - `@extends` support
 
+## [2.91.0] - 2026-05-20
+### Added
+- Support for the `module_dependencies` property on `script` assets
+
+## [2.90.1] - 2026-05-08
+### Fixed
+- `postcss-loader` being a dev dependency
+
+## [2.90.0] - 2026-05-04
+### Added
+- PNPM 11 compatibility
+
 ## [2.89.2] - 2026-04-27
 ### Fixed
 - An `ENOENT` error when the `srcDir` does not map to an actual directory on disk

package/dist/plugins/EnhancedBlockJSONPlugin.d.ts

@@ -1,7 +1,7 @@
 import { Compilation } from "webpack";
 import type WebpackRemoveEmptyScriptsPlugin from "webpack-remove-empty-scripts";
 import { AbstractBiPhasicGroupAndEntryPlugin, EntryProvider } from "./AbstractBiPhasicGroupAndEntryPlugin";
-import { ParsedAssetsJson, BlockEntrypointInfo, FileSegmentBlockEntrypointInfo, VerifiedAdvancedOutputConfig, ParsedAssetJsonProvider, ScriptArgsObject, InlinedAsset } from "../shared";
+import { BlockEntrypointInfo, FileSegmentBlockEntrypointInfo, InlinedAsset, ParsedAssetJsonProvider, ParsedAssetsJson, ScriptArgsObject, VerifiedAdvancedOutputConfig } from "../shared";
 import type { VerifiedPlauditWordpressWebpackConfig } from "../utils/common-config-helpers";
 type WorkableBlockEntrypointInfo = Omit<FileSegmentBlockEntrypointInfo, 'originalValue' | 'pathQueryParameters'> & Partial<Pick<FileSegmentBlockEntrypointInfo, 'originalValue'>> & {
     outputPath: string;

package/dist/plugins/EnhancedBlockJSONPlugin.js

@@ -237,21 +237,32 @@ class EnhancedBlockJSONPlugin extends AbstractBiPhasicGroupAndEntryPlugin_1.Abst
     }
     static convertToScriptHandles(handleData) {
         return handleData.map(hd => {
-            const deps = hd.originalValue !== undefined ? hd.assetData.dependencies : [];
+            const { inlinedAsset, originalValue, outputPath, entrypointField, scriptArgsObject: rawScriptArgsObject, assetData, handle } = hd;
+            const { dependencies = [], module_dependencies = undefined } = originalValue !== undefined ? assetData : {};
             let scriptArgsObject;
-            if (hd.scriptArgsObject !== undefined) {
-                scriptArgsObject = hd.scriptArgsObject;
-            }
-            else if (hd.inlinedAsset !== undefined) {
-                scriptArgsObject = hd.inlinedAsset.position === 'before' ? { strategy: "defer" } : undefined;
-            }
-            else if (!hd.entrypointField.startsWith("editor")) {
-                scriptArgsObject = { strategy: "defer" };
+            if (rawScriptArgsObject !== undefined) {
+                scriptArgsObject = { ...rawScriptArgsObject, module_dependencies: (0, shared_1.mergeModuleDependencyArrays)(rawScriptArgsObject.module_dependencies, module_dependencies) };
             }
             else {
-                scriptArgsObject = undefined;
+                if (inlinedAsset !== undefined) {
+                    scriptArgsObject = inlinedAsset.position === 'before' ? { strategy: "defer" } : undefined;
+                }
+                else if (!entrypointField.startsWith("editor")) {
+                    scriptArgsObject = { strategy: "defer" };
+                }
+                else {
+                    scriptArgsObject = undefined;
+                }
+                if (module_dependencies?.length) {
+                    if (scriptArgsObject === undefined) {
+                        scriptArgsObject = { module_dependencies };
+                    }
+                    else {
+                        scriptArgsObject.module_dependencies = module_dependencies;
+                    }
+                }
             }
-            return [hd.handle, { src: hd.outputPath, rest: scriptArgsObject !== undefined ? [deps, hd.assetData.version, scriptArgsObject] : [deps, hd.assetData.version], inlinedAsset: hd.inlinedAsset }];
+            return [handle, { src: outputPath, rest: scriptArgsObject !== undefined ? [dependencies, assetData.version, scriptArgsObject] : [dependencies, assetData.version], inlinedAsset }];
         });
     }
     static doFileOrHandleReplacements(compilation, blockJson, workableBlockEntrypointsInfo, getter) {

package/dist/plugins/ExtensionsConfigFileGeneratorPlugin.js

@@ -1,41 +1,8 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExtensionsConfigFileGeneratorPlugin = void 0;
 const promises_1 = require("node:fs/promises");
-const node_path_1 = __importStar(require("node:path"));
+const node_path_1 = require("node:path");
 const php_writer_1 = require("@plaudit/php-writer");
 const expressions_1 = require("@plaudit/php-writer/expressions");
 const AbstractBiPhasicGroupAndEntryPlugin_1 = require("./AbstractBiPhasicGroupAndEntryPlugin");
@@ -66,10 +33,10 @@ class ExtensionsConfigFileGeneratorPlugin extends AbstractBiPhasicGroupAndEntryP
             const emissionPromises = [];
             for await (const { name: setupFilePath } of await (0, promises_1.opendir)(this.extensionsSrcPath, { encoding: 'utf-8' })) {
                 if (setupFilePath.endsWith("-setup.php")) {
-                    const setupFileSourcePath = node_path_1.default.join(this.extensionsSrcPath, setupFilePath);
+                    const setupFileSourcePath = (0, node_path_1.join)(this.extensionsSrcPath, setupFilePath);
                     compilation.fileDependencies.add(setupFileSourcePath);
                     emissionPromises.push((0, promises_1.readFile)(setupFileSourcePath).then(contents => {
-                        compilation.emitAsset(node_path_1.default.join(this.dest.destination, setupFilePath), new webpack_1.sources.RawSource(contents), { size: Buffer.byteLength(contents) });
+                        compilation.emitAsset((0, node_path_1.join)(this.dest.destination, setupFilePath), new webpack_1.sources.RawSource(contents), { size: Buffer.byteLength(contents) });
                         const blockSlug = /^(.+?)-setup.php$/i.exec(setupFilePath)?.[1];
                         return [blockSlug, setupFilePath];
                     }));
@@ -91,10 +58,10 @@ class ExtensionsConfigFileGeneratorPlugin extends AbstractBiPhasicGroupAndEntryP
             if (dirent.isFile()) {
                 if (dirent.name === "setup.php") {
                     const setupFilePath = (0, node_path_1.join)(...parents, dirent.name);
-                    const setupFileSourcePath = node_path_1.default.join(this.extensionsSrcPath, setupFilePath);
+                    const setupFileSourcePath = (0, node_path_1.join)(this.extensionsSrcPath, setupFilePath);
                     compilation.fileDependencies.add(setupFileSourcePath);
                     emissionPromises.push((0, promises_1.readFile)(setupFileSourcePath).then(contents => {
-                        compilation.emitAsset(node_path_1.default.join(this.dest.destination, setupFilePath), new webpack_1.sources.RawSource(contents), { size: Buffer.byteLength(contents) });
+                        compilation.emitAsset((0, node_path_1.join)(this.dest.destination, setupFilePath), new webpack_1.sources.RawSource(contents), { size: Buffer.byteLength(contents) });
                         return [parents.join("-") /* blockSlug */, setupFilePath];
                     }));
                 }
@@ -129,11 +96,12 @@ class ExtensionsConfigFileGeneratorPlugin extends AbstractBiPhasicGroupAndEntryP
                 const isCss = (0, shared_1.isStyleField)(assetType);
                 const handleGroup = isCss ? 'styleHandles'
                     : ((0, shared_1.isScriptModuleField)(assetType) ? 'scriptModuleHandles' : 'scriptHandles');
+                const { dependencies, module_dependencies } = assetData;
                 blockExtensionsConfig[handleGroup][handle] = {
                     src: isCss ? assetPath.replace(/\.js$/, ".css") : assetPath,
                     rest: isCss || key.startsWith("editor")
-                        ? [assetData.dependencies, assetData.version]
-                        : [assetData.dependencies, assetData.version, { strategy: 'defer' }]
+                        ? (module_dependencies?.length ? [dependencies, assetData.version, { in_footer: true, module_dependencies }] : [dependencies, assetData.version])
+                        : [dependencies, assetData.version, { strategy: 'defer', module_dependencies: module_dependencies?.length ? module_dependencies : undefined }]
                 };
                 (blockExtensionsConfig.blocks[blockSlug] ?? (blockExtensionsConfig.blocks[blockSlug] = {}))[key] = handle;
             }
@@ -156,7 +124,7 @@ class ExtensionsConfigFileGeneratorPlugin extends AbstractBiPhasicGroupAndEntryP
             .toSorted(([a], [b]) => a.localeCompare(b)));
         (0, shared_1.emitPHPWriterAsAsset)(new php_writer_1.PHPWriter()
             .call("Plaudit\\Common\\Lib\\GutenbergUtils::loadExtensionsV3", [new expressions_1.EnclosedLiteral((0, shared_1.makeEmittableConfigPHP)(blockExtensionsConfig, false)), expressions_1.Op.concat(expressions_1.Constants.__DIR__, '/'),
-            expressions_1.Expr.call("plaudit_webpack_extensions__resolve_base_uri", [expressions_1.Constants.__DIR__])]), compilation, node_path_1.default.join(this.dest.destination, "extensions-loader.php"));
+            expressions_1.Expr.call("plaudit_webpack_extensions__resolve_base_uri", [expressions_1.Constants.__DIR__])]), compilation, (0, node_path_1.join)(this.dest.destination, "extensions-loader.php"));
     }
     attachUniquePhase(compilation) {
         compilation.hooks.processAssets.tapPromise({ name: this.constructor.name, stage: webpack_1.Compilation.PROCESS_ASSETS_STAGE_REPORT }, async () => {

package/dist/plugins/PlainEntrypointsConfigFileGeneratorPlugin.js

@@ -297,11 +297,12 @@ class PlainEntrypointsConfigFileGeneratorPlugin extends AbstractBiPhasicGroupAnd
                 const extension = (0, node_path_1.extname)(file).toLowerCase();
                 const type = extension === ".js" ? 'script' : (extension === ".mjs" ? 'script_module' : 'style');
                 const isScript = type !== 'style';
-                const dependencies = isScript === entrypointChunkIsScript ? assetData.dependencies : [];
+                const { dependencies = [], module_dependencies = undefined } = isScript === entrypointChunkIsScript ? assetData : {};
                 const { lazyLoader, locations } = this.dest;
                 const { flags } = (0, path_query_and_related_helpers_1.unpackEnqueuingControlFlagsFromPathQueryParameters)(typeof locations.registerScriptArgs === 'object' ? locations.registerScriptArgs : { strategy: locations.registerScriptArgs }, file, "registerScriptArgs");
                 const { inlinedAsset, scriptArgsObject } = (0, path_query_and_related_helpers_1.convertEnqueuingControlFlagsToScriptArgsObject)(compilation, file, (0, path_query_and_related_helpers_1.mergeTwoEnqueuingControlFlagSets)(file, flags, this.dest.enqueuingFlags));
-                const rest = isScript && scriptArgsObject !== undefined ? [dependencies, assetData.version, scriptArgsObject] : [dependencies, assetData.version];
+                const completeScriptArgsObject = module_dependencies?.length ? { ...scriptArgsObject, module_dependencies } : scriptArgsObject;
+                const rest = isScript && completeScriptArgsObject !== undefined ? [dependencies, assetData.version, completeScriptArgsObject] : [dependencies, assetData.version];
                 const destPath = (0, node_path_1.join)(compilation.outputOptions.path, file);
                 handles.push({
                     src: destPath,

package/dist/shared.d.ts

@@ -4,15 +4,21 @@ import { type AssetInfo, type Compilation, type Configuration, type Entrypoint,
 import { SourceType } from "./utils/entrypoint-resolution-logic";
 import type { NormalizedEnqueuingControlFlags } from "./utils/path-query-and-related-helpers";
 export * from "./utils/entrypoint-resolution-logic";
+export type WPModuleDependency = {
+    id: string;
+    import?: string;
+};
 export type ParsedAssetsJson = Record<string, {
     dependencies: string[];
     version: string;
+    module_dependencies?: (string | WPModuleDependency)[];
 }>;
 export declare function isParsedAssetsJson(thing: any): thing is ParsedAssetsJson;
 export type ScriptArgsObject = {
     strategy?: 'defer' | 'async';
     in_footer?: boolean;
     fetchpriority?: 'auto' | 'low' | 'high';
+    module_dependencies?: (string | WPModuleDependency)[];
 };
 type BaseRestType = [/* dependencies: */ string[], /* version: */ string];
 export type InlinedAsset = {
@@ -212,6 +218,7 @@ export declare const styleExtension: RegExp;
 export declare function scriptOrStyleTest(entryPath: string, scriptExtension: RegExp): "script" | "style" | "";
 export declare function isStyleField(field: string): field is 'style' | 'viewStyle' | 'editorStyle';
 export declare function isScriptModuleField(field: string): field is 'viewScriptModule';
+export declare function mergeModuleDependencyArrays(a: (string | WPModuleDependency)[] | undefined, b: (string | WPModuleDependency)[] | undefined): (string | WPModuleDependency)[] | undefined;
 export declare function getHandleGroup(field: string): 'styleHandles' | 'scriptHandles' | 'scriptModuleHandles';
 export type StripFirstTwoItems<A extends any[]> = A extends [any, any, ...rest: infer R] ? R : never;
 export declare function hasAtLeastOneItem<T>(list: T[]): list is [T, ...T[]];

package/dist/shared.js

@@ -34,6 +34,7 @@ exports.leadingSlashIt = leadingSlashIt;
 exports.scriptOrStyleTest = scriptOrStyleTest;
 exports.isStyleField = isStyleField;
 exports.isScriptModuleField = isScriptModuleField;
+exports.mergeModuleDependencyArrays = mergeModuleDependencyArrays;
 exports.getHandleGroup = getHandleGroup;
 exports.hasAtLeastOneItem = hasAtLeastOneItem;
 exports.arrayIsLength = arrayIsLength;
@@ -65,7 +66,7 @@ function isParsedAssetsJson(thing) {
     }
     for (const value of Object.values(thing)) {
         if ((!value || typeof value !== 'object') ||
-            (!('dependencies' in value) || !Array.isArray(value.dependencies) || value.dependencies.some(d => typeof d !== 'string')) ||
+            (!('dependencies' in value) || !Array.isArray(value.dependencies) || (value.dependencies.length > 0 && !value.dependencies.every(d => typeof d === 'string' || (d && typeof d === 'object' && typeof d.id === 'string')))) ||
             (!('version' in value) || !value.version || typeof value.version !== 'string')) {
             return false;
         }
@@ -174,6 +175,34 @@ function isStyleField(field) {
 function isScriptModuleField(field) {
     return field.includes("odule");
 }
+function mergeModuleDependencyArrays(a, b) {
+    if (a === undefined || a.length === 0) {
+        return b;
+    }
+    if (b === undefined || b.length === 0) {
+        return a;
+    }
+    const seenModuleDeps = new Map();
+    return [...a, ...b].filter(dep => {
+        let id, type;
+        if (typeof dep === 'string') {
+            id = dep;
+            type = 'static';
+        }
+        else {
+            id = dep.id;
+            type = dep.import ?? 'static';
+        }
+        if (seenModuleDeps.has(id)) {
+            if (type !== seenModuleDeps.get(id)) {
+                throw newCleanWebpackError(`Encountered conflicting import types for the "${id}" module dependency`);
+            }
+            return false;
+        }
+        seenModuleDeps.set(id, type);
+        return true;
+    });
+}
 function getHandleGroup(field) {
     if (isStyleField(field)) {
         return 'styleHandles';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaudit/webpack-extensions",
-  "version": "3.6.3",
+  "version": "3.8.0",
   "license": "SEE LICENSE IN LICENSE.md",
   "files": [
     "/dist",
@@ -28,9 +28,9 @@
     }
   },
   "devDependencies": {
-    "@plaudit/gutenberg-api-extensions": "^2.94.1",
+    "@plaudit/gutenberg-api-extensions": "^2.97.1",
     "@types/browser-sync-webpack-plugin": "^2.2.5",
-    "@types/node": "^25.6.0",
+    "@types/node": "^25.9.1",
     "@types/postcss-functions": "^4.0.4",
     "@types/postcss-import": "^14.0.3",
     "@types/tapable": "^2.3.0",
@@ -40,20 +40,20 @@
   },
   "dependencies": {
     "@plaudit/php-writer": "^1.4.1",
-    "@plaudit/postcss-color-function": "^5.0.0",
+    "@plaudit/postcss-color-function": "^5.1.0",
     "@plaudit/postcss-strip-units": "^3.0.0",
     "@plaudit/postcss-variables": "^2.0.1",
-    "@wordpress/dependency-extraction-webpack-plugin": "^6.44.0",
-    "@wordpress/scripts": "^32.0.0",
+    "@wordpress/dependency-extraction-webpack-plugin": "^6.46.0",
+    "@wordpress/scripts": "^32.2.0",
     "autoprefixer": "^10.5.0",
     "browser-sync": "^3.0.4",
     "copy-webpack-plugin": "10.2.4",
     "css-minimizer-webpack-plugin": "^8.0.0",
-    "cssnano": "^7.1.7",
+    "cssnano": "^7.1.9",
     "fork-ts-checker-webpack-plugin": "^9.1.0",
     "http-proxy-middleware": "^3.0.5",
     "json2php": "^0.0.12",
-    "postcss": "^8.5.12",
+    "postcss": "^8.5.15",
     "postcss-calc": "^10.1.1",
     "postcss-functions": "^4.0.2",
     "postcss-import": "^16.1.1",
@@ -63,7 +63,7 @@
     "postcss-property-lookup": "^3.0.0",
     "postcss-reporter": "^7.1.0",
     "postcss-url": "^10.1.3",
-    "webpack": "^5.106.2",
+    "webpack": "^5.107.0",
     "webpack-remove-empty-scripts": "^1.1.1",
     "xml-formatter": "^3.7.0"
   },
@@ -71,7 +71,6 @@
     "node": ">=20"
   },
   "scripts": {
-    "pnpm:devPreinstall": "pnpm add --config '@plaudit/pnpm-plugin-plaudit-config'",
     "build": "tsc",
     "clean": "rm -rf dist",
     "build:clean": "pnpm run clean && pnpm run build",