@plaudit/webpack-extensions 2.54.0 → 2.55.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaudit/webpack-extensions",
-  "version": "2.54.0",
+  "version": "2.55.0",
   "license": "UNLICENSED",
   "files": [
     "/build"
@@ -18,7 +18,7 @@
   "devDependencies": {
     "@plaudit/gutenberg-api-extensions": "^2.75.0",
     "@types/browser-sync-webpack-plugin": "^2.2.5",
-    "@types/node": "^22.16.5",
+    "@types/node": "^22.17.0",
     "@types/postcss-functions": "^4.0.4",
     "@types/tapable": "^2.2.7",
     "@types/webpack": "^5.28.5",
@@ -26,7 +26,7 @@
     "postcss-load-config": "^4.0.2",
     "postcss-loader": "^7.3.4",
     "ts-node": "^10.9.2",
-    "typescript": "^5.8.3",
+    "typescript": "^5.9.2",
     "webpack-bundle-analyzer": "^4.10.2"
   },
   "dependencies": {
@@ -63,7 +63,7 @@
     "postcss-url": "^10.1.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "webpack": "^5.100.2",
+    "webpack": "^5.101.0",
     "webpack-remove-empty-scripts": "^1.1.1",
     "xml-formatter": "^3.6.6"
   },

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

@@ -1,125 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-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 php_serializer_1 = __importDefault(require("./php-serializer"));
-const shared_1 = require("../shared");
-const webpack_1 = require("webpack");
-class ExtensionsConfigFileGeneratorPlugin {
-    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) => {
-            if (!compilation.contextDependencies.has(this.extensionsPath)) {
-                compilation.contextDependencies.add(this.extensionsPath);
-            }
-            const emissionPromises = [];
-            for (const setupFilePath of await promises_1.default.readdir(this.extensionsPath)) {
-                if (setupFilePath.endsWith("-setup.php")) {
-                    const setupFileSourcePath = node_path_1.default.join(this.extensionsPath, setupFilePath);
-                    compilation.fileDependencies.add(setupFileSourcePath);
-                    emissionPromises.push(promises_1.default.readFile(setupFileSourcePath)
-                        .then(contents => compilation.emitAsset(setupFilePath, new webpack_1.sources.RawSource(contents), { size: Buffer.byteLength(contents) })));
-                }
-            }
-            await Promise.all(emissionPromises);
-        });
-        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)));
-                        });
-                    }
-                    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]);
-                        }
-                    }
-                    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/SpecialAssetHandlingPlugin.d.ts

@@ -1,7 +0,0 @@
-import { Compiler, WebpackPluginInstance } from "webpack";
-import { SharedCache } from "../shared";
-export declare class SpecialAssetHandlingPlugin implements WebpackPluginInstance {
-    private readonly cache;
-    constructor(cache: SharedCache);
-    apply(compiler: Compiler): void;
-}

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

