@nx/angular 20.2.0-canary.20241129-2cb58b9 → 20.2.0-canary.20241203-6b87005

package/src/executors/application/utils/normalize-options.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeOptions = normalizeOptions;
+const angular_version_utils_1 = require("../../utilities/angular-version-utils");
+function normalizeOptions(options) {
+    const { major: angularMajorVersion } = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
+    /**
+     * We can't set the default values for `security.autoCsp` and
+     * `security.autoCsp.unsafeEval` in the schema because our current schema
+     * parsing would (incorrectly?) default `security` to an object with the
+     * `autoCsp` property set to `false`. This would be problematic because the
+     * option is not supported in Angular versions < 19. So, we don't set those
+     * defaults in the schema and we normalize them here correctly.
+     */
+    let security = options.security;
+    if (angularMajorVersion >= 19) {
+        if (typeof security === 'object') {
+            if (security.autoCsp === undefined) {
+                security.autoCsp = false;
+            }
+            else if (typeof security.autoCsp === 'object' &&
+                security.autoCsp.unsafeEval === undefined) {
+                security.autoCsp.unsafeEval = false;
+            }
+        }
+    }
+    return {
+        ...options,
+        appShell: angularMajorVersion < 19 ? options.appShell ?? false : undefined,
+        prerender: angularMajorVersion < 19 ? options.prerender ?? false : undefined,
+        security,
+    };
+}

package/src/executors/application/utils/validate-options.js

