@plaudit/webpack-extensions 2.9.1 → 2.10.0

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

@@ -0,0 +1,5 @@
+import { type Compiler, type WebpackPluginInstance } from "webpack";
+export default class ExtensionsConfigFileGeneratorPlugin implements WebpackPluginInstance {
+    constructor();
+    apply(compiler: Compiler): void;
+}

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

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const webpack_1 = require("webpack");
+class ExtensionsConfigFileGeneratorPlugin {
+    constructor() { }
+    apply(compiler) {
+        compiler.hooks.thisCompilation.tap("ExtensionsConfigFileGeneratorPlugin", compilation => {
+            compilation.hooks.processAssets.tap({
+                name: "ExtensionsConfigFileGeneratorPlugin_ProcessAssets",
+                stage: webpack_1.Compilation.PROCESS_ASSETS_STAGE_ANALYSE
+            }, compilationAssets => {
+                const stats = compilation.getStats().toJson({
+                    hash: true,
+                    publicPath: true,
+                    assets: true,
+                    chunks: true,
+                    modules: true,
+                    source: true,
+                    errorDetails: false,
+                    timings: false
+                });
+                if (!stats.assets) {
+                    throw new Error("Stats did not include assets despite them being requested");
+                }
+                if (!stats.modules) {
+                    throw new Error("Stats did not include modules despite them being requested");
+                }
+                const mapping = {};
+                for (const asset of stats.assets) {
+                    if (asset.chunks?.length === 1 && asset.size && !asset.name.endsWith('.asset.php')) {
+                        const match = /^(.+?)-(editor-style|style|view-script|editor-script|script)\.(?:css|m?js)$/i.exec(asset.name);
+                        if (match) {
+                            if (!mapping[match[1]]) {
+                                mapping[match[1]] = {};
+                            }
+                            let key;
+                            if (match[2] === "editor-script") {
+                                key = "editorScript";
+                            }
+                            else if (match[2] === "view-script") {
+                                key = "viewScript";
+                            }
+                            else if (match[2] === "editor-style") {
+                                key = "editorStyle";
+                            }
+                            else {
+                                key = match[2];
+                            }
+                            if (!mapping[match[1]][key]) {
+                                mapping[match[1]][key] = [];
+                            }
+                            mapping[match[1]][key].push([`plaudit_block-extension_${match[1]}-${match[2]}`, asset.name]);
+                        }
+                    }
+                }
+                let contents = `a:${Object.keys(mapping).length}:{`;
+                for (const [blockSlug, blockMappings] of Object.entries(mapping)) {
+                    contents += `s:${blockSlug.length}:"${blockSlug}";`;
+                    contents += `a:${Object.entries(blockMappings).length}:{`;
+                    for (const [mapping, handlerFiles] of Object.entries(blockMappings)) {
+                        contents += `s:${mapping.length}:"${mapping}";`;
+                        contents += `a:${handlerFiles.length}:{`;
+                        for (let i = 0; i < handlerFiles.length; i++) {
+                            const handlerFile = handlerFiles[i];
+                            contents += `i:${i};a:2:{i:0;s:${handlerFile[0].length}:"${handlerFile[0]}";i:1;s:${handlerFile[1].length}:"${handlerFile[1]}";}`;
+                        }
+                        contents += "}";
+                    }
+                    contents += "}";
+                }
+                contents += "}";
+                compilation.emitAsset("mapping.config", new webpack_1.sources.RawSource(contents.trim()));
+            });
+        });
+    }
+}
+exports.default = ExtensionsConfigFileGeneratorPlugin;

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

