@plaudit/webpack-extensions 2.90.1 → 2.92.0

package/CHANGELOG.md

@@ -60,6 +60,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.92.0] - 2026-05-20
+### Added
+- Support for marking `block.json` attributes with `"supports-bindings": true` to enable block binding support in the editor
+
+## [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

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

@@ -155,6 +155,33 @@ class EnhancedBlockJSONPlugin extends AbstractBiPhasicGroupAndEntryPlugin_1.Abst
                 this.callRegisterFunction('script', writer, baseUriVar, Object.entries(finalizedScriptHandles));
                 this.callRegisterFunction('style', writer, baseUriVar, Object.entries(finalizedStyleHandles));
                 this.callRegisterFunction('script_module', writer, baseUriVar, Object.entries(metadata.scriptModuleHandles));
+                const entries = Object.entries(metadata.bindableBlockAttributes);
+                const supportedAttributes = new expressions_1.Var("supported_block_attributes", "?array");
+                if ((0, shared_1.arrayIsLength)(entries, 1)) {
+                    writer.filter(`block_bindings_supported_attributes_${entries[0][0]}`, writer => {
+                        const parameters = entries[0][1];
+                        if (parameters.length === 1) {
+                            writer.appendExpr(new expressions_1.Assignment(supportedAttributes, parameters[0], true));
+                        }
+                        else {
+                            writer.call("array_push", [supportedAttributes, ...parameters]);
+                        }
+                        writer.return(supportedAttributes);
+                    }, { functionArgParameters: [supportedAttributes] });
+                }
+                else if (entries.length > 1) {
+                    const compiledBindingSupportingAttributes = new expressions_1.Var("compiled_binding_supporting_attributes");
+                    writer.assign(compiledBindingSupportingAttributes, metadata.bindableBlockAttributes);
+                    const blockType = new expressions_1.Var("block_type", "?string");
+                    writer.filter(`block_bindings_supported_attributes`, writer => {
+                        writer
+                            .if(expressions_1.Op.binary(new expressions_1.Call("empty", [blockType]), " || ", new expressions_1.Call("empty", [new expressions_1.ArrayAccess(compiledBindingSupportingAttributes, blockType)])))
+                            .return(supportedAttributes)
+                            .endIf()
+                            .call("array_push", [supportedAttributes, new expressions_1.Op("...", new expressions_1.ArrayAccess(compiledBindingSupportingAttributes, blockType))])
+                            .return(supportedAttributes);
+                    }, { functionArgParameters: [supportedAttributes, blockType], useVars: [compiledBindingSupportingAttributes] });
+                }
                 writer.call("\\Plaudit\\Common\\ACF\\BlockManager::autoloadSubfoldersV3", [
                     expressions_1.Constants.__DIR__, // string $dir
                     new expressions_1.EnclosedLiteral((0, shared_1.makeEmittableConfigPHP)(blockData, false, "\t")), // array $blockdirConfig
@@ -185,6 +212,7 @@ class EnhancedBlockJSONPlugin extends AbstractBiPhasicGroupAndEntryPlugin_1.Abst
             .flatMap(bi => bi.workableBlockEntrypointsInfo)
             .sort((a, b) => a.handle.localeCompare(b.handle) || a.entrypointField.localeCompare(b.entrypointField));
         const blockData = {};
+        const bindableBlockAttributes = {};
         for (const [blockJsonAssetName, { sourcePath: blockJsonSourcePath, workableBlockEntrypointsInfo, blockJsonText }] of Object.entries(collatedWorkableBlockInfo)) {
             if (!blockJsonSourcePath) {
                 compilation.errors.push((0, shared_1.newWebpackErrorForFile)(`${blockJsonAssetName} does not have a source path`, blockJsonAssetName));
@@ -208,6 +236,19 @@ class EnhancedBlockJSONPlugin extends AbstractBiPhasicGroupAndEntryPlugin_1.Abst
             else {
                 blockJson["version"] = hashForVersion;
             }
+            if (typeof blockJson["name"] === 'string' && typeof blockJson["attributes"] === 'object' && blockJson["attributes"]) {
+                for (const [name, attr] of Object.entries(blockJson["attributes"])) {
+                    if (attr["supports-bindings"]) {
+                        delete attr["supports-bindings"];
+                        if (bindableBlockAttributes[blockJson["name"]] !== undefined) {
+                            bindableBlockAttributes[blockJson["name"]].push(name);
+                        }
+                        else {
+                            bindableBlockAttributes[blockJson["name"]] = [name];
+                        }
+                    }
+                }
+            }
             EnhancedBlockJSONPlugin.normalizeRenderTemplate(blockJson, pathsNeedRemapping, sourceDir, outputDir, compilation);
             const blockDirName = (0, node_path_1.dirname)((0, node_path_1.relative)(this.dest.destination, blockJsonAssetName));
             blockData[blockDirName] = EnhancedBlockJSONPlugin
@@ -226,7 +267,8 @@ class EnhancedBlockJSONPlugin extends AbstractBiPhasicGroupAndEntryPlugin_1.Abst
                 styleHandles: Object.fromEntries(handleData.filter(hd => (0, shared_1.isStyleField)(hd.entrypointField))
                     .map(hd => {
                     return [hd.handle, { src: hd.outputPath, rest: [hd.originalValue !== undefined ? hd.assetData.dependencies : [], hd.assetData.version], inlinedAsset: hd.inlinedAsset }];
-                }))
+                })),
+                bindableBlockAttributes
             },
             ...Object.fromEntries(Object.entries(blockData).sort((a, b) => a[0].localeCompare(b[0])))
         };
@@ -237,21 +279,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": "2.90.1",
+  "version": "2.92.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.2",
+    "@types/node": "^25.9.1",
     "@types/postcss-functions": "^4.0.4",
     "@types/tapable": "^2.3.0",
     "@types/webpack-sources": "^3.2.3",
@@ -44,8 +44,8 @@
     "@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.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",
@@ -53,7 +53,7 @@
     "fork-ts-checker-webpack-plugin": "^9.1.0",
     "http-proxy-middleware": "^3.0.5",
     "json2php": "^0.0.12",
-    "postcss": "^8.5.14",
+    "postcss": "^8.5.15",
     "postcss-calc": "^9.0.1",
     "postcss-discard-comments": "^6.0.2",
     "postcss-functions": "^4.0.2",
@@ -67,7 +67,7 @@
     "postcss-reporter": "^7.1.0",
     "postcss-simple-vars": "^7.0.1",
     "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"
   },