@angular-devkit/build-angular 14.0.3 → 14.1.0-next.2

package/builders.json

@@ -13,7 +13,7 @@
     },
     "browser-esbuild": {
       "implementation": "./src/builders/browser-esbuild",
-      "schema": "./src/builders/browser/schema.json",
+      "schema": "./src/builders/browser-esbuild/schema.json",
       "description": "Build a browser application."
     },
     "dev-server": {

package/package.json

@@ -1,83 +1,83 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "14.0.3",
+  "version": "14.1.0-next.2",
   "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.3",
-    "@angular-devkit/build-webpack": "0.1400.3",
-    "@angular-devkit/core": "14.0.3",
-    "@babel/core": "7.17.10",
-    "@babel/generator": "7.17.10",
+    "@angular-devkit/architect": "0.1401.0-next.2",
+    "@angular-devkit/build-webpack": "0.1401.0-next.2",
+    "@angular-devkit/core": "14.1.0-next.2",
+    "@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.3",
-    "ansi-colors": "4.1.1",
+    "@ngtools/webpack": "14.1.0-next.2",
+    "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-loader": "4.0.0",
     "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",
-    "@angular/localize": "^14.0.0",
-    "@angular/service-worker": "^14.0.0",
+    "@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",
+    "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/app-shell/index.js

@@ -34,6 +34,7 @@ const architect_1 = require("@angular-devkit/architect");
 const fs = __importStar(require("fs"));
 const path = __importStar(require("path"));
 const utils_1 = require("../../utils");
+const error_1 = require("../../utils/error");
 const inline_critical_css_1 = require("../../utils/index-file/inline-critical-css");
 const service_worker_1 = require("../../utils/service-worker");
 const spinner_1 = require("../../utils/spinner");
@@ -152,6 +153,7 @@ async function _appShellBuilder(options, context) {
     }
     catch (err) {
         spinner === null || spinner === void 0 ? void 0 : spinner.fail('Application shell generation failed.');
+        (0, error_1.assertIsError)(err);
         return { success: false, error: err.message };
     }
     finally {

package/src/builders/browser/index.js

@@ -42,6 +42,7 @@ const utils_1 = require("../../utils");
 const bundle_calculator_1 = require("../../utils/bundle-calculator");
 const color_1 = require("../../utils/color");
 const copy_assets_1 = require("../../utils/copy-assets");
+const error_1 = require("../../utils/error");
 const i18n_inlining_1 = require("../../utils/i18n-inlining");
 const index_html_generator_1 = require("../../utils/index-file/index-html-generator");
 const normalize_cache_1 = require("../../utils/normalize-cache");
@@ -193,6 +194,7 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                         }
                         catch (err) {
                             spinner.fail(color_1.colors.redBright('Copying of assets failed.'));
+                            (0, error_1.assertIsError)(err);
                             return { success: false, error: 'Unable to copy assets: ' + err.message };
                         }
                     }

package/src/builders/browser-esbuild/experimental-warnings.js

