@plaudit/webpack-extensions 2.92.4 → 2.93.1

package/CHANGELOG.md

@@ -60,6 +60,16 @@ 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.93.1] - 2026-07-15
+### Fixed
+- The new supported features code overriding unintended data in theme.json
+
+## [2.93.0] - 2026-07-15
+### Added
+- Logic to emit code that makes the supported features declared in block.json file the defaults for those blocks in the "theme.json" file
+  - This uses filters to achieve the "defaulting", which means that it's plugin and theme agnostic
+- The `useBlockSupportsAsThemeJsonDefaults` flag to allow the new logic to be disabled
+
 ## [2.92.4] - 2026-06-10
 ### Fixed
 - Libraries externalizing in a way that does not account for the variable potentially being undeclared

package/dist/plugins/EnhancedBlockJSONPlugin.d.ts

@@ -22,6 +22,7 @@ export declare class EnhancedBlockJSONPlugin extends AbstractBiPhasicGroupAndEnt
     constructor(config: VerifiedPlauditWordpressWebpackConfig, dest: VerifiedAdvancedOutputConfig, webpackRemoveEmptyScriptsPlugin: WebpackRemoveEmptyScriptsPlugin, context: string, entry: EntryProvider<BlockEntrypointInfo>);
     protected processAssets(compilation: Compilation, parsedAssetJsonProvider: ParsedAssetJsonProvider): Promise<void>;
     private emitBlockLoaderFile;
+    private static pickOutFlagPropsFromBlockSupports;
     private callRegisterFunction;
     private transformBlocks;
     private static extractAssetSource;
@@ -34,6 +35,8 @@ export declare class EnhancedBlockJSONPlugin extends AbstractBiPhasicGroupAndEnt
     static findRelativeRouteBetween(path1: string, path2: string): string;
     private static remapReferencedPHPFilesOnKey;
     private static normalizeRenderTemplate;
+    private static readonly knownExperimentalProperties;
+    private static handleExperimentalBlockSupportsFlags;
     protected attachUniquePhase(compilation: Compilation): void;
     protected attachStandardPhase(compilation: Compilation): void;
     protected deduplicateEntrypointHandles(workableBlockInfo: CollatedWorkableBlockInfo): CollatedWorkableBlockInfo;

package/dist/plugins/EnhancedBlockJSONPlugin.js

@@ -196,12 +196,72 @@ class EnhancedBlockJSONPlugin extends AbstractBiPhasicGroupAndEntryPlugin_1.Abst
                     (0, shared_1.appendAddInlineAssetCall)(compilation, writer, ...inlinableStyle);
                 }
             }, { accountForAlreadyDoing: this.config.includePostInitFallback });
+            if (this.config.useBlockSupportsAsThemeJsonDefaults) {
+                const copyableBlockSupports = [];
+                for (const { name, supports } of Object.values(blockData)) {
+                    if (typeof name === 'string' && !!name && typeof supports === 'object' && !!supports && !Array.isArray(supports)) {
+                        const flagProps = EnhancedBlockJSONPlugin.pickOutFlagPropsFromBlockSupports(supports);
+                        if (flagProps) {
+                            copyableBlockSupports.push([name, flagProps]);
+                        }
+                    }
+                }
+                if (copyableBlockSupports.length > 0) {
+                    const themeJsonBlockSettings = new expressions_1.EnclosedLiteral((0, shared_1.makeEmittableConfigPHP)({
+                        version: 3,
+                        settings: {
+                            blocks: Object.fromEntries(copyableBlockSupports)
+                        }
+                    }, false, "\t"));
+                    const theme_json = new expressions_1.Var("theme_json");
+                    writer.filter('wp_theme_json_data_blocks', writer => {
+                        const updateCall = new expressions_1.Call(expressions_1.Literal.of("update_with", true), [themeJsonBlockSettings]);
+                        writer.appendExpr(new expressions_1.InstanceAccess(theme_json, [updateCall]), { return: true });
+                    }, { functionArgParameters: [theme_json] });
+                }
+            }
             (0, shared_1.emitPHPWriterAsAsset)(writer, compilation, (0, node_path_1.join)(this.dest.destination, "blockdir-loader.php"));
         }
         else {
             compilation.emitAsset((0, node_path_1.join)(this.dest.destination, "blockdir.config.php"), new webpack_1.sources.RawSource((0, shared_1.makeEmittableConfigPHP)(blockDirConfig, true)));
         }
     }
