@angular-devkit/build-angular 14.0.0-rc.3 → 14.1.0-next.0

package/package.json

@@ -1,83 +1,83 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "14.0.0-rc.3",
+  "version": "14.1.0-next.0",
   "description": "Angular Webpack Build Facade",
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.2.0",
-    "@angular-devkit/architect": "0.1400.0-rc.3",
-    "@angular-devkit/build-webpack": "0.1400.0-rc.3",
-    "@angular-devkit/core": "14.0.0-rc.3",
-    "@babel/core": "7.17.10",
-    "@babel/generator": "7.17.10",
+    "@angular-devkit/architect": "0.1401.0-next.0",
+    "@angular-devkit/build-webpack": "0.1401.0-next.0",
+    "@angular-devkit/core": "14.1.0-next.0",
+    "@babel/core": "7.18.2",
+    "@babel/generator": "7.18.2",
     "@babel/helper-annotate-as-pure": "7.16.7",
-    "@babel/plugin-proposal-async-generator-functions": "7.16.8",
-    "@babel/plugin-transform-async-to-generator": "7.16.8",
-    "@babel/plugin-transform-runtime": "7.17.10",
-    "@babel/preset-env": "7.17.10",
-    "@babel/runtime": "7.17.9",
+    "@babel/plugin-proposal-async-generator-functions": "7.17.12",
+    "@babel/plugin-transform-async-to-generator": "7.17.12",
+    "@babel/plugin-transform-runtime": "7.18.2",
+    "@babel/preset-env": "7.18.2",
+    "@babel/runtime": "7.18.3",
     "@babel/template": "7.16.7",
     "@discoveryjs/json-ext": "0.5.7",
-    "@ngtools/webpack": "14.0.0-rc.3",
-    "ansi-colors": "4.1.1",
+    "@ngtools/webpack": "14.1.0-next.0",
+    "ansi-colors": "4.1.3",
     "babel-loader": "8.2.5",
     "babel-plugin-istanbul": "6.1.1",
     "browserslist": "^4.9.1",
-    "cacache": "16.0.7",
-    "copy-webpack-plugin": "10.2.4",
+    "cacache": "16.1.1",
+    "copy-webpack-plugin": "11.0.0",
     "critters": "0.0.16",
     "css-loader": "6.7.1",
-    "esbuild-wasm": "0.14.38",
-    "glob": "8.0.1",
+    "esbuild-wasm": "0.14.42",
+    "glob": "8.0.3",
     "https-proxy-agent": "5.0.1",
     "inquirer": "8.2.4",
     "jsonc-parser": "3.0.0",
     "karma-source-map-support": "1.4.0",
     "less": "4.1.2",
-    "less-loader": "10.2.0",
+    "less-loader": "11.0.0",
     "license-webpack-plugin": "4.0.2",
     "loader-utils": "3.2.0",
     "mini-css-extract-plugin": "2.6.0",
-    "minimatch": "5.0.1",
+    "minimatch": "5.1.0",
     "open": "8.4.0",
     "ora": "5.4.1",
     "parse5-html-rewriting-stream": "6.0.1",
     "piscina": "3.2.0",
-    "postcss": "8.4.13",
+    "postcss": "8.4.14",
     "postcss-import": "14.1.0",
-    "postcss-loader": "6.2.1",
-    "postcss-preset-env": "7.5.0",
+    "postcss-loader": "7.0.0",
+    "postcss-preset-env": "7.7.0",
     "regenerator-runtime": "0.13.9",
     "resolve-url-loader": "5.0.0",
     "rxjs": "6.6.7",
-    "sass": "1.51.0",
-    "sass-loader": "12.6.0",
+    "sass": "1.52.2",
+    "sass-loader": "13.0.0",
     "semver": "7.3.7",
     "source-map-loader": "3.0.1",
     "source-map-support": "0.5.21",
-    "stylus": "0.57.0",
-    "stylus-loader": "6.2.0",
-    "terser": "5.13.1",
+    "stylus": "0.58.1",
+    "stylus-loader": "7.0.0",
+    "terser": "5.14.0",
     "text-table": "0.2.0",
     "tree-kill": "1.2.2",
     "tslib": "2.4.0",
