@plaudit/webpack-extensions 3.12.5 → 3.14.0

package/CHANGELOG.md

@@ -5,6 +5,18 @@ 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.14.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
+  - This comes from version `2.92.4`
+- The `useBlockSupportsAsThemeJsonDefaults` flag to allow the new logic to be disabled
+  - This comes from version `2.92.4`
+
+## [3.13.0] - 2026-07-14
+### Added
+- Support for using some "experimental" properties early (primarily `border`)
+
 ## [3.12.5] - 2026-07-07
 ### Fixed
 - `PlainEntrypointsConfigFileGeneratorPlugin` not handling niceName-based handles correctly
@@ -192,6 +204,12 @@ 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.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,8 @@ 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 readonly IGNORED_THEME_JSON_FLAG_PROPS;
+    private static pickOutFlagPropsFromBlockSupports;
     private callRegisterFunction;
     private transformBlocks;
     private static extractAssetSource;
@@ -34,6 +36,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,57 @@ 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
+    static IGNORED_THEME_JSON_FLAG_PROPS = ['align', 'alignWide', 'anchor', 'contentRole', 'interactivity', 'listView', 'plaudit'];
+    static pickOutFlagPropsFromBlockSupports(supports) {
+        const entries = [];
+        for (const [key, value] of Object.entries(supports)) {
+            if (!key.startsWith("__") && !EnhancedBlockJSONPlugin.IGNORED_THEME_JSON_FLAG_PROPS.includes(key) && value) {
+                if (typeof value === 'object') {
+                    if (!Array.isArray(value)) {
+                        const v = EnhancedBlockJSONPlugin.pickOutFlagPropsFromBlockSupports(value);
+                        if (v !== undefined) {
+                            entries.push([key, v]);
+                        }
+                    }
+                }
+                else if (typeof value === 'boolean') {
+                    entries.push([key, true]);
+                }
+            }
+        }
+        return entries.length > 0 ? Object.fromEntries(entries) : 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 +273,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 +520,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

@@ -150,6 +150,7 @@ export type PlauditWordpressWebpackConfig = {
     omitDistDev?: boolean;
     onlyRunPostCSSOnPCSS?: boolean;
     targetNamespace?: string;
+    useBlockSupportsAsThemeJsonDefaults?: boolean;
 };
 export declare function applyStandards(config: PlauditWordpressWebpackConfig): {
     readonly standard?: "2026-03-13";
@@ -177,6 +178,7 @@ export declare function applyStandards(config: PlauditWordpressWebpackConfig): {
     readonly omitDistDev?: boolean;
     onlyRunPostCSSOnPCSS?: boolean;
     readonly targetNamespace?: string;
+    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";
@@ -207,7 +207,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, targetNamespace
+        onlyRunPostCSSOnPCSS, targetNamespace, useBlockSupportsAsThemeJsonDefaults
     };
     // Destination -> source map
     const allocatedDestinations = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaudit/webpack-extensions",
-  "version": "3.12.5",
+  "version": "3.14.0",
   "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.4",
+    "@types/node": "^25.9.5",
     "@types/postcss-functions": "^4.0.4",
     "@types/postcss-import": "^14.0.3",
     "@types/tapable": "^2.3.0",
@@ -39,16 +39,16 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "typescript": "^6.0.3",
-    "webpack-bundle-analyzer": "^5.3.0"
+    "webpack-bundle-analyzer": "^5.3.1"
   },
   "dependencies": {
     "@plaudit/php-writer": "^1.5.2",
     "@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.50.0",
+    "@wordpress/dependency-extraction-webpack-plugin": "^6.51.0",
     "@wordpress/scripts": "^32.6.0",
-    "autoprefixer": "^10.5.2",
+    "autoprefixer": "^10.5.3",
     "browser-sync": "^3.0.4",
     "copy-webpack-plugin": "10.2.4",
     "css-minimizer-webpack-plugin": "^8.0.0",
@@ -57,7 +57,7 @@
     "http-proxy-middleware": "^3.0.7",
     "jsdom": "^29.1.1",
     "json2php": "^0.0.12",
-    "postcss": "^8.5.16",
+    "postcss": "^8.5.19",
     "postcss-calc": "^10.1.1",
     "postcss-functions": "^4.0.2",
     "postcss-import": "^16.1.1",