+    // This isn't strictly necessary, but it allows us to trivially eliminate commonly-used block supports flags that aren't used in theme.json
+    // private static readonly IGNORED_THEME_JSON_FLAG_PROPS = ['align', 'alignWide', 'anchor', 'contentRole', 'inserter', 'interactivity', 'listView', 'plaudit'];
+    static pickOutFlagPropsFromBlockSupports(supports) {
+        function isRecord(value) {
+            return typeof value === 'object' && !!value && !Array.isArray(value);
+        }
+        let addedProp = false;
+        const res = {};
+        if ('color' in supports) {
+            const color = supports.color;
+            if (isRecord(color)) {
+                const colorFlags = {};
+                for (const prop of ['background', 'link', 'text']) {
+                    if (supports[prop]) {
+                        colorFlags[prop] = true;
+                        res.color = colorFlags;
+                        addedProp = true;
+                    }
+                }
+            }
+        }
+        if ('dimensions' in supports) {
+            const dimensions = supports.dimensions;
+            if (isRecord(dimensions)) {
+                const dimensionsFlags = {};
+                for (const prop of ['aspectRatio']) {
+                    if (supports[prop]) {
+                        dimensionsFlags[prop] = true;
+                        res.color = dimensionsFlags;
+                        addedProp = true;
+                    }
+                }
+            }
+        }
+        return addedProp ? res : undefined;
+    }
     callRegisterFunction(type, writer, baseUriVar, handles) {
         for (const [name, { src, rest }] of handles) {
             writer.call(`wp_register_${type}`, [name, src === false ? false : expressions_1.Op.concat(baseUriVar, src), ...rest]);
@@ -228,6 +288,7 @@ class EnhancedBlockJSONPlugin extends AbstractBiPhasicGroupAndEntryPlugin_1.Abst
             const pathsNeedRemapping = !this.config.standaloneBlocks && blockJson["plaudit"] !== "simple";
             EnhancedBlockJSONPlugin.remapReferencedPHPFilesOnKey(blockJson, "setup", pathsNeedRemapping, sourceDir, outputDir, compilation, true);
             EnhancedBlockJSONPlugin.remapReferencedPHPFilesOnKey(blockJson, "variations", pathsNeedRemapping, sourceDir, outputDir, compilation, false);
+            EnhancedBlockJSONPlugin.handleExperimentalBlockSupportsFlags(blockJson);
             const hashForVersion = EnhancedBlockJSONPlugin
                 .hashThingForAsset([blockJsonText, ...workableBlockEntrypointsInfo.map(bi => bi.hash)].join("~"));
             if (blockJson["version"]) {
@@ -474,6 +535,28 @@ class EnhancedBlockJSONPlugin extends AbstractBiPhasicGroupAndEntryPlugin_1.Abst
             }
         }
     }
