@angular-devkit/build-angular 14.0.0-next.1 → 14.0.0-next.12

package/src/webpack/plugins/esbuild-executor.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -27,8 +31,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EsbuildExecutor = void 0;
-const child_process_1 = require("child_process");
-const path = __importStar(require("path"));
 /**
  * Provides the ability to execute esbuild regardless of the current platform's support
  * for using the native variant of esbuild. The native variant will be preferred (assuming
@@ -53,22 +55,14 @@ class EsbuildExecutor {
     /**
      * Determines whether the native variant of esbuild can be used on the current platform.
      *
-     * @returns True, if the native variant of esbuild is support; False, if the WASM variant is required.
+     * @returns A promise which resolves to `true`, if the native variant of esbuild is support or `false`, if the WASM variant is required.
      */
-    static hasNativeSupport() {
+    static async hasNativeSupport() {
         // Try to use native variant to ensure it is functional for the platform.
-        // Spawning a separate esbuild check process is used to determine if the native
-        // variant is viable. If check fails, the WASM variant is initialized instead.
-        // Attempting to call one of the native esbuild functions is not a viable test
-        // currently since esbuild spawn errors are currently not propagated through the
-        // call stack for the esbuild function. If this limitation is removed in the future
-        // then the separate process spawn check can be removed in favor of a direct function
-        // call check.
         try {
-            const { status, error } = (0, child_process_1.spawnSync)(process.execPath, [
-                path.join(__dirname, '../../../esbuild-check.js'),
-            ]);
-            return status === 0 && error === undefined;
+            const { formatMessages } = await Promise.resolve().then(() => __importStar(require('esbuild')));
+            await formatMessages([], { kind: 'error' });
+            return true;
         }
         catch {
             return false;
@@ -84,7 +78,7 @@ class EsbuildExecutor {
             return;
         }
         // If the WASM variant was preferred at class construction or native is not supported, use WASM
-        if (this.alwaysUseWasm || !EsbuildExecutor.hasNativeSupport()) {
+        if (this.alwaysUseWasm || !(await EsbuildExecutor.hasNativeSupport())) {
             await this.useWasm();
             this.initialized = true;
             return;

package/src/webpack/plugins/javascript-optimizer-plugin.js

@@ -61,9 +61,10 @@ class JavaScriptOptimizerPlugin {
                         cacheItem = cache.getItemCache(name, eTag);
                         const cachedOutput = await cacheItem.getPromise();
                         if (cachedOutput) {
-                            compilation.updateAsset(name, cachedOutput.source, {
+                            compilation.updateAsset(name, cachedOutput.source, (assetInfo) => ({
+                                ...assetInfo,
                                 minimized: true,
-                            });
+                            }));
                             continue;
                         }
                     }
@@ -110,7 +111,7 @@ class JavaScriptOptimizerPlugin {
                     // Perform a single native esbuild support check.
                     // This removes the need for each worker to perform the check which would
                     // otherwise require spawning a separate process per worker.
-                    alwaysUseWasm: !esbuild_executor_1.EsbuildExecutor.hasNativeSupport(),
+                    alwaysUseWasm: !(await esbuild_executor_1.EsbuildExecutor.hasNativeSupport()),
                 };
                 // Sort scripts so larger scripts start first - worker pool uses a FIFO queue
                 scriptsToOptimize.sort((a, b) => a.code.length - b.code.length);
@@ -137,7 +138,10 @@ class JavaScriptOptimizerPlugin {
                             const optimizedAsset = map
                                 ? new SourceMapSource(code, name, map)
                                 : new OriginalSource(code, name);
-                            compilation.updateAsset(name, optimizedAsset, { minimized: true });
+                            compilation.updateAsset(name, optimizedAsset, (assetInfo) => ({
+                                ...assetInfo,
+                                minimized: true,
+                            }));
                             return cacheItem === null || cacheItem === void 0 ? void 0 : cacheItem.storePromise({
                                 source: optimizedAsset,
                             });

package/src/webpack/plugins/json-stats-plugin.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/src/webpack/plugins/karma/karma.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -30,7 +34,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const path = __importStar(require("path"));
-const glob = __importStar(require("glob"));
 const webpack_1 = __importDefault(require("webpack"));
 const webpack_dev_middleware_1 = __importDefault(require("webpack-dev-middleware"));
 const stats_1 = require("../../utils/stats");
@@ -42,27 +45,6 @@ let isBlocked = false;
 let webpackMiddleware;
 let successCb;
 let failureCb;
-// Add files to the Karma files array.
-function addKarmaFiles(files, newFiles, prepend = false) {
-    const defaults = {
-        included: true,
-        served: true,
-        watched: true,
-    };
-    const processedFiles = newFiles
-        // Remove globs that do not match any files, otherwise Karma will show a warning for these.
-        .filter((file) => glob.sync(file.pattern, { nodir: true }).length != 0)
-        // Fill in pattern properties with defaults.
-        .map((file) => ({ ...defaults, ...file }));
-    // It's important to not replace the array, because
-    // karma already has a reference to the existing array.
-    if (prepend) {
-        files.unshift(...processedFiles);
-    }
-    else {
-        files.push(...processedFiles);
-    }
-}
 const init = (config, emitter) => {
     if (!config.buildWebpack) {
         throw new Error(`The '@angular-devkit/build-angular/plugins/karma' karma plugin is meant to` +
@@ -80,10 +62,12 @@ const init = (config, emitter) => {
         // frameworks cannot be added dynamically.
         const smsPath = path.dirname(require.resolve('source-map-support'));
         const ksmsPath = path.dirname(require.resolve('karma-source-map-support'));
-        addKarmaFiles(config.files, [
-            { pattern: path.join(smsPath, 'browser-source-map-support.js'), watched: false },
-            { pattern: path.join(ksmsPath, 'client.js'), watched: false },
-        ], true);
+        config.files.unshift({
+            pattern: path.join(smsPath, 'browser-source-map-support.js'),
+            included: true,
+            served: true,
+            watched: false,
+        }, { pattern: path.join(ksmsPath, 'client.js'), included: true, served: true, watched: false });
     }
     config.reporters.unshift('@angular-devkit/build-angular--event-reporter');
     // When using code-coverage, auto-add karma-coverage.

package/src/webpack/plugins/named-chunks-plugin.js

@@ -24,6 +24,11 @@ class NamedChunksPlugin {
                 if (chunk.name) {
                     return;
                 }
+                if ([...chunk.files.values()].every((f) => f.endsWith('.css'))) {
+                    // If all chunk files are CSS files skip.
+                    // This happens when using `import('./styles.css')` in a lazy loaded module.
+                    return undefined;
+                }
                 const name = this.generateName(chunk);
                 if (name) {
                     chunk.name = name;
@@ -37,6 +42,10 @@ class NamedChunksPlugin {
             if (!(block instanceof webpack_1.AsyncDependenciesBlock)) {
                 continue;
             }
+            if (block.groupOptions.name) {
+                // Ignore groups which have been named already.
+                return undefined;
+            }
             for (const dependency of block.dependencies) {
                 if (dependency instanceof ImportDependency) {
                     return webpack_1.Template.toPath(dependency.request);

package/src/webpack/plugins/postcss-cli-resources.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -66,7 +70,7 @@ function default_1(options) {
         // If starts with a caret, remove and return remainder
         // this supports bypassing asset processing
         if (inputUrl.startsWith('^')) {
-            return inputUrl.substr(1);
+            return inputUrl.slice(1);
         }
         const cacheKey = path.resolve(context, inputUrl);
         const cachedUrl = resourceCache.get(cacheKey);
@@ -74,7 +78,7 @@ function default_1(options) {
             return cachedUrl;
         }
         if (inputUrl.startsWith('~')) {
-            inputUrl = inputUrl.substr(1);
+            inputUrl = inputUrl.slice(1);
         }
         const { pathname, hash, search } = url.parse(inputUrl.replace(/\\/g, '/'));
         const resolver = (file, base) => new Promise((resolve, reject) => {

package/src/webpack/plugins/scripts-webpack-plugin.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/src/webpack/plugins/transfer-size-plugin.js

@@ -31,9 +31,10 @@ class TransferSizePlugin {
                     }
                     actions.push(brotliCompressAsync(scriptAsset.source.source())
                         .then((result) => {
-                        compilation.updateAsset(assetName, (s) => s, {
+                        compilation.updateAsset(assetName, (s) => s, (assetInfo) => ({
+                            ...assetInfo,
                             estimatedTransferSize: result.length,
-                        });
+                        }));
                     })
                         .catch((error) => {
                         compilation.warnings.push(new compilation.compiler.webpack.WebpackError(`Unable to calculate estimated transfer size for '${assetName}'. Reason: ${error.message}`));

package/src/webpack/plugins/typescript.js

@@ -8,7 +8,6 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createIvyPlugin = void 0;
-const core_1 = require("@angular-devkit/core");
 const webpack_1 = require("@ngtools/webpack");
 const typescript_1 = require("typescript");
 function ensureIvy(wco) {
@@ -44,7 +43,7 @@ function createIvyPlugin(wco, aot, tsconfig) {
     const fileReplacements = {};
     if (buildOptions.fileReplacements) {
         for (const replacement of buildOptions.fileReplacements) {
-            fileReplacements[(0, core_1.getSystemPath)(replacement.replace)] = (0, core_1.getSystemPath)(replacement.with);
+            fileReplacements[replacement.replace] = replacement.with;
         }
     }
     let inlineStyleFileExtension;

package/src/webpack/utils/helpers.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/src/webpack/utils/stats.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/esbuild-check.js

@@ -1,16 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-
-// If the platform does not support the native variant of esbuild, this will crash.
-// This script can then be spawned by the CLI to determine if native usage is supported.
-require('esbuild')
-  .formatMessages([], { kind: 'error ' })
-  .then(
-    () => {},
-    () => {},
-  );