@@ -1,107 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpecialAssetHandlingPlugin = void 0;
-const node_path_1 = __importDefault(require("node:path"));
-const webpack_1 = require("webpack");
-class SpecialAssetHandlingPlugin {
-    cache;
-    constructor(cache) {
-        this.cache = cache;
-    }
-    apply(compiler) {
-        compiler.hooks.compilation.tap(this.constructor.name, compilation => {
-            this.cache.specialAssets = undefined;
-            compilation.hooks.processAssets.tap(this.constructor.name, assets => {
-                for (const pathname of Object.keys(assets)) {
-                    const assetInfo = compilation.assetsInfo.get(pathname);
-                    if (!assetInfo?.sourceFilename) {
-                        continue;
-                    }
-                    const queryStart = assetInfo.sourceFilename.indexOf('?');
-                    if (queryStart < 0) {
-                        continue;
-                    }
-                    const params = new URLSearchParams(assetInfo.sourceFilename.substring(queryStart + 1)
-                        .replace(/(?:fetchPriority|crossOrigin)=/gi, str => str.toLowerCase()) //This ensures consistent capitalization of the fetchPriority parameter
-                    );
-                    if (this.cache.specialAssets === undefined) {
-                        this.cache.specialAssets = { files: {} };
-                        const outputFile = node_path_1.default.join(node_path_1.default.dirname(node_path_1.default.dirname(pathname)), "special-assets.php");
-                        compilation.hooks.afterProcessAssets.tap(`${this.constructor.name}_GeneratePreloadingFile`, () => {
-                            if (!this.cache.specialAssets?.files) {
-                                return;
-                            }
-                            const hookTextLines = [
-                                "<?php",
-                                "add_action('wp_head', function() {",
-                                "\tif (str_starts_with(__DIR__, ABSPATH)) {",
-                                "\t\t$path = ltrim(substr(__DIR__, strlen(ABSPATH)), '/');",
-                                "\t} else if (str_starts_with(__DIR__, '/workspace/website')) {",
-                                "\t\t$path = ltrim(substr(__DIR__, 18), '/');",
-                                "\t} else {",
-                                "\t\terror_log('UNABLE TO FIGURE OUT WHAT THE RELATIVE PATH TO THE FONT DIRECTORY SHOULD BE');",
-                                "\t\treturn;",
-                                "\t}",
-                                "\t$base_uri = trailingslashit(home_url($path));",
-                                "\t?>"
-                            ];
-                            const preloadedFonts = Object.entries(this.cache.specialAssets.files)
-                                .filter(([_, { preload }]) => preload)
-                                .sort(([a], [b]) => a.localeCompare(b));
-                            for (let [filename, { preload, fetchpriority, crossorigin }] of preloadedFonts) {
-                                if (!preload) {
-                                    continue;
-                                }
-                                let fileExtension = node_path_1.default.extname(filename);
-                                if (fileExtension.startsWith(".")) {
-                                    fileExtension = fileExtension.substring(1).toLowerCase();
-                                }
-                                else {
-                                    fileExtension = fileExtension.toLowerCase();
-                                }
-                                const attributes = [];
-                                if (["woff", "woff2", "ttf", "otf", "eot"].includes(fileExtension)) {
-                                    if (!crossorigin) {
-                                        crossorigin = "anonymous";
-                                    }
-                                    attributes.push(["as", "font"], ["type", `font/${fileExtension}`]);
-                                }
-                                else if (fileExtension === "svg") {
-                                    attributes.push(["as", "image"], ["type", `image/svg+xml`]);
-                                }
-                                else if (fileExtension === "jpeg" || fileExtension === "jpg") {
-                                    attributes.push(["as", "image"], ["type", `image/jpeg`]);
-                                }
-                                else if (["png", "webp", "avif", "gif", "bmp"].includes(fileExtension)) {
-                                    attributes.push(["as", "image"], ["type", `image/${fileExtension}`]);
-                                }
-                                else {
-                                    compilation.errors.push(new Error(`Encountered preloading markup on an unsupported file extension (${fileExtension}). Full resource path: ${assetInfo.sourceFilename}`));
-                                    continue;
-                                }
-                                if (fetchpriority && fetchpriority !== 'auto') {
-                                    attributes.push(["fetchpriority", fetchpriority]);
-                                }
-                                if (crossorigin || crossorigin === "") {
-                                    attributes.push(["crossorigin", crossorigin]);
-                                }
-                                const dynamicAttrs = attributes.map(([k, v]) => v ? `${k}="${v}"` : k).join(" ");
-                                hookTextLines.push(`\t<link rel="preload" href="<?= esc_url($base_uri.'${filename}') ?>" ${dynamicAttrs}>`);
-                            }
-                            hookTextLines.push("\t<?php", "});\n");
-                            compilation.emitAsset(outputFile, new webpack_1.sources.RawSource(hookTextLines.join("\n")));
-                        });
-                    }
-                    const filename = node_path_1.default.join(node_path_1.default.basename(node_path_1.default.dirname(pathname)), node_path_1.default.basename(pathname));
-                    if (params.has("preload")) {
-                        this.cache.specialAssets.files[filename] = { preload: true, fetchpriority: params.get("fetchpriority"), crossorigin: params.get("crossorigin") };
-                    }
-                }
-            });
-        });
-    }
-}
-exports.SpecialAssetHandlingPlugin = SpecialAssetHandlingPlugin;