+    static knownExperimentalProperties = ['border', 'defaultControls', 'fontFamily', 'fontWeight', 'fontStyle', 'letterSpacing', 'textTransform', 'textDecoration']
+        .map(prop => [prop, "__experimental" + prop.substring(0, 1).toUpperCase() + prop.substring(1)]);
+    static handleExperimentalBlockSupportsFlags(blockSupports) {
+        for (const [key, value] of Object.entries(blockSupports)) {
+            if (typeof value === 'object' && !!value && !Array.isArray(value)) {
+                EnhancedBlockJSONPlugin.handleExperimentalBlockSupportsFlags(value);
+            }
+            if (!key.startsWith("__experimental")) {
+                continue;
+            }
+            const realKey = key.substring(14, 15).toLowerCase() + key.substring(15);
+            if (!(realKey in blockSupports)) {
+                blockSupports[realKey] = value;
+            }
+        }
+        // This handles known currently-experimental properties
+        for (const [eventualKey, experimentalKey] of EnhancedBlockJSONPlugin.knownExperimentalProperties) {
+            if (eventualKey in blockSupports && !(experimentalKey in blockSupports)) {
+                blockSupports[experimentalKey] = blockSupports[eventualKey];
+            }
+        }
+    }
     attachUniquePhase(compilation) {
         compilation.hooks.processAssets.tapPromise({ name: `${this.constructor.name}_CompileLoader`, stage: webpack_1.Compilation.PROCESS_ASSETS_STAGE_REPORT }, async () => {
             const allSemaphoreData = (await EnhancedBlockJSONPlugin.semaphore.wait())

package/dist/shared.d.ts

@@ -147,6 +147,7 @@ export type PlauditWordpressWebpackConfig = {
     includePostInitFallback?: boolean;
     omitDistDev?: boolean;
     onlyRunPostCSSOnPCSS?: boolean;
+    useBlockSupportsAsThemeJsonDefaults?: boolean;
 };
 export declare function applyStandards(config: PlauditWordpressWebpackConfig): {
     readonly standard?: "2026-03-13";
@@ -173,6 +174,7 @@ export declare function applyStandards(config: PlauditWordpressWebpackConfig): {
     readonly includePostInitFallback?: boolean;
     readonly omitDistDev?: boolean;
     onlyRunPostCSSOnPCSS?: boolean;
+    readonly useBlockSupportsAsThemeJsonDefaults?: boolean;
 };
 export declare function resolveStandard(standard: PlauditWordpressWebpackConfig['standard']): {
     readonly useWebpackResourceFiltering: true;

package/dist/wordpress-scripts-wrapper.js

@@ -167,7 +167,7 @@ function injectSupportForInliningSVGsAsStrings(rules) {
 }
 function buildVerifiedConfig(config) {
     config = (0, shared_1.applyStandards)(config);
-    const { standaloneBlocks = false, stats = 'errors-warnings', variables: rawVariables, verbose = process.argv.includes('--verbose') || process.env['VERBOSE'] === 'true', postcss = {}, externals, assumeGlobalizedPlauditLibraries = true, processTranslationConfigs = true, combineAssetMetadata = true, useWebpackResourceFiltering = true, plainEntrypointsVersion = 1, srcDir = "", useUnifiedLoader = false, includePostInitFallback = false, omitDistDev = false, onlyRunPostCSSOnPCSS = false } = config;
+    const { standaloneBlocks = false, stats = 'errors-warnings', variables: rawVariables, verbose = process.argv.includes('--verbose') || process.env['VERBOSE'] === 'true', postcss = {}, externals, assumeGlobalizedPlauditLibraries = true, processTranslationConfigs = true, combineAssetMetadata = true, useWebpackResourceFiltering = true, plainEntrypointsVersion = 1, srcDir = "", useUnifiedLoader = false, includePostInitFallback = false, omitDistDev = false, onlyRunPostCSSOnPCSS = false, useBlockSupportsAsThemeJsonDefaults = true, } = config;
     let outputDir = config.outputDir ?? "";
     if (outputDir && useUnifiedLoader && !omitDistDev && (process.env['SERVER_MODE'] ?? 'development') === 'development') {
         outputDir += "-dev";
@@ -206,7 +206,7 @@ function buildVerifiedConfig(config) {
     const cfg = {
         currentVariables, postcss, standaloneBlocks, stats, variablesFilePath, verbose, externals, assumeGlobalizedPlauditLibraries, processTranslationConfigs, combineAssetMetadata,
         useWebpackResourceFiltering, outputDir, extensionsVersion, plainEntrypointsVersion, srcDir, srcPrefixes, targetHandlePrefix, useUnifiedLoader, includePostInitFallback, omitDistDev,
-        onlyRunPostCSSOnPCSS
+        onlyRunPostCSSOnPCSS, useBlockSupportsAsThemeJsonDefaults
     };
     // Destination -> source map
     const allocatedDestinations = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaudit/webpack-extensions",
-  "version": "2.92.4",
+  "version": "2.93.1",
   "license": "SEE LICENSE IN LICENSE.md",
   "files": [
     "/dist",
@@ -31,7 +31,7 @@
     "@plaudit/gutenberg-api-extensions": "^2.97.1",
     "@types/browser-sync-webpack-plugin": "^2.2.5",
     "@types/jsdom": "^28.0.3",
-    "@types/node": "^25.9.2",
+    "@types/node": "^25.9.5",
     "@types/postcss-functions": "^4.0.4",
     "@types/tapable": "^2.3.0",
     "@types/webpack-sources": "^3.2.3",
@@ -39,24 +39,24 @@
     "webpack-bundle-analyzer": "^4.10.2"
   },
   "dependencies": {
-    "@plaudit/php-writer": "^1.4.5",
+    "@plaudit/php-writer": "^1.5.2",
     "@plaudit/postcss-color-function": "^5.1.0",
     "@plaudit/postcss-legacy-shorthand": "^1.0.0",
     "@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.48.0",
-    "@wordpress/scripts": "^32.4.0",
-    "autoprefixer": "^10.5.0",
+    "@wordpress/dependency-extraction-webpack-plugin": "^6.51.0",
+    "@wordpress/scripts": "^32.6.0",
+    "autoprefixer": "^10.5.3",
     "browser-sync": "^3.0.4",
     "copy-webpack-plugin": "10.2.4",
     "css-minimizer-webpack-plugin": "^6.0.0",
     "cssnano": "^6.1.2",
     "fork-ts-checker-webpack-plugin": "^9.1.0",
-    "http-proxy-middleware": "^3.0.6",
+    "http-proxy-middleware": "^3.0.7",
     "jsdom": "^29.1.1",
     "json2php": "^0.0.12",
-    "postcss": "^8.5.15",
+    "postcss": "^8.5.19",
     "postcss-calc": "^9.0.1",
     "postcss-discard-comments": "^6.0.2",
     "postcss-functions": "^4.0.2",
@@ -70,7 +70,7 @@
     "postcss-reporter": "^7.1.0",
     "postcss-simple-vars": "^7.0.1",
     "postcss-url": "^10.1.4",
-    "webpack": "^5.107.2",
+    "webpack": "^5.108.4",
     "webpack-remove-empty-scripts": "^1.1.1",
     "xml-formatter": "^3.7.0"
   },