@oroinc/oro-webpack-config-builder 6.1.0-lts0 → 6.1.0-lts01

package/oro-webpack-config.js

@@ -9,6 +9,8 @@ const EntryPointFileWriter = require('./writer/scss-entry-point-file-writer');
 const LayoutModulesConfigLoader = require('./modules-config/layout-modules-config-loader');
 const LayoutStyleLoader = require('./style/layout-style-loader');
 const MapModulesPlugin = require('./plugin/map/map-modules-plugin');
+const IntegrityFilePlugin = require('./plugin/integrity/integrity-file-plugin');
+const {SubresourceIntegrityPlugin} = require('webpack-subresource-integrity');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const ModulesConfigLoader = require('./modules-config/modules-config-loader');
 const DynamicImportsFileWriter = require('./writer/dynamic-imports-file-writer');
@@ -280,7 +282,8 @@ class ConfigBuilder {
             output: {
                 filename: '[name].js',
                 // Because we use third party libraries 'chunkFilename' should include only [name]
-                chunkFilename: this._getVersionedPath('chunk/[name].js', this.assetVersion)
+                chunkFilename: this._getVersionedPath('chunk/[name].js', this.assetVersion),
+                crossOriginLoading: "anonymous"
             },
             devtool: !env.skipSourcemap && 'inline-cheap-module-source-map',
             mode: 'development',
@@ -374,6 +377,8 @@ class ConfigBuilder {
                 new webpack.optimize.MinChunkSizePlugin({
                     minChunkSize: 30000 // Minimum number of characters
                 }),
+                new SubresourceIntegrityPlugin(),
+                new IntegrityFilePlugin(),
                 new AfterWebpackLogsPlugin(
                     stats => this.emitter.emit('build:complete', stats)
                 )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oroinc/oro-webpack-config-builder",
-  "version": "6.1.0-lts0",
+  "version": "6.1.0-lts01",
   "author": "Oro, Inc. (https://oroinc.com)",
   "license": "MIT",
   "description": "An integration of OroPlatform based applications with the Webpack.",
@@ -46,6 +46,7 @@
     "webpack-cli": "~5.0.0",
     "webpack-dev-server": "^4.11.1",
     "webpack-merge": "~5.8.0",
+    "webpack-subresource-integrity": "^5.2.0-rc.1",
     "wildcard": "~2.0.0"
   }
 }

package/plugin/integrity/integrity-file-plugin.js

@@ -0,0 +1,38 @@
+const { createHash } = require('crypto');
+const { Compilation, sources } = require('webpack');
+const fs = require('fs').promises;
+const path = require('path');
+
+class IntegrityFilePlugin {
+    constructor({ outputPath = 'integrity.json', algorithm = 'sha384' } = {}) {
+        this.outputPath = outputPath;
+        this.algorithm = algorithm;
+    }
+
+    apply(compiler) {
+        compiler.hooks.thisCompilation.tap('IntegrityFilePlugin', (compilation) => {
+            compilation.hooks.processAssets.tapPromise(
+                { name: 'SubresourceIntegrityPlugin', stage: Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_TRANSFER },
+                async () => {
+                    const integrityData = Object.fromEntries(
+                        Object.entries(compilation.assets).map(([assetName, asset]) => {
+                            const hash = createHash(this.algorithm).update(asset.source()).digest('base64');
+                            const assetNormalized = assetName.split('?')[0];
+
+                            return [
+                                path.join(compiler.options.output.publicPath || '', assetNormalized),
+                                `${this.algorithm}-${hash}`
+                            ];
+                        })
+                    );
+
+                    const jsonData = JSON.stringify(integrityData, null, 2);
+                    await fs.writeFile(this.outputPath, jsonData, 'utf8');
+                    compilation.emitAsset(this.outputPath, new sources.RawSource(jsonData));
+                }
+            );
+        });
+    }
+}
+
+module.exports = IntegrityFilePlugin;