@plaudit/webpack-extensions 3.7.0 → 3.8.0

package/CHANGELOG.md

@@ -5,6 +5,11 @@ 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
@@ -117,6 +122,14 @@ 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

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

@@ -96,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;
             }

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.7.0",
+  "version": "3.8.0",
   "license": "SEE LICENSE IN LICENSE.md",
   "files": [
     "/dist",
@@ -28,9 +28,9 @@
     }
   },
   "devDependencies": {
-    "@plaudit/gutenberg-api-extensions": "^2.97.0",
+    "@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",
@@ -43,17 +43,17 @@
     "@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.45.0",
-    "@wordpress/scripts": "^32.1.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.8",
+    "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.13",
+    "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",