@nx/angular 16.5.0-beta.2 → 16.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/angular",
-  "version": "16.5.0-beta.2",
+  "version": "16.5.0",
   "private": false,
   "description": "The Nx Plugin for Angular contains executors, generators, and utilities for managing Angular applications and libraries within an Nx workspace. It provides: \n\n- Integration with libraries such as Storybook, Jest, ESLint, Tailwind CSS, and Cypress. \n\n- Generators to help scaffold code quickly (like: Micro Frontends, Libraries, both internal to your codebase and publishable to npm) \n\n- Upgrading AngularJS applications \n\n- Single Component Application Modules (SCAMs) \n\n- NgRx helpers. \n\n- Utilities for automatic workspace refactoring.",
   "repository": {
@@ -66,14 +66,14 @@
     "migrations": "./migrations.json"
   },
   "dependencies": {
-    "@nrwl/angular": "16.5.0-beta.2",
-    "@nx/cypress": "16.5.0-beta.2",
-    "@nx/devkit": "16.5.0-beta.2",
-    "@nx/jest": "16.5.0-beta.2",
-    "@nx/js": "16.5.0-beta.2",
-    "@nx/linter": "16.5.0-beta.2",
-    "@nx/webpack": "16.5.0-beta.2",
-    "@nx/workspace": "16.5.0-beta.2",
+    "@nrwl/angular": "16.5.0",
+    "@nx/cypress": "16.5.0",
+    "@nx/devkit": "16.5.0",
+    "@nx/jest": "16.5.0",
+    "@nx/js": "16.5.0",
+    "@nx/linter": "16.5.0",
+    "@nx/webpack": "16.5.0",
+    "@nx/workspace": "16.5.0",
     "@phenomnomnominal/tsquery": "~5.0.1",
     "@typescript-eslint/type-utils": "^5.36.1",
     "chalk": "^4.1.0",
@@ -109,5 +109,5 @@
   "module": "fesm2022/nx-angular.mjs",
   "typings": "index.d.ts",
   "sideEffects": false,
-  "gitHead": "efdf140459e453c50f06cf287906c4bb3ac49d3d"
+  "gitHead": "eaebcc34f92db2200dab0bde2e2e1dde107a47bf"
 }

package/src/generators/application/lib/create-project.js

@@ -5,6 +5,9 @@ const devkit_1 = require("@nx/devkit");
 const version_utils_1 = require("../../utils/version-utils");
 function createProject(tree, options) {
     const installedAngularInfo = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
+    const buildExecutor = options.bundler === 'webpack'
+        ? '@angular-devkit/build-angular:browser'
+        : '@angular-devkit/build-angular:browser-esbuild';
     const project = {
         name: options.name,
         projectType: 'application',
@@ -14,7 +17,7 @@ function createProject(tree, options) {
         tags: options.parsedTags,
         targets: {
             build: {
-                executor: '@angular-devkit/build-angular:browser',
+                executor: buildExecutor,
                 outputs: ['{options.outputPath}'],
                 options: {
                     outputPath: `dist/${!options.rootProject ? options.appProjectRoot : options.name}`,
@@ -33,18 +36,20 @@ function createProject(tree, options) {
                 },
                 configurations: {
                     production: {
-                        budgets: [
-                            {
-                                type: 'initial',
-                                maximumWarning: '500kb',
-                                maximumError: '1mb',
-                            },
-                            {
-                                type: 'anyComponentStyle',
-                                maximumWarning: '2kb',
-                                maximumError: '4kb',
-                            },
-                        ],
+                        budgets: options.bundler === 'webpack'
+                            ? [
+                                {
+                                    type: 'initial',
+                                    maximumWarning: '500kb',
+                                    maximumError: '1mb',
+                                },
+                                {
+                                    type: 'anyComponentStyle',
+                                    maximumWarning: '2kb',
+                                    maximumError: '4kb',
+                                },
+                            ]
+                            : undefined,
                         fileReplacements: installedAngularInfo.major === 14
                             ? [
                                 {
@@ -58,10 +63,10 @@ function createProject(tree, options) {
                     development: {
                         buildOptimizer: false,
                         optimization: false,
-                        vendorChunk: true,
+                        vendorChunk: options.bundler === 'webpack' ? true : undefined,
                         extractLicenses: false,
                         sourceMap: true,
-                        namedChunks: true,
+                        namedChunks: options.bundler === 'webpack' ? true : undefined,
                     },
                 },
                 defaultConfiguration: 'production',

package/src/generators/application/lib/normalize-options.js

@@ -7,7 +7,7 @@ const test_runners_1 = require("../../../utils/test-runners");
 const linter_1 = require("@nx/linter");
 const project_1 = require("../../utils/project");
 function normalizeOptions(host, options) {
-    var _a;
+    var _a, _b;
     const { layoutDirectory, projectDirectory } = (0, devkit_1.extractLayoutDirectory)(options.directory);
     const appDirectory = (0, project_1.normalizeDirectory)(options.name, projectDirectory);
     const appProjectName = (0, project_1.normalizeProjectName)(options.name, projectDirectory);
@@ -30,7 +30,7 @@ function normalizeOptions(host, options) {
     const ngCliSchematicAppRoot = appProjectName;
     const ngCliSchematicE2ERoot = `${appProjectName}/e2e`;
     // Set defaults and then overwrite with user options
-    return Object.assign(Object.assign({ style: 'css', routing: false, inlineStyle: false, inlineTemplate: false, skipTests: options.unitTestRunner === test_runners_1.UnitTestRunner.None, skipFormat: false, unitTestRunner: test_runners_1.UnitTestRunner.Jest, e2eTestRunner: test_runners_1.E2eTestRunner.Cypress, linter: linter_1.Linter.EsLint, strict: true }, options), { prefix, name: appProjectName, appProjectRoot,
+    return Object.assign(Object.assign({ style: 'css', routing: false, inlineStyle: false, inlineTemplate: false, skipTests: options.unitTestRunner === test_runners_1.UnitTestRunner.None, skipFormat: false, unitTestRunner: test_runners_1.UnitTestRunner.Jest, e2eTestRunner: test_runners_1.E2eTestRunner.Cypress, linter: linter_1.Linter.EsLint, strict: true, bundler: (_b = options.bundler) !== null && _b !== void 0 ? _b : 'webpack' }, options), { prefix, name: appProjectName, appProjectRoot,
         e2eProjectRoot,
         e2eProjectName,
         parsedTags,

package/src/generators/application/schema.d.ts

@@ -27,4 +27,5 @@ export interface Schema {
   standalone?: boolean;
   rootProject?: boolean;
   minimal?: boolean;
+  bundler?: 'webpack' | 'esbuild';
 }

package/src/generators/application/schema.json

@@ -164,6 +164,12 @@
       "description": "Generate a Angular app with a minimal setup.",
       "type": "boolean",
       "default": false
+    },
+    "bundler": {
+      "description": "Bundler to use to build the application.",
+      "type": "string",
+      "enum": ["webpack", "esbuild"],
+      "default": "webpack"
     }
   },
   "additionalProperties": false,