@plaudit/webpack-extensions 2.53.1 → 2.55.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaudit/webpack-extensions",
-  "version": "2.53.1",
+  "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.d.ts

@@ -1,6 +0,0 @@
-import { type Compiler, type WebpackPluginInstance } from "webpack";
-export declare class ExtensionsConfigFileGeneratorPlugin implements WebpackPluginInstance {
-    private readonly extensionsPath;
-    constructor(extensionsPath: string);
-    apply(compiler: Compiler): void;
-}

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

@@ -1,52 +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 webpack_1 = require("webpack");
-const php_serializer_1 = __importDefault(require("./php-serializer"));
-class ExtensionsConfigFileGeneratorPlugin {
-    extensionsPath;
-    constructor(extensionsPath) {
-        this.extensionsPath = extensionsPath;
-    }
-    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);
-        });
-        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}`;
-                    }
-                    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;