@plaudit/webpack-extensions 2.53.1 → 2.54.0

package/build/shared.d.ts

@@ -1,3 +1,4 @@
+import type { Configuration } from "webpack";
 export type SharedCache = {
     specialAssets?: {
         files: {
@@ -8,4 +9,53 @@ export type SharedCache = {
             };
         };
     };
+    extensionsConfig?: {
+        assets: RawAssetData[];
+        setupFiles: [string, string][];
+    };
+};
+export type RawAssetData = Record<string, {
+    dependencies: string[];
+    version: string;
+}>;
+export declare function isRawAssetData(thing: any): thing is RawAssetData;
+type BaseRestType = [/* dependencies: */ string[], /* version: */ string];
+export type HandleData = {
+    src: string;
+    rest: BaseRestType | [...BaseRestType, {
+        strategy?: 'defer' | 'async';
+        in_footer?: boolean;
+    } | boolean];
+};
+export declare const enum SourceType {
+    blocks = "blocks",
+    extensions = "extensions",
+    plain = "plain"
+}
+export declare function determineCurrentSourceType(dest: string | AdvancedOutputConfig, canCopyFiles: boolean): SourceType;
+export interface AdvancedOutputConfig {
+    destination: string;
+    withLegacyBlocksIn?: string | undefined;
+    additionalDependencies?: string[];
+    directoryLayout?: SourceType;
+    assumeGlobalizedPlauditLibraries?: boolean;
+    externalize?: Required<Configuration>['output']['library'];
+    bundleAnalyzer?: boolean;
+}
+export declare function makeEmittableConfigPHP(data: any): string;
+export type Sync<V> = {
+    sync: Promise<V>;
+    resolve(v: V): void;
+    reject(): void;
+    done: boolean;
+};
+type Readiness<V> = {
+    nonModule: Sync<V>;
+    module: Sync<V>;
 };
+export declare class SyncsManager<V> {
+    private readonly readinessMapping;
+    get(name: string): Readiness<V>;
+    private makeSync;
+}
+export {};

package/build/shared.js

