@plaudit/webpack-extensions 2.33.0 → 2.34.1

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

@@ -2,7 +2,7 @@ import { type Compilation, type Compiler, type WebpackPluginInstance } from "web
 export default class BlockJSONManagingPlugin implements WebpackPluginInstance {
     private readonly standaloneBlocks;
     private readonly processingModules;
-    private static readonly sourceToOutputMappingCache;
+    private static readonly mappableKeys;
     private static readonly blockJsonToEntrypointsMap;
     private static readonly blockJsonRawDependenciesMap;
     private static readonly blockJSONAssetSourceDirs;
@@ -16,4 +16,6 @@ export default class BlockJSONManagingPlugin implements WebpackPluginInstance {
     private static remapReferencedPHPFilesOnKey;
     private static hashThingForAsset;
     private static stripFilePrefix;
+    private static incorporateRemappedValue;
+    private static deriveAdditionalFilesMappableKey;
 }

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

@@ -11,7 +11,9 @@ const php_serializer_1 = __importDefault(require("./php-serializer"));
 class BlockJSONManagingPlugin {
     standaloneBlocks;
     processingModules;
-    static sourceToOutputMappingCache = new Map();
+    static mappableKeys = [
+        "editorStyle", "style", "viewStyle", "editorScript", "script", "viewScript", "viewScriptModule", "scriptModule"
+    ];
     static blockJsonToEntrypointsMap = new Map();
     static blockJsonRawDependenciesMap = new Map();
     static blockJSONAssetSourceDirs = new Map();
@@ -51,13 +53,20 @@ class BlockJSONManagingPlugin {
                             if (!destPath) {
                                 continue;
                             }
-                            const entryMeta = { hash: entrypoint.getEntrypointChunk().hash ?? destPath, path: destPath };
+                            const entrypointChunk = entrypoint.getEntrypointChunk();
+                            const additionalFiles = [];
+                            for (const entrypointChunkFile of entrypointChunk.files) {
+                                if (!entrypointChunkFile.endsWith(".asset.php") && entrypointChunkFile !== destPath) {
+                                    additionalFiles.push(entrypointChunkFile);
+                                }
+                            }
+                            const entryMeta = { hash: entrypointChunk.hash ?? destPath, path: destPath };
                             const currentEntrypoints = BlockJSONManagingPlugin.blockJsonToEntrypointsMap.get(name);
                             if (currentEntrypoints) {
-                                currentEntrypoints.set(srcPath, entryMeta);
+                                currentEntrypoints.set(srcPath, [entryMeta, additionalFiles]);
                             }
                             else {
-                                BlockJSONManagingPlugin.blockJsonToEntrypointsMap.set(name, new Map([[srcPath, entryMeta]]));
+                                BlockJSONManagingPlugin.blockJsonToEntrypointsMap.set(name, new Map([[srcPath, [entryMeta, additionalFiles]]]));
                             }
                         }
                     }
@@ -70,25 +79,20 @@ class BlockJSONManagingPlugin {
                     return;
                 }
                 const blockDirConfigData = {};
-                const mappableKeys = ["editorStyle", "style", "viewStyle", "viewScript", "script", "editorScript", "viewScriptModule", "scriptModule"];
                 const remapValue = (value, name) => {
                     if (value.startsWith("file:")) {
-                        let res = BlockJSONManagingPlugin.sourceToOutputMappingCache.get(`${name};${value}`);
-                        if (res !== undefined) {
-                            return res;
-                        }
                         const sourceDir = BlockJSONManagingPlugin.blockJSONAssetSourceDirs.get(name) ?? node_path_1.default.dirname(name);
                         const inputPath = node_path_1.default.normalize(node_path_1.default.join(sourceDir, value.substring(5)));
-                        const output = BlockJSONManagingPlugin.blockJsonToEntrypointsMap.get(name)?.get(inputPath);
-                        if (output !== undefined) {
+                        const outputAndAdditionalFiles = BlockJSONManagingPlugin.blockJsonToEntrypointsMap.get(name)?.get(inputPath);
+                        if (outputAndAdditionalFiles !== undefined) {
+                            const [output, additionalFiles] = outputAndAdditionalFiles;
                             const prefix = value.startsWith("./", 5) ? "./" : "";
                             const relativePath = node_path_1.default.relative(node_path_1.default.dirname(name), output.path);
                             const res = [`file:${prefix}${relativePath}`, output.hash];
-                            BlockJSONManagingPlugin.sourceToOutputMappingCache.set(`${name};${value}`, res);
-                            return res;
+                            return [res, additionalFiles.map(additionalFile => `file:./${node_path_1.default.relative(node_path_1.default.dirname(name), additionalFile)}`)];
                         }
                     }
-                    return [value, ""];
+                    return [[value, ""], []];
                 };
                 for (const [name, sourceDir] of currentBlockJSONAssets) {
                     const assetContents = compilation.assets[name]?.buffer().toString();
@@ -98,21 +102,27 @@ class BlockJSONManagingPlugin {
                     blockDirConfigData[name] = true;
                     const json = JSON.parse(assetContents);
                     let compositeHash = "";
-                    for (const mappableKey of mappableKeys) {
+                    const tempMappedKeys = {};
+                    for (const mappableKey of BlockJSONManagingPlugin.mappableKeys) {
                         if (mappableKey in json) {
                             const unmappedValue = json[mappableKey];
                             if (Array.isArray(unmappedValue)) {
-                                const remappedValue = unmappedValue.map(value => remapValue(value, name));
-                                json[mappableKey] = remappedValue.map(([resource]) => resource);
-                                compositeHash += "~" + remappedValue.map(([_, hash]) => hash).join("~");
+                                for (const uv of unmappedValue) {
+                                    const [remappedValue, additionalValues] = remapValue(uv, name);
+                                    BlockJSONManagingPlugin.incorporateRemappedValue(tempMappedKeys, mappableKey, remappedValue[0], additionalValues);
+                                    compositeHash += "~" + remappedValue[1];
+                                }
                             }
                             else if (typeof unmappedValue === 'string') {
-                                const remappedValue = remapValue(unmappedValue, name);
-                                json[mappableKey] = remappedValue[0];
+                                const [remappedValue, additionalValues] = remapValue(unmappedValue, name);
+                                BlockJSONManagingPlugin.incorporateRemappedValue(tempMappedKeys, mappableKey, remappedValue[0], additionalValues);
                                 compositeHash += "~" + remappedValue[1];
                             }
                         }
                     }
+                    for (const [mappableKey, mappedValue] of Object.entries(tempMappedKeys)) {
+                        json[mappableKey] = mappedValue;
+                    }
                     if (json["version"]) {
                         json["version"] = `${json["version"]}-${BlockJSONManagingPlugin.hashThingForAsset(compositeHash)}`;
                     }
@@ -269,5 +279,47 @@ class BlockJSONManagingPlugin {
     static stripFilePrefix(file) {
         return file.startsWith("file:./") ? file.substring(7) : file;
     }
+    static incorporateRemappedValue(mappedKeys, mappableKey, remappedValue, additionalValues) {
+        if (typeof mappedKeys[mappableKey] === 'string') {
+            mappedKeys[mappableKey] = [mappedKeys[mappableKey], remappedValue];
+        }
+        else if (Array.isArray(mappedKeys[mappableKey])) {
+            mappedKeys[mappableKey].push(remappedValue);
+        }
+        else {
+            mappedKeys[mappableKey] = remappedValue;
+        }
+        if (additionalValues.length) {
+            const additionalValuesMappableKey = BlockJSONManagingPlugin.deriveAdditionalFilesMappableKey(mappableKey);
+            if (typeof mappedKeys[additionalValuesMappableKey] === 'string') {
+                mappedKeys[additionalValuesMappableKey] = [mappedKeys[additionalValuesMappableKey], ...additionalValues];
+            }
+            else if (Array.isArray(mappedKeys[additionalValuesMappableKey])) {
+                mappedKeys[additionalValuesMappableKey].push(...additionalValues);
+            }
+            else {
+                mappedKeys[additionalValuesMappableKey] = additionalValues;
+            }
+        }
+    }
+    static deriveAdditionalFilesMappableKey(mappableKey) {
+        let value;
+        if (mappableKey.endsWith("tyle")) { // If the original file was a stylesheet, then any additional files will be imported via the script tags
+            value = this.mappableKeys[this.mappableKeys.indexOf(mappableKey) + 3];
+        }
+        else if (mappableKey.endsWith("cript")) { // If the original file was a script, then any additional files will be imported via the style tags
+            value = this.mappableKeys[this.mappableKeys.indexOf(mappableKey) - 3];
+        }
+        else if (mappableKey === "viewScriptModule") {
+            return "viewStyle";
+        }
+        else if (mappableKey === "scriptModule") {
+            return "style";
+        }
+        if (value === undefined) {
+            throw new webpack_1.WebpackError(`Encountered a mappable key (${mappableKey}) that has additional files but no valid mapping for them`);
+        }
+        return value;
+    }
 }
 exports.default = BlockJSONManagingPlugin;

package/build/wordpress-scripts-wrapper/php-serializer.js

@@ -20,18 +20,25 @@ function phpSerialize(value, objectsAsArrays = true) {
         case "boolean":
             return `b:${value ? 1 : 0};`;
         case "number":
-            return `${Number.isInteger(value) ? 'i' : 'd'}:${value};`;
+            return Number.isInteger(value) ? serializeInteger(value) : `d:${value}`;
         case "string":
-            return `s:${value.length}:"${value}";`;
+            return `s:${Buffer.byteLength(value, 'utf8')}:"${value}";`;
         case "function":
             throw new Error(`We are unable to serialize functions into a form readable by PHP.`);
         case "symbol":
             value = value.toString();
-            return `s:${value.length}:"${value}";`;
+            return `s:${Buffer.byteLength(value, 'utf8')}:"${value}";`;
         case "bigint":
-            return `i:${value};`;
+            return serializeInteger(value);
     }
 }
+function serializeInteger(value) {
+    const str = value.toString();
+    if (str.includes("e") || str.includes("E")) {
+        return `d:${str.replace(/e/i, ".0e")}`;
+    }
+    return `i:${str}`;
+}
 function entriesInArrayAndObjectFormat(prefix, entries, objectsAsArrays) {
     let res = `${prefix}:${entries.length}:{`;
     for (const [k, v] of entries) {

package/build/wordpress-scripts-wrapper.js

@@ -17,6 +17,9 @@ const webpack_remove_empty_scripts_1 = __importDefault(require("webpack-remove-e
 function joinPossiblyAbsolutePaths(...paths) {
     return paths.reduce((res, p) => !res || node_path_1.default.isAbsolute(p) ? p : node_path_1.default.join(res, p), '') || '.';
 }
+function test(content, map, meta) {
+    this.resourcePath;
+}
 function mapToRealEntrypoints(entrypoint, dir, mapper = (entrypoint) => entrypoint, lazyDependent) {
     return (Array.isArray(entrypoint) ? entrypoint : [entrypoint])
         .map(ep => joinPossiblyAbsolutePaths(dir, mapper(ep)))

package/package.json

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