@plaudit/webpack-extensions 2.91.0 → 2.92.1

package/CHANGELOG.md

@@ -60,6 +60,15 @@ 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.1] - 2026-05-21
+### Fixed
+- Compatibility issues with module-mode building
+- `module_dependencies` being set to `null` instead of being omitted
+
+## [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

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])))
         };
@@ -241,7 +283,8 @@ class EnhancedBlockJSONPlugin extends AbstractBiPhasicGroupAndEntryPlugin_1.Abst
             const { dependencies = [], module_dependencies = undefined } = originalValue !== undefined ? assetData : {};
             let scriptArgsObject;
             if (rawScriptArgsObject !== undefined) {
-                scriptArgsObject = { ...rawScriptArgsObject, module_dependencies: (0, shared_1.mergeModuleDependencyArrays)(rawScriptArgsObject.module_dependencies, module_dependencies) };
+                const merged_module_dependencies = (0, shared_1.mergeModuleDependencyArrays)(rawScriptArgsObject.module_dependencies, module_dependencies);
+                scriptArgsObject = merged_module_dependencies?.length ? { ...rawScriptArgsObject, module_dependencies: merged_module_dependencies } : { ...rawScriptArgsObject };
             }
             else {
                 if (inlinedAsset !== undefined) {

package/dist/plugins/ExtensionsConfigFileGeneratorPlugin.js

@@ -101,7 +101,7 @@ class ExtensionsConfigFileGeneratorPlugin extends AbstractBiPhasicGroupAndEntryP
                     src: isCss ? assetPath.replace(/\.js$/, ".css") : assetPath,
                     rest: isCss || key.startsWith("editor")
                         ? (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 }]
+                        : [dependencies, assetData.version, module_dependencies?.length ? { strategy: 'defer', module_dependencies } : { strategy: 'defer' }]
                 };
                 (blockExtensionsConfig.blocks[blockSlug] ?? (blockExtensionsConfig.blocks[blockSlug] = {}))[key] = handle;
             }

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

