Fix integrity hashes with query string, use the original assets name in "integrity" map

Author: Kocal

CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## 5.0.1
+
+* #1349 Fix issue between `Encore.enableIntegrityHashes()` and filenames with a query-string (@Kocal)
+
 ## 5.0.0
 
 This is a new major version that contains several backwards-compatibility breaks.

lib/webpack/entry-points-plugin.js

@@ -95,9 +95,12 @@ class EntryPointsPlugin {
                 for (const entryName in manifest.entrypoints) {
                     for (const fileType in manifest.entrypoints[entryName]) {
                         for (const asset of manifest.entrypoints[entryName][fileType]) {
+                            if (asset in manifest.integrity) {
+                                continue;
+                            }
+
                             // Drop query string if any
                             const assetNormalized = asset.includes('?') ? asset.split('?')[0] : asset;
-
                             if (assetNormalized in manifest.integrity) {
                                 continue;
                             }
@@ -118,7 +121,7 @@ class EntryPointsPlugin {
                                     fileHashes.push(`${algorithm}-${hash.digest('base64')}`);
                                 }
 
-                                manifest.integrity[assetNormalized] = fileHashes.join(' ');
+                                manifest.integrity[asset] = fileHashes.join(' ');
                             }
                         }
                     }

test/functional.js

@@ -1371,7 +1371,8 @@ module.exports = {
             const config = createWebpackConfig('www/build', 'dev');
             config.setPublicPath('/build');
             config.addEntry('main', ['./js/index.ts']);
-            const testCallback = () => {};
+            const testCallback = () => {
+            };
             config.enableTypeScriptLoader(testCallback);
 
             testSetup.runWebpack(config, (webpackAssert) => {
@@ -1455,7 +1456,8 @@ module.exports = {
             const config = createWebpackConfig('www/build', 'dev');
             config.setPublicPath('/build');
             config.addEntry('main', ['./js/handlebars.js']);
-            const testCallback = () => {};
+            const testCallback = () => {
+            };
             config.enableHandlebarsLoader(testCallback);
 
             testSetup.runWebpack(config, () => {
@@ -1924,7 +1926,8 @@ module.exports = {
             config.enableSingleRuntimeChunk();
             config.setPublicPath('/build');
             config.addEntry('main', `./vuejs-jsx/main_v${getVueVersion(config)}`);
-            config.enableVueLoader(() => {}, {
+            config.enableVueLoader(() => {
+            }, {
                 useJsx: true,
                 version: getVueVersion(config),
             });
@@ -3138,11 +3141,14 @@ module.exports = {
 
                 testSetup.runWebpack(config, (webpackAssert) => {
                     const integrityData = getIntegrityData(config);
-                    const expectedFilesWithHashes = [
-                        '/build/runtime.js',
-                        '/build/main.js',
-                        '/build/styles.css',
-                    ];
+                    const expectedFilesWithHashes = Object.keys(integrityData).filter(file => {
+                        if (!/\?v=[a-z0-9]{16}$/.test(file)) {
+                            return false;
+                        }
+                        return file.startsWith('/build/runtime.js?v=')
+                            || file.startsWith('/build/main.js?v=')
+                            || file.startsWith('/build/styles.css?v=');
+                    });
 
                     expectedFilesWithHashes.forEach((file) => {
                         expect(integrityData[file]).to.contain('sha384-');