@@ -1,2 +1,59 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SyncsManager = void 0;
+exports.isRawAssetData = isRawAssetData;
+exports.determineCurrentSourceType = determineCurrentSourceType;
+exports.makeEmittableConfigPHP = makeEmittableConfigPHP;
+const json_to_php_but_with____injection_1 = __importDefault(require("./wordpress-scripts-wrapper/json-to-php-but-with-__-injection"));
+function isRawAssetData(thing) {
+    if (!thing || typeof thing !== 'object') {
+        return false;
+    }
+    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')) ||
+            (!('version' in value) || !value.version || typeof value.version !== 'string')) {
+            return false;
+        }
+    }
+    return true;
+}
+function determineCurrentSourceType(dest, canCopyFiles) {
+    if (typeof dest === 'string') {
+        return canCopyFiles ? "blocks" /* SourceType.blocks */ : "plain" /* SourceType.plain */;
+    }
+    else {
+        return dest.directoryLayout ?? (canCopyFiles ? "blocks" /* SourceType.blocks */ : "plain" /* SourceType.plain */);
+    }
+}
+function makeEmittableConfigPHP(data) {
+    return "<?php return "
+        + json_to_php_but_with____injection_1.default.make({ indent: "\t", linebreak: "\n", shortArraySyntax: true })(data, "")
+            .replaceAll(/(\n\t*)\[\s+],/gs, "$1[],")
+            .replaceAll(/\[\n\t+([^\n]+)\n\t+]/gs, (_, inner) => `[${inner.trim()}]`)
+            .replaceAll(/'rest' => \[\n\t+(\[(?:'[^']+')?]),\n\t+('[^']+')(?:,\n\t+(\[[^\n]+]))?\n\t+]/gs, (_, deps, hash, args) => `'rest' => [${[deps, hash, args].filter(value => !!value).join(", ")}]`)
+        + ";";
+}
+class SyncsManager {
+    readinessMapping = new Map();
+    get(name) {
+        const res = this.readinessMapping.get(name);
+        if (res) {
+            return res;
+        }
+        this.readinessMapping.set(name, { nonModule: this.makeSync(), module: this.makeSync() });
+        return this.readinessMapping.get(name);
+    }
+    makeSync() {
+        const res = { done: false };
+        res.sync = new Promise((resolve, reject) => {
+            res.resolve = (v) => resolve(v);
+            res.reject = () => reject();
+        });
+        return res;
+    }
+}
+exports.SyncsManager = SyncsManager;

package/build/wordpress-scripts-wrapper/BlockJSONManagingPlugin.d.ts

@@ -11,7 +11,7 @@ export declare class BlockJSONManagingPlugin implements WebpackPluginInstance {
     private static readonly blockJsonRawDependenciesMap;
     private static readonly blockJSONAssetSourceDirs;
     private static readonly blockJsonAssetKeyMapping;
-    private static readonly blockJsonAssetKeyReadinessMapping;
+    private static readonly syncsManager;
     readonly additionalMetadata: Map<string, any>;
     constructor(standaloneBlocks: boolean, processingModules: boolean);
     static recordRawDependency(entrypoint: string, dependency: string): void;
@@ -32,8 +32,6 @@ export declare class BlockJSONManagingPlugin implements WebpackPluginInstance {
     private static populateEntrypointsMap;
     private registerBlockJsonProcessor;
     private static normalizeRenderTemplate;
-    private static getSyncs;
-    private static makeSync;
     private static getAssetDetails;
     private static getAssetDataAccountingForCSS;
     private static findFirstChunkFileWithExtension;

package/build/wordpress-scripts-wrapper/BlockJSONManagingPlugin.js

@@ -7,7 +7,7 @@ exports.BlockJSONManagingPlugin = void 0;
 const node_crypto_1 = __importDefault(require("node:crypto"));
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
-const json_to_php_but_with____injection_1 = __importDefault(require("./json-to-php-but-with-__-injection"));
+const shared_1 = require("../shared");
 const webpack_1 = require("webpack");
 class BlockJSONManagingPlugin {
     standaloneBlocks;
@@ -21,7 +21,7 @@ class BlockJSONManagingPlugin {
     static blockJsonRawDependenciesMap = new Map();
     static blockJSONAssetSourceDirs = new Map();
     static blockJsonAssetKeyMapping = new Map();
-    static blockJsonAssetKeyReadinessMapping = new Map();
+    static syncsManager = new shared_1.SyncsManager();
     additionalMetadata = new Map();
     constructor(standaloneBlocks, processingModules) {
         this.standaloneBlocks = standaloneBlocks;
@@ -254,7 +254,7 @@ class BlockJSONManagingPlugin {
                         }
                     }
                 }
-                const syncs = BlockJSONManagingPlugin.getSyncs(name);
+                const syncs = BlockJSONManagingPlugin.syncsManager.get(name);
                 let assetKeyMappings = BlockJSONManagingPlugin.blockJsonAssetKeyMapping.get(name);
                 if (!assetKeyMappings) {
                     BlockJSONManagingPlugin.blockJsonAssetKeyMapping.set(name, assetKeyMappings = {});
@@ -435,12 +435,7 @@ class BlockJSONManagingPlugin {
                     ...blockDirConfigs.map(entry => [entry[0], Object.fromEntries(Object.entries(entry[1]).filter(e => e[0] !== '$schema'))])
                 ]);
             }
-            compilation.emitAsset("blockdir.config.php", new webpack_1.sources.RawSource("<?php return "
-                + json_to_php_but_with____injection_1.default.make({ indent: "\t", linebreak: "\n", shortArraySyntax: true })(sortedBlockDirConfigData, "")
-                    .replaceAll(/(\n\t*)\[\s+],/gs, "$1[],")
-                    .replaceAll(/\[\n\t+([^\n]+)\n\t+]/gs, (_, inner) => `[${inner.trim()}]`)
-                    .replaceAll(/'rest' => \[\n\t+(\[(?:'[^']+')?]),\n\t+('[^']+')(?:,\n\t+(\[[^\n]+]))?\n\t+]/gs, (_, deps, hash, args) => `'rest' => [${[deps, hash, args].filter(value => !!value).join(", ")}]`)
-                + ";"));
+            compilation.emitAsset("blockdir.config.php", new webpack_1.sources.RawSource((0, shared_1.makeEmittableConfigPHP)(sortedBlockDirConfigData)));
         });
     }
     static normalizeRenderTemplate(json, pathsNeedRemapping, sourceDir, outputDir, compilation) {
@@ -494,22 +489,6 @@ class BlockJSONManagingPlugin {
             }
         }
     }
-    static getSyncs(name) {
-        const res = BlockJSONManagingPlugin.blockJsonAssetKeyReadinessMapping.get(name);
-        if (res) {
-            return res;
-        }
-        BlockJSONManagingPlugin.blockJsonAssetKeyReadinessMapping.set(name, { nonModule: BlockJSONManagingPlugin.makeSync(), module: BlockJSONManagingPlugin.makeSync() });
-        return BlockJSONManagingPlugin.blockJsonAssetKeyReadinessMapping.get(name);
-    }
-    static makeSync() {
-        const res = { done: false };
-        res.sync = new Promise((resolve, reject) => {
-            res.resolve = (v) => resolve(v);
-            res.reject = () => reject();
-        });
-        return res;
-    }
     static getAssetDetails(blockFolder, blockName, asset, rawAssetData, derivedFilesMap, mappableKey, usedHandles) {
         if (!asset.startsWith("file:./")) {
             return undefined;

package/build/wordpress-scripts-wrapper/ExtensionsConfigFileGeneratorPlugin.d.ts

@@ -1,6 +1,10 @@
+import { SharedCache } from "../shared";
 import { type Compiler, type WebpackPluginInstance } from "webpack";
 export declare class ExtensionsConfigFileGeneratorPlugin implements WebpackPluginInstance {
     private readonly extensionsPath;
-    constructor(extensionsPath: string);
+    private readonly version;
+    private readonly cache;
+    constructor(extensionsPath: string, version: 1 | 2, cache: SharedCache);
     apply(compiler: Compiler): void;
+    private makeVersionOneAfterProcessAssets;
 }

package/build/wordpress-scripts-wrapper/ExtensionsConfigFileGeneratorPlugin.js

@@ -6,12 +6,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExtensionsConfigFileGeneratorPlugin = void 0;
 const promises_1 = __importDefault(require("node:fs/promises"));
 const node_path_1 = __importDefault(require("node:path"));
-const webpack_1 = require("webpack");
 const php_serializer_1 = __importDefault(require("./php-serializer"));
+const shared_1 = require("../shared");
+const webpack_1 = require("webpack");
 class ExtensionsConfigFileGeneratorPlugin {
     extensionsPath;
-    constructor(extensionsPath) {
+    version;
+    cache;
+    constructor(extensionsPath, version, cache) {
         this.extensionsPath = extensionsPath;
+        this.version = version;
+        this.cache = cache;
     }
     apply(compiler) {
         compiler.hooks.make.tapPromise(this.constructor.name, async (compilation) => {
@@ -29,24 +34,92 @@ class ExtensionsConfigFileGeneratorPlugin {
             }
             await Promise.all(emissionPromises);
         });
-        compiler.hooks.thisCompilation.tap(this.constructor.name, compilation => {
-            compilation.hooks.afterProcessAssets.tap(`${this.constructor.name}_ProcessAssets`, compilationAssets => {
-                const regex = /^(.+?)-((?:editor-|view-|)(?:style|script|script-module))\.(?:css|m?js)$/i;
-                const mapping = {};
-                for (const asset of Object.keys(compilationAssets)) {
-                    let match;
-                    if ((match = /^(.+?)-setup.php$/i.exec(asset)) && match[1]) {
-                        (mapping[match[1]] ?? (mapping[match[1]] = [{}]))[1] = `${asset}`;
+        if (this.version === 2) {
+            const tapName = { name: `${this.constructor.name}_ProcessBlockJSONFiles`, stage: webpack_1.Compilation.PROCESS_ASSETS_STAGE_REPORT };
+            compiler.hooks.compilation.tap(this.constructor.name, compilation => {
+                this.cache.extensionsConfig = undefined;
+                compilation.hooks.processAssets.tap(tapName, assets => {
+                    if (this.cache.extensionsConfig === undefined) {
+                        this.cache.extensionsConfig = { assets: [], setupFiles: [] };
+                        compilation.hooks.afterProcessAssets.tap(`${this.constructor.name}_GenerateConfigFile`, () => {
+                            const regex = /^(.+?)-((?:editor-|view-|)(?:style|script|script-module))\.(?:css|m?js)$/i;
+                            const blockExtensionsConfig = { metadata: { version: this.version }, scriptHandles: {}, styleHandles: {}, blocks: {}, setupFiles: {} };
+                            for (const assetDataSource of this.cache.extensionsConfig?.assets ?? []) {
+                                for (const [assetPath, assetData] of Object.entries(assetDataSource)) {
+                                    let match, blockSlug, assetType;
+                                    if ((match = regex.exec(assetPath)) && (blockSlug = match[1]) && (assetType = match[2])) {
+                                        const key = match[2].replace(/-[sm]/gi, chars => chars.substring(1).toUpperCase());
+                                        const handle = `plaudit_block-extension_${blockSlug}-${assetType}`;
+                                        const isCss = assetType.endsWith("tyle");
+                                        blockExtensionsConfig[isCss ? 'styleHandles' : 'scriptHandles'][handle] = {
+                                            src: isCss ? assetPath.replace(/\.js$/, ".css") : assetPath,
+                                            rest: isCss || key.startsWith("editor")
+                                                ? [assetData.dependencies, assetData.version]
+                                                : [assetData.dependencies, assetData.version, { strategy: 'defer' }]
+                                        };
+                                        (blockExtensionsConfig.blocks[blockSlug] ?? (blockExtensionsConfig.blocks[blockSlug] = {}))[key] = handle;
+                                    }
+                                }
+                                for (const [blockSlug, asset] of this.cache.extensionsConfig?.setupFiles ?? []) {
+                                    blockExtensionsConfig.setupFiles[blockSlug] = asset;
+                                }
+                            }
+                            blockExtensionsConfig.scriptHandles = Object.fromEntries(Object.entries(blockExtensionsConfig.scriptHandles)
+                                .toSorted(([a], [b]) => a.localeCompare(b)));
+                            blockExtensionsConfig.styleHandles = Object.fromEntries(Object.entries(blockExtensionsConfig.styleHandles)
+                                .toSorted(([a], [b]) => a.localeCompare(b)));
+                            blockExtensionsConfig.setupFiles = Object.fromEntries(Object.entries(blockExtensionsConfig.setupFiles)
+                                .toSorted(([a], [b]) => a.localeCompare(b)));
+                            blockExtensionsConfig.blocks = Object.fromEntries(Object.entries(blockExtensionsConfig.blocks)
+                                .map(block => {
+                                return [block[0], Object.fromEntries(Object.entries(block[1]).toSorted(([a], [b]) => a.localeCompare(b)))];
+                            })
+                                .toSorted(([a], [b]) => a.localeCompare(b)));
+                            compilation.emitAsset("mapping.config.php", new webpack_1.sources.RawSource((0, shared_1.makeEmittableConfigPHP)(blockExtensionsConfig)));
+                        });
                     }
-                    else if ((match = regex.exec(asset)) && match[1] && match[2]) {
-                        const resourceInfo = (mapping[match[1]] ?? (mapping[match[1]] = [{}]))[0];
-                        const key = match[2].replace(/-[sm]/gi, chars => chars.substring(1).toUpperCase());
-                        (resourceInfo[key] ?? (resourceInfo[key] = [])).push([`plaudit_block-extension_${match[1]}-${match[2]}`, asset]);
+                    for (const asset of Object.keys(compilation.assets)) {
+                        const blockSlug = /^(.+?)-setup.php$/i.exec(asset)?.[1];
+                        if (blockSlug) {
+                            this.cache.extensionsConfig.setupFiles.push([blockSlug, asset]);
+                        }
                     }
-                }
-                compilation.emitAsset("mapping.config", new webpack_1.sources.RawSource((0, php_serializer_1.default)(mapping)));
+                    const rawAssetDataSource = assets["assets.json"]?.source();
+                    if (typeof rawAssetDataSource !== 'string') {
+                        throw new Error("assets.json is unexpectedly missing or not a string");
+                    }
+                    const assetDataSource = JSON.parse(rawAssetDataSource);
+                    if (!(0, shared_1.isRawAssetData)(assetDataSource)) {
+                        throw new Error("assets.json is does not match the RawAssetData format");
+                    }
+                    this.cache.extensionsConfig.assets.push(assetDataSource);
+                    compilation.deleteAsset("assets.json");
+                });
             });
-        });
+        }
+        else {
+            compiler.hooks.thisCompilation.tap(this.constructor.name, compilation => {
+                compilation.hooks.afterProcessAssets.tap(`${this.constructor.name}_AfterProcessAssets`, this.makeVersionOneAfterProcessAssets(compilation));
+            });
+        }
+    }
+    makeVersionOneAfterProcessAssets(compilation) {
+        return compilationAssets => {
+            const regex = /^(.+?)-((?:editor-|view-|)(?:style|script|script-module))\.(?:css|m?js)$/i;
+            const mapping = {};
+            for (const asset of Object.keys(compilationAssets)) {
+                let match;
+                if ((match = /^(.+?)-setup.php$/i.exec(asset)) && match[1]) {
+                    (mapping[match[1]] ?? (mapping[match[1]] = [{}]))[1] = `${asset}`;
+                }
+                else if ((match = regex.exec(asset)) && match[1] && match[2]) {
+                    const resourceInfo = (mapping[match[1]] ?? (mapping[match[1]] = [{}]))[0];
+                    const key = match[2].replace(/-[sm]/gi, chars => chars.substring(1).toUpperCase());
+                    (resourceInfo[key] ?? (resourceInfo[key] = [])).push([`plaudit_block-extension_${match[1]}-${match[2]}`, asset]);
+                }
+            }
+            compilation.emitAsset("mapping.config", new webpack_1.sources.RawSource((0, php_serializer_1.default)(mapping)));
+        };
     }
 }
 exports.ExtensionsConfigFileGeneratorPlugin = ExtensionsConfigFileGeneratorPlugin;

package/build/wordpress-scripts-wrapper.d.ts

@@ -1,15 +1,7 @@
+import { AdvancedOutputConfig } from "./shared";
 import { type Externals } from "./wordpress-scripts-wrapper/dependency-extraction-webpack-plugin-config-builder";
 import type { Options as PostcssFunctionsOptions } from "postcss-functions";
 import type { Configuration } from "webpack";
-interface AdvancedOutputConfig {
-    destination: string;
-    withLegacyBlocksIn?: string | undefined;
-    additionalDependencies?: string[];
-    directoryLayout?: 'blocks' | 'extensions' | 'plain';
-    assumeGlobalizedPlauditLibraries?: boolean;
-    externalize?: Required<Configuration>['output']['library'];
-    bundleAnalyzer?: boolean;
-}
 type PlauditWordpressWebpackConfig = {
     standaloneBlocks?: boolean;
     variables?: Record<string, any>;
@@ -25,6 +17,7 @@ type PlauditWordpressWebpackConfig = {
     combineAssetMetadata?: boolean;
     useWebpackResourceFiltering?: boolean;
     outputDir?: string;
+    extensionsVersion?: 1 | 2;
 };
 declare const _default: (config: PlauditWordpressWebpackConfig, webpackConfig?: Configuration[] | Configuration) => Configuration[];
 export = _default;

package/build/wordpress-scripts-wrapper.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 const node_fs_1 = __importDefault(require("node:fs"));
 const promises_1 = __importDefault(require("node:fs/promises"));
 const node_path_1 = __importDefault(require("node:path"));
+const shared_1 = require("./shared");
 const AdditionalDependencyInjectorPlugin_1 = require("./wordpress-scripts-wrapper/AdditionalDependencyInjectorPlugin");
 const BlockJSONManagingPlugin_1 = require("./wordpress-scripts-wrapper/BlockJSONManagingPlugin");
 const BrowserSyncPlugin_1 = require("./wordpress-scripts-wrapper/BrowserSyncPlugin");
@@ -271,7 +272,7 @@ function processIndividualWebpackConfig(config, webpackConfig, sources, sharedCa
         scriptExtension = scriptWithoutModuleExtension;
         entrypointFields = ["editorStyle", "viewStyle", "style", "editorScript", "viewScript", "script"];
     }
-    const { standaloneBlocks, variablesFilePath, verbose, externals, assumeGlobalizedPlauditLibraries, combineAssetMetadata } = config;
+    const { standaloneBlocks, variablesFilePath, verbose, externals, assumeGlobalizedPlauditLibraries, combineAssetMetadata, extensionsVersion } = config;
     let currentVariables = config.currentVariables;
     const fixedRules = [
         replaceDefaultURLProcessing(config.useWebpackResourceFiltering),
@@ -300,7 +301,8 @@ function processIndividualWebpackConfig(config, webpackConfig, sources, sharedCa
         if (srcIsDirectory === undefined) {
             return undefined;
         }
-        const copyFiles = srcIsDirectory && src !== dest;
+        const canCopyFiles = srcIsDirectory && src !== dest;
+        const sourceType = (0, shared_1.determineCurrentSourceType)(dest, canCopyFiles);
         const plugins = webpackConfig.plugins?.filter(v => !!v)
             .filter(plugin => plugin.constructor.name !== 'RtlCssPlugin')
             .map(plugin => {
@@ -356,8 +358,7 @@ function processIndividualWebpackConfig(config, webpackConfig, sources, sharedCa
         if (variablesFilePath) {
             plugins.push(new VariablesJSMonitorPlugin_1.VariablesJSMonitorPlugin(variablesFilePath));
         }
-        const forBlocksDirectory = copyFiles && (typeof dest === 'string' || (dest.directoryLayout !== 'extensions' && dest.directoryLayout !== 'plain'));
-        if (forBlocksDirectory) {
+        if (sourceType === "blocks" /* SourceType.blocks */) {
             const blockJSONManagingPlugin = new BlockJSONManagingPlugin_1.BlockJSONManagingPlugin(standaloneBlocks, processingModules);
             plugins.push(blockJSONManagingPlugin);
             if (config.processTranslationConfigs && srcIsDirectory && !processingModules) {
@@ -370,12 +371,14 @@ function processIndividualWebpackConfig(config, webpackConfig, sources, sharedCa
         }
         else {
             const localAssumeGlobalizedPlauditLibraries = (typeof dest !== 'string' ? dest.assumeGlobalizedPlauditLibraries : undefined) ?? assumeGlobalizedPlauditLibraries;
-            const builtDependencyExtractionWebpackPlugin = (0, dependency_extraction_webpack_plugin_config_builder_1.makeDependencyExtractionPlugin)(externals, localAssumeGlobalizedPlauditLibraries, combineAssetMetadata && !processingModules && forBlocksDirectory, typeof dest !== 'string' ? dest.externalize : undefined);
+            const wantsGroupedDepData = combineAssetMetadata
+                && ((!processingModules && sourceType === "blocks" /* SourceType.blocks */) || (extensionsVersion > 1 && sourceType === "extensions" /* SourceType.extensions */));
+            const builtDependencyExtractionWebpackPlugin = (0, dependency_extraction_webpack_plugin_config_builder_1.makeDependencyExtractionPlugin)(externals, localAssumeGlobalizedPlauditLibraries, wantsGroupedDepData, typeof dest !== 'string' ? dest.externalize : undefined);
             plugins[pluginIndex] = builtDependencyExtractionWebpackPlugin.instance;
             plugins.push(new AdditionalDependencyInjectorPlugin_1.AdditionalDependencyInjectorPlugin(typeof dest !== 'string' && dest.additionalDependencies ? dest.additionalDependencies : [], processingModules, builtDependencyExtractionWebpackPlugin.addExternalizedDep));
         }
-        if (srcIsDirectory && (typeof dest !== 'string' && dest.directoryLayout === 'extensions')) {
-            plugins.push(new ExtensionsConfigFileGeneratorPlugin_1.ExtensionsConfigFileGeneratorPlugin(srcRoot));
+        if (srcIsDirectory && sourceType === "extensions" /* SourceType.extensions */) {
+            plugins.push(new ExtensionsConfigFileGeneratorPlugin_1.ExtensionsConfigFileGeneratorPlugin(srcRoot, extensionsVersion, sharedCache));
         }
         if (process.argv.includes('--browser-sync') || process.env['BROWSER_SYNC'] === 'true') {
             plugins.push(new BrowserSyncPlugin_1.BrowserSyncPlugin());
@@ -587,7 +590,7 @@ function processIndividualWebpackConfig(config, webpackConfig, sources, sharedCa
                 extensions: ['.mjsx', '.mjs', '.mtsx', '.mts', '.jsx', '.tsx', '.ts', '...']
             },
             stats: config.stats,
-            plugins: copyFiles
+            plugins: canCopyFiles
                 ? plugins.map(plugin => !processingModules && plugin.constructor.name === 'CopyPlugin'
                     ? new copy_webpack_plugin_1.default({ patterns: [{ from: standaloneBlocks ? '**/(block.json|*.(php|twig|svg))' : '**/(block.json|*.(asset\.php|svg))',
                                 context: srcRoot, noErrorOnMissing: true }] })
@@ -614,7 +617,7 @@ function processIndividualWebpackConfig(config, webpackConfig, sources, sharedCa
 }
 module.exports = function (config, webpackConfig = require("@wordpress/scripts/config/webpack.config")) {
     testForDuplicatedEntryPaths(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, outputDir = "" } = 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, outputDir = "", extensionsVersion = 1 } = config;
     let variablesFilePath = undefined;
     const currentVariables = rawVariables ?? {};
     if (!rawVariables) {
@@ -622,7 +625,7 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
     }
     const cfg = {
         currentVariables, postcss, standaloneBlocks, stats, variablesFilePath, verbose, externals, assumeGlobalizedPlauditLibraries, processTranslationConfigs, combineAssetMetadata,
-        useWebpackResourceFiltering, outputDir
+        useWebpackResourceFiltering, outputDir, extensionsVersion
     };
     const sources = Array.isArray(config.src) ? config.src.map(s => [s, s]) : Object.entries(config.src);
     const sharedCache = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaudit/webpack-extensions",
-  "version": "2.53.1",
+  "version": "2.54.0",
   "license": "UNLICENSED",
   "files": [
     "/build"