@@ -21,9 +21,6 @@ const UNSUPPORTED_OPTIONS = [
     // The following two have no effect when localize is not enabled
     // 'i18nDuplicateTranslation',
     // 'i18nMissingTranslation',
-    // * Serviceworker support
-    'ngswConfigPath',
-    'serviceWorker',
     // * Stylesheet preprocessor support
     'inlineStyleLanguage',
     // The following option has no effect until preprocessors are supported

package/src/builders/browser-esbuild/index.d.ts

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { BuilderContext, BuilderOutput } from '@angular-devkit/architect';
-import { Schema as BrowserBuilderOptions } from '../browser/schema';
+import { Schema as BrowserBuilderOptions } from './schema';
 /**
  * Main execution function for the esbuild-based application builder.
  * The options are compatible with the Webpack-based builder.
@@ -14,6 +14,6 @@ import { Schema as BrowserBuilderOptions } from '../browser/schema';
  * @param context The Architect builder context object
  * @returns A promise with the builder result output
  */
-export declare function execute(options: BrowserBuilderOptions, context: BuilderContext): Promise<BuilderOutput>;
+export declare function buildEsbuildBrowser(options: BrowserBuilderOptions, context: BuilderContext): Promise<BuilderOutput>;
 declare const _default: import("@angular-devkit/architect/src/internal").Builder<BrowserBuilderOptions & import("../../../../core/src").JsonObject>;
 export default _default;

package/src/builders/browser-esbuild/index.js

@@ -30,15 +30,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.execute = void 0;
+exports.buildEsbuildBrowser = void 0;
 const architect_1 = require("@angular-devkit/architect");
 const assert = __importStar(require("assert"));
 const fs_1 = require("fs");
 const path = __importStar(require("path"));
 const utils_1 = require("../../utils");
 const copy_assets_1 = require("../../utils/copy-assets");
+const error_1 = require("../../utils/error");
 const index_html_generator_1 = require("../../utils/index-file/index-html-generator");
 const package_chunk_sort_1 = require("../../utils/package-chunk-sort");
+const service_worker_1 = require("../../utils/service-worker");
 const webpack_browser_config_1 = require("../../utils/webpack-browser-config");
 const configs_1 = require("../../webpack/configs");
 const compiler_plugin_1 = require("./compiler-plugin");
@@ -54,7 +56,7 @@ const stylesheets_1 = require("./stylesheets");
  * @returns A promise with the builder result output
  */
 // eslint-disable-next-line max-lines-per-function
-async function execute(options, context) {
+async function buildEsbuildBrowser(options, context) {
     var _a, _b, _c, _d, _e, _f;
     const startTime = Date.now();
     // Only AOT is currently supported
@@ -70,7 +72,7 @@ async function execute(options, context) {
         context.logger.error(`The 'browser-esbuild' builder requires a target to be specified.`);
         return { success: false };
     }
-    const { workspaceRoot, mainEntryPoint, polyfillsEntryPoint, optimizationOptions, outputPath, sourcemapOptions, tsconfig, assets, outputNames, } = await (0, options_1.normalizeOptions)(context, projectName, options);
+    const { projectRoot, workspaceRoot, mainEntryPoint, polyfillsEntryPoint, optimizationOptions, outputPath, sourcemapOptions, tsconfig, assets, outputNames, } = await (0, options_1.normalizeOptions)(context, projectName, options);
     // Clean output path if enabled
     if (options.deleteOutputPath) {
         (0, utils_1.deleteOutputDir)(workspaceRoot, options.outputPath);
@@ -115,8 +117,8 @@ async function execute(options, context) {
         await fs_1.promises.mkdir(outputPath, { recursive: true });
     }
     catch (e) {
-        const reason = 'message' in e ? e.message : 'Unknown error';
-        context.logger.error('Unable to create output directory: ' + reason);
+        (0, error_1.assertIsError)(e);
+        context.logger.error('Unable to create output directory: ' + e.message);
         return { success: false };
     }
     // Process global stylesheets
@@ -201,10 +203,21 @@ async function execute(options, context) {
     }
     // Write output files
     await Promise.all(outputFiles.map((file) => fs_1.promises.writeFile(path.join(outputPath, file.path), file.contents)));
+    // Augment the application with service worker support
+    // TODO: This should eventually operate on the in-memory files prior to writing the output files
+    if (options.serviceWorker) {
+        try {
+            await (0, service_worker_1.augmentAppWithServiceWorker)(projectRoot, workspaceRoot, outputPath, options.baseHref || '/', options.ngswConfigPath);
+        }
+        catch (error) {
+            context.logger.error(error instanceof Error ? error.message : `${error}`);
+            return { success: false };
+        }
+    }
     context.logger.info(`Complete. [${(Date.now() - startTime) / 1000} seconds]`);
     return { success: true };
 }
-exports.execute = execute;
+exports.buildEsbuildBrowser = buildEsbuildBrowser;
 function createOutputFileFromText(path, text) {
     return {
         path,
@@ -234,6 +247,7 @@ async function bundleCode(workspaceRoot, entryPoints, outputNames, options, opti
         sourcemap: sourcemapOptions.scripts && (sourcemapOptions.hidden ? 'external' : true),
         splitting: true,
         tsconfig,
+        external: options.externalDependencies,
         write: false,
         platform: 'browser',
         preserveSymlinks: options.preserveSymlinks,
@@ -259,4 +273,4 @@ async function bundleCode(workspaceRoot, entryPoints, outputNames, options, opti
         },
     });
 }
-exports.default = (0, architect_1.createBuilder)(execute);
+exports.default = (0, architect_1.createBuilder)(buildEsbuildBrowser);