@@ -4,10 +4,7 @@ exports.validateOptions = validateOptions;
 const semver_1 = require("semver");
 const angular_version_utils_1 = require("../../utilities/angular-version-utils");
 function validateOptions(options) {
-    const { major: angularMajorVersion, version: angularVersion } = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
-    if (angularMajorVersion < 17) {
-        throw new Error(`The "application" executor requires Angular version 17 or greater. You are currently using version ${angularVersion}.`);
-    }
+    const { version: angularVersion } = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
     if ((0, semver_1.lt)(angularVersion, '17.1.0')) {
         if (options.loader) {
             throw new Error(`The "loader" option requires Angular version 17.1.0 or greater. You are currently using version ${angularVersion}.`);
@@ -48,4 +45,21 @@ function validateOptions(options) {
             throw new Error(`The "deployUrl" option requires Angular version 17.3.0 or greater. You are currently using version ${angularVersion}.`);
         }
     }
+    if ((0, semver_1.lt)(angularVersion, '19.0.0')) {
+        if (options.outputMode) {
+            throw new Error(`The "outputMode" option requires Angular version 19.0.0 or greater. You are currently using version ${angularVersion}.`);
+        }
+        if (options.stylePreprocessorOptions?.sass) {
+            throw new Error(`The "stylePreprocessorOptions.sass" option requires Angular version 19.0.0 or greater. You are currently using version ${angularVersion}.`);
+        }
+        if (typeof options.ssr === 'object' && options.ssr?.experimentalPlatform) {
+            throw new Error(`The "ssr.experimentalPlatform" option requires Angular version 19.0.0 or greater. You are currently using version ${angularVersion}.`);
+        }
+        if (options.security !== undefined) {
+            throw new Error(`The "security" option requires Angular version 19.0.0 or greater. You are currently using version ${angularVersion}.`);
+        }
+        if (typeof options.server === 'boolean' && options.server === false) {
+            throw new Error(`The "false" value for the "server" option requires Angular version 19.0.0 or greater. You are currently using version ${angularVersion}.`);
+        }
+    }
 }

package/src/executors/browser-esbuild/browser-esbuild.impl.d.ts

@@ -1,4 +1,4 @@
 import type { buildEsbuildBrowser as buildEsbuildBrowserFn } from '@angular-devkit/build-angular/src/builders/browser-esbuild';
-import { type ExecutorContext } from '@nx/devkit';
+import type { ExecutorContext } from '@nx/devkit';
 import type { EsBuildSchema } from './schema';
 export default function esbuildExecutor(options: EsBuildSchema, context: ExecutorContext): ReturnType<typeof buildEsbuildBrowserFn>;

package/src/executors/browser-esbuild/browser-esbuild.impl.js

@@ -1,19 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = esbuildExecutor;
-const devkit_1 = require("@nx/devkit");
 const ngcli_adapter_1 = require("nx/src/adapter/ngcli-adapter");
-const angular_version_utils_1 = require("../utilities/angular-version-utils");
 const buildable_libs_1 = require("../utilities/buildable-libs");
 const esbuild_extensions_1 = require("../utilities/esbuild-extensions");
 async function* esbuildExecutor(options, context) {
-    if (options.plugins) {
-        const { major: angularMajorVersion, version: angularVersion } = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
-        if (angularMajorVersion < 17) {
-            throw new Error((0, devkit_1.stripIndents) `The "plugins" option is only supported in Angular >= 17.0.0. You are currently using "${angularVersion}".
-        You can resolve this error by removing the "plugins" option or by migrating to Angular 17.0.0.`);
-        }
-    }
     options.buildLibsFromSource ??= true;
     const { buildLibsFromSource, plugins: pluginPaths, ...delegateExecutorOptions } = options;
     let dependencies;

package/src/executors/browser-esbuild/schema.json

@@ -441,7 +441,7 @@
       "default": true
     },
     "plugins": {
-      "description": "A list of ESBuild plugins. _Note: this is only supported in Angular versions >= 17.0.0_.",
+      "description": "A list of ESBuild plugins.",
       "type": "array",
       "items": {
         "oneOf": [

package/src/executors/delegate-build/delegate-build.impl.d.ts

@@ -4,5 +4,5 @@ export declare function delegateBuildExecutor(options: DelegateBuildExecutorSche
     success: boolean;
 }, {
     success: boolean;
-}, undefined>;
+}, any>;
 export default delegateBuildExecutor;

package/src/executors/module-federation-dev-server/module-federation-dev-server.impl.d.ts

@@ -1,4 +1,4 @@
 import { type ExecutorContext } from '@nx/devkit';
 import { type Schema } from './schema';
-export declare function moduleFederationDevServerExecutor(schema: Schema, context: ExecutorContext): AsyncGenerator<any, any, undefined>;
+export declare function moduleFederationDevServerExecutor(schema: Schema, context: ExecutorContext): AsyncGenerator<any, any, any>;
 export default moduleFederationDevServerExecutor;

package/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.d.ts

@@ -1,4 +1,4 @@
 import { type ExecutorContext } from '@nx/devkit';
 import type { Schema } from './schema';
-export declare function moduleFederationSsrDevServerExecutor(schema: Schema, context: ExecutorContext): AsyncGenerator<unknown, any, undefined>;
+export declare function moduleFederationSsrDevServerExecutor(schema: Schema, context: ExecutorContext): AsyncGenerator<import("@angular-devkit/build-angular").SSRDevServerBuilderOutput, any, any>;
 export default moduleFederationSsrDevServerExecutor;

package/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.js

@@ -1,29 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.moduleFederationSsrDevServerExecutor = moduleFederationSsrDevServerExecutor;
+const build_angular_1 = require("@angular-devkit/build-angular");
 const devkit_1 = require("@nx/devkit");
+const async_iterable_1 = require("@nx/devkit/src/utils/async-iterable");
+const rxjs_for_await_1 = require("@nx/devkit/src/utils/rxjs-for-await");
+const utils_1 = require("@nx/module-federation/src/utils");
+const wait_for_port_open_1 = require("@nx/web/src/utils/wait-for-port-open");
 const fs_1 = require("fs");
+const ngcli_adapter_1 = require("nx/src/adapter/ngcli-adapter");
 const project_graph_1 = require("nx/src/project-graph/project-graph");
 const path_1 = require("path");
 const module_federation_1 = require("../../builders/utilities/module-federation");
-const utils_1 = require("@nx/module-federation/src/utils");
 const build_static_remotes_1 = require("./lib/build-static-remotes");
+const normalize_options_1 = require("./lib/normalize-options");
 const start_dev_remotes_1 = require("./lib/start-dev-remotes");
 const start_static_remotes_1 = require("./lib/start-static-remotes");
-const async_iterable_1 = require("@nx/devkit/src/utils/async-iterable");
-const rxjs_for_await_1 = require("@nx/devkit/src/utils/rxjs-for-await");
-const ngcli_adapter_1 = require("nx/src/adapter/ngcli-adapter");
-const normalize_options_1 = require("./lib/normalize-options");
-const wait_for_port_open_1 = require("@nx/web/src/utils/wait-for-port-open");
-const angular_version_utils_1 = require("../utilities/angular-version-utils");
 async function* moduleFederationSsrDevServerExecutor(schema, context) {
     const nxBin = require.resolve('nx/bin/nx');
     const options = (0, normalize_options_1.normalizeOptions)(schema);
-    const { major: angularMajorVersion } = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
-    const { executeSSRDevServerBuilder } = angularMajorVersion >= 17
-        ? require('@angular-devkit/build-angular')
-        : require('@nguniversal/builders');
-    const currIter = (0, rxjs_for_await_1.eachValueFrom)(executeSSRDevServerBuilder(options, await (0, ngcli_adapter_1.createBuilderContext)({
+    const currIter = (0, rxjs_for_await_1.eachValueFrom)((0, build_angular_1.executeSSRDevServerBuilder)(options, await (0, ngcli_adapter_1.createBuilderContext)({
         builderName: '@nx/angular:webpack-server',
         description: 'Build a ssr application',
         optionSchema: require('../../builders/webpack-server/schema.json'),

package/src/executors/module-federation-ssr-dev-server/schema.d.ts

@@ -1,23 +1,11 @@
 import { type DevRemoteDefinition } from '../../builders/utilities/module-federation';
+import type { SSRDevServerBuilderOptions } from '@angular-devkit/build-angular';
 
-export interface Schema {
-  browserTarget: string;
-  serverTarget: string;
-  host?: string;
-  port?: number;
-  progress: boolean;
-  open?: boolean;
-  publicHost?: string;
-  ssl?: boolean;
-  sslKey?: string;
-  sslCert?: string;
-  proxyConfig?: string;
+export interface Schema extends SSRDevServerBuilderOptions {
   devRemotes?: DevRemoteDefinition[];
   skipRemotes?: string[];
-  verbose: boolean;
   pathToManifestFile?: string;
   parallel?: number;
   staticRemotesPort?: number;
-  parallel?: number;
   isInitialHost?: boolean;
 }

package/src/executors/ng-packagr-lite/ng-packagr-adjustments/ng-packagr.d.ts

@@ -1,3 +1,2 @@
 import { NgPackagr } from 'ng-packagr';
-import type { BuildAngularLibraryExecutorOptions } from '../../package/schema';
-export declare function getNgPackagrInstance(options: BuildAngularLibraryExecutorOptions): Promise<NgPackagr>;
+export declare function getNgPackagrInstance(): Promise<NgPackagr>;

package/src/executors/ng-packagr-lite/ng-packagr-adjustments/ng-packagr.js

@@ -3,31 +3,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getNgPackagrInstance = getNgPackagrInstance;
 const ng_packagr_1 = require("ng-packagr");
 const angular_version_utils_1 = require("../../utilities/angular-version-utils");
-async function getNgPackagrInstance(options) {
+async function getNgPackagrInstance() {
     const { major: angularMajorVersion } = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
-    if (angularMajorVersion >= 17) {
-        const { WRITE_BUNDLES_TRANSFORM } = await import('./v17+/ng-package/entry-point/write-bundles.di.js');
-        const { WRITE_PACKAGE_TRANSFORM } = await import('./v17+/ng-package/entry-point/write-package.di.js');
+    if (angularMajorVersion >= 19) {
         const { STYLESHEET_PROCESSOR } = await import('../../utilities/ng-packagr/stylesheet-processor.di.js');
         const packagr = (0, ng_packagr_1.ngPackagr)();
-        packagr.withProviders([
-            WRITE_BUNDLES_TRANSFORM,
-            WRITE_PACKAGE_TRANSFORM,
-            STYLESHEET_PROCESSOR,
-        ]);
+        packagr.withProviders([STYLESHEET_PROCESSOR]);
         return packagr;
     }
-    const { NX_ENTRY_POINT_PROVIDERS } = await import('./pre-v17/ng-package/entry-point/entry-point.di.js');
-    const { nxProvideOptions } = await import('./pre-v17/ng-package/options.di.js');
-    const { NX_PACKAGE_PROVIDERS, NX_PACKAGE_TRANSFORM } = await import('./pre-v17/ng-package/package.di.js');
-    const packagr = new ng_packagr_1.NgPackagr([
-        ...NX_PACKAGE_PROVIDERS,
-        ...NX_ENTRY_POINT_PROVIDERS,
-        nxProvideOptions({
-            tailwindConfig: options.tailwindConfig,
-            watch: options.watch,
-        }),
+    const { WRITE_BUNDLES_TRANSFORM } = await import('./pre-v19/ng-package/entry-point/write-bundles.di.js');
+    const { WRITE_PACKAGE_TRANSFORM } = await import('./pre-v19/ng-package/entry-point/write-package.di.js');
+    const { STYLESHEET_PROCESSOR } = await import('../../utilities/ng-packagr/stylesheet-processor.di.js');
+    const packagr = (0, ng_packagr_1.ngPackagr)();
+    packagr.withProviders([
+        WRITE_BUNDLES_TRANSFORM,
+        WRITE_PACKAGE_TRANSFORM,
+        STYLESHEET_PROCESSOR,
     ]);
-    packagr.withBuildTransform(NX_PACKAGE_TRANSFORM.provide);
     return packagr;
 }

package/src/executors/ng-packagr-lite/ng-packagr-lite.impl.d.ts

@@ -2,5 +2,5 @@ import type { ExecutorContext } from '@nx/devkit';
 import type { BuildAngularLibraryExecutorOptions } from '../package/schema';
 export declare const ngPackagrLiteExecutor: (options: BuildAngularLibraryExecutorOptions, context: ExecutorContext) => AsyncGenerator<{
     success: boolean;
-}, any, undefined>;
+}, any, any>;
 export default ngPackagrLiteExecutor;

package/src/executors/ng-packagr-lite/ng-packagr-lite.impl.js

@@ -7,7 +7,7 @@ const package_impl_1 = require("../package/package.impl");
 const typescript_1 = require("../utilities/typescript");
 const ng_packagr_1 = require("./ng-packagr-adjustments/ng-packagr");
 async function initializeNgPackgrLite(options, context, projectDependencies) {
-    const ngPackagr = await (0, ng_packagr_1.getNgPackagrInstance)(options);
+    const ngPackagr = await (0, ng_packagr_1.getNgPackagrInstance)();
     ngPackagr.forProject((0, path_1.resolve)(context.root, options.project));
     if (options.tsConfig) {
         const remappedTsConfigFilePath = (0, buildable_libs_utils_1.createTmpTsConfig)((0, path_1.join)(context.root, options.tsConfig), context.root, context.projectsConfigurations.projects[context.projectName].root, projectDependencies);

package/src/executors/ng-packagr-lite/schema.json

@@ -7,10 +7,6 @@
   "cli": "nx",
   "type": "object",
   "presets": [
-    {
-      "name": "Buildable Library with Tailwind",
-      "keys": ["project", "tailwindConfig"]
-    },
     {
       "name": "Updating Project Dependencies for Buildable Library",
       "keys": ["project"]
@@ -36,10 +32,6 @@
     "poll": {
       "type": "number",
       "description": "Enable and define the file watching poll time period in milliseconds. _Note: this is only supported in Angular versions >= 18.0.0_."
-    },
-    "tailwindConfig": {
-      "type": "string",
-      "description": "The full path for the Tailwind configuration file, relative to the workspace root. If not provided and a `tailwind.config.js` file exists in the project or workspace root, it will be used. Otherwise, Tailwind will not be configured."
     }
   },
   "additionalProperties": false,

package/src/executors/package/ng-packagr-adjustments/ng-packagr.d.ts

@@ -1,3 +1,2 @@
 import { NgPackagr } from 'ng-packagr';
-import type { BuildAngularLibraryExecutorOptions } from '../../package/schema';
-export declare function getNgPackagrInstance(options: BuildAngularLibraryExecutorOptions): Promise<NgPackagr>;
+export declare function getNgPackagrInstance(): Promise<NgPackagr>;

package/src/executors/package/ng-packagr-adjustments/ng-packagr.js

@@ -2,26 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getNgPackagrInstance = getNgPackagrInstance;
 const ng_packagr_1 = require("ng-packagr");
-const angular_version_utils_1 = require("../../utilities/angular-version-utils");
-async function getNgPackagrInstance(options) {
-    const { major: angularMajorVersion } = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
-    if (angularMajorVersion >= 17) {
-        const { STYLESHEET_PROCESSOR } = await import('../../utilities/ng-packagr/stylesheet-processor.di.js');
-        const packagr = (0, ng_packagr_1.ngPackagr)();
-        packagr.withProviders([STYLESHEET_PROCESSOR]);
-        return packagr;
-    }
-    const { NX_ENTRY_POINT_PROVIDERS } = await import('./ng-package/entry-point/entry-point.di.js');
-    const { nxProvideOptions } = await import('./ng-package/options.di.js');
-    const { NX_PACKAGE_PROVIDERS, NX_PACKAGE_TRANSFORM } = await import('./ng-package/package.di.js');
-    const packagr = new ng_packagr_1.NgPackagr([
-        ...NX_PACKAGE_PROVIDERS,
-        ...NX_ENTRY_POINT_PROVIDERS,
-        nxProvideOptions({
-            tailwindConfig: options.tailwindConfig,
-            watch: options.watch,
-        }),
-    ]);
-    packagr.withBuildTransform(NX_PACKAGE_TRANSFORM.provide);
+async function getNgPackagrInstance() {
+    const { STYLESHEET_PROCESSOR } = await import('../../utilities/ng-packagr/stylesheet-processor.di.js');
+    const packagr = (0, ng_packagr_1.ngPackagr)();
+    packagr.withProviders([STYLESHEET_PROCESSOR]);
     return packagr;
 }

package/src/executors/package/package.impl.d.ts

@@ -9,8 +9,8 @@ import type { BuildAngularLibraryExecutorOptions } from './schema';
  */
 export declare function createLibraryExecutor(initializeNgPackagr: (options: BuildAngularLibraryExecutorOptions, context: ExecutorContext, projectDependencies: DependentBuildableProjectNode[]) => Promise<NgPackagr>): (options: BuildAngularLibraryExecutorOptions, context: ExecutorContext) => AsyncGenerator<{
     success: boolean;
-}, any, undefined>;
+}, any, any>;
 export declare const packageExecutor: (options: BuildAngularLibraryExecutorOptions, context: ExecutorContext) => AsyncGenerator<{
     success: boolean;
-}, any, undefined>;
+}, any, any>;
 export default packageExecutor;

package/src/executors/package/package.impl.js

@@ -11,7 +11,7 @@ const angular_version_utils_1 = require("../utilities/angular-version-utils");
 const typescript_1 = require("../utilities/typescript");
 const ng_packagr_1 = require("./ng-packagr-adjustments/ng-packagr");
 async function initializeNgPackagr(options, context, projectDependencies) {
-    const ngPackagr = await (0, ng_packagr_1.getNgPackagrInstance)(options);
+    const ngPackagr = await (0, ng_packagr_1.getNgPackagrInstance)();
     ngPackagr.forProject((0, path_1.resolve)(context.root, options.project));
     if (options.tsConfig) {
         const remappedTsConfigFilePath = (0, buildable_libs_utils_1.createTmpTsConfig)((0, path_1.join)(context.root, options.tsConfig), context.root, context.projectsConfigurations.projects[context.projectName].root, projectDependencies);

package/src/executors/package/schema.d.ts

@@ -1,6 +1,4 @@
 import type { NgPackagrBuilderOptions } from '@angular-devkit/build-angular';
 
 export interface BuildAngularLibraryExecutorOptions
-  extends NgPackagrBuilderOptions {
-  tailwindConfig?: string;
-}
+  extends NgPackagrBuilderOptions {}

package/src/executors/package/schema.json

@@ -7,10 +7,6 @@
   "cli": "nx",
   "type": "object",
   "presets": [
-    {
-      "name": "Publishable Library with Tailwind",
-      "keys": ["project", "tailwindConfig"]
-    },
     {
       "name": "Updating Project Dependencies for Publishable Library",
       "keys": ["project"]
@@ -36,12 +32,6 @@
     "poll": {
       "type": "number",
       "description": "Enable and define the file watching poll time period in milliseconds. _Note: this is only supported in Angular versions >= 18.0.0_."
-    },
-    "tailwindConfig": {
-      "type": "string",
-      "description": "The full path for the Tailwind configuration file, relative to the workspace root. If not provided and a `tailwind.config.js` file exists in the project or workspace root, it will be used. Otherwise, Tailwind will not be configured. _Note: starting with Angular v17, this option is no longer used and the configuration will be picked up if exists at the project or workspace root_.",
-      "x-completion-type": "file",
-      "x-completion-glob": "tailwind.config@(.js|.cjs|.mjs|.ts)"
     }
   },
   "additionalProperties": false,

package/src/executors/utilities/ng-packagr/{stylesheet-processor.js → pre-v19/stylesheet-processor.js}

@@ -15,10 +15,10 @@ const path_1 = require("path");
 const Piscina = require('piscina');
 const color_1 = require("ng-packagr/lib/utils/color");
 // using this instead of the one from ng-packagr
-const tailwindcss_1 = require("./tailwindcss");
+const tailwindcss_1 = require("../tailwindcss");
 const devkit_1 = require("@nx/devkit");
 const semver_1 = require("semver");
-const angular_version_utils_1 = require("../angular-version-utils");
+const angular_version_utils_1 = require("../../angular-version-utils");
 const maxWorkersVariable = process.env['NG_BUILD_MAX_WORKERS'];
 const maxThreads = typeof maxWorkersVariable === 'string' && maxWorkersVariable !== ''
     ? +maxWorkersVariable

package/src/executors/utilities/ng-packagr/stylesheet-processor.di.js

@@ -3,14 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.STYLESHEET_PROCESSOR = void 0;
 const stylesheet_processor_di_1 = require("ng-packagr/lib/styles/stylesheet-processor.di");
 const angular_version_utils_1 = require("../angular-version-utils");
-const stylesheet_processor_1 = require("./stylesheet-processor");
 exports.STYLESHEET_PROCESSOR = {
     provide: stylesheet_processor_di_1.STYLESHEET_PROCESSOR_TOKEN,
     useFactory: () => {
-        const { version: ngPackagrVersion } = (0, angular_version_utils_1.getInstalledPackageVersionInfo)('ng-packagr');
-        return ngPackagrVersion !== '17.2.0'
-            ? stylesheet_processor_1.StylesheetProcessor
-            : stylesheet_processor_1.AsyncStylesheetProcessor;
+        const { major: ngPackagrMajorVersion, version: ngPackagrVersion } = (0, angular_version_utils_1.getInstalledPackageVersionInfo)('ng-packagr');
+        if (ngPackagrMajorVersion >= 19) {
+            const { StylesheetProcessor } = require('./v19+/stylesheet-processor');
+            return StylesheetProcessor;
+        }
+        if (ngPackagrVersion !== '17.2.0') {
+            const { StylesheetProcessor } = require('./pre-v19/stylesheet-processor');
+            return StylesheetProcessor;
+        }
+        const { AsyncStylesheetProcessor, } = require('./pre-v19/stylesheet-processor');
+        return AsyncStylesheetProcessor;
     },
     deps: [],
 };

package/src/executors/utilities/ng-packagr/tailwindcss.d.ts

@@ -1,7 +1 @@
-export interface TailwindSetup {
-    tailwindConfigPath: string;
-    tailwindPackagePath: string;
-}
-export declare function getTailwindSetup(basePath: string, tailwindConfig?: string): TailwindSetup | undefined;
 export declare function getTailwindConfigPath(projectRoot: string, workspaceRoot: string): string | undefined;
-export declare function getTailwindPostCssPlugin({ tailwindConfigPath, tailwindPackagePath, }: TailwindSetup): any;

package/src/executors/utilities/ng-packagr/tailwindcss.js

@@ -1,37 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTailwindSetup = getTailwindSetup;
 exports.getTailwindConfigPath = getTailwindConfigPath;
-exports.getTailwindPostCssPlugin = getTailwindPostCssPlugin;
-const devkit_1 = require("@nx/devkit");
-const devkit_2 = require("@nx/devkit");
 const fs_1 = require("fs");
 const path_1 = require("path");
-function getTailwindSetup(basePath, tailwindConfig) {
-    let tailwindConfigPath = tailwindConfig;
-    if (!tailwindConfigPath) {
-        tailwindConfigPath = getTailwindConfigPath(basePath, devkit_2.workspaceRoot);
-    }
-    // Only load Tailwind CSS plugin if configuration file was found.
-    if (!tailwindConfigPath) {
-        return undefined;
-    }
-    let tailwindPackagePath;
-    try {
-        tailwindPackagePath = require.resolve('tailwindcss');
-    }
-    catch {
-        const relativeTailwindConfigPath = (0, path_1.relative)(devkit_2.workspaceRoot, tailwindConfigPath);
-        devkit_1.logger.warn(`Tailwind CSS configuration file found (${relativeTailwindConfigPath})` +
-            ` but the 'tailwindcss' package is not installed.` +
-            ` To enable Tailwind CSS, please install the 'tailwindcss' package.`);
-        return undefined;
-    }
-    if (!tailwindPackagePath) {
-        return undefined;
-    }
-    return { tailwindConfigPath, tailwindPackagePath };
-}
 function getTailwindConfigPath(projectRoot, workspaceRoot) {
     // valid tailwind config files https://github.com/tailwindlabs/tailwindcss/blob/master/src/util/resolveConfigPath.js#L4
     const tailwindConfigFiles = [
@@ -50,6 +21,3 @@ function getTailwindConfigPath(projectRoot, workspaceRoot) {
     }
     return undefined;
 }
-function getTailwindPostCssPlugin({ tailwindConfigPath, tailwindPackagePath, }) {
-    return require(tailwindPackagePath)({ config: tailwindConfigPath });
-}

package/src/executors/utilities/ng-packagr/v19+/stylesheet-processor.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Adapted from the original ng-packagr source.
+ *
+ * Changes made:
+ * - Add the project root to the search directories.
+ */
+import { NgPackageEntryConfig } from 'ng-packagr/ng-entrypoint.schema';
+import { ComponentStylesheetBundler } from 'ng-packagr/lib/styles/component-stylesheets';
+export declare enum CssUrl {
+    inline = "inline",
+    none = "none"
+}
+export declare class StylesheetProcessor extends ComponentStylesheetBundler {
+    protected readonly projectBasePath: string;
+    protected readonly basePath: string;
+    protected readonly cssUrl?: CssUrl;
+    protected readonly includePaths?: string[];
+    protected readonly sass?: NgPackageEntryConfig['lib']['sass'];
+    protected readonly cacheDirectory?: string | false;
+    protected readonly watch?: boolean;
+    constructor(projectBasePath: string, basePath: string, cssUrl?: CssUrl, includePaths?: string[], sass?: NgPackageEntryConfig['lib']['sass'], cacheDirectory?: string | false, watch?: boolean);
+    destroy(): void;
+}

package/src/executors/utilities/ng-packagr/v19+/stylesheet-processor.js

@@ -0,0 +1,93 @@
+"use strict";
+/**
+ * Adapted from the original ng-packagr source.
+ *
+ * Changes made:
+ * - Add the project root to the search directories.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StylesheetProcessor = exports.CssUrl = void 0;
+const tslib_1 = require("tslib");
+const browserslist_1 = tslib_1.__importDefault(require("browserslist"));
+const component_stylesheets_1 = require("ng-packagr/lib/styles/component-stylesheets");
+const postcss_configuration_1 = require("ng-packagr/lib/styles/postcss-configuration");
+const devkit_1 = require("@nx/devkit");
+var CssUrl;
+(function (CssUrl) {
+    CssUrl["inline"] = "inline";
+    CssUrl["none"] = "none";
+})(CssUrl || (exports.CssUrl = CssUrl = {}));
+class StylesheetProcessor extends component_stylesheets_1.ComponentStylesheetBundler {
+    constructor(projectBasePath, basePath, cssUrl, includePaths, sass, cacheDirectory, watch) {
+        // By default, browserslist defaults are too inclusive
+        // https://github.com/browserslist/browserslist/blob/83764ea81ffaa39111c204b02c371afa44a4ff07/index.js#L516-L522
+        // We change the default query to browsers that Angular support.
+        // https://angular.io/guide/browser-support
+        browserslist_1.default.defaults = [
+            'last 2 Chrome versions',
+            'last 1 Firefox version',
+            'last 2 Edge major versions',
+            'last 2 Safari major versions',
+            'last 2 iOS major versions',
+            'Firefox ESR',
+        ];
+        const browserslistData = (0, browserslist_1.default)(undefined, { path: basePath });
+        let searchDirs = (0, postcss_configuration_1.generateSearchDirectories)([projectBasePath]);
+        const postcssConfiguration = (0, postcss_configuration_1.loadPostcssConfiguration)(searchDirs);
+        // (nx-specific): we support loading the TailwindCSS config from the root of the workspace
+        searchDirs = (0, postcss_configuration_1.generateSearchDirectories)([projectBasePath, devkit_1.workspaceRoot]);
+        super({
+            cacheDirectory: cacheDirectory,
+            postcssConfiguration: postcssConfiguration,
+            tailwindConfiguration: postcssConfiguration
+                ? undefined
+                : (0, postcss_configuration_1.getTailwindConfig)(searchDirs, projectBasePath),
+            sass: sass,
+            workspaceRoot: projectBasePath,
+            cssUrl: cssUrl,
+            target: transformSupportedBrowsersToTargets(browserslistData),
+            includePaths: includePaths,
+        }, 'css', watch);
+        this.projectBasePath = projectBasePath;
+        this.basePath = basePath;
+        this.cssUrl = cssUrl;
+        this.includePaths = includePaths;
+        this.sass = sass;
+        this.cacheDirectory = cacheDirectory;
+        this.watch = watch;
+    }
+    destroy() {
+        void super.dispose();
+    }
+}
+exports.StylesheetProcessor = StylesheetProcessor;
+function transformSupportedBrowsersToTargets(supportedBrowsers) {
+    const transformed = [];
+    // https://esbuild.github.io/api/#target
+    const esBuildSupportedBrowsers = new Set([
+        'safari',
+        'firefox',
+        'edge',
+        'chrome',
+        'ios',
+    ]);
+    for (const browser of supportedBrowsers) {
+        let [browserName, version] = browser.split(' ');
+        // browserslist uses the name `ios_saf` for iOS Safari whereas esbuild uses `ios`
+        if (browserName === 'ios_saf') {
+            browserName = 'ios';
+        }
+        // browserslist uses ranges `15.2-15.3` versions but only the lowest is required
+        // to perform minimum supported feature checks. esbuild also expects a single version.
+        [version] = version.split('-');
+        if (esBuildSupportedBrowsers.has(browserName)) {
+            if (browserName === 'safari' && version === 'tp') {
+                // esbuild only supports numeric versions so `TP` is converted to a high number (999) since
+                // a Technology Preview (TP) of Safari is assumed to support all currently known features.
+                version = '999';
+            }
+            transformed.push(browserName + version);
+        }
+    }
+    return transformed.length ? transformed : undefined;
+}

package/src/generators/application/application.js

@@ -61,6 +61,7 @@ async function applicationGenerator(tree, schema) {
             project: options.name,
             standalone: options.standalone,
             skipPackageJson: options.skipPackageJson,
+            serverRouting: options.serverRouting,
         });
     }
     if (!options.skipFormat) {

package/src/generators/application/files/ng-module/src/app/app.component.ts__tpl__

@@ -1,13 +1,12 @@
 import { Component<% if(viewEncapsulation) { %>, ViewEncapsulation<% } %> } from '@angular/core';
 
 @Component({
-  selector: '<%= rootSelector %>',<% if(!inlineTemplate) { %>
+  selector: '<%= rootSelector %>',<% if (setStandaloneFalse) { %>
+  standalone: false,<% } if(!inlineTemplate) { %>
   templateUrl: './app.component.html',<% } else { %>
-  template: `<% if(minimal) { %><h1>Welcome <%= appName %></h1><% } else { %><<%= nxWelcomeSelector %>></<%= nxWelcomeSelector %>><% } %> <% if(routing) { %><router-outlet></router-outlet><% } %>`,<% } %><% if (angularMajorVersion < 17) { if(!inlineStyle) { %>
-  styleUrls: ['./app.component.<%= style %>'],<% } else { %>
-  styles: [``],<% } %><% } else { if(!inlineStyle) { %>
+  template: `<% if(minimal) { %><h1>Welcome <%= appName %></h1><% } else { %><<%= nxWelcomeSelector %>></<%= nxWelcomeSelector %>><% } %> <% if(routing) { %><router-outlet></router-outlet><% } %>`,<% } %><% if(!inlineStyle) { %>
   styleUrl: './app.component.<%= style %>',<% } else { %>
-  styles: ``,<% } %><% } %><% if(viewEncapsulation) { %>
+  styles: ``,<% } %><% if(viewEncapsulation) { %>
   encapsulation: ViewEncapsulation.<%= viewEncapsulation %>,<% } %>
 })
 export class AppComponent {<% if(!minimal) { %>