@@ -139,7 +139,7 @@ function resolveEntryFromDirectory(commonConfig, srcRoot, dest) {
                     const blockJsonChunkName = (0, node_path_1.join)(dest.destination, (0, node_path_1.relative)(srcRoot, dir), "block");
                     const filesRegisteredByJson = [];
                     const presentEntrypoints = (await Promise.all(entrypointFields
-                        .filter(entrypointField => entrypointField in blockJson)
+                        .filter(entrypointField => (0, shared_1.isScriptModuleField)(entrypointField) === processingModules && entrypointField in blockJson)
                         .flatMap(entrypointField => {
                         return (Array.isArray(blockJson[entrypointField]) ? blockJson[entrypointField] : [blockJson[entrypointField]])
                             .filter(originalValue => typeof originalValue === 'string')
@@ -181,6 +181,9 @@ function resolveEntryFromDirectory(commonConfig, srcRoot, dest) {
                             continue;
                         }
                         const { type, locations, flags } = parsedFilename;
+                        if (((type === 'script-module') !== processingModules)) {
+                            continue;
+                        }
                         let entrypointField;
                         if (Object.keys(locations).length === 2) {
                             if (type === 'script-module') {

package/dist/wordpress-scripts-wrapper.js

@@ -486,6 +486,9 @@ function processIndividualWebpackConfig(config, webpackConfig, sources, canClean
         const { bundleAnalyzer, assumeGlobalizedPlauditLibraries, externalize } = currentBatch[0].dest;
         const { plugins, removeEmptyScriptsPlugin, makeAdditionalDependencyInjectorPlugin } = buildCommonPluginConfig(webpackConfig, config, bundleAnalyzer, assumeGlobalizedPlauditLibraries, externalize);
         handleDisablingTSCheckerIfNecessary(currentBatch.flatMap(a => a.srcRoots), scriptExtension, plugins);
+        const applicableExtensionTest = (name) => {
+            return commonConfig.scriptExtension.test(name) || (!processingModules && shared_1.styleExtension.test(name));
+        };
         const contextPath = webpackConfig.context ?? process.cwd();
         for (const { dest, src, srcIsDirectory, srcRoot } of currentBatch) {
             let plugin;
@@ -511,7 +514,7 @@ function processIndividualWebpackConfig(config, webpackConfig, sources, canClean
                             continue;
                         }
                         if (dirent.isFile()) {
-                            if ((commonConfig.scriptExtension.test(dirent.name) || shared_1.styleExtension.test(dirent.name))) {
+                            if (applicableExtensionTest(dirent.name)) {
                                 const absoluteSrc = (0, common_config_helpers_1.joinPossiblyAbsolutePaths)(srcRoot, dirent.name);
                                 const extensionId = (0, node_path_1.parse)(dirent.name).name;
                                 rawEntrypoints.push([(0, node_path_1.join)(dest.destination, (0, node_path_1.basename)(absoluteSrc, (0, node_path_1.extname)(absoluteSrc))), {
@@ -521,7 +524,7 @@ function processIndividualWebpackConfig(config, webpackConfig, sources, canClean
                             }
                         }
                         else if (dirent.isDirectory()) {
-                            rawEntrypoints.push(...await walkExtensionsTree((0, node_path_1.join)(srcRoot, dirent.name), dest, [dirent.name]));
+                            rawEntrypoints.push(...await walkExtensionsTree((0, node_path_1.join)(srcRoot, dirent.name), dest, applicableExtensionTest, [dirent.name]));
                         }
                     }
                     return Object.fromEntries(rawEntrypoints);
@@ -533,10 +536,8 @@ function processIndividualWebpackConfig(config, webpackConfig, sources, canClean
             }
             else if (sourceType === "plain" /* SourceType.plain */) {
                 const absoluteSrc = typeof srcRoot === 'string' ? srcRoot : srcRoot[0];
-                if (!srcIsDirectory) {
-                    if (!scriptExtension.test(absoluteSrc) && !shared_1.styleExtension.test(absoluteSrc)) {
-                        continue;
-                    }
+                if (!srcIsDirectory && !applicableExtensionTest(absoluteSrc)) {
+                    continue;
                 }
                 const baseDest = stripExtension(dest.destination);
                 if (config.plainEntrypointsVersion > 1) {
@@ -574,13 +575,16 @@ function processIndividualWebpackConfig(config, webpackConfig, sources, canClean
         return (0, common_config_helpers_1.commonMakeWebpackConfig)(config, commonConfig, webpackConfig, externalize, plugins, canClean && batches.length < 2);
     }).filter(cfg => cfg !== undefined);
 }
-async function walkExtensionsTree(srcRoot, dest, parents) {
+async function walkExtensionsTree(srcRoot, dest, applicableExtensionTest, parents) {
     const res = [];
     for await (const dirent of await (0, promises_1.opendir)(srcRoot)) {
         if (dirent.name.startsWith("~")) {
             continue;
         }
         if (dirent.isFile()) {
+            if (!applicableExtensionTest(dirent.name)) {
+                continue;
+            }
             const parsedFilename = (0, location_encoding_filename_parser_1.parseLocationEncodingFilename)(dirent.name);
             if (parsedFilename === undefined) {
                 continue;
@@ -608,7 +612,7 @@ async function walkExtensionsTree(srcRoot, dest, parents) {
                 }]);
         }
         else if (dirent.isDirectory()) {
-            res.push(...await walkExtensionsTree((0, node_path_1.join)(srcRoot, dirent.name), dest, [...parents, dirent.name]));
+            res.push(...await walkExtensionsTree((0, node_path_1.join)(srcRoot, dirent.name), dest, applicableExtensionTest, [...parents, dirent.name]));
         }
     }
     return res;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaudit/webpack-extensions",
-  "version": "2.91.0",
+  "version": "2.92.1",
   "license": "SEE LICENSE IN LICENSE.md",
   "files": [
     "/dist",
@@ -66,8 +66,8 @@
     "postcss-property-lookup": "^3.0.0",
     "postcss-reporter": "^7.1.0",
     "postcss-simple-vars": "^7.0.1",
-    "postcss-url": "^10.1.3",
-    "webpack": "^5.107.0",
+    "postcss-url": "^10.1.4",
+    "webpack": "^5.107.1",
     "webpack-remove-empty-scripts": "^1.1.1",
     "xml-formatter": "^3.7.0"
   },