@schematics/angular 21.0.0-next.0 → 21.0.0-next.1

package/ai-config/index.js

@@ -39,11 +39,13 @@ const AI_TOOLS = {
     },
 };
 function default_1({ tool }) {
-    if (!tool || tool.includes(schema_1.Tool.None)) {
+    if (!tool) {
         return (0, schematics_1.noop)();
     }
-    const files = tool.map((selectedTool) => AI_TOOLS[selectedTool]);
-    const rules = files.map(({ rulesName, directory, frontmatter }) => (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+    const rules = tool
+        .filter((tool) => tool !== schema_1.Tool.None)
+        .map((selectedTool) => AI_TOOLS[selectedTool])
+        .map(({ rulesName, directory, frontmatter }) => (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
         (0, schematics_1.applyTemplates)({
             ...schematics_1.strings,
             rulesName,

package/ai-config/schema.json

@@ -9,7 +9,7 @@
     "tool": {
       "type": "array",
       "uniqueItems": true,
-      "default": "none",
+      "default": ["none"],
       "x-prompt": {
         "message": "Which AI tools do you want to configure with Angular best practices? https://angular.dev/ai/develop-with-ai",
         "type": "list",
@@ -50,21 +50,5 @@
         "enum": ["none", "gemini", "copilot", "claude", "cursor", "jetbrains", "windsurf"]
       }
     }
-  },
-  "if": {
-    "properties": {
-      "tool": {
-        "contains": {
-          "const": "none"
-        }
-      }
-    }
-  },
-  "then": {
-    "properties": {
-      "tool": {
-        "maxItems": 1
-      }
-    }
   }
 }

package/app-shell/index.d.ts

@@ -7,4 +7,5 @@
  */
 import { Rule } from '@angular-devkit/schematics';
 import { Schema as AppShellOptions } from './schema';
-export default function (options: AppShellOptions): Rule;
+declare const _default: (options: AppShellOptions) => Rule;
+export default _default;

package/app-shell/index.js

@@ -10,14 +10,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
 const schematics_1 = require("@angular-devkit/schematics");
 const posix_1 = require("node:path/posix");
 const typescript_1 = __importDefault(require("../third_party/github.com/Microsoft/TypeScript/lib/typescript"));
 const ast_utils_1 = require("../utility/ast-utils");
 const change_1 = require("../utility/change");
 const ng_ast_utils_1 = require("../utility/ng-ast-utils");
-const project_targets_1 = require("../utility/project-targets");
+const project_1 = require("../utility/project");
 const util_1 = require("../utility/standalone/util");
 const workspace_1 = require("../utility/workspace");
 function getSourceFile(host, path) {
@@ -149,25 +148,18 @@ function addServerRoutingConfig(options, isStandalone) {
         host.commitUpdate(recorder);
     };
 }
-function default_1(options) {
-    return async (tree) => {
-        const browserEntryPoint = await (0, util_1.getMainFilePath)(tree, options.project);
-        const isStandalone = (0, ng_ast_utils_1.isStandaloneApp)(tree, browserEntryPoint);
-        const workspace = await (0, workspace_1.getWorkspace)(tree);
-        const project = workspace.projects.get(options.project);
-        if (!project) {
-            throw (0, project_targets_1.targetBuildNotFoundError)();
-        }
-        return (0, schematics_1.chain)([
-            validateProject(browserEntryPoint),
-            (0, schematics_1.schematic)('server', options),
-            addServerRoutingConfig(options, isStandalone),
-            (0, schematics_1.schematic)('component', {
-                name: 'app-shell',
-                module: 'app.module.server.ts',
-                project: options.project,
-                standalone: isStandalone,
-            }),
-        ]);
-    };
-}
+exports.default = (0, project_1.createProjectSchematic)(async (options, { tree }) => {
+    const browserEntryPoint = await (0, util_1.getMainFilePath)(tree, options.project);
+    const isStandalone = (0, ng_ast_utils_1.isStandaloneApp)(tree, browserEntryPoint);
+    return (0, schematics_1.chain)([
+        validateProject(browserEntryPoint),
+        (0, schematics_1.schematic)('server', options),
+        addServerRoutingConfig(options, isStandalone),
+        (0, schematics_1.schematic)('component', {
+            name: 'app-shell',
+            module: 'app.module.server.ts',
+            project: options.project,
+            standalone: isStandalone,
+        }),
+    ]);
+});

package/application/index.js

@@ -36,6 +36,10 @@ function addTsProjectReference(...paths) {
 }
 function default_1(options) {
     return async (host) => {
+        const isTailwind = options.style === schema_1.Style.Tailwind;
+        if (isTailwind) {
+            options.style = schema_1.Style.Css;
+        }
         const { appDir, appRootSelector, componentOptions, folderName, sourceDir } = await getAppOptions(host, options);
         return (0, schematics_1.chain)([
             addAppToWorkspaceFile(options, appDir),
@@ -104,6 +108,11 @@ function default_1(options) {
                 })
                 : (0, schematics_1.noop)(),
             options.skipPackageJson ? (0, schematics_1.noop)() : addDependenciesToPackageJson(options),
+            isTailwind
+                ? (0, schematics_1.schematic)('tailwind', {
+                    project: options.name,
+                })
+                : (0, schematics_1.noop)(),
         ]);
     };
 }

package/application/schema.d.ts

@@ -93,7 +93,8 @@ export declare enum Style {
     Css = "css",
     Less = "less",
     Sass = "sass",
-    Scss = "scss"
+    Scss = "scss",
+    Tailwind = "tailwind"
 }
 /**
  * Sets the view encapsulation mode for the application's components. This determines how

package/application/schema.js

@@ -12,6 +12,7 @@ var Style;
     Style["Less"] = "less";
     Style["Sass"] = "sass";
     Style["Scss"] = "scss";
+    Style["Tailwind"] = "tailwind";
 })(Style || (exports.Style = Style = {}));
 /**
  * Sets the view encapsulation mode for the application's components. This determines how

package/application/schema.json

@@ -54,15 +54,19 @@
       "description": "The type of stylesheet files to be created for components in the application.",
       "type": "string",
       "default": "css",
-      "enum": ["css", "scss", "sass", "less"],
+      "enum": ["css", "scss", "sass", "less", "tailwind"],
       "x-prompt": {
-        "message": "Which stylesheet format would you like to use?",
+        "message": "Which stylesheet system would you like to use?",
         "type": "list",
         "items": [
           {
             "value": "css",
             "label": "CSS             [ https://developer.mozilla.org/docs/Web/CSS                     ]"
           },
+          {
+            "value": "tailwind",
+            "label": "Tailwind CSS    [ https://tailwindcss.com                                        ]"
+          },
           {
             "value": "scss",
             "label": "Sass (SCSS)     [ https://sass-lang.com/documentation/syntax#scss                ]"

package/collection.json

@@ -136,6 +136,13 @@
       "factory": "./ai-config",
       "schema": "./ai-config/schema.json",
       "description": "Generates an AI tool configuration file."
+    },
+    "tailwind": {
+      "factory": "./tailwind",
+      "schema": "./tailwind/schema.json",
+      "hidden": true,
+      "private": true,
+      "description": "[INTERNAL] Adds tailwind to a project. Intended for use for ng new/add."
     }
   }
 }

package/component/index.d.ts

@@ -7,4 +7,5 @@
  */
 import { Rule } from '@angular-devkit/schematics';
 import { Schema as ComponentOptions } from './schema';
-export default function (options: ComponentOptions): Rule;
+declare const _default: (options: ComponentOptions) => Rule;
+export default _default;

package/component/index.js

@@ -7,11 +7,11 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
 const schematics_1 = require("@angular-devkit/schematics");
 const add_declaration_to_ng_module_1 = require("../utility/add-declaration-to-ng-module");
 const find_module_1 = require("../utility/find-module");
 const parse_name_1 = require("../utility/parse-name");
+const project_1 = require("../utility/project");
 const validation_1 = require("../utility/validation");
 const workspace_1 = require("../utility/workspace");
 const schema_1 = require("./schema");
@@ -25,55 +25,47 @@ function buildSelector(options, projectPrefix) {
     }
     return selector;
 }
-function default_1(options) {
-    return async (host) => {
-        const workspace = await (0, workspace_1.getWorkspace)(host);
-        const project = workspace.projects.get(options.project);
-        if (!project) {
-            throw new schematics_1.SchematicsException(`Project "${options.project}" does not exist.`);
-        }
-        if (options.path === undefined) {
-            options.path = (0, workspace_1.buildDefaultPath)(project);
-        }
-        options.module = (0, find_module_1.findModuleFromOptions)(host, options);
-        // Schematic templates require a defined type value
-        options.type ??= '';
-        const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
-        options.name = parsedPath.name;
-        options.path = parsedPath.path;
-        options.selector =
-            options.selector || buildSelector(options, (project && project.prefix) || '');
-        (0, validation_1.validateHtmlSelector)(options.selector);
-        (0, validation_1.validateClassName)(schematics_1.strings.classify(options.name));
-        const skipStyleFile = options.inlineStyle || options.style === schema_1.Style.None;
-        const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
-            options.skipTests ? (0, schematics_1.filter)((path) => !path.endsWith('.spec.ts.template')) : (0, schematics_1.noop)(),
-            skipStyleFile ? (0, schematics_1.filter)((path) => !path.endsWith('.__style__.template')) : (0, schematics_1.noop)(),
-            options.inlineTemplate ? (0, schematics_1.filter)((path) => !path.endsWith('.html.template')) : (0, schematics_1.noop)(),
-            (0, schematics_1.applyTemplates)({
-                ...schematics_1.strings,
-                'if-flat': (s) => (options.flat ? '' : s),
-                'ngext': options.ngHtml ? '.ng' : '',
-                ...options,
-            }),
-            !options.type
-                ? (0, schematics_1.forEach)(((file) => {
-                    return file.path.includes('..')
-                        ? {
-                            content: file.content,
-                            path: file.path.replace('..', '.'),
-                        }
-                        : file;
-                }))
-                : (0, schematics_1.noop)(),
-            (0, schematics_1.move)(parsedPath.path),
-        ]);
-        return (0, schematics_1.chain)([
-            (0, add_declaration_to_ng_module_1.addDeclarationToNgModule)({
-                type: 'component',
-                ...options,
-            }),
-            (0, schematics_1.mergeWith)(templateSource),
-        ]);
-    };
-}
+exports.default = (0, project_1.createProjectSchematic)((options, { project, tree }) => {
+    if (options.path === undefined) {
+        options.path = (0, workspace_1.buildDefaultPath)(project);
+    }
+    options.module = (0, find_module_1.findModuleFromOptions)(tree, options);
+    // Schematic templates require a defined type value
+    options.type ??= '';
+    const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
+    options.name = parsedPath.name;
+    options.path = parsedPath.path;
+    options.selector = options.selector || buildSelector(options, (project && project.prefix) || '');
+    (0, validation_1.validateHtmlSelector)(options.selector);
+    (0, validation_1.validateClassName)(schematics_1.strings.classify(options.name));
+    const skipStyleFile = options.inlineStyle || options.style === schema_1.Style.None;
+    const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+        options.skipTests ? (0, schematics_1.filter)((path) => !path.endsWith('.spec.ts.template')) : (0, schematics_1.noop)(),
+        skipStyleFile ? (0, schematics_1.filter)((path) => !path.endsWith('.__style__.template')) : (0, schematics_1.noop)(),
+        options.inlineTemplate ? (0, schematics_1.filter)((path) => !path.endsWith('.html.template')) : (0, schematics_1.noop)(),
+        (0, schematics_1.applyTemplates)({
+            ...schematics_1.strings,
+            'if-flat': (s) => (options.flat ? '' : s),
+            'ngext': options.ngHtml ? '.ng' : '',
+            ...options,
+        }),
+        !options.type
+            ? (0, schematics_1.forEach)(((file) => {
+                return file.path.includes('..')
+                    ? {
+                        content: file.content,
+                        path: file.path.replace('..', '.'),
+                    }
+                    : file;
+            }))
+            : (0, schematics_1.noop)(),
+        (0, schematics_1.move)(parsedPath.path),
+    ]);
+    return (0, schematics_1.chain)([
+        (0, add_declaration_to_ng_module_1.addDeclarationToNgModule)({
+            type: 'component',
+            ...options,
+        }),
+        (0, schematics_1.mergeWith)(templateSource),
+    ]);
+});