-    "webpack": "5.72.1",
-    "webpack-dev-middleware": "5.3.1",
-    "webpack-dev-server": "4.9.0",
+    "webpack": "5.73.0",
+    "webpack-dev-middleware": "5.3.3",
+    "webpack-dev-server": "4.9.1",
     "webpack-merge": "5.8.0",
     "webpack-subresource-integrity": "5.1.0"
   },
   "optionalDependencies": {
-    "esbuild": "0.14.38"
+    "esbuild": "0.14.42"
   },
   "peerDependencies": {
-    "@angular/compiler-cli": "^14.0.0 || ^14.0.0-rc",
-    "@angular/localize": "^14.0.0 || ^14.0.0-rc",
-    "@angular/service-worker": "^14.0.0 || ^14.0.0-rc",
+    "@angular/compiler-cli": "^14.0.0 || ^14.0.0-next || ^14.1.0-next",
+    "@angular/localize": "^14.0.0 || ^14.0.0-next || ^14.1.0-next",
+    "@angular/service-worker": "^14.0.0 || ^14.0.0-next || ^14.1.0-next",
     "karma": "^6.3.0",
-    "ng-packagr": "^14.0.0 || ^14.0.0-next",
+    "ng-packagr": "^14.0.0 || ^14.0.0-next || ^14.1.0-next",
     "protractor": "^7.0.0",
     "tailwindcss": "^2.0.0 || ^3.0.0",
     "typescript": ">=4.6.2 <4.8"

package/src/builders/browser-esbuild/compiler-plugin.js

@@ -119,7 +119,7 @@ function createCompilerPlugin(pluginOptions, styleOptions) {
             // Once TypeScript provides support for retaining dynamic imports this workaround can be dropped.
             const compilerCli = await (0, load_esm_1.loadEsmModule)('@angular/compiler-cli');
             // Temporary deep import for transformer support
-            const { createAotTransformers, mergeTransformers, } = require('@ngtools/webpack/src/ivy/transformation');
+            const { mergeTransformers, replaceBootstrap, } = require('@ngtools/webpack/src/ivy/transformation');
             // Setup defines based on the values provided by the Angular compiler-cli
             (_a = (_b = build.initialOptions).define) !== null && _a !== void 0 ? _a : (_b.define = {});
             for (const [key, value] of Object.entries(compilerCli.GLOBAL_DEFS_FOR_TERSER_WITH_AOT)) {
@@ -226,7 +226,9 @@ function createCompilerPlugin(pluginOptions, styleOptions) {
                         ((_b = result.warnings) !== null && _b !== void 0 ? _b : (result.warnings = [])).push(message);
                     }
                 }
-                fileEmitter = createFileEmitter(builder, mergeTransformers(angularCompiler.prepareEmit().transformers, createAotTransformers(builder, {})), () => []);
+                fileEmitter = createFileEmitter(builder, mergeTransformers(angularCompiler.prepareEmit().transformers, {
+                    before: [replaceBootstrap(() => builder.getProgram().getTypeChecker())],
+                }), () => []);
                 return result;
             });
             build.onLoad({ filter: compilerOptions.allowJs ? /\.[cm]?[jt]sx?$/ : /\.[cm]?tsx?$/ }, async (args) => {

package/src/webpack/configs/common.js

@@ -47,6 +47,7 @@ const named_chunks_plugin_1 = require("../plugins/named-chunks-plugin");
 const progress_plugin_1 = require("../plugins/progress-plugin");
 const transfer_size_plugin_1 = require("../plugins/transfer-size-plugin");
 const typescript_2 = require("../plugins/typescript");
+const watch_files_logs_plugin_1 = require("../plugins/watch-files-logs-plugin");
 const helpers_1 = require("../utils/helpers");
 // eslint-disable-next-line max-lines-per-function
 async function getCommonConfig(wco) {
@@ -143,6 +144,9 @@ async function getCommonConfig(wco) {
             append: hiddenSourceMap ? false : undefined,
         }));
     }
+    if (verbose) {
+        extraPlugins.push(new watch_files_logs_plugin_1.WatchFilesLogsPlugin());
+    }
     if (buildOptions.statsJson) {
         extraPlugins.push(new plugins_1.JsonStatsPlugin(path.resolve(root, buildOptions.outputPath, 'stats.json')));
     }

package/src/webpack/configs/dev-server.js

@@ -270,7 +270,7 @@ function getWebSocketSettings(options, servePath) {
             client: undefined,
         };
     }
-    const webSocketPath = path_1.posix.join(servePath, 'ws');
+    const webSocketPath = path_1.posix.join(servePath, 'ng-cli-ws');
     return {
         webSocketServer: {
             options: {

package/src/webpack/plugins/watch-files-logs-plugin.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @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
+ */
+import type { Compiler } from 'webpack';
+export declare class WatchFilesLogsPlugin {
+    apply(compiler: Compiler): void;
+}

package/src/webpack/plugins/watch-files-logs-plugin.js

@@ -0,0 +1,27 @@
+"use strict";
+/**
+ * @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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WatchFilesLogsPlugin = void 0;
+const PLUGIN_NAME = 'angular.watch-files-logs-plugin';
+class WatchFilesLogsPlugin {
+    apply(compiler) {
+        compiler.hooks.watchRun.tap(PLUGIN_NAME, ({ modifiedFiles, removedFiles }) => {
+            compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation) => {
+                const logger = compilation.getLogger(PLUGIN_NAME);
+                if (modifiedFiles === null || modifiedFiles === void 0 ? void 0 : modifiedFiles.size) {
+                    logger.log(`Modified files:\n${[...modifiedFiles].join('\n')}\n`);
+                }
+                if (removedFiles === null || removedFiles === void 0 ? void 0 : removedFiles.size) {
+                    logger.log(`Removed files:\n${[...removedFiles].join('\n')}\n`);
+                }
+            });
+        });
+    }
+}
+exports.WatchFilesLogsPlugin = WatchFilesLogsPlugin;