@ngtools/webpack 14.0.0-next.11 → 14.0.0-next.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngtools/webpack",
-  "version": "14.0.0-next.11",
+  "version": "14.0.0-next.12",
   "description": "Webpack plugin that AoT compiles your Angular components and modules.",
   "main": "./src/index.js",
   "typings": "src/index.d.ts",
@@ -28,7 +28,7 @@
   "peerDependencies": {
     "@angular/compiler-cli": "^14.0.0 || ^14.0.0-next",
     "typescript": "~4.6.2",
-    "webpack": "^5.30.0"
+    "webpack": "^5.54.0"
   },
   "engines": {
     "node": "^14.15.0 || >=16.10.0",

package/src/ivy/plugin.d.ts

@@ -27,6 +27,7 @@ export declare class AngularWebpackPlugin {
     private builder?;
     private sourceFileCache?;
     private webpackCache?;
+    private webpackCreateHash?;
     private readonly fileDependencies;
     private readonly requiredFilesToEmit;
     private readonly requiredFilesToEmitCache;

package/src/ivy/plugin.js

@@ -32,7 +32,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AngularWebpackPlugin = void 0;
 const assert_1 = require("assert");
-const crypto_1 = require("crypto");
 const ts = __importStar(require("typescript"));
 const ngcc_processor_1 = require("../ngcc_processor");
 const paths_plugin_1 = require("../paths-plugin");
@@ -101,6 +100,7 @@ class AngularWebpackPlugin {
     // eslint-disable-next-line max-lines-per-function
     apply(compiler) {
         const { NormalModuleReplacementPlugin, util } = compiler.webpack;
+        this.webpackCreateHash = util.createHash;
         // Setup file replacements with webpack
         for (const [key, value] of Object.entries(this.pluginOptions.fileReplacements)) {
             new NormalModuleReplacementPlugin(new RegExp('^' + key.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&') + '$'), value).apply(compiler);
@@ -533,9 +533,10 @@ class AngularWebpackPlugin {
         this.compilerNgccModule = await new Function(`return import('@angular/compiler-cli/ngcc');`)();
     }
     async addFileEmitHistory(filePath, content) {
+        assert_1.strict.ok(this.webpackCreateHash, 'File emitter is used prior to Webpack compilation');
         const historyData = {
             length: content.length,
-            hash: (0, crypto_1.createHash)('md5').update(content).digest(),
+            hash: this.webpackCreateHash('xxhash64').update(content).digest(),
         };
         if (this.webpackCache) {
             const history = await this.getFileEmitHistory(filePath);

package/src/resource_loader.js

@@ -31,7 +31,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WebpackResourceLoader = void 0;
-const crypto_1 = require("crypto");
 const path = __importStar(require("path"));
 const vm = __importStar(require("vm"));
 const paths_1 = require("./ivy/paths");
@@ -94,10 +93,13 @@ class WebpackResourceLoader {
     setAffectedResources(file, resources) {
         this._reverseDependencies.set(file, new Set(resources));
     }
+    // eslint-disable-next-line max-lines-per-function
     async _compile(filePath, data, fileExtension, resourceType, containingFile) {
         if (!this._parentCompilation) {
             throw new Error('WebpackResourceLoader cannot be used without parentCompilation');
         }
+        const { context, webpack } = this._parentCompilation.compiler;
+        const { EntryPlugin, NormalModule, library, node, sources, util: { createHash }, } = webpack;
         const getEntry = () => {
             if (filePath) {
                 return `${filePath}?${replace_resources_1.NG_COMPONENT_RESOURCE_QUERY}`;
@@ -110,7 +112,9 @@ class WebpackResourceLoader {
             }
             else if (data) {
                 // Create a special URL for reading the resource from memory
-                return `angular-resource:${resourceType},${(0, crypto_1.createHash)('md5').update(data).digest('hex')}`;
+                return `angular-resource:${resourceType},${createHash('xxhash64')
+                    .update(data)
+                    .digest('hex')}`;
             }
             throw new Error(`"filePath", "resourceType" or "data" must be specified.`);
         };
@@ -128,8 +132,6 @@ class WebpackResourceLoader {
                 name: 'resource',
             },
         };
-        const { context, webpack } = this._parentCompilation.compiler;
-        const { EntryPlugin, NormalModule, library, node, sources } = webpack;
         const childCompiler = this._parentCompilation.createChildCompiler('angular-compiler:resource', outputOptions, [
             new node.NodeTemplatePlugin(outputOptions),
             new node.NodeTargetPlugin(),