package/config/index.d.ts

@@ -7,4 +7,5 @@
  */
 import { Rule } from '@angular-devkit/schematics';
 import { Schema as ConfigOptions } from './schema';
-export default function (options: ConfigOptions): Rule;
+declare const _default: (options: ConfigOptions) => Rule;
+export default _default;

package/config/index.js

@@ -7,39 +7,32 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
 const schematics_1 = require("@angular-devkit/schematics");
 const promises_1 = require("node:fs/promises");
 const node_path_1 = require("node:path");
 const paths_1 = require("../utility/paths");
+const project_1 = require("../utility/project");
 const workspace_1 = require("../utility/workspace");
 const workspace_models_1 = require("../utility/workspace-models");
 const schema_1 = require("./schema");
-function default_1(options) {
+exports.default = (0, project_1.createProjectSchematic)((options, { project }) => {
     switch (options.type) {
         case schema_1.Type.Karma:
             return addKarmaConfig(options);
         case schema_1.Type.Browserslist:
-            return addBrowserslistConfig(options);
+            return addBrowserslistConfig(project.root);
         default:
             throw new schematics_1.SchematicsException(`"${options.type}" is an unknown configuration file type.`);
     }
-}
-function addBrowserslistConfig(options) {
-    return async (host) => {
-        const workspace = await (0, workspace_1.getWorkspace)(host);
-        const project = workspace.projects.get(options.project);
-        if (!project) {
-            throw new schematics_1.SchematicsException(`Project name "${options.project}" doesn't not exist.`);
-        }
-        // Read Angular's default vendored `.browserslistrc` file.
-        const config = await (0, promises_1.readFile)(node_path_1.posix.join(__dirname, '.browserslistrc'), 'utf8');
-        return (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
-            (0, schematics_1.filter)((p) => p.endsWith('.browserslistrc.template')),
-            (0, schematics_1.applyTemplates)({ config }),
-            (0, schematics_1.move)(project.root),
-        ]));
-    };
+});
+async function addBrowserslistConfig(projectRoot) {
+    // Read Angular's default vendored `.browserslistrc` file.
+    const config = await (0, promises_1.readFile)(node_path_1.posix.join(__dirname, '.browserslistrc'), 'utf8');
+    return (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+        (0, schematics_1.filter)((p) => p.endsWith('.browserslistrc.template')),
+        (0, schematics_1.applyTemplates)({ config }),
+        (0, schematics_1.move)(projectRoot),
+    ]));
 }
 function addKarmaConfig(options) {
     return (0, workspace_1.updateWorkspace)((workspace) => {

package/directive/index.d.ts

@@ -7,4 +7,5 @@
  */
 import { Rule } from '@angular-devkit/schematics';
 import { Schema as DirectiveOptions } from './schema';
-export default function (options: DirectiveOptions): Rule;
+declare const _default: (options: DirectiveOptions) => Rule;
+export default _default;

package/directive/index.js

@@ -7,12 +7,12 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
 const schematics_1 = require("@angular-devkit/schematics");
 const add_declaration_to_ng_module_1 = require("../utility/add-declaration-to-ng-module");
 const find_module_1 = require("../utility/find-module");
 const generate_from_files_1 = require("../utility/generate-from-files");
 const parse_name_1 = require("../utility/parse-name");
+const project_1 = require("../utility/project");
 const validation_1 = require("../utility/validation");
 const workspace_1 = require("../utility/workspace");
 function buildSelector(options, projectPrefix) {
@@ -25,29 +25,22 @@ function buildSelector(options, projectPrefix) {
     }
     return schematics_1.strings.camelize(selector);
 }
-function default_1(options) {
-    return async (host) => {
-        const workspace = await (0, workspace_1.getWorkspace)(host);
-        const project = workspace.projects.get(options.project);
-        if (!project) {
-            throw new schematics_1.SchematicsException(`Project "${options.project}" does not exist.`);
-        }
-        if (options.path === undefined) {
-            options.path = (0, workspace_1.buildDefaultPath)(project);
-        }
-        options.module = (0, find_module_1.findModuleFromOptions)(host, options);
-        const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
-        options.name = parsedPath.name;
-        options.path = parsedPath.path;
-        options.selector = options.selector || buildSelector(options, project.prefix || '');
-        (0, validation_1.validateHtmlSelector)(options.selector);
-        (0, validation_1.validateClassName)(schematics_1.strings.classify(options.name));
-        return (0, schematics_1.chain)([
-            (0, add_declaration_to_ng_module_1.addDeclarationToNgModule)({
-                type: 'directive',
-                ...options,
-            }),
-            (0, generate_from_files_1.generateFromFiles)(options),
-        ]);
-    };
-}
+exports.default = (0, project_1.createProjectSchematic)((options, { project, tree }) => {
+    if (options.path === undefined) {
+        options.path = (0, workspace_1.buildDefaultPath)(project);
+    }
+    options.module = (0, find_module_1.findModuleFromOptions)(tree, options);
+    const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
+    options.name = parsedPath.name;
+    options.path = parsedPath.path;
+    options.selector = options.selector || buildSelector(options, project.prefix || '');
+    (0, validation_1.validateHtmlSelector)(options.selector);
+    (0, validation_1.validateClassName)(schematics_1.strings.classify(options.name));
+    return (0, schematics_1.chain)([
+        (0, add_declaration_to_ng_module_1.addDeclarationToNgModule)({
+            type: 'directive',
+            ...options,
+        }),
+        (0, generate_from_files_1.generateFromFiles)(options),
+    ]);
+});

package/migrations/karma/karma-config-comparer.js

@@ -27,7 +27,7 @@ const karma_config_analyzer_1 = require("./karma-config-analyzer");
  * @returns The content of the default `karma.conf.js` file.
  */
 async function generateDefaultKarmaConfig(relativePathToWorkspaceRoot, projectName, needDevkitPlugin) {
-    const templatePath = posix_1.default.join(__dirname, '../../config/files/karma.conf.js.template');
+    const templatePath = require.resolve('../../config/files/karma.conf.js.template');
     let template = await (0, promises_1.readFile)(templatePath, 'utf-8');
     // TODO: Replace this with the actual schematic templating logic.
     template = template

package/migrations/migration-collection.json

@@ -1,4 +1,5 @@
 {
+  "encapsulation": false,
   "schematics": {
     "use-application-builder": {
       "version": "21.0.0",

package/module/index.d.ts

@@ -7,4 +7,5 @@
  */
 import { Rule } from '@angular-devkit/schematics';
 import { Schema as ModuleOptions } from './schema';
-export default function (options: ModuleOptions): Rule;
+declare const _default: (options: ModuleOptions) => Rule;
+export default _default;

package/module/index.js

@@ -40,7 +40,6 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
 const schematics_1 = require("@angular-devkit/schematics");
 const posix_1 = require("node:path/posix");
 const ts = __importStar(require("../third_party/github.com/Microsoft/TypeScript/lib/typescript"));
@@ -48,6 +47,7 @@ const ast_utils_1 = require("../utility/ast-utils");
 const change_1 = require("../utility/change");
 const find_module_1 = require("../utility/find-module");
 const parse_name_1 = require("../utility/parse-name");
+const project_1 = require("../utility/project");
 const validation_1 = require("../utility/validation");
 const workspace_1 = require("../utility/workspace");
 const schema_1 = require("./schema");
@@ -112,53 +112,51 @@ function buildRoute(options, modulePath) {
     const loadChildren = `() => import('${relativeModulePath}').then(m => m.${moduleName})`;
     return `{ path: '${options.route}', loadChildren: ${loadChildren} }`;
 }
-function default_1(options) {
-    return async (host) => {
-        if (options.path === undefined) {
-            options.path = await (0, workspace_1.createDefaultPath)(host, options.project);
-        }
-        if (options.module) {
-            options.module = (0, find_module_1.findModuleFromOptions)(host, options);
-        }
-        let routingModulePath;
-        const isLazyLoadedModuleGen = !!(options.route && options.module);
-        if (isLazyLoadedModuleGen) {
-            options.routingScope = schema_1.RoutingScope.Child;
-            routingModulePath = getRoutingModulePath(host, options.module);
-        }
-        const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
-        options.name = parsedPath.name;
-        options.path = parsedPath.path;
-        (0, validation_1.validateClassName)(schematics_1.strings.classify(options.name));
-        const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
-            options.routing || (isLazyLoadedModuleGen && routingModulePath)
-                ? (0, schematics_1.noop)()
-                : (0, schematics_1.filter)((path) => !path.includes('-routing')),
-            (0, schematics_1.applyTemplates)({
-                ...schematics_1.strings,
-                'if-flat': (s) => (options.flat ? '' : s),
-                lazyRoute: isLazyLoadedModuleGen,
-                lazyRouteWithoutRouteModule: isLazyLoadedModuleGen && !routingModulePath,
-                lazyRouteWithRouteModule: isLazyLoadedModuleGen && !!routingModulePath,
-                ...options,
-            }),
-            (0, schematics_1.move)(parsedPath.path),
-        ]);
-        const moduleDasherized = schematics_1.strings.dasherize(options.name);
-        const modulePath = `${!options.flat ? moduleDasherized + '/' : ''}${moduleDasherized}${options.typeSeparator}module.ts`;
-        const componentOptions = {
-            module: modulePath,
-            flat: options.flat,
-            name: options.name,
-            path: options.path,
-            project: options.project,
-            standalone: false,
-        };
-        return (0, schematics_1.chain)([
-            !isLazyLoadedModuleGen ? addImportToNgModule(options) : (0, schematics_1.noop)(),
-            addRouteDeclarationToNgModule(options, routingModulePath),
-            (0, schematics_1.mergeWith)(templateSource),
-            isLazyLoadedModuleGen ? (0, schematics_1.schematic)('component', componentOptions) : (0, schematics_1.noop)(),
-        ]);
+exports.default = (0, project_1.createProjectSchematic)(async (options, { tree }) => {
+    if (options.path === undefined) {
+        options.path = await (0, workspace_1.createDefaultPath)(tree, options.project);
+    }
+    if (options.module) {
+        options.module = (0, find_module_1.findModuleFromOptions)(tree, options);
+    }
+    let routingModulePath;
+    const isLazyLoadedModuleGen = !!(options.route && options.module);
+    if (isLazyLoadedModuleGen) {
+        options.routingScope = schema_1.RoutingScope.Child;
+        routingModulePath = getRoutingModulePath(tree, options.module);
+    }
+    const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
+    options.name = parsedPath.name;
+    options.path = parsedPath.path;
+    (0, validation_1.validateClassName)(schematics_1.strings.classify(options.name));
+    const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+        options.routing || (isLazyLoadedModuleGen && routingModulePath)
+            ? (0, schematics_1.noop)()
+            : (0, schematics_1.filter)((path) => !path.includes('-routing')),
+        (0, schematics_1.applyTemplates)({
+            ...schematics_1.strings,
+            'if-flat': (s) => (options.flat ? '' : s),
+            lazyRoute: isLazyLoadedModuleGen,
+            lazyRouteWithoutRouteModule: isLazyLoadedModuleGen && !routingModulePath,
+            lazyRouteWithRouteModule: isLazyLoadedModuleGen && !!routingModulePath,
+            ...options,
+        }),
+        (0, schematics_1.move)(parsedPath.path),
+    ]);
+    const moduleDasherized = schematics_1.strings.dasherize(options.name);
+    const modulePath = `${!options.flat ? moduleDasherized + '/' : ''}${moduleDasherized}${options.typeSeparator}module.ts`;
+    const componentOptions = {
+        module: modulePath,
+        flat: options.flat,
+        name: options.name,
+        path: options.path,
+        project: options.project,
+        standalone: false,
     };
-}
+    return (0, schematics_1.chain)([
+        !isLazyLoadedModuleGen ? addImportToNgModule(options) : (0, schematics_1.noop)(),
+        addRouteDeclarationToNgModule(options, routingModulePath),
+        (0, schematics_1.mergeWith)(templateSource),
+        isLazyLoadedModuleGen ? (0, schematics_1.schematic)('component', componentOptions) : (0, schematics_1.noop)(),
+    ]);
+});

package/ng-new/schema.d.ts

@@ -140,7 +140,6 @@ export type CommitObject = {
  */
 export declare enum PackageManager {
     Bun = "bun",
-    Cnpm = "cnpm",
     Npm = "npm",
     Pnpm = "pnpm",
     Yarn = "yarn"
@@ -152,7 +151,8 @@ export declare enum Style {
     Css = "css",
     Less = "less",
     Sass = "sass",
-    Scss = "scss"
+    Scss = "scss",
+    Tailwind = "tailwind"
 }
 /**
  * Sets the view encapsulation mode for components in the initial project. This determines