@@ -3,6 +3,7 @@ interface AdvancedOutputConfig {
     destination: string;
     withLegacyBlocksIn?: string | undefined;
     additionalDependencies?: string[];
+    directoryLayout?: 'blocks' | 'extensions';
 }
 interface PlauditWordpressWebpackConfig {
     standaloneBlocks?: boolean;

package/build/wordpress-scripts-wrapper.js

@@ -6,12 +6,13 @@ const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
 const AdditionalDependencyInjectorPlugin_1 = __importDefault(require("./wordpress-scripts-wrapper/AdditionalDependencyInjectorPlugin"));
 const BlockJSONStyleRemappingPlugin_1 = __importDefault(require("./wordpress-scripts-wrapper/BlockJSONStyleRemappingPlugin"));
+const ExtensionsConfigFileGeneratorPlugin_1 = __importDefault(require("./wordpress-scripts-wrapper/ExtensionsConfigFileGeneratorPlugin"));
+const VariablesJSMonitorPlugin_1 = __importDefault(require("./wordpress-scripts-wrapper/VariablesJSMonitorPlugin"));
 const static_configs_1 = require("./wordpress-scripts-wrapper/static-configs");
 const browser_sync_webpack_plugin_1 = __importDefault(require("browser-sync-webpack-plugin"));
 const copy_webpack_plugin_1 = __importDefault(require("copy-webpack-plugin"));
 const fork_ts_checker_webpack_plugin_1 = __importDefault(require("fork-ts-checker-webpack-plugin"));
 const webpack_remove_empty_scripts_1 = __importDefault(require("webpack-remove-empty-scripts"));
-const VariablesJSMonitorPlugin_1 = __importDefault(require("./wordpress-scripts-wrapper/VariablesJSMonitorPlugin"));
 function joinPossiblyAbsolutePaths(...paths) {
     return paths.reduce((res, p) => !res || node_path_1.default.isAbsolute(p) ? p : node_path_1.default.join(res, p), '') || '.';
 }
@@ -211,25 +212,31 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
         const srcIsDirectory = !Array.isArray(srcRoot) && node_fs_1.default.lstatSync(srcRoot).isDirectory();
         const copyFiles = srcIsDirectory && src !== dest;
         const plugins = webpackConfig.plugins?.filter(isTruthy) ?? [];
-        plugins.push(new fork_ts_checker_webpack_plugin_1.default({
-            async: true,
-            typescript: {
-                diagnosticOptions: {
-                    semantic: true,
-                    syntactic: true,
+        if (process.env["NO_TS_CHECKER"] !== "true") {
+            plugins.push(new fork_ts_checker_webpack_plugin_1.default({
+                async: true,
+                typescript: {
+                    diagnosticOptions: {
+                        semantic: true,
+                        syntactic: true,
+                    }
                 }
-            }
-        }), new webpack_remove_empty_scripts_1.default({
+            }));
+        }
+        plugins.push(new webpack_remove_empty_scripts_1.default({
             stage: webpack_remove_empty_scripts_1.default.STAGE_AFTER_PROCESS_PLUGINS,
             extensions: ['css', 'scss', 'sass', 'less', 'styl', 'pcss']
         }));
         if (variablesFilePath) {
             plugins.push(new VariablesJSMonitorPlugin_1.default(variablesFilePath));
         }
-        if (copyFiles) {
+        if (copyFiles && (typeof dest === 'string' || dest.directoryLayout !== 'extensions')) {
             plugins.push(new BlockJSONStyleRemappingPlugin_1.default(standaloneBlocks));
         }
         plugins.push(new AdditionalDependencyInjectorPlugin_1.default(typeof dest !== 'string' && dest.additionalDependencies ? dest.additionalDependencies : []));
+        if (srcIsDirectory && (typeof dest !== 'string' && dest.directoryLayout === 'extensions')) {
+            plugins.push(new ExtensionsConfigFileGeneratorPlugin_1.default());
+        }
         if (first) {
             first = false;
             if (process.argv.includes('--browser-sync') || process.env['BROWSER_SYNC'] === 'true') {
@@ -243,53 +250,64 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
         }
         let entry;
         if (srcIsDirectory) {
-            entry = () => {
-                const rawEntrypoints = node_fs_1.default.readdirSync(srcRoot, 'utf8')
-                    .map(dir => joinPossiblyAbsolutePaths(srcRoot, dir))
-                    .filter(dir => node_fs_1.default.statSync(dir).isDirectory())
-                    .flatMap(dir => {
-                    const res = [];
-                    try {
-                        const blockJSON = JSON.parse(node_fs_1.default.readFileSync(node_path_1.default.join(dir, 'block.json'), 'utf8'));
-                        for (const key of ["editorStyle", "style", "editorScript", "viewScript", "script"]) {
-                            if (key in blockJSON) {
-                                res.push(...mapToRealEntrypoints(blockJSON[key], dir, ep => ep.startsWith("file:") ? ep.substring(5) : ep));
-                            }
-                        }
-                        return res;
-                    }
-                    catch (e) {
+            if (typeof dest !== 'string' && dest.directoryLayout === 'extensions') {
+                entry = () => {
+                    const rawEntrypoints = node_fs_1.default.readdirSync(srcRoot, 'utf8')
+                        .map(file => joinPossiblyAbsolutePaths(srcRoot, file))
+                        .filter(file => (scriptExtension.test(file) || styleExtension.test(file)) && node_fs_1.default.statSync(file).isFile())
+                        .map((file) => [node_path_1.default.basename(file, node_path_1.default.extname(file)), file]);
+                    return Object.fromEntries(rawEntrypoints);
+                };
+            }
+            else {
+                entry = () => {
+                    const rawEntrypoints = node_fs_1.default.readdirSync(srcRoot, 'utf8')
+                        .map(dir => joinPossiblyAbsolutePaths(srcRoot, dir))
+                        .filter(dir => node_fs_1.default.statSync(dir).isDirectory())
+                        .flatMap(dir => {
+                        const res = [];
                         try {
-                            const packageJSON = JSON.parse(node_fs_1.default.readFileSync(node_path_1.default.join(dir, 'package.json'), 'utf8'));
-                            res.push(...mapToRealEntrypoints(packageJSON['main'], dir));
-                            res.push(...mapToRealEntrypoints(packageJSON['style'], dir));
+                            const blockJSON = JSON.parse(node_fs_1.default.readFileSync(node_path_1.default.join(dir, 'block.json'), 'utf8'));
+                            for (const key of ["editorStyle", "style", "editorScript", "viewScript", "script"]) {
+                                if (key in blockJSON) {
+                                    res.push(...mapToRealEntrypoints(blockJSON[key], dir, ep => ep.startsWith("file:") ? ep.substring(5) : ep));
+                                }
+                            }
+                            return res;
                         }
                         catch (e) {
                             try {
-                                res.push(...parseEntrypointsJSON(dir));
+                                const packageJSON = JSON.parse(node_fs_1.default.readFileSync(node_path_1.default.join(dir, 'package.json'), 'utf8'));
+                                res.push(...mapToRealEntrypoints(packageJSON['main'], dir));
+                                res.push(...mapToRealEntrypoints(packageJSON['style'], dir));
                             }
                             catch (e) {
-                                // This just means that the directory doesn't contain any declared entrypoints.
+                                try {
+                                    res.push(...parseEntrypointsJSON(dir));
+                                }
+                                catch (e) {
+                                    // This just means that the directory doesn't contain any declared entrypoints.
+                                }
                             }
                         }
-                    }
-                    return res;
-                });
-                const perAssetPathGroupedEntrypoints = groupEntrypointsByAssetFile(rawEntrypoints, e => e[0]);
-                const currentEntry = {};
-                for (const groupedEntrypoints of perAssetPathGroupedEntrypoints.values()) {
-                    if (groupedEntrypoints.length === 1) {
-                        currentEntry[groupedEntrypoints[0][0]] = groupedEntrypoints[0][1];
-                    }
-                    else {
-                        const typeCounts = {};
-                        for (const entrypoint of groupedEntrypoints) {
-                            addPotentiallyDuplicatedEntrypointName(currentEntry, entrypoint, typeCounts);
+                        return res;
+                    });
+                    const perAssetPathGroupedEntrypoints = groupEntrypointsByAssetFile(rawEntrypoints, e => e[0]);
+                    const currentEntry = {};
+                    for (const groupedEntrypoints of perAssetPathGroupedEntrypoints.values()) {
+                        if (groupedEntrypoints.length === 1) {
+                            currentEntry[groupedEntrypoints[0][0]] = groupedEntrypoints[0][1];
+                        }
+                        else {
+                            const typeCounts = {};
+                            for (const entrypoint of groupedEntrypoints) {
+                                addPotentiallyDuplicatedEntrypointName(currentEntry, entrypoint, typeCounts);
+                            }
                         }
                     }
-                }
-                return currentEntry;
-            };
+                    return currentEntry;
+                };
+            }
         }
         else {
             const baseDest = node_path_1.default.basename(destPath);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaudit/webpack-extensions",
-  "version": "2.9.1",
+  "version": "2.10.0",
   "scripts": {
     "prepublishOnly": "rm -rf build && mkdir build && tsc",
